*{box-sizing:border-box}body,html{margin:0;height:100%;overflow:hidden}html{--blue:#61dafb;--glow:#f3c90e}@font-face{font-family:"Red Hat Display";src:local("Red Hat Display"),url(/static/media/RedHatDisplay-Regular.e4690c07.ttf) format("truetype")}@font-face{font-family:"Red Hat Display";font-weight:500;src:local("Red Hat Display"),url(/static/media/RedHatDisplay-Medium.ece83a25.ttf) format("truetype")}@font-face{font-family:"Red Hat Display";font-weight:700;src:local("Red Hat Display"),url(/static/media/RedHatDisplay-Bold.b1c152bb.ttf) format("truetype")}body{font-family:"Red Hat Display",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#040404;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h1,h2,h3,h4,h5,h6{margin:0}#map{height:100%}.leaflet-container{min-height:100%;min-width:100%}.leaflet-control-container{position:absolute;top:40px}.mod-leaflet-popup .leaflet-popup-content-wrapper{padding:0;border-radius:0;margin:0;background:hsla(0,0%,100%,.65)}.mod-leaflet-popup .leaflet-popup-content{margin:0}.mod-leaflet-popup .leaflet-popup-close-button{font-size:2.5rem!important;color:#000!important;right:-17px!important;transition:all .2s}.mod-leaflet-popup .leaflet-popup-close-button:active,.mod-leaflet-popup .leaflet-popup-close-button:focus,.mod-leaflet-popup .leaflet-popup-close-button:hover{color:red!important}.mod-leaflet-popup .device-element,.mod-leaflet-popup .trip-element{margin:0}.main-page{min-width:100vw;min-height:100vh;max-width:100vw;max-height:100vh;background-color:#282c34;display:grid;grid-template-columns:.5fr 1fr .5fr;grid-template-rows:40px 1fr;grid-template-areas:"nav nav nav" "lab inner trips"}.user-nav{margin:0 auto;width:100%;height:100%;background:hsla(0,0%,100%,.35);border-bottom:#d3d3d3;display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-shadow:0 3px 7px 0 rgba(0,0,0,.3)}@media (max-width:400px){html{font-size:.5rem}.nav-gradient-div{display:none}}@media (max-width:600px){html{font-size:.85rem}.nav-gradient-div{display:none}.user-nav{background:#fff}.main-page{grid-template-columns:1fr;grid-template-rows:40px 1fr;grid-template-areas:"nav" "inner"}}.upperclass{display:flex;justify-content:center;align-items:center;width:52px;height:26px;border:1px solid #000;border-radius:13px;background:#fff;font-size:1.25rem}.testing-relative-button{position:absolute;left:10px;top:10px;width:100px;height:100px;z-index:1000}.App-logo{height:20vmin;border-radius:20vmin;pointer-events:none;margin:2rem;transition:2s;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all 1s ease-in-out}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.login-page{background-color:#282c34;height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(12px + 2vmin);color:#fff}.app-main-page{min-height:100vh;min-width:100vw;position:fixed}.any-page{background-color:#282c34;min-height:100vh}.devices-page{display:grid;grid-template:50px 1fr/1fr;width:100vw;height:100vh}.tri-column-grid{display:grid;grid-template:1fr/1fr 1fr 1fr}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-menu{width:50%;display:flex;flex-direction:row}a{text-decoration:none;flex-grow:1}.menu-element{color:#fff;margin:1rem;flex-grow:1;border:1px solid grey;border-radius:17px;padding:1rem;transition:.5s}.menu-element:active,.menu-element:focus,.menu-element:hover{color:#282c34;background:#f0f0f0;border:1px solid #fff;box-shadow:0 0 8px 0 #abc8c9}.gap{width:1rem}.grow1{flex-grow:1}.grow3{flex-grow:3}.logo-area{display:flex;flex-direction:row;align-items:center;font-size:2rem}.selected-device-element{background:pink}.sensor-element{font-size:.75em;border:1px solid rgba(0,0,0,.27);padding:.2rem .4rem;border-radius:5px;margin:.2rem .1rem;flex-grow:1}.flex-bar{flex-direction:row;height:100%}.flex-bar,.flex-col{display:flex;justify-content:space-between;align-items:center}.flex-col{flex-direction:column}.simulator{border:1px solid grey}.lab{background:hsla(0,0%,100%,.72);transition:all 1s ease;transform:translateX(-100%);box-shadow:0 3px 5px 4px rgba(0,0,0,.27)}.lab-show{transform:translateX(0);opacity:1}.inner-box{width:100%;height:100%;box-shadow:inset 0 5px 15px 9px rgba(0,0,0,.37);pointer-events:none}.console-fetching{border:1px solid grey;border-radius:25px;padding-right:10px}.smaller-font{font-size:70%}.bigger-font{font-size:110%}.centered-row,.icon-info-bar{display:flex;flex-direction:row;align-items:center}.icon-info-bar>i{border-radius:3px;font-size:85%;padding:.25rem .5rem;border:none;background:none}.ert{display:flex;flex-direction:row;font-size:1.5rem}.ert button{padding:.5rem;margin:.2rem}.grid-toolbar{display:grid;grid-template-rows:1fr;grid-template-columns:1fr}.grid-center{grid-column:1;grid-row:1;align-self:center;justify-self:center}.rotate{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.default-button,.disabled-button{font-size:1.25em;color:#213a57;padding:.25rem .5rem;border:none;background:none;cursor:pointer;transition:all .2s ease;margin-left:2px}.default-button:active,.default-button:focus,.default-button:hover{transform:scale(1.2) translateY(-3px);outline:0}.text-button{cursor:pointer;transition:all .2s ease;color:#213a57}.text-button:active,.text-button:focus,.text-button:hover{color:#e79b0e;outline:0}.nav-button{font-size:1.5rem}.nav-button:active,.nav-button:focus,.nav-button:hover{transform:scale(1.4);outline:0}.button-color-off{color:#213a57}.button-color-on{color:#135ce4}.circular-button{cursor:pointer;margin:0;color:#213a57;position:absolute;z-index:2;font-size:2.25rem;padding:.05rem;height:4rem;width:4rem;border:none;border-radius:2rem;background:hsla(0,0%,100%,.72);box-shadow:0 0 9px 5px rgba(0,0,0,.2);transition:all .3s ease}.circular-button:active,.circular-button:focus,.circular-button:hover{outline:0;transform:rotate(5deg) scale(1.1);box-shadow:0 0 9px 5px rgba(1,13,53,.4)}.button-left-bottom{left:1.5rem}.div-center-bottom{position:absolute;bottom:1rem;left:calc(50% - 2rem);width:0}.button-center-bottom{position:relative;height:6rem;width:6rem;border-radius:3rem;left:calc(50% - 1rem)}.button-right-bottom{right:1.5rem}.red-button{color:red}.green-button{color:green}.big-toolbar-container{display:flex;flex-direction:column}.big-toolbar-container,.scrollable-big-toolbar{background:hsla(0,0%,100%,.35);min-height:100%;max-height:100%;box-shadow:0 4px 8px 2px rgba(0,0,0,.61)}.scrollable-big-toolbar{overflow-y:scroll;flex-grow:1}.trip-element{border-left:5px solid #193b7a;margin-right:.25rem}.trip-element,.trip-element-left{background:#fdfdfd;box-shadow:0 3px 4px 0 rgba(0,0,0,.43);margin-bottom:.6rem}.trip-element-left{border-right:5px solid #193b7a;margin-left:.25rem;padding:.25rem .5rem}.trip-title{position:-webkit-sticky;position:sticky;top:0;background:#fff;padding-left:.25rem;padding-top:.35rem;padding-bottom:.25rem;box-shadow:0 3px 8px 0 rgba(0,0,0,.63);margin-bottom:.5rem}.device-element{background:#fdfdfd;border-left:5px solid #e79b0e;box-shadow:0 3px 8px 0 rgba(0,0,0,.43);margin-bottom:.6rem;margin-right:.25rem;padding-right:.25rem;padding-left:.25rem}.device-title{background:#fff;padding-left:.25rem;position:-webkit-sticky;position:sticky;top:0;padding-bottom:.25rem;box-shadow:0 3px 8px 0 rgba(0,0,0,.63);margin-bottom:.5rem}.show-focus{border:5px solid #103c6e;box-shadow:0 0 6px 3px rgba(19,32,143,.5)}.show-focus-device{border:2px solid #ebb90a;border-left-width:8px;box-shadow:0 0 6px 3px rgba(235,185,10,.1)}.dev-panel{overflow-y:hidden;min-height:100%;max-height:100%;display:flex;flex-direction:column}.dev-panel,.error-panel{background:#fff}.error-panel p{margin:0}
/*# sourceMappingURL=main.16e59e85.chunk.css.map */