@font-face{font-family:"robotoregular";src:url(/static/media/roboto-regular-webfont.00260197.woff2) format("woff2"),url(/static/media/roboto-regular-webfont.56e85a55.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"rochesterregular";src:url(/static/media/rochester-regular-webfont.bdb64d7b.woff2) format("woff2"),url(/static/media/rochester-regular-webfont.c933f9aa.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Gilda Display";src:url(/static/media/gildadisplay-regular-webfont.4528fad4.woff2) format("woff2"),url(/static/media/gildadisplay-regular-webfont.8d895f9e.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Niramit";src:url(/static/media/niramit-regular-webfont.89c8cb5a.woff2) format("woff2"),url(/static/media/niramit-regular-webfont.e2432739.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Gurajada";src:url(/static/media/gurajada-regular-webfont.f3a5079c.woff2) format("woff2"),url(/static/media/gurajada-regular-webfont.3895dd00.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}body{font-family:"Cutive Mono",monospace;font-style:normal}@media screen and (max-width:812px){html{font-size:16px}}@media screen and (min-width:812px){html{font-size:calc(10.73239px + .40241vw)}}@media screen and (min-width:2800px){html{font-size:22px}}.no-select{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body,html{height:100%;width:100%;margin:0;overflow:hidden}body{background-color:#2b2d2e;color:#fff}*{padding:0;margin:0}canvas{position:absolute;left:0;top:0}#preloader{position:absolute;width:100%;height:100%;pointer-events:none;background-color:#333;background-image:url(/static/media/background-preloader-dithered.3901caed.png);background-size:cover;flex-direction:column;z-index:200;transition:opacity 1s cubic-bezier(0,.59,.36,1),-webkit-transform 1s cubic-bezier(0,.59,.36,1);transition:transform 1s cubic-bezier(0,.59,.36,1),opacity 1s cubic-bezier(0,.59,.36,1);transition:transform 1s cubic-bezier(0,.59,.36,1),opacity 1s cubic-bezier(0,.59,.36,1),-webkit-transform 1s cubic-bezier(0,.59,.36,1)}#preloader,#preloader-title{display:flex;justify-content:center}#preloader-title{align-items:center;font-size:18px;font-family:"robotoregular";text-transform:uppercase;letter-spacing:22px;margin-right:-22px;text-align:center;opacity:0;-webkit-transform:scaleX(.95);transform:scaleX(.95);transition:all .1s ease-in}#preloader .preloader-explanations{position:absolute;width:100%;bottom:50px;display:flex;flex-direction:column;align-items:center}#preloader .preloader-explanations--container{position:relative;display:inline-block;overflow:hidden}#preloader .preloader-explanations #preloader-explanation,#preloader .preloader-explanations #preloader-percentage{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);transition:all .3s cubic-bezier(0,.59,.36,1)}#preloader .preloader-explanations #preloader-percentage{padding:5px;font-size:16px;font-family:"rochesterregular";letter-spacing:1px}#preloader .preloader-explanations #preloader-explanation{padding:10px;font-size:12px;font-family:"robotoregular";letter-spacing:2px}#preloader-bar{position:absolute;bottom:0;width:100%;height:2px;margin:1em auto 0;background-color:hsla(0,0%,100%,.05)}#preloader-bar-inner{-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%;background-color:#fff;opacity:.75;-webkit-transform:scaleX(0);transform:scaleX(0)}header{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:row;justify-content:center;z-index:2}@media screen and (max-width:480px){header{top:3rem}}header #star{padding:35px 30px;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column}header #star .polygon{position:absolute}header #star .star{width:15px;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:center center;transform-origin:center center;transition:-webkit-transform 1s cubic-bezier(.09,1.17,.7,1.01);transition:transform 1s cubic-bezier(.09,1.17,.7,1.01);transition:transform 1s cubic-bezier(.09,1.17,.7,1.01),-webkit-transform 1s cubic-bezier(.09,1.17,.7,1.01)}header #star .star path{fill:#efefef;opacity:1}header #star:hover .star{-webkit-transform:rotate(1turn);transform:rotate(1turn)}#explore{opacity:0;pointer-events:none;transition:opacity 1s cubic-bezier(.09,1.17,.7,1.01)}#about{position:absolute;width:100vw;height:100vh;left:0;top:0;background-color:#2b2d2e;background-image:url(/static/media/background-preloader-dithered.3901caed.png);background-size:cover;display:flex;flex-direction:column;justify-content:center;z-index:50;opacity:0;display:none;transition:opacity 1s cubic-bezier(.09,1.17,.7,1.01)}#about #about-exit{position:absolute;top:0;display:flex;justify-content:flex-end;width:100%}#about #about-exit--close-btn{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;cursor:pointer}#about #about-exit--close-btn .bar{position:relative;background-color:#efefef;height:1px;width:15px;position:absolute;-webkit-transform:rotate(0deg);transform:rotate(0deg);will-change:transform;transition:-webkit-transform 3s cubic-bezier(.09,1.17,.7,1.01);transition:transform 3s cubic-bezier(.09,1.17,.7,1.01);transition:transform 3s cubic-bezier(.09,1.17,.7,1.01),-webkit-transform 3s cubic-bezier(.09,1.17,.7,1.01)}#about #about-exit--close-btn .bar:first-of-type{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#about #about-exit--close-btn .bar:nth-of-type(2){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#about #about-exit--close-btn:hover .bar{-webkit-transform:rotate(1turn);transform:rotate(1turn)}#about #about-container{height:100%;width:100%;padding:85px 5% 65px;margin:0 auto}#about #about-container--border{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;text-align:center;height:100%;padding:50px 0;border:1px dashed #5c5858;box-sizing:border-box}#about #about-container--border #about-star{position:absolute;top:73px}#about #about-container--border #about-star svg{width:15px}#about #about-container--border #about-star svg path{fill:#efefef}#about #about-container--border #about-content{display:flex;flex-direction:column;align-items:center}#about #about-container--border h1{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;font-family:"Gilda Display",serif;font-size:2.171rem;font-weight:400;text-transform:uppercase;letter-spacing:2px;padding:30px}#about #about-container--border h1 span{color:#bebebe;padding:0 2px}#about #about-container--border p{width:600px;font-family:"Niramit";font-style:normal;font-weight:400;font-size:.8rem;color:#c4c4c4;padding:2.5px}#about #about-container--border p span{padding:0 2px;overflow:hidden}#about #about-container--border p a{color:#fff;text-decoration:none}#about #about-container--border p a:after{content:"";position:absolute;bottom:0;left:0;right:0;width:100%;height:1px;-webkit-transform:scaleX(0);transform:scaleX(0);background-image:linear-gradient(90deg,#1f1e20,#2323a8 35%,#00d4ff);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .95s cubic-bezier(.19,1,.22,1);transition:transform .95s cubic-bezier(.19,1,.22,1);transition:transform .95s cubic-bezier(.19,1,.22,1),-webkit-transform .95s cubic-bezier(.19,1,.22,1)}#about #about-container--border p a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}#about #about-container--border h1 span,#about #about-container--border p span{display:inline-block;white-space:break-spaces;-webkit-animation:fadeInByWord 1.6s cubic-bezier(.42,0,0,.99) both;animation:fadeInByWord 1.6s cubic-bezier(.42,0,0,.99) both;-webkit-animation-delay:calc(var(--index)*25*1ms);animation-delay:calc(var(--index)*25*1ms);transition:transition 2s cubic-bezier(.65,.05,.36,1),opacity 3s cubic-bezier(.65,.05,.36,1);-webkit-transform-origin:left center;transform-origin:left center}#about #about-container--border .explore-btn{display:flex;flex-direction:row;align-items:center;text-decoration:none;padding-top:20px;-webkit-transform:translate(0);transform:translate(0);opacity:0;will-change:opacity,transform;transition:-webkit-transform .7s cubic-bezier(.38,.92,.55,.95);transition:transform .7s cubic-bezier(.38,.92,.55,.95);transition:transform .7s cubic-bezier(.38,.92,.55,.95),-webkit-transform .7s cubic-bezier(.38,.92,.55,.95)}#about #about-container--border .explore-btn .explore-btn--text{font-family:"Gurajada";font-size:1.186rem;letter-spacing:.04em;text-transform:uppercase;color:#ebebeb;display:block;padding-left:15px}#about #about-container--border .explore-btn .explore-btn--text span{white-space:nowrap;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:.6;transition:opacity .5s cubic-bezier(.445,.05,.55,.95),-webkit-transform .5s cubic-bezier(.445,.05,.55,.95);transition:opacity .5s cubic-bezier(.445,.05,.55,.95),transform .5s cubic-bezier(.445,.05,.55,.95);transition:opacity .5s cubic-bezier(.445,.05,.55,.95),transform .5s cubic-bezier(.445,.05,.55,.95),-webkit-transform .5s cubic-bezier(.445,.05,.55,.95)}#about #about-container--border .explore-btn:focus{outline:none;border:none}#about #about-container--border .explore-btn:hover .explore-btn--text span{opacity:1;-webkit-animation:hoverInByLetter .4s cubic-bezier(.42,0,0,.99) infinite alternate;animation:hoverInByLetter .4s cubic-bezier(.42,0,0,.99) infinite alternate;-webkit-animation-delay:calc(var(--index)*21ms);animation-delay:calc(var(--index)*21ms)}@-webkit-keyframes fadeInByWord{0%{-webkit-transform:translateY(30px) scaleY(.9) rotate(3deg);transform:translateY(30px) scaleY(.9) rotate(3deg);opacity:0}to{-webkit-transform:translateY(0) scaleY(1) rotate(0deg);transform:translateY(0) scaleY(1) rotate(0deg);opacity:1}}@keyframes fadeInByWord{0%{-webkit-transform:translateY(30px) scaleY(.9) rotate(3deg);transform:translateY(30px) scaleY(.9) rotate(3deg);opacity:0}to{-webkit-transform:translateY(0) scaleY(1) rotate(0deg);transform:translateY(0) scaleY(1) rotate(0deg);opacity:1}}@-webkit-keyframes hoverInByLetter{0%{opacity:1}to{opacity:.7}}@keyframes hoverInByLetter{0%{opacity:1}to{opacity:.7}}@media screen and (max-width:812px){#about #about-container{padding:0 5%;position:relative;top:90px;margin-bottom:20px;height:65%}#about #about-container #about-star{top:-12px}#about #about-container #about-content{overflow:scroll;overflow-x:hidden}#about #about-container--border h1,#about #about-container--border p{width:100%;padding:20px}#about #about-container--border h1{margin:20px 0}#about #about-container .explore-btn{display:none}#about #about-container .explore-btn span{font-size:1.286rem}}@media screen and (max-width:560px){#about #about-container--border{padding:10% 0}#about #about-container--border h1{font-size:1.45rem;padding:50px;margin:10px 0}#about #about-container--border p{font-size:1rem}}@media screen and (max-width:480px){#about #about-container--border{padding:5% 0}#about #about-container--border h1{font-size:1.25rem;padding:20px;margin:10px 0}}@media screen and (max-width:380px){#about #about-container{height:70%}}@media screen and (max-width:320px){#about #about-container--border h1{font-size:1rem;line-height:1.4rem;margin:0}#about #about-container--border p{font-size:.875rem}}#gui{position:absolute;bottom:1rem;left:0;width:100%;display:flex;justify-content:center;z-index:2;font-family:"Niramit",sans-serif;font-weight:300}#gui .gui__wrapper{width:60%;max-width:40rem;padding:1rem 1.5rem;display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;background:#2b2d2e;border-radius:5px}#gui .gui__input-range{width:100%;flex:1 1;display:flex;justify-content:space-between;align-items:center}#gui .gui__input-range label{color:#c4c4c4;width:100px}#gui .gui__input-range input{flex:0.8 1}input[type=range]{-webkit-appearance:none;height:3px;background:#959292;border-radius:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:10px;width:3px;background:#c4c4c4;cursor:ew-resize}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent}@media screen and (max-width:812px){#gui{bottom:4rem}#gui .gui__wrapper{width:85%;padding:.85rem 1rem}#gui input[type=range]::-webkit-slider-thumb{width:10px}}#audio-btn{position:absolute;right:0;bottom:0;margin:35px;height:15px;width:25px;cursor:pointer;z-index:3;display:flex;flex-direction:row;justify-content:space-around;opacity:0;transition:opacity 1s cubic-bezier(.09,1.17,.7,1.01)}html.is-mobile #audio-btn{margin:15px}#audio-btn .audio__bar{position:relative;height:100%;width:1px;background:#efefef;will-change:transform;-webkit-transform:translateZ(0) scaleY(.2);transform:translateZ(0) scaleY(.2);-webkit-transform-origin:center bottom;transform-origin:center bottom}html.is-desktop .is-mobile,html.is-mobile .is-desktop{display:none}::selection{background:#222}canvas{opacity:1}div.dg.ac{position:absolute;visibility:hidden}html.has-started div.dg.ac{visibility:visible}html.is-mobile div.dg.ac .close-button,html.is-mobile div.dg.ac .main{min-width:100%}.dg.ac .close-button,.dg.ac .property-name,.dg.ac input,.dg.ac select{font-family:monospace}.dg .dg.main{margin-right:0}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent;border-radius:10px}::-webkit-scrollbar-thumb{background:#efefef;border-radius:10px}*{box-sizing:border-box}#app,body,html{position:absolute;width:100%;height:100%;margin:0;padding:0;left:0;top:0}.label{font-family:"Inter var",sans-serif;font-weight:900;width:24px;height:24px;justify-content:center;background-color:#fff;border-radius:1000px}.label,.logo-title--lab{display:flex;align-items:center}.logo-title--lab{justify-self:center;position:relative;background-color:hsla(0,0%,100%,.15);margin-left:35px;padding:10px 12px;border-radius:4px;width:168px;height:36px}.logo-title--lab svg{width:100%;height:100%}.logo-title--lab svg path{fill:#fff}
/*# sourceMappingURL=main.63eadd79.chunk.css.map */