@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{position:relative;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{border-radius:5px;margin:5px}#side-panel{width:calc(100vw - 740px);min-width:600px;height:100%;position:relative;margin:0;padding:0}#side-panel-navbar{width:calc(100vw - 740px);min-width:705px;font-size:13px;position:absolute;top:2px;left:0;height:25px;border-radius:2px;background:#090c9b;color:#fff}#side-panel-navbar ul{height:100%;list-style-type:none;margin:0;padding:0}#side-panel-navbar li{width:100px;display:inline-flex;justify-content:center;align-items:center;height:100%;float:left;padding:0 10px}#side-panel-navbar .active{background-color:#3e92cc}#side-panel-navbar li:hover:not(.active){background-color:#154acc}#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:2.5px solid #3c3744;border-radius:15px;font-size:13px;color:#3c3744;font-weight:700;background:#3c3744}#toggle-button div{z-index:1;border-radius:15px;margin:.5px;padding:2px 6px;text-align:center;-webkit-user-select:none;user-select:none;background:none}#toggle-button:before{content:"";position:absolute;width:50%;height:calc(100% - 5px);top:2.5px;left:2.5px;border-radius:15px;background:#fff;transition:all .3s ease-in-out}#toggle-checkbox:checked+#toggle-button:before{left:calc(50% - 2.5px)}#toggle-checkbox:checked+#toggle-button div:first-child{color:#fff;transition:.3s ease-in-out}#toggle-checkbox:checked+#toggle-button div:last-child{color:#3c3744;transition:.3s ease-in-out}#toggle-checkbox:not(:checked)+#toggle-button div:first-child{color:#3c3744;transition:.3s ease-in-out}#toggle-checkbox:not(:checked)+#toggle-button div:last-child{color:#fff;transition:.3s ease-in-out}.no-text-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}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{height:60%;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}#footer{font-size:12px;padding:2px}#footer p{margin:5px;padding:0}#footer img{margin-left:5px}#joint-coordinate-system{height:calc(100vh - 15px);width:600px;background:#eaeaea;box-sizing:border-box}#joint-coordinate{background-color:#fff;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}#save-JCS-button{position:absolute;top:155px;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-container{padding:0;margin:0}#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{background:#fff;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{background-color:#fff;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{padding-top:30px;height:calc(100vh - 30px);width:calc(100vw - 740px);min-width:705px;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{background-color:#fff;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%}#alignment-save-button{position:absolute;top:31px;right:-10px;width:30px;height:30px;opacity:80%}#alignment-canvas-container{margin:0;padding:0}#shape-analysis{position:relative;background-color:#fff;width:100%;height:calc(100vh - 412.5px);display:flex;flex-wrap:wrap;overflow-y:auto;margin:0;justify-content:center;align-content:flex-start}#scatter-mode-selector{position:absolute;top:0;left:275px}#shape-analysis>div{margin:5px 5px 0;padding:0}#shape-analysis svg{padding-top:5px;width:330px;height:140px;border:1px dashed #000;box-sizing:border-box}.scatterplot-canvas{width:330px;height:140px;transform:translateY(-7.5px);fill:#fff}.scatter-container{position:relative;width:330px;height:140px}.scatter-canvas-container{margin:0;padding:0}.scatter-reset-button{position:absolute;top:0;right:0;width:22px;height:22px;opacity:80%}.show-equation-icon{position:absolute;top:23px;right:0;width:22px;height:22px;opacity:80%}.show-trend-icon{position:absolute;top:46px;right:0;width:22px;height:22px;opacity:80%}.save-scatter-button{position:absolute;top:69px;right:0;width:22px;height:22px;opacity:80%}.fitted-equations{display:flex;align-items:center;justify-content:center;position:absolute;top:22.5px;right:22.5px;width:200px;height:60px;font-size:10px;margin:0;padding:5px;border:#ccc solid 1px;background-color:#fff;pointer-events:none;z-index:-1}.show-equation-icon:hover+.fitted-equations:not(.no-hover){z-index:100}.scatter-title{font-size:14px}.scatter-trend-info text{text-anchor:start;font-size:10px}#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{padding-top:16.5px;height:calc(100vh - 26px);width:calc(100vw - 740px);min-width:600px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;box-sizing:border-box;transform:translateY(13.5px)}#geometry-vis-container{position:relative;height:100%;width:100%;background:#fff;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;box-sizing:border-box;margin:0}#geometry-vis-container h3{text-align:center;width:100%}#geometry-vis-render-container{height:90%;width:98%;box-sizing:border-box}#geometry-vis-gui-container{position:absolute;top:62px;right:3px}#geometry-vis-gui-container div{border-radius:0}#comparison-panel{position:relative;padding-top:16.5px;height:calc(100vh - 26px);width:calc(100vw - 740px);min-width:705px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;box-sizing:border-box;transform:translateY(13.5px)}#plot-selector{position:absolute;top:16.5px;right:0;z-index:1}#pcp,#spider,#hypercube{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;background:#fff;margin:0;padding:0;position:relative}#spider{background:#eaeaea}#spider h4{font-size:small;margin:.4em;padding:0;text-align:center}#spider-main,#area-scatterplots{display:flex;align-items:center;padding:0;width:100%;background:#fff}#spider-main{height:360px;flex-direction:column;margin:0 0 10px;justify-content:space-between}#area-comparison{margin:0}#spider-canvas-container{margin:0;padding:0}#spider-canvas{height:310px;width:700px}#save-spider-button{width:30px;height:30px;position:absolute;top:30px;left:30px}#pcp-canvas-container{display:flex;justify-content:center;width:700px;height:700px;margin:0;padding:0;position:relative}#pcp-container,#origin-container,#hypercube-container{height:90%;width:98%;box-sizing:border-box}#pcp-container,#origin-container{width:700px;height:650px;position:absolute;top:0;left:0}#save-pcp-button{position:absolute;top:60px;right:60px;height:30px;width:30px;z-index:2}#origin-container{pointer-events:none;background:transparent}#area-scatterplots{position:relative;background-color:#fff;width:100%;height:calc(100vh - 412.5px);flex-wrap:wrap;overflow-y:auto;margin:0;justify-content:center;align-content:flex-start}#area-scatterplots>div{margin:5px 5px 0;padding:0}#area-scatterplots svg{padding-top:5px;width:330px;height:140px;border:1px dashed #000;box-sizing:border-box}#hypercube-gui-container{position:absolute;top:60px;right:3px}#hypercube-gui-container div{border-radius:0}#dynamic-jcs{position:relative;padding-top:16.5px;height:calc(100vh - 26px);width:calc(100vw - 740px);min-width:705px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;box-sizing:border-box;transform:translateY(13.5px)}#save-dynamic-jcs-button{position:absolute;height:30px;width:30px;top:60px;right:46px}#dynamic-jcs-canvas-container{margin:0;padding:0;box-sizing:border-box}#dynamic-jcs-container{position:relative;height:100%;width:100%;background:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box;margin:0}#dynamic-jcs-canvas{width:550px;height:550px;border:#ddd solid 1px}#dynamic-jcs-panel{font-size:12px;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 10px;box-sizing:border-box}#dynamic-jcs-control{width:48%;box-sizing:border-box}#dynamic-jcs-result{display:flex;justify-content:center;align-content:center;width:48%;height:100%}#dynamic-jcs-result>div{display:flex;flex-direction:column;justify-content:center;width:100%;background-color:#f1f3f4;padding:0 20px;box-sizing:border-box}#dynamic-jcs-control .parameter{width:100%;display:flex;justify-content:space-between;align-items:center}