@import"https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap";html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;font:16px/1 sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,blockquote,figure,ol,ul{margin:0;padding:0}main,li{display:block}h1,h2,h3,h4{font-size:inherit}strong{font-weight:bold}a,button{color:inherit;transition:.3s}a{text-decoration:none}button{overflow:visible;border:0;font:inherit;-webkit-font-smoothing:inherit;letter-spacing:inherit;background:none;cursor:pointer}::-moz-focus-inner{padding:0;border:0}:focus{outline:0}img{max-width:100%;height:auto;border:0}body{overflow:hidden}.main{position:relative;width:100%;height:100vh}#loading{font-family:roboto,"helvetica neue",helvetica,arial,sans-serif;position:absolute;top:calc(50% - 20px);left:calc(50% - 35px)}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;font:16px/1 sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,blockquote,figure,ol,ul{margin:0;padding:0}main,li{display:block}h1,h2,h3,h4{font-size:inherit}strong{font-weight:bold}a,button{color:inherit;transition:.3s}a{text-decoration:none}button{overflow:visible;border:0;font:inherit;-webkit-font-smoothing:inherit;letter-spacing:inherit;background:none;cursor:pointer}::-moz-focus-inner{padding:0;border:0}:focus{outline:0}img{max-width:100%;height:auto;border:0}body{overflow:hidden}.main{position:relative;width:100%;height:100vh}#loading{font-family:roboto,"helvetica neue",helvetica,arial,sans-serif;position:absolute;top:calc(50% - 20px);left:calc(50% - 35px)}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;font:16px/1 sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,blockquote,figure,ol,ul{margin:0;padding:0}main,li{display:block}h1,h2,h3,h4{font-size:inherit}strong{font-weight:bold}a,button{color:inherit;transition:.3s}a{text-decoration:none}button{overflow:visible;border:0;font:inherit;-webkit-font-smoothing:inherit;letter-spacing:inherit;background:none;cursor:pointer}::-moz-focus-inner{padding:0;border:0}:focus{outline:0}img{max-width:100%;height:auto;border:0}body{overflow:hidden}.main{position:relative;width:100%;height:100vh}#loading{font-family:roboto,"helvetica neue",helvetica,arial,sans-serif;position:absolute;top:calc(50% - 20px);left:calc(50% - 35px)}#UIContainer{position:fixed;right:22px;top:22px;column-count:1}#add-object-button{width:45px;height:45px;z-index:1;position:relative;margin:0;margin-right:5%;float:left;color:#fff;border:0px;border-radius:50%;display:inline-block;padding:0px;padding-bottom:5px;cursor:pointer;font-size:40px}#add-cone span,#add-trajectory span{width:57%}#add-trajectory{margin-top:-15px !important}#add-trajectory.active span{background-color:#ff3574}#delete-cone{margin:.6em 0}#guis{position:fixed;top:45px;right:45px;width:260px;border-radius:12px;color:#5d5e5d;background-color:#fff;font-family:roboto,"helvetica neue",helvetica,arial,sans-serif;line-height:20px;box-shadow:0 0 5px #aaa;transition:background-color 200ms ease,color 200ms ease,opacity 200ms ease;-webkit-transition:background-color 200ms ease,color 200ms ease,opacity 200ms ease}#guis>div{padding:15px;position:relative}#guis h4{position:relative;margin:0;margin-top:.2em;font-weight:400;text-align:center}.top-gui{width:26%;margin-top:5px;font-size:.95em;padding:5px 2.7%;display:inline-block;background-color:#f0f0f0}.left-panel{margin-right:3px;border-radius:9px 0 0 9px}.left-panel-zone{border-radius:9px 0 0 9px}.right-panel{margin-left:3px;border-radius:0 9px 9px 0}#guis h4+*{margin-top:.6em}#guis div>span{font-size:.78em;vertical-align:top}#guis .property{font-weight:bold;display:inline-block;width:70px;position:absolute}#guis .valueSpan{cursor:pointer;display:inline-block;overflow:hidden;text-overflow:ellipsis}#guis .button{background-color:#0d93cc;font-family:roboto,"helvetica neue",helvetica,arial,sans-serif;color:#fff;font-weight:bold;border-radius:8px;padding:1.5% 4%;text-align:center;margin:0 auto;display:table}#guis{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.property+.valueSpan{margin-left:80px}#guis.editor{background-color:#555;color:#fff}#guis.editor .top-gui{color:#5d5e5d}#guis.editor .valueSpan{border-bottom-color:#fff}#guis.editor .edit-toggle{color:#f53d8e;font-weight:bold;font-size:.89em}#guis.editor .center-panel{cursor:"not-allowed";background-color:#8d8e8d}#guis .title{position:relative;top:-10px;color:#000}#guis.editor .title{position:relative;top:-10px;color:#fff}#guis .fcone,#guis #fileTextStatus{height:1.2em;max-width:100px}#guis #fileTextStatus{height:20px;max-width:100px}#guis .remove-file{padding:0 2px;margin:0 2px;color:#f44b76;cursor:pointer;font-size:20px;line-height:11px;display:inline-block;vertical-align:top;font-weight:bold}#guis .remove-file:hover{color:pink}#guis .cone,#guis.editor .cone{color:#000;font-weight:bold;padding-top:22px}#guis .cone .valueSpan,#guis.editor .cone .valueSpan{border-bottom-color:#555}.cone{border-radius:12px;width:80%;margin:-10% 14px 5% 14px}#guis .cone{padding-left:10px}#guis .cone .nav-cone{top:6px;padding-left:36px;padding-right:36px}#guis.editor .nav-object{color:#fff}#guis.editor .nav-object:hover{color:#fff}#guis .nav{color:#000;transition:color 100ms ease;top:17px;cursor:pointer;padding:0 50px;font-size:40px;position:absolute;line-height:1.1em}#guis .nav:hover{color:#333;text-shadow:0 0 5px #aaa}#guis .nav-left{left:0;padding-left:50px;font-family:system-ui;width:10px;top:15px}#guis .nav-right{right:0;font-family:system-ui;width:10px;top:15px}#guis .baseParam{padding:40px 10px 15px 10px;padding-bottom:15px}#guis .baseParam>div:not(.nav-left):not(.nav-right){margin-left:22px}#guis #add-cone{padding-top:7px;top:3px}#guis .cone .property{left:18px}input[type=file]{display:none}#camera-label{z-index:1;position:fixed;bottom:25px;left:50%;margin-left:-43px;text-align:center;font-size:18px;color:#555;cursor:pointer;opacity:1}#tooltip-label{z-index:2;position:fixed;bottom:25px;right:20px;text-align:center;font-size:18px;color:#555;cursor:pointer;opacity:1}#tooltip-label:hover,#camera-label:hover{opacity:.7}#SoundSearch{position:absolute;bottom:55px;left:20px;width:250px;background-color:rgba(255,255,255,.6);font-family:roboto,"helvetica neue",helvetica,arial,sans-serif;font-size:10px;line-height:15px;padding:10px;padding-bottom:0px;box-shadow:0 0 5px #aaa;border-radius:10px}#search-input{width:100%;display:block;margin-bottom:10px;box-sizing:border-box;border-radius:5px;font-size:15px;border-style:solid;border-color:#dcdbdd;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.search-bar{width:100%}.white-text{color:#fff}.fade-gray-text{color:#5d5e5d}#trajectory{padding-top:20px !important;padding-bottom:8% !important}#download-link{font-size:15px;cursor:pointer;color:#313131;text-decoration:underline}#search-result{font-size:12px;word-wrap:break-word}#clear-results{display:none;color:red;font-weight:bold}#audio-player{margin-bottom:5px}#audio-player audio{width:100%}#audio-playback{position:relative;top:1px}#play-pause-button{position:absolute;top:15px;left:20px;cursor:pointer;color:#5d5e5d}#button-text{color:#555;font-family:roboto,"helvetica neue",helvetica,arial,sans-serif}#play-pause-button:hover{opacity:.8}#undo{position:absolute;top:16px;left:95px;cursor:pointer;color:#5d5e5d}.active:hover{opacity:.8}#add-trajectory:hover{opacity:1}#add-trajectory span:hover{opacity:1}#redo{position:absolute;top:16px;left:170px;cursor:pointer;color:#5d5e5d}#clear{position:absolute;top:16px;left:245px;cursor:pointer;color:#5d5e5d}#clear:hover{opacity:.8}#unmute-button{display:none}#save{z-index:2;position:absolute;top:16px;left:330px;cursor:pointer;color:#5d5e5d}#save:hover{opacity:.8}#load{z-index:2;position:absolute;top:16px;left:245px;cursor:pointer;color:#5d5e5d}#load:hover{opacity:.8}#outputMode{position:absolute;top:16px;left:405px;cursor:pointer;color:#5d5e5d}#outputMode:hover{opacity:.8}#collab{display:none;position:absolute;top:16px;left:405px;cursor:pointer;color:#5d5e5d}#collab:hover{opacity:.8}#copy{z-index:2;position:absolute;bottom:15px;left:110px}#copy img{cursor:pointer;width:25px;height:25px;opacity:.6}#copy img:hover{opacity:.8}#search-clear-search-button{z-index:2;position:fixed;bottom:25px;font-size:18px;left:20px;cursor:pointer;color:#5d5e5d}#search-clear-search-button:hover{opacity:.8}#githubLink{z-index:2;position:absolute;bottom:15px;right:20px;width:27px;height:27px;opacity:.7}.help-bubble{z-index:2;float:left;position:absolute;padding:10px;color:#000;background:#ccc;opacity:.5;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;display:block;font-size:13px;font-family:roboto,"helvetica neue",helvetica,arial,sans-serif;line-height:1.25em;pointer-events:none}#splashscreen{background:#dcdbdd;z-index:10;width:38%;position:fixed;display:none;top:25%;left:31%;border-radius:10px;text-align:center;box-shadow:0px 0px 10px 5px rgba(39,39,39,.3)}#inviso-logo{padding-top:10%;padding-left:3%;padding-right:3%;color:#555;font-family:roboto,"helvetica neue",helvetica,arial,sans-serif;text-align:center;line-height:1.5em;font-size:50px}.splash-body{color:#555;font-family:roboto,"helvetica neue",helvetica,arial,sans-serif;text-align:center;line-height:1.6em;font-size:1.15rem}.splash-code{color:#555;font-family:roboto,"helvetica neue",helvetica,arial,sans-serif;text-align:center;line-height:1.6em;font-size:2rem}#exit-code{position:absolute;z-index:20;padding:3% 0%;right:3.5%;color:#f44b76;font-size:1.5rem}.splash-invite{padding:5% 11% 3% 11%}.splash-join{padding:3% 15% 3% 15%}.splash-footer{padding:3% 0% 5% 0%;text-align:center;line-height:1em;font-size:.8rem}#invite-code{font-family:"Roboto Mono"}#submit-splash,#copy-code{background:#fff;color:#555;border:0px;border-radius:5px;padding:5px;margin-left:5px}#container{height:100%;margin-left:1%;display:none}#roomcode{padding:5px;width:40%;text-align:center;font-size:2rem;color:#555;border:0px;border-radius:5px}.create,.join{display:none}#group-selection{display:none}.landing-button{color:#555;background:#fff;width:15%;height:50px;margin:20px 20px 0 20px;border:0px;border-radius:5px}.landing-button:hover,#submit-splash:hover,#exit-code:hover{transform:scale(1.05)}.tighter-buttons{height:30px;margin:10px 0 0 0;font-size:80%}#confirmation{width:20%;height:60px;background:#fff;color:#555;margin:20px 20px 0 20px;border:0px;border-radius:5px}#confirmation-group{display:none}#confirmation span{cursor:pointer;transition:.5s;position:relative}#confirmation span:after{content:" >>";opacity:0;top:0;right:-20px;transition:.5s}#confirmation:hover span{padding-right:3px}#confirmation:hover span:after{opacity:1;right:0}#splashbackground{background:#000;opacity:.5;width:100%;height:100%;display:block;position:fixed;z-index:9}.fade-out{animation:fadeOut ease .8s}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fade-out-half{animation:halfFadeOut ease .8s}@keyframes halfFadeOut{0%{opacity:.5}100%{opacity:0}}/*# sourceMappingURL=app.css.map */