@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(/_next/static/media/Poppins-Medium.a52d0bf0.ttf) format("truetype")}@font-face{font-family:PoppinsRegular;font-style:normal;font-weight:400;src:url(/_next/static/media/Poppins-Regular.4b4ebe20.ttf) format("truetype")}@font-face{font-family:PoppinsBold;font-style:normal;font-weight:400;src:url(/_next/static/media/Poppins-Bold.8001a01b.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url(/_next/static/media/Montserrat.dc7f77ea.woff)}@font-face{font-family:MontserratBold;font-style:normal;font-weight:400;src:url(/_next/static/media/MontserratBold.0d0e4cae.woff)}@font-face{font-family:ActionComics;font-style:normal;font-weight:400;src:url(/_next/static/media/Action\ Comics.e7ff863a.ttf)}@font-face{font-family:ActionComicsBlack;font-style:normal;font-weight:400;src:url("/_next/static/media/Action Comics Black.dad787c7.ttf")}body,html{padding:0;margin:0;background-color:transparent;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;scrollbar-color:dark;scrollbar-color:lime #000;scrollbar-width:thin;overflow-x:hidden}.underline{text-decoration:underline!important}a{color:inherit;text-decoration:none}.chakra-toast span{width:20px;height:20px}.chakra-toast button svg{width:10px;height:10px;margin-top:5px;margin-right:5px}.floating-object{animation-name:floating;animation-duration:2.3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@media(prefers-color-scheme:dark){html{color-scheme:dark}body{color:#fff;background:#000}}.grecaptcha-badge{visibility:hidden}#canvas canvas:nth-child(2n){display:none!important;height:0!important}.no-canvas canvas{display:none!important}.space-container #canvas{display:flex;justify-content:center;text-align:center;margin-left:auto;margin-right:auto;position:fixed}.space-container #canvas,.space-container canvas{width:100vw!important;height:100vh!important}.space-container .info__panel{display:none;position:fixed;top:60px;left:5px;width:220px;max-width:220px;background:rgba(0,0,0,.5);padding:10px;border-radius:5px}.space-container .info__panel h2{text-transform:uppercase;text-align:center;padding-bottom:10px;margin-bottom:10px;border-bottom:2px solid #fff;letter-spacing:3px;color:#fff}.space-container .info__panel p{font-size:13px;letter-spacing:1px;word-spacing:3px;padding-top:15px;color:#fff}.hide{animation:fadeinout .3s linear forwards}@keyframes fadeinout{0%{opacity:.6}50%{opacity:.2}to{opacity:0}}.show{animation:display 1s linear forwards}@keyframes display{0%{opacity:.2}50%{opacity:.6}to{opacity:1}}@keyframes floating{0%{transform:translate(0)}50%{transform:translateY(-25px)}to{transform:translate(0)}}[data-animation=glitch-clip]{--gap-horizontal:5px;animation-name:glitch-clip__animation;animation-duration:var(--duration);animation-timing-function:linear;animation-iteration-count:var(--iteration-count)}@keyframes glitch-clip__animation{0%{transform:translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);-webkit-clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%)}2%{-webkit-clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%);clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}4%{-webkit-clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%);clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}5%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%);clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)}6%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%);clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}7%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%);clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}8%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%);clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}9%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%);clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)}9.9%{transform:translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1)}10%,to{transform:translateZ(0) scaleX(1);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes move{0%{transform:translate(0)}to{transform:translate(-100%)}}.debug{list-style-type:none;font-family:monospace}.debug dl{display:flex;width:400px;justify-content:space-between}.note{flex:0 0 var(--note-width);height:var(--note-height);width:var(--note-width);border:var(--note-border-size) solid var(--color-black);box-sizing:border-box;background-color:#242424;margin:var(--note-margin-vert) var(--note-margin-horz);cursor:pointer}.note.on{background-color:lime;transition:background-color .12s ease 0}.note.playing{background-color:var(--color-highlight)!important}.play_head{position:absolute;top:var(--note-margin-vert);left:calc(var(--track-title-width) + var(--spacer)*2 - 20px);height:var(--play-head-height);width:var(--play-head-width);height:100%;background-color:var(--color-highlight)}.steps{display:flex;padding-left:110px;border-top:1px solid var(--color-dark-grey);border-bottom:1px solid var(--color-dark-grey)}.step{flex:0 0 var(--note-width);min-width:var(--note-width);min-height:var(--step-height);margin-left:var(--note-margin-horz);margin-right:var(--note-margin-horz);justify-content:center;font-weight:900;font-size:1rem}.step,.toolbar{display:flex;align-items:center}.toolbar{font-weight:800;position:absolute;right:50px}.form_element{background:transparent;border:1px solid var(--color-dark-grey);margin-left:calc(var(--spacer)/2);height:var(--form-element-height);box-sizing:border-box;font-weight:800;font-size:.9rem;text-align:center;color:var(--color-fg)}.form_element svg{margin:0 auto}.button_play_pause,.button_stop{width:var(--button-pause-play-width);padding:0;cursor:pointer}.button_icon_path{fill:var(--color-fg)}.input_bpm{padding:0;width:var(--input-bpm-width)}.label_bpm{margin-left:calc(var(--spacer)/2);margin-right:var(--spacer);font-weight:400;font-size:15px}.select_sequence{margin-left:var(--spacer);text-transform:uppercase;border-radius:0;-webkit-appearance:none;-webkit-border-radius:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 306 306'%3E%3Cpolygon fill='%23f5f5f5' points='270.3,58.6 153,175.9 35.7,58.6 0,94.3 153,247.3 306,94.3'/%3E%3C/svg%3E");background-position:95% 50%;background-repeat:no-repeat;background-size:16px;padding:0 40px 0 10px}.track{display:flex;flex-direction:row}.track_title{display:flex;flex:0 0 auto;justify-content:flex-end;align-items:center;text-transform:uppercase;font-weight:900;font-size:1.1rem;padding:var(--spacer);width:var(--track-title-width)}.track_notes{display:flex}:root{--app-max-width:0;--app-visibility:hidden}html{font-size:var(--base-font-size);color:var(--color-fg)}.app{margin-left:auto;margin-right:auto;margin-top:0;width:100%;min-height:100vh;padding-left:30px;padding-top:10px;visibility:var(--app-visibility);background-color:#151515}.app_header{display:flex;align-items:center;justify-content:stretch;margin-bottom:calc(var(--spacer)*1);margin-left:var(--spacer);margin-right:var(--spacer)}.app_title{font-size:2.2rem;font-weight:700}.app_content{display:flex;flex-direction:column;margin-top:var(--spacer);margin-bottom:var(--spacer);position:relative;transform:translateZ(0)}.app_footer,.app_footer a{margin-top:4vh;text-align:center;color:var(--color-dark-grey);background:transparent}.move-area{width:100vw;height:100vh;padding:10% 45%;position:relative;top:-220px;right:35px;text-align:center;pointer-events:none}.container{width:unset;margin:0 auto}.container,.eye{pointer-events:none}.eye{position:relative;display:inline-block;border-radius:45%;border:1px solid #000;height:60px;width:60px;background:#ccc}.eye:after{position:absolute;bottom:27px;right:10px;width:25px;pointer-events:none;height:25px;background:#000;border-radius:50%;content:" "}