.preloader__wrapper{background-color:#4e5278;height:var(--app-height);left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .4s ease-in-out;width:100%;z-index:1000}.preloader__wrapper.active{opacity:1;pointer-events:all}.preloader__gradient-1,.preloader__gradient-2,.preloader__gradient-3{height:100%;left:0;position:absolute;top:0;width:100%}.preloader__gradient-1{-webkit-animation:opacity-change1 5s linear infinite;animation:opacity-change1 5s linear infinite;background-image:linear-gradient(#29332c,#878787)}.preloader__gradient-2{-webkit-animation:opacity-change2 5s linear infinite;animation:opacity-change2 5s linear infinite;background-image:linear-gradient(#52705d,#02240f)}.preloader__gradient-3{-webkit-animation:opacity-change3 5s linear infinite;animation:opacity-change3 5s linear infinite;background-image:linear-gradient(#353b37 20%,#031409 90%)}.preloader__loading-wrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,76%,.4);border-radius:10px;left:50%;padding:10px 10px 20px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.preloader__loadbar-outer{border-left:1px solid var(--purple);border-radius:10px;border-right:1px solid var(--purple);height:20px;margin:10px auto;padding:3px;width:200px}.preloader__loadbar-inner{background-color:var(--purple);border-radius:10px;display:flex;flex-direction:column;height:calc(100% - 1px);justify-content:center;pointer-events:none;text-align:center;transition:opacity .2s ease-in-out,border .2s ease-in-out,background-color .2s ease-in-out}.preloader__loadbar-inner.done{background-color:transparent;border:1px solid var(--purple);cursor:pointer;pointer-events:all}.preloader__loadbar-inner.done:hover{background-color:var(--purple);color:#fff}.preloader__enter-button{opacity:0;pointer-events:none;transition:all .4s ease-in-out}.preloader__enter-button.active{opacity:1}.preloader__loading-text{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite;font-style:italic;text-align:center}.preloader__loading-text.disabled{-webkit-animation:none;animation:none;opacity:0}.title__wrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,76%,.4);border-radius:10px;font-size:6vw;font-weight:900;left:50%;line-height:4vw;margin:20px 0;padding:5px 10px 0;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .4s ease-in-out;z-index:1001}.title__wrapper.active{margin-bottom:10px;margin-top:10px}.title__wrapper.top{top:0}.title__wrapper.bottom{bottom:0}.title__inner{border-radius:10px;padding:calc(10px + .2vw) 20px 10px}@media screen and (max-width:750px)and (min-width:1px){.title__wrapper{font-size:10vw;line-height:8.5vw;text-align:center}.title__wrapper.active{opacity:0;pointer-events:none}}.crosshair__wrapper{background-color:var(--purple);border-radius:50%;height:10px;left:calc(50% - 5px);pointer-events:none;position:fixed;top:calc(50% - 5px);transition:all .2s ease-in-out;width:10px;z-index:3}.crosshair__wrapper.active{background-color:#fff}.crosshair__corner{border-radius:50%;height:20px;position:absolute;transition:all .2s ease-in-out;width:20px}.crosshair__corner.top-left{border-right:1px solid var(--purple);left:-20px;top:-20px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center;transform-origin:center}.crosshair__corner.top-left.active{border-color:#fff;left:-25px;top:-25px}.crosshair__corner.top-right{border-left:1px solid var(--purple);left:10px;top:-20px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:center;transform-origin:center}.crosshair__corner.top-right.active{border-color:#fff;left:15px;top:-25px}.crosshair__corner.bottom-left{border-right:1px solid var(--purple);left:-20px;top:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:center;transform-origin:center}.crosshair__corner.bottom-left.active{border-color:#fff;left:-25px;top:15px}.crosshair__corner.bottom-right{border-left:1px solid var(--purple);left:10px;top:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center;transform-origin:center}.crosshair__corner.bottom-right.active{border-color:#fff;left:15px;top:15px}.crosshair__tooltip-wrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,76%,.4);border-radius:10px;left:50%;opacity:0;padding:5px 10px;pointer-events:none;position:fixed;text-align:center;top:calc(50% + 30px);-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .2s ease-in-out;z-index:3}.crosshair__tooltip-wrapper.active{opacity:1}.loadbar__wrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,76%,.4);border-radius:10px;left:50%;opacity:0;padding:10px;pointer-events:none;position:fixed;text-align:center;top:calc(50% + 60px);-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .2s ease-in-out;z-index:3}.loadbar__wrapper.active{opacity:1}.loadbar__outer{border-left:1px solid var(--purple);border-radius:10px;border-right:1px solid var(--purple);height:10px;margin-bottom:10px;padding:3px;width:150px}.loadbar__inner{background-color:var(--purple);border-radius:10px;height:100%}.dots__wrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,76%,.4);border-radius:10px;height:60px;margin:10px;padding:35px;position:fixed;right:0;top:0;width:60px;z-index:3}.dots__pentagon{background:var(--purple);-webkit-clip-path:polygon(50% 0,100% 38%,81% 100%,19% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,81% 100%,19% 100%,0 38%);height:60px;position:absolute;transition:opacity 2s ease-in-out;width:60px}.dots__pentagon.active{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;opacity:0;pointer-events:none}.dots__completed-wrapper{display:flex;flex-direction:column;height:60px;justify-content:center;opacity:0;pointer-events:none;position:relative;text-align:center;transition:opacity 2s ease-in-out;width:60px}.dots__completed-wrapper.active{opacity:1;pointer-events:all}.dots__completed-icon{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;display:block;height:60px;left:-2px;opacity:.2;pointer-events:none;position:absolute;top:4px;-webkit-transform-origin:center;transform-origin:center;width:60px}.dots__unlock-button{border-left:1px solid var(--purple);border-radius:10px;border-right:1px solid var(--purple);font-size:10px;line-height:12px;padding:5px;transition:all .2s ease-in-out}@media(hover:hover){.dots__unlock-button:hover{background-color:var(--purple);color:#fff}}.dots__unlock-button:active{background-color:var(--purple);color:#fff}.dots__dot{border:1px solid var(--purple);border-radius:50%;height:20px;margin-bottom:10px;position:absolute;width:20px}.dots__dot.Bass{left:54px;top:10px}.dots__dot.Drums{right:10px;top:40px}.dots__dot.Pads{bottom:2px;right:25px}.dots__dot.Vocals{bottom:2px;left:25px}.dots__dot.Synth{left:10px;top:40px}.dots__inner-dot{background-color:var(--purple);border-radius:50%;height:10px;margin:5px;width:10px}.dots__text-wrapper{bottom:-35px;height:14px;left:0;opacity:0;pointer-events:none;position:absolute;transition:all .2s ease-in-out;width:calc(100% - 20px)}.dots__text-wrapper,.mute-button__wrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,76%,.4);border-radius:10px;padding:5px 10px;text-align:center}.mute-button__wrapper{bottom:70px;margin:10px;position:fixed;right:0;width:110px;z-index:3}.mute-button__outer{border-left:1px solid var(--purple);border-radius:10px;border-right:1px solid var(--purple);height:20px;margin-bottom:10px;margin-top:5px;padding:3px;position:relative;width:100%}.mute-button__inner{background-color:var(--purple);border-radius:10px;height:100%;position:relative;transition:all .2s ease-in-out;width:50%;z-index:1}.mute-button__text{display:flex;flex-direction:column;height:100%;justify-content:center;pointer-events:none;position:absolute;text-align:center;top:0;width:50%}.mute-button__text.off{left:0}.mute-button__text.on{right:0}@media screen and (max-width:750px)and (min-width:1px){.mute-button__wrapper{bottom:auto;left:0;right:auto;top:30px}}.credits__wrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,76%,.4);border-radius:10px;bottom:0;font-size:10px;margin:10px;padding:5px 10px;position:fixed;right:0;text-align:center;width:110px;z-index:3}@media screen and (max-width:750px)and (min-width:1px){.credits__wrapper{bottom:auto;left:0;right:auto;top:125px}}.instructions__blocker{cursor:pointer;display:none;height:var(--app-height);left:0;position:fixed;text-align:center;top:0;width:100%;z-index:4}.instructions__blocker.active{display:block}.instructions__wrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,76%,.4);border-radius:10px;height:auto;left:50%;opacity:0;padding:10px;pointer-events:none;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .2s ease-in-out;width:30%;z-index:5}.instructions__wrapper.active{opacity:1;pointer-events:all}.instructions__title{margin-bottom:10px;text-align:center;width:100%}.instructions__inner{border-left:1px solid var(--purple);border-radius:10px;border-right:1px solid var(--purple);height:100%;padding:20px;width:calc(100% - 42px)}.instructions__close{position:absolute;right:10px;top:10px}.instructions__help-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,76%,.4);border-radius:10px;bottom:35px;margin:10px;padding:5px 20px;position:fixed;right:0;text-align:center;width:130px;z-index:3}.instructions__icons-wrapper{display:flex;flex-direction:row;justify-content:space-evenly;margin-bottom:10px;width:100%}.instructions__icons-half{display:flex;flex-direction:column;justify-content:center;margin:0 30px;position:relative;width:calc(50% - 60px)}.instructions__row{display:flex;flex-direction:row;justify-content:center;margin-bottom:5px}.instructions__key{border-left:1px solid var(--purple);border-radius:5px;border-right:1px solid var(--purple);height:40px;margin:0 5px;position:relative;width:40px}.instructions__character{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.instructions__character.letter{-webkit-animation:pulse-in 2s linear infinite;animation:pulse-in 2s linear infinite}.instructions__character.arrow{-webkit-animation:pulse-out 2s linear infinite;animation:pulse-out 2s linear infinite}.instructions__mouse-outer{-webkit-animation:left-right 3s ease-in-out infinite;animation:left-right 3s ease-in-out infinite;border:1px solid var(--purple);border-radius:10px 10px 3px 3px;height:50px;position:relative;width:30px}.instructions__mouse-inner{-webkit-animation:red-pulse 2s linear infinite;animation:red-pulse 2s linear infinite;border-bottom:1px solid var(--purple);border-radius:10px 0 0 0;border-right:1px solid var(--purple);display:inline-block;height:20px;width:14.5px}.instructions__mouse-inner.right{-webkit-animation:none;animation:none;border-right:none}.instructions__text{font-size:16px;line-height:18px;text-align:center}.instructions__mouse-arrow{position:absolute;top:50%}.instructions__mouse-arrow.left{left:-20px}.instructions__mouse-arrow.right{right:-20px}@media screen and (max-width:750px)and (min-width:1px){.instructions__wrapper{left:0;margin:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:calc(100% - 40px)}.instructions__help-button{bottom:auto;left:0;right:auto;top:95px}.instructions__mouse-outer{border-radius:3px;height:50px;width:30px}.instructions__mouse-inner{-webkit-animation:none;animation:none;background-color:var(--purple);border:none;border-radius:50%;bottom:2px;display:block;height:5px;left:12.5px;position:absolute;width:5px}.instructions__mouse-inner.right{display:none}}.buy-stream__wrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,76%,.4);border-radius:10px;bottom:140px;margin:10px;padding:5px 10px;position:fixed;right:0;text-align:center;width:110px;z-index:3}@media screen and (max-width:750px)and (min-width:1px){.buy-stream__wrapper{bottom:auto;left:0;right:auto;top:0}}.mobile-arrows__wrapper{bottom:30px;left:0;margin:10px;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease-in-out;width:calc(100% - 20px);z-index:3}.mobile-arrows__wrapper.active{opacity:1;pointer-events:all}.mobile-arrows__row{display:flex;flex-direction:row;justify-content:center;margin-bottom:5px}.mobile-arrows__key{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,76%,.4);border-radius:10px;display:block;height:60px;margin:0 5px;padding:10px;-webkit-user-select:none;user-select:none;width:60px}.mobile-arrows__key-inner{border-left:1px solid var(--purple);border-radius:5px;border-right:1px solid var(--purple);display:flex;flex-direction:column;height:100%;justify-content:center;pointer-events:none;width:calc(100% - 2px)}.mobile-arrows__character{pointer-events:none;text-align:center}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{background:transparent;border:0;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;outline:none}@-webkit-keyframes pulse{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes pulse{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-webkit-keyframes opacity-change1{0%,to{opacity:1}50%{opacity:0}}@keyframes opacity-change1{0%,to{opacity:1}50%{opacity:0}}@-webkit-keyframes opacity-change2{0%,50%,to{opacity:0}25%{opacity:.5}75%{opacity:.5}}@keyframes opacity-change2{0%,50%,to{opacity:0}25%{opacity:.5}75%{opacity:.5}}@-webkit-keyframes opacity-change3{0%,to{opacity:0}50%{opacity:1}}@keyframes opacity-change3{0%,to{opacity:0}50%{opacity:1}}@-webkit-keyframes left-right{0%{left:0}50%{left:50%}to{left:0}}@keyframes left-right{0%{left:0}50%{left:50%}to{left:0}}@-webkit-keyframes red-pulse{0%{background-color:#000;background-color:var(--purple)}50%{background-color:transparent}to{background-color:#000;background-color:var(--purple)}}@keyframes red-pulse{0%{background-color:#000;background-color:var(--purple)}50%{background-color:transparent}to{background-color:#000;background-color:var(--purple)}}@-webkit-keyframes pulse-in{0%{opacity:1}50%{opacity:1}55%{opacity:0}95%{opacity:0}to{opacity:1}}@keyframes pulse-in{0%{opacity:1}50%{opacity:1}55%{opacity:0}95%{opacity:0}to{opacity:1}}@-webkit-keyframes pulse-out{0%{opacity:0}50%{opacity:0}55%{opacity:1}95%{opacity:1}to{opacity:0}}@keyframes pulse-out{0%{opacity:0}50%{opacity:0}55%{opacity:1}95%{opacity:1}to{opacity:0}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.centerXY{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.centerX{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.centerY{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@font-face{font-display:swap;font-family:Neue Power;font-style:normal;font-weight:500;src:url(/static/media/NeuePower-Medium.edfb9a6fb731152c6912.eot);src:url(/static/media/NeuePower-Medium.edfb9a6fb731152c6912.eot?#iefix) format("embedded-opentype"),url(/static/media/NeuePower-Medium.4a9630eb76142d14c465.woff2) format("woff2"),url(/static/media/NeuePower-Medium.a5c24512c53bfc6e8087.woff) format("woff"),url(/static/media/NeuePower-Medium.890a5b875fae3930679b.ttf) format("truetype"),url(/static/media/NeuePower-Medium.29839cb2398998f6bd6e.svg#NeuePower-Medium) format("svg")}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Neue Power,sans-serif;font-size:12px;line-height:14px}a{color:inherit;text-decoration:none}@media(hover:hover){a:hover{text-decoration:none}}a:active{text-decoration:none}em{font-style:italic}strong{font-weight:700}:root{--app-height:100vh;--purple:#000}::selection{background:hsla(0,0%,100%,.99);color:#000;color:var(--purple)}::-moz-selection{background:hsla(0,0%,100%,.99);color:#000;color:var(--purple)}::-webkit-scrollbar{display:none;width:0}::-webkit-scrollbar-track{background-color:#000;background-color:var(--purple);display:none}::-webkit-scrollbar-thumb{background-color:#000;border:none}body,html{color:#000;color:var(--purple);height:100%;width:100%}.canvas__wrapper{height:100vh;height:var(--app-height);left:0;position:fixed;top:0;width:100%}
/*# sourceMappingURL=main.80002b36.css.map*/