.debug-overlay{background-color:#000;bottom:0;color:#fff;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:100;height:auto;max-width:800px;opacity:.25;padding:.5rem;pointer-events:none;position:fixed;z-index:99999}.debug-overlay #debug-overlay-drag-handle{background:hsla(0,0%,100%,.251);font-weight:700;pointer-events:auto}.debug-overlay.mobile{font-size:.75rem}.debug-overlay .debug-item .debug-item-value{border-radius:1rem;font-weight:700;padding:0 .5rem}.debug-overlay .debug-item .debug-item-value.flash{animation:flash-animation 2s;-webkit-animation:flash-animation 2s}@keyframes flash-animation{0%{background-color:lime}20%{background-color:red}to{background-color:inherit}}.debug-overlay .envmap-overlay{background:red;left:50%;padding:1rem;pointer-events:auto;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:999}.slide-box-container{opacity:0;transition:all .3s}.slide-box-container.slide-box-visible{opacity:1;transform:translateY(0)!important}.slide-box-container.scrolling-down{transform:translateY(100%)}.slide-box-container.scrolling-up{transform:translateY(-100%)}.spinner{animation:spinner-rotate 2s linear infinite;height:50px;left:50%;margin:-25px 0 0 -25px;position:absolute;top:50%;width:50px;z-index:2}.spinner .path{stroke-linecap:round;animation:spinner-dash 1.5s ease-in-out infinite}@keyframes spinner-rotate{to{transform:rotate(1turn)}}@keyframes spinner-dash{0%{stroke:#e0be54;stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke:#638e9a;stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke:#e0be54;stroke-dasharray:90,150;stroke-dashoffset:-124}}.webgl-canvas{height:100%;position:absolute;top:0;transition:filter .3s;width:100%}.webgl-canvas.blurred{filter:blur(10px)}.webgl-canvas.disabled{pointer-events:none}.stats,.stats>*{bottom:20px!important;left:0!important;right:auto!important;top:auto!important}.label-error{background:rgba(255,0,0,.063);border:1px solid red;border-radius:.5rem;color:red;padding:1rem;width:28.75rem}.button-dark{height:100%;object-fit:contain}.button-dark circle{fill:#193251}.button-dark path{fill:#fff}.button-dark:active{cursor:pointer}.button-dark:active circle{fill:#5895cc}.button-dark:active path{fill:#fff}.button-light{height:100%;object-fit:cover}.button-light circle{fill:#fff}.button-light path{fill:#193251}.button-light:active{cursor:pointer}.button-light:active circle{fill:#5895cc}.button-light:active path{fill:#fff}.button-light-stroke{height:100%;object-fit:contain}.button-light-stroke path{fill:#193251}.button-light-stroke:active{cursor:pointer}.button-light-stroke:active path{fill:#5895cc}@media(hover:hover)and (pointer:fine){.button-dark:hover{cursor:pointer}.button-dark:hover circle{fill:#fff}.button-dark:hover path,.button-dark:hover text{fill:#193251}.button-dark *{transition:.1s ease-out}.button-light:hover{cursor:pointer}.button-light:hover circle{fill:#193251}.button-light:hover path{fill:#fff}.button-light *{transition:.1s ease-out}.button-light-stroke:hover{cursor:pointer}.button-light-stroke:hover path{fill:#5895cc}}.button{display:inline-block;font-size:1.5rem;font-weight:600;padding:.9375rem 1.25rem;text-align:center;text-transform:uppercase;transition:background-color .3s cubic-bezier(.215,.61,.355,1)}.button:disabled{background-color:#f6f7f9!important;color:#969798!important}.button.light{background:#fff;border:1px solid #5895cc;border-radius:.8125rem;color:#5895cc;min-height:3.75rem}.button.light:disabled{background-color:#f6f7f9}.button.light:not(:disabled):hover{background-color:#5895cc33;cursor:pointer}.button.light:not(:disabled):active{background-color:#5895cc80!important;box-shadow:inset 1px 1px 3px #0000004d;color:#fff!important}.button.dark{background-color:#193251;border:none;border-radius:1.875rem;color:#fff;font-weight:400;padding:2.25rem;text-transform:capitalize;width:100%}.button.dark:not(:disabled):hover{background-color:#193251bf;cursor:pointer}.button.secondary{color:#474747;font-size:.875rem;font-weight:400;padding:0;text-decoration:underline;text-transform:none}.button.secondary:not(:disabled):hover{cursor:pointer;font-style:italic;font-weight:700}.button.secondary:disabled{background-color:#f6f7f9}.hidden{opacity:0!important;pointer-events:none}.hidden,.visible{transition:opacity .3s cubic-bezier(.215,.61,.355,1)}.visible{opacity:1!important}.inactive{opacity:.4;pointer-events:none!important}.active{cursor:pointer;opacity:1;pointer-events:auto}.sticky{position:sticky;top:0}.fill-parent{height:100%;width:100%}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-space-between{justify-content:space-between}.flex-center{align-items:center}.flex-center,.flex-center-horizontal{justify-content:center}.flex-align-top{align-items:flex-start!important}.flex-row{flex-direction:row}.flex-column{flex-direction:column}:placeholder-shown{color:#d8d9db;font-style:italic}.force-size-expand{height:100%!important;width:100%!important}.border{border:1px solid #707070}.radius-15{border-radius:.9375rem}.radius-30{border-radius:1.875rem}.form{display:flex;flex-flow:column}.form input{background-color:#f6f7f9!important;border:none;font-size:1.25rem;margin-top:1rem;padding:.5rem;width:35rem}.form input::placeholder{color:#969798;font-size:1.25rem}.form button{align-self:center;margin-top:3.125rem;width:10rem}.section-title{color:#5895cc;font-size:1.375rem;font-weight:400;line-height:1.8125rem}.floating-overlay-box{position:absolute}.floating-overlay-box.desktop,.floating-overlay-box.tablet{height:50rem;width:50rem}.floating-overlay-box.mobile{bottom:0;left:0;right:0;top:8rem}.clickable{pointer-events:auto}.clickable:hover{cursor:pointer}.main{height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;width:100vw;z-index:700}*,html{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:sans-serif;font-weight:300;margin:0;padding:0;-webkit-user-select:none;user-select:none}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}#root{height:100vh}