html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:ivory;font-family:Calibri}*{margin:0;padding:0}html,body{overflow:hidden}canvas{z-index:49}.topButton{font-size:2.75vw;position:relative;flex:1;display:flex;justify-content:center;align-items:center;background-color:#203c6e;height:90%;width:90%;color:#d3dee5;transition:.5s;z-index:100;border-radius:.2vw;margin:.8vw}.leftBarDetails>div{cursor:pointer}.leftBarDetails{display:flex;background-color:#d3dee5;flex-direction:row;align-items:center;border-radius:.2vw;filter:drop-shadow(.25rem .25rem .25rem #1c20277e)}.sideButtonIcon{padding:5% 0%}#sidebarLeft{position:fixed;left:40%}#topBar-Wrapper{width:20%}.info{position:fixed;top:3%;left:3%;padding:20px;transition:.5s;cursor:pointer;z-index:60}.info>a>img{height:17.5%;width:17.5%;display:block}.project{position:fixed;top:3%;right:3%;width:50%;z-index:60;padding:20px;transition:.5s}.project>a>img{height:30%;width:30%;float:right}.container{display:flex;height:100%;width:100%}.hudLeft{position:fixed;bottom:25%;width:10em;right:80%;flex:0 0 10%;text-align:center;opacity:1;font-size:1.5em;display:flex;color:#d3dee5;flex-direction:column;border-bottom-right-radius:2em;padding:1em}#sidebarLeft{top:85%;width:25%;left:37.5%;position:fixed}#sidebar{position:fixed;top:25%;left:70%;right:10%;flex:0 0 10%;display:none;flex-direction:column;opacity:1;font-size:1vw;opacity:0;transform:translate3d(0,-20%,0);animation:fadeInSidebar 1s ease-in both}@keyframes fadeInSidebar{0%{opacity:0;transform:translate3d(0,-20%,0)}to{opacity:1;transform:translateZ(0)}}.highlightName{background-color:#203d6e4f;font-size:1.5em;display:flex;width:100%;align-items:center;padding:5%;color:#d3dee5;border:#D3DEE5 solid;border-bottom:none;text-transform:uppercase;font-weight:700;position:relative;overflow:hidden}.highlightName:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleX(0);transform-origin:right;transition:transform .5s}.wipe-effect:before{transform:scaleX(1)}.highlightDetails>div{padding:2% 1%}.highlightDetails{font-size:1.1em;display:flex;border:#D3DEE5 solid;border-top:none;background-color:#203d6e4f;color:#d3dee5;flex-direction:column;border-bottom-right-radius:2em;height:100%;width:100%;padding:5%;max-height:50vh;overflow-y:auto}.highlightDetails:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#203c6e;transform:scaleX(0);transform-origin:right;transition:transform 1s}.label>div{position:absolute;background:#00000088;color:#fff;padding:15px;white-space:nowrap;overflow:hidden;border-radius:30px;user-select:none}.slide_left:hover{box-shadow:inset 0 0 0 50px #203c6e}.logout{float:right;border:2px solid #203C6E;background-color:#203d6e4f;color:#d3dee5;border-radius:0;padding:18px 36px;display:block;font-size:2rem;letter-spacing:1px;cursor:pointer;box-shadow:inset 0 0 #203c6e;-webkit-transition:ease-out .4s;-moz-transition:ease-out .4s;transition:ease-out .4s}.logincontainer{background-color:#203d6e4f;top:30%;left:25%;right:25%;position:absolute;margin:0 auto;padding:1%;color:#d3dee5;border-radius:1%;width:33.3vw;box-sizing:border-box;font-size:1.25vw;z-index:100;outline:solid #d3dee5;outline-offset:-.075rem;filter:drop-shadow(.25rem .25rem .25rem #1c20277e)}form .data label{font-size:1.25vw}form .data input{color:#203c6e;height:100%;width:100%;font-size:1.25vw;border:1px solid rgb(23,56,145)}form .data input:hover{border-color:#00b3c7;border-bottom-width:2px}form .forgot-pass a{color:#00b3c7;text-decoration:none}form .forgot-pass a:hover{text-decoration:underline}form .btn{margin:30px 0;height:45px;width:100%;position:relative;overflow:hidden}form .btn .inner{height:100%;width:300%;position:absolute;left:-100%;background:#D3DEE5;z-index:-1;transition:all .4s}form .btn:hover button{font-size:20px}form .btn button{height:100%;width:100%;background:none;border:none;color:#203c6e;font-size:1.25vw;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer}form .signup-link{text-align:center}form .signup-link a{color:#00b3c7;text-decoration:none}form .signup-link a:hover{text-decoration:underline}.victory-axis-label{font-size:1000px}.victory-group{font-size:0}.victory-container{width:100%;height:100%}.VictoryContainer{width:33.3vw;user-select:none;pointer-events:none;touch-action:none;position:fixed;z-index:100000;background:#D3DEE5}#username{position:relative;top:2%;font-size:1.25em}.graphContainer{height:100%;text-align:center;color:#fff}#imuData{float:right;width:40%;margin-right:5%}#displacementMap{width:40%;margin-left:5%;float:left}#analysisTitle{display:flex;flex-direction:column;align-items:center;margin-top:2.5%;color:#fff;text-align:center;padding:1em;box-sizing:border-box}#analysisTitle>button{margin-top:1em;border:2px solid #D3DEE5;background-color:#203c6e;font-size:.75em;color:#d3dee5;border-radius:0;padding:1.25em 2em;z-index:55}#displacementMap>img{width:100%;height:45vh;display:block}#imuData>img{width:100%;height:45vh;display:block}.AnalysisContainer{width:100%;background-color:transparent;height:100%;position:fixed;color:#d3dee5;font-size:1.25vw;background-color:#203c6e;z-index:55;display:flex;flex-direction:column;align-items:center;transition:background-color 5.5s ease}.AnalysisContainer>h1{display:block;margin:5% auto auto}.dataDate{display:flex;justify-content:center;position:absolute;bottom:15%;width:100%;padding:0 10%}.startDateContainer,.endDateContainer{display:flex;align-items:center;font-size:1.25vw}.startDateContainer{margin-right:20%}.startDateContainer>input,.endDateContainer>input{margin-left:2em}.refreshContainer>button{margin-bottom:40%;border:2px solid #D3DEE5;background-color:#203c6e;font-size:.75em;color:#d3dee5;border-radius:0;padding:1.25em 2em;z-index:55}.collapsible{background-color:#d3dee5;color:#444;cursor:pointer;padding:15px;width:100%;border:none;text-align:left;outline:none;font-size:15px}.collapsible:hover{background-color:#ccc}.collapsible:after{content:"+";color:#777;font-weight:700;float:right;margin-left:5px}button.collapsible.active:after{content:"−"}.content{height:100%;transition:max-height 6.2s ease-out}.highlightDetails::-webkit-scrollbar{width:.5em}.highlightDetails::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #1c20277e}.highlightDetails::-webkit-scrollbar-thumb{background-color:#d3dee5;border-radius:.3em}.Tester{position:fixed;width:100vw;height:100vw;background-color:red}.lightWeightChart{height:75vh}