@font-face{font-family:"CodeNext";src:url(../../static/media/codenext.143f22db.ttf)}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{margin:0;padding:0;position:fixed;top:0;left:0;bottom:0;right:0;height:-webkit-fill-available}body{background:#000;color:#fff;overflow:hidden;font-family:"CodeNext",sans-serif;font-variation-settings:"wght" 50;font-size:13px}#root{position:absolute;top:0;left:0;width:100vw;overflow:hidden}#content,#root{height:100vh;height:-webkit-fill-available}#content{position:relative;width:100%}#content ul{margin:0;padding:0 1em}.intro{width:100%;height:100%;position:absolute;text-transform:uppercase;letter-spacing:.1em}.intro,.intro--enter{display:flex;justify-content:center;align-items:center}.intro--enter{width:200px;height:200px;border-radius:100px;background:#000;box-shadow:0 0 10px 10px #000;pointer-events:visible;cursor:pointer;transition:all 1s}.intro--enter:hover{width:220px;height:220px;box-shadow:0 0 20px 10px #000}.intro--enter span.enter span{opacity:.7;transition:all .5s}.intro--enter:hover span.enter span{opacity:1}.intro--mute span{position:absolute;bottom:40px;left:50%;width:240px;margin-left:-120px;font-size:70%;text-align:center;pointer-events:visible;cursor:pointer;opacity:.7;transition:all .5s}.intro--mute:hover span{opacity:1}#content .presents-block{position:absolute;width:calc(100% - 40px);padding:20px;top:15vh;left:0;text-align:center;pointer-events:none}#content .presents-block h1{font-size:28px}#content .presents-block h2{text-transform:uppercase;font-size:14px;letter-spacing:.1em}#content .presents-block h3{font-size:14px;font-variation-settings:"wght" 10}#content .hero-block{position:absolute;width:calc(100% - 40px);padding:20px;bottom:20vh;height:30vh;left:0;text-align:center;pointer-events:none;-webkit-transform:translate3d(0,1000px,0);transform:translate3d(0,1000px,0)}#content .hero-block h1{font-size:60px;margin:0;font-variation-settings:"wght" 10}#content .hero-block h3{font-size:16px;margin-top:10px}#content .text-block{position:absolute;width:calc(100% - 40px);min-height:250px;padding:0 20px;bottom:30px;left:0;margin-top:-180px;display:none;opacity:0;-webkit-transform:translate3d(0,1000px,0);transform:translate3d(0,1000px,0);pointer-events:none}.text-block--progress{width:1px;position:absolute;top:0;left:-1px;background:hsla(0,0%,100%,.5);box-shadow:0 0 10px .1px #fff}.text-block--content{max-width:320px;margin:0 auto}#content .text-block a{color:#fff;pointer-events:visible}#content .text-block h2{font-size:18px;margin:0}.footer-block{color:#000;width:100%;height:100%;position:absolute;top:0;left:0}.footer-block .footer-block--container{margin:0 auto;max-width:960px;padding:10px 10px 80px;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.footer-block .footer-block--copy{position:absolute;bottom:40px;text-transform:uppercase;width:100%;display:flex;justify-content:center;font-size:80%}.footer-block a{color:#333;text-decoration:none;pointer-events:visible}.footer-block h2{font-size:1.5em;font-variation-settings:"wght" 75}.footer-block .app-badge{width:auto;height:32px}.btn{text-decoration:none;border:1px solid #000;border-radius:100px;padding:10px 20px;font-variation-settings:"wght" 100;pointer-events:visible;display:inline-block;transition:all .3s}.btn:hover{background:#000;color:#fff}.loading{padding:10px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.scrollArea{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:auto;transition:background-color .25s;height:-webkit-fill-available}.debug{font-size:50%;font-family:monospace;top:0;left:0;background:rgba(0,0,0,.1);padding:10px;z-index:2;width:120px;margin-top:40px}.arrow,.debug{position:fixed}.arrow{font-size:16px;font-family:sans-serif;font-weight:100;top:10px;right:30px;opacity:.5;transition:all .3s;cursor:pointer;pointer-events:visible}.arrow:hover{opacity:1}.arrow.down{top:auto;bottom:10px}.contentArea{position:absolute;bottom:0;left:0;height:100%;width:100%;pointer-events:none}.contentArea .box{position:relative;width:calc(100% - 30px);height:100%;max-width:1440px;margin:0 auto;border-left:1px solid hsla(0,0%,100%,.25);border-right:1px solid hsla(0,0%,100%,.25)}.language-switch{position:absolute;top:0;left:0;width:50px;text-align:center;padding:10px;pointer-events:visible}.language-switch .lang{cursor:pointer;padding:0 10px;font-size:10px;opacity:.5;transition:opacity .3s}.language-switch .lang.active,.language-switch .lang:hover{opacity:1}.audioviz{position:absolute;top:0;right:30px;width:64px;height:24px;padding:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;pointer-events:visible;opacity:0;transition:opacity 1s}.contentArea.after .audioviz{opacity:1}.audioviz--line{height:4px;width:1px;background:#fff}@-webkit-keyframes pulse{0%,to{opacity:.15}50%{opacity:1}}@keyframes pulse{0%,to{opacity:.15}50%{opacity:1}}.box .line{position:absolute;height:100px;width:1px;top:0;left:-1px;background:hsla(0,0%,100%,.5);box-shadow:0 0 10px .1px #fff;-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.box .line.right{left:auto;right:-1px}.box .line:first-child{-webkit-animation-delay:0s;animation-delay:0s}.box .line:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}.box .line:nth-child(3){-webkit-animation-delay:.8s;animation-delay:.8s}.box .line:nth-child(4){-webkit-animation-delay:1.2s;animation-delay:1.2s}.box .line:nth-child(5){-webkit-animation-delay:0s;animation-delay:0s}.box .line:nth-child(6){-webkit-animation-delay:.4s;animation-delay:.4s}.box .line:nth-child(7){-webkit-animation-delay:.8s;animation-delay:.8s}.box .line:nth-child(8){-webkit-animation-delay:1.2s;animation-delay:1.2s}@media (min-width:768px){body{font-size:18px}#content .presents-block h1{font-size:48px}#content .presents-block h2,#content .presents-block h3{font-size:16px}#content .hero-block h1{font-size:80px}#content .hero-block h3{font-size:24px}#content .text-block{min-height:50vh;width:calc(50% - 80px);padding:0 40px}#content .text-block.left{left:0}#content .text-block.right{left:auto;right:0}#content .text-block.right .text-block--progress{left:auto;right:-1px}.text-block--content{max-width:560px;margin:0 auto}#content .text-block h2{font-size:42px}.arrow{right:32px;font-size:20px;opacity:0;transition:opacity 1s}.contentArea.after .arrow{opacity:1}.contentArea{width:calc(100% - 20px)}.contentArea .box{width:calc(100% - 80px)}.audioviz{top:0;right:10px;width:103px;height:32px}.audioviz--line{height:6px}.footer-block .app-badge{height:48px}.language-switch .lang{font-size:12px}}
/*# sourceMappingURL=main.e1d8a546.chunk.css.map */