@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap";html,body,#root{background-color:#eaeaea;color:#3c3744;font-family:Roboto,sans-serif;margin:0;padding:0;height:100%}main{margin-left:120px;height:100vh;display:flex;flex-wrap:wrap;box-sizing:border-box;overflow:auto;justify-content:flex-start;align-items:center;transition:background .3s,color .3s}main div{background-color:#fff;border-radius:5px;margin:5px}#toggle-container{position:absolute;top:2px;left:735px}#toggle-checkbox{display:none}#toggle-button{display:grid;grid-template-columns:repeat(2,1fr);width:fit-content;border:2px solid #3c3744;border-radius:15px;font-size:13px;color:#3c3744;font-weight:700;background:#3c3744}#toggle-button div{z-index:2;border-radius:15px;margin:.5px;padding:2px 6px;text-align:center;-webkit-user-select:none;user-select:none}#toggle-checkbox:checked+#toggle-button .slider-thumb{transform:translate(100%)}#toggle-checkbox:not(:checked)+#toggle-button div:first-child{background:#fff;color:#3c3744}#toggle-checkbox:not(:checked)+#toggle-button div:last-child{background:#3c3744;color:#fff}#toggle-checkbox:checked+#toggle-button div:first-child{background:#3c3744;color:#fff}#toggle-checkbox:checked+#toggle-button div:last-child{background:#fff;color:#3c3744}nav{width:120px;height:100%;background-color:#0a2463;position:fixed;overflow:auto;display:flex;flex-direction:column;align-items:center;color:#fff}nav h1{height:20%;min-height:80px;font-size:20px;text-align:center}nav ul{width:100%;list-style-type:none;margin:0;padding:0}nav li{margin:0;display:block;font-size:14px;text-align:left;padding:5px 10px;text-decoration:none}nav .active{background-color:#3e92cc}nav li:hover:not(.active){background-color:#154acc}#joint-coordinate-system{height:calc(100vh - 15px);width:600px;background:#eaeaea;box-sizing:border-box}#joint-coordinate{position:relative;height:600px;margin:0 0 10px;overflow:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;box-sizing:border-box}#show-correlation-button{position:absolute;top:0;right:0;width:30px;height:30px}#show-centroid-button{position:absolute;top:31px;right:0;width:30px;height:30px}#inspect-button{position:absolute;top:62px;right:0;width:30px;height:30px}#display-origin-button{position:absolute;top:93px;right:0;width:30px;height:30px}#color-block-button{position:absolute;top:124px;right:0;width:30px;height:30px}#joint-coordinate h3{margin-bottom:0;margin-top:10px}#joint-coordinate text{font-size:10px;fill:#000}.axis-title{font-weight:700}#joint-coordinate-canvas{width:100%;height:490px}#colorscale{width:100%;height:55px}#colorscale-content{transform:translate(100px,20px)}#colorscale-axis{transform:translate(100.5px,20px)}#colorscale-axis>text{transform:translate(200px,30px)}#data-tooltip-text{font-size:10px}#color-scheme-menu-icon{position:absolute;top:10px;left:10px;width:30px;height:30px}.rotate{animation:oneRoundRotation .5s ease-in-out}@keyframes oneRoundRotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#color-scheme-menu{width:250px;top:35px;left:0;font-size:12px;position:absolute;padding-top:0;padding-bottom:0;overflow-y:auto;box-sizing:border-box;border:1px solid #eaeaea;box-shadow:2px 2px 2px #eaeaea}#color-scheme-menu>div{display:flex;justify-content:space-between;align-items:center;margin:0 0 3px;padding:0 5px;height:27px;box-sizing:border-box;border:2px solid}#color-scheme-menu>div:last-child{margin-bottom:0}#color-scheme-menu h4{margin:0;height:12px;width:80px;text-align:center}#color-scheme-blocks{box-sizing:border-box;height:100%;width:90%;display:flex;align-items:center;margin:0;gap:5px}#color-scheme-blocks>div{width:18px;height:18px;border-radius:2px;margin:0}#color-gradient-button{width:16px;height:16px;opacity:80%}#control-panel{width:100%;min-width:600px;padding:0;margin:0;height:calc(100vh - 625px);font-size:12px;justify-content:space-between;box-sizing:border-box;display:inline-flex;background:#eaeaea}#data-selector,#variable-selector{height:100%;box-sizing:border-box;margin:0;padding:1px}#data-selector{width:calc(45% - 10px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin:0;box-sizing:border-box;padding:5px 10px;overflow:auto}#data-selector>div{width:100%}#filename{overflow-x:auto}#example-data-selector{font-size:12px;width:200px}#data-selector div{margin-bottom:5px}#custom-data>input{font-size:12px}#variable-selector{position:relative;width:55%;overflow:visible;margin:0;padding:5px 10px;box-sizing:border-box}#variable-selector-title,#variables>div{box-sizing:border-box;border-radius:0;height:25px;display:flex;align-items:center;justify-content:space-between;margin:0 0 2px;padding:1px 5px}#variables>div{border:1px solid #ccc;box-shadow:2px 2px 2px #eaeaea}#variables{max-height:calc(100% - 25px);border-radius:0;margin:0;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}#variables::-webkit-scrollbar{display:none}#variable-selector p{background:none;margin:0;padding:0;display:inline}.variable-row.dragged,.variable-row.dragged div{opacity:.5;background-color:#eaeaea}#controller-title{width:55px;display:flex;gap:11px}.variables{width:75%;max-height:100%;box-sizing:border-box;white-space:nowrap;overflow-x:auto}.variable-controllers{display:flex;align-items:center;justify-content:space-between;width:20%;box-sizing:border-box}.drag-and-drop-icons{width:10px;height:10px;opacity:50%}#start-render-icon{position:absolute;width:20px;height:20px;top:5px;right:10px}#analysis-panel{height:calc(100vh - 15px);width:calc(100vw - 740px);min-width:600px;background:#eaeaea;box-sizing:border-box}#analysis-panel h3{font-size:medium;text-align:center;width:100%;margin-bottom:0;margin-top:5px}#analysis-panel h4{font-size:small;text-align:center;width:100%;margin-bottom:0;margin-top:5px}#polygon-alignment{width:100%;height:360px;margin:0 0 10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;overflow-y:auto}#polygon-alignment svg{margin-inline:10px}#alignment-container{position:relative;width:330px;height:330px}#alignment-reset-button{position:absolute;top:0;right:-10px;width:30px;height:30px;opacity:80%}#shape-analysis{width:100%;height:calc(100vh - 385px);display:flex;flex-wrap:wrap;overflow-y:auto;margin:0;justify-content:center;align-content:flex-start}#shape-analysis>div{margin:5px;padding:0}#shape-analysis svg{width:330px;height:150px;border:1px dashed #000;box-sizing:border-box}.scatterplot-canvas{width:330px;height:150px;fill:#fff}.scatter-container{position:relative;width:330px;height:150px}.scatter-reset-button{position:absolute;top:0;right:0;width:30px;height:30px;opacity:80%}.scatter-title{font-size:14px}#geom-data-selector{padding:0;margin:0;width:100%;box-sizing:border-box}#geom-data-selector fieldset{margin-top:5px;margin-bottom:5px}#geometry-vis{height:calc(100vh - 15px);width:calc(100vw - 740px);min-width:600px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background:#fff;box-sizing:border-box}#geometry-vis h3{text-align:center;width:100%;margin-bottom:0;margin-top:5px}#geometry-vis-container{height:90%;width:98%;box-sizing:border-box}