*,:after,:before{box-sizing:border-box;overflow:hidden}body,html{font-family:Roboto}body{display:flex;margin:0}button{color:#000;font-size:18px;margin:0;padding:10px 20.2px}input[type=range]{width:20px}.container{background-color:#15171a;height:100%;left:50%;margin:0;overflow:hidden;padding-bottom:0;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:3}.piano{width:100%}.white{background-color:#fff;height:8vw;opacity:1;z-index:3}.black,.white{border:1px solid #333}.black{background-color:#000;height:5vw;margin-left:-.45vw;margin-right:-.45vw;z-index:4}.animated{overflow:visible;position:absolute}.noteName_black{color:#fff;display:flex;font-size:.7vw;font-weight:700;height:100%;justify-content:center;text-align:center;width:100%}.noteName_black span{align-self:flex-end;margin:5px 0;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.noteName_white{color:#000;display:flex;font-size:2vh;font-weight:700;height:100%;text-align:center;width:100%}.tzTimer{display:absolute;font-size:25px;margin-left:40px}.noteName_white span{align-self:flex-end;width:100%}.timer{margin-left:85px;margin-top:5px;position:absolute;z-index:10}.loadingMsg{display:block;font-size:50px;text-align:center}.backgroundRotateContainer{align-items:center;background-color:#000;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%;z-index:9999999}.backgroundRotateContainer h2{text-align:center;width:80%}.measureLine{background-color:#333;height:1px;overflow:inherit;position:absolute;text-align:right;width:100vw}.measureLine span{color:#fff;position:relative;right:30px}.measureLineObserver{background-color:#282c34;border:1px solid #ff0;height:1px;left:40px;position:absolute;width:5vh}.sheetMusicContainer{display:flex;height:300px;z-index:4}.OSMDsheetMusicContainer,.sheetMusicContainer{background-color:#d4d4d4;position:absolute;width:100%}.OSMDsheetMusicContainer{z-index:9}.OSMDsheetMusic{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:top .5s ease;width:90%}.logoWatermark{bottom:8.25vw;font-size:20px;font-weight:700;height:20px;left:.25vw;opacity:.3;position:absolute;width:150px;z-index:999}.logo{margin-bottom:15px;width:300px}@media screen and (max-width:500px){button{padding:10px 20.6px}}@media screen and (max-height:500px){button{font-size:16px;padding:5px 10.7px}.timer{font-size:26px;margin-left:55px}.black,.white{border:.5px solid #333}.logoWatermark{bottom:8vw;font-size:14px;left:.25vw}}button{border:.5px solid #333;cursor:pointer;display:block;outline:none}.PlayerControls_controlsContainer__GlQYH{overflow:visible;position:absolute;width:60px;z-index:1000}.PlayerControls_controlsContainer__GlQYH h1,h2{text-align:center}.PlayerControls_controlsContainer__GlQYH button{border-radius:0}.PlayerControls_controlsContainer__GlQYH input[type=color]{border:none;height:30px;margin:5px;padding:1px;width:30px}.PlayerControls_controlsContainer__GlQYH span{margin-left:20px}.PlayerControls_inner_btn__95PEa{display:inline-block;margin:15px}.PlayerControls_exit_btn__OM6JE{padding:6px 10px;position:absolute;right:0}.PlayerControls_speedButtonContainer__\+fgfT button{align-items:center;display:flex;font-size:.9rem;justify-content:center;width:100%}.PlayerControls_cosmeticsBox__QMH7A h3{text-align:center}.PlayerControls_cosmeticsBox__QMH7A input{padding:0;text-align:center}.PlayerControls_settingsBox__gqwtx{background-color:#1e1e1e;border:3px solid #fff;left:60px;max-height:80vh;overflow:auto;position:absolute;width:550px;z-index:999}.PlayerControls_settingsBox__gqwtx h3{text-align:center}.PlayerControls_settings__k1xju span,input{margin:10px}.PlayerControls_color-picker-container__04iGX{display:flex;justify-content:space-between;padding:20px}.PlayerControls_color-picker-container__04iGX>div{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:10px}.PlayerControls_thumb__R8TXZ{position:absolute}.PlayerControls_pianoRangeContainer__iULd1{display:inline-flex;gap:10px}.PlayerControls_pianoRangeContainer__iULd1 span{align-content:center;margin:0}.PlayerControls_pianoRangeContainer__iULd1 button{padding:1px 8px}.PlayerControls_pianoRangeSettings__EYyN4{margin-top:10px;text-align:center}.PlayerControls_pianoRangeSettings__EYyN4 h3{color:red}.PlayerControls_tileColorContainer__8NmdU{margin:20px 0}.PlayerControls_inlineBox__xFyBL{display:flex}.PlayerControls_inlineBox__xFyBL span{align-content:center}.PlayerControls_volumeContainer__-tTwu{align-items:center;display:flex;justify-content:center}.PlayerControls_volumeContainer__-tTwu input{width:300px}.PlayerControls_inlineBox__xFyBL .PlayerControls_opacityControls__MGtm4{align-content:center;width:100px}.PlayerControls_disabledDiv__0lK39{opacity:.5;pointer-events:none}.PlayerControls_buttonControlsContainer__Z1XP8{width:100%}.PlayerControls_buttonControlsContainer__Z1XP8 button{display:inline-block;margin:3px;padding:0 7px}.PlayerControls_songInfoContainer__ot8kA{text-align:center}.PlayerControls_songInfoContainer__ot8kA span{display:block;padding:5px}.PlayerControls_songInfoContainer__ot8kA span a{color:#61bdff;text-decoration:none}@media screen and (max-height:500px){.PlayerControls_controlsContainer__GlQYH{width:38px}.PlayerControls_speedButtonContainer__\+fgfT button{font-size:.725rem}.PlayerControls_settingsBox__gqwtx{font-size:.9rem;left:38px}}@media screen and (max-width:500px){.PlayerControls_settingsBox__gqwtx{border:2px solid #fff;left:0;max-height:70vh;width:100vw}.PlayerControls_exit_btn__OM6JE{left:0;width:40px}}.custom-range-container{overflow:visible;position:fixed;right:0;z-index:10}.custom-range-container button{margin:0;overflow:hidden;padding:3px}@media (max-height:500px){.custom-range-container button{border:none;padding:1px}}.custom-range-container input[type=range]{-webkit-appearance:none;appearance:none;margin:0;outline:none;position:absolute;right:0;-webkit-transform:rotate(270deg) translateY(-100%);transform:rotate(270deg) translateY(-100%);-webkit-transform-origin:top right;transform-origin:top right}.custom-range-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #4caf50;border-radius:30%;cursor:pointer;height:var(--key-size);overflow:visible;width:var(--key-size);z-index:20}.custom-range-container input[type=range]::-moz-range-thumb{background:#fff;border:2px solid #4caf50;border-radius:30%;cursor:pointer;height:var(--key-size);overflow:visible;width:var(--key-size);z-index:20}.OrientationLines_container__u3IhE{background-color:initial;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.OrientationLines_divider__aeDOd{height:100%;opacity:.5;overflow:visible;position:absolute;top:0;width:2px}.OrientationLines_halfStep__z9X40{background-color:#363636}.OrientationLines_inter__DUcq1{background-color:#202020}@media screen and (max-width:500px){.OrientationLines_divider__aeDOd{opacity:.7;width:1px}}.Keys_keysContainer__gaU3h{bottom:0;display:flex;left:0;position:absolute;width:100%;z-index:10;z-index:99}.MeasureLines_measureLine__UY5i9{background-color:#333;height:1px;overflow:inherit;position:absolute;text-align:right;width:100vw;z-index:1}.MeasureLines_measureLine__UY5i9 span{color:#fff;position:relative;right:30px}.MeasureLines_measureLineObserver__HrkTn{height:1px;left:40px;position:absolute;visibility:hidden;width:5vh}.SustainLines_sustainLine__MJaCo{height:1px;overflow:inherit;position:absolute;text-align:right;width:100vw;z-index:2}.SustainLines_sustainLineObserver__CQP3n{height:1px;left:80px;position:absolute;visibility:hidden;width:5vh}.StartOverlay_container__ImpXU{align-items:center;background-color:rgba(0,0,0,.9);display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%;z-index:9999}.StartOverlay_container__ImpXU h2,.StartOverlay_container__ImpXU span{opacity:1}body{background-color:#000;color:#fff}.WelcomeScreen_container__-LsD1{align-items:center;background-position:50%;background-size:cover;display:flex;flex-direction:column;height:100dvh;justify-content:center;overflow:hidden;width:100vw}.WelcomeScreen_title__h3RHK{-webkit-animation:WelcomeScreen_slideDown__OsYQK 1s ease-out forwards;animation:WelcomeScreen_slideDown__OsYQK 1s ease-out forwards;color:#fff;font-size:3rem;opacity:0;text-align:center}.WelcomeScreen_title__h3RHK img{vertical-align:-8px;width:300px}.WelcomeScreen_button__oUDi9{-webkit-animation:WelcomeScreen_fadeIn__fIuUF 2s ease-out forwards;animation:WelcomeScreen_fadeIn__fIuUF 2s ease-out forwards;background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:1rem;opacity:0;padding:.8rem 2rem;transition:.3s}.WelcomeScreen_button__oUDi9:hover{background-color:#2fc251;transition:.3s}.WelcomeScreen_buttonGroup__GbeZ6{display:flex;gap:1rem}.WelcomeScreen_buttonGroup__GbeZ6 button:last-of-type{background-color:#007bff}.WelcomeScreen_buttonGroup__GbeZ6 button:last-of-type:hover{background-color:#008cff}@-webkit-keyframes WelcomeScreen_slideDown__OsYQK{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes WelcomeScreen_slideDown__OsYQK{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes WelcomeScreen_fadeIn__fIuUF{0%{opacity:0}to{opacity:1}}@keyframes WelcomeScreen_fadeIn__fIuUF{0%{opacity:0}to{opacity:1}}.AuthStyles_wrapper__S4gUj{align-items:center;background-position:50%;background-size:cover;display:flex;height:100dvh;justify-content:center;min-height:100dvh;overflow-y:auto;padding:0 20px;width:100%}@media (max-height:600px){.AuthStyles_wrapper__S4gUj{align-items:flex-start;padding-bottom:20px;padding-top:20px}}.AuthStyles_container__3R7BS{background:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);font-family:sans-serif;max-width:400px;padding:30px;text-align:center;width:100%}.AuthStyles_registerContainer__mygmj{max-height:300px;transition:max-height .75s linear}.AuthStyles_open__VbJ\+9{max-height:1000px}.AuthStyles_container__3R7BS h1{color:#333}.AuthStyles_options__d6ktG{color:#667eea;display:flex;gap:15px;justify-content:space-between;margin-bottom:30px}.AuthStyles_option__NJvce{background:#fff;border:2px solid #ccc;border-radius:8px;cursor:pointer;flex:1 1;font-weight:500;padding:20px;transition:all .2s}.AuthStyles_option__NJvce:hover{background:#f8f9ff;border-color:#667eea}.AuthStyles_option__NJvce.AuthStyles_selected__JGvym{background:#667eea;border-color:#667eea;color:#fff}.AuthStyles_form__A4sjP{display:flex;flex-direction:column;gap:15px;text-align:left}.AuthStyles_form__A4sjP h2{color:#333;margin-bottom:10px;text-align:center}.AuthStyles_input__Rs-e1{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:12px;transition:border-color .2s}.AuthStyles_input__Rs-e1:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1);outline:none}.AuthStyles_button__7ZTar{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .2s}.AuthStyles_button__7ZTar:hover{background:#5a6fd8}.AuthStyles_signIn__L1eqB{border-top:2px solid #ddd;color:#666;font-size:14px;margin-top:20px;padding-top:20px;text-align:center}.AuthStyles_signIn__L1eqB span{color:#667eea;cursor:pointer}.AuthStyles_signIn__L1eqB span:hover{text-decoration:underline}.AuthStyles_error__6l28w{background-color:#fcbdbd;border-radius:10px;color:red;margin-top:10px;padding:5px}.AuthStyles_logo__iCEmm{margin-bottom:15px;width:90%}.AuthStyles_loginOptionsContainer__itWoF{display:flex;justify-content:center}.AuthStyles_googleButton__UYNd8{border:none;border-radius:10px;padding:5px;width:50px}.AuthStyles_googleButton__UYNd8 img{width:25px}.AuthStyles_separator__RNdv2{align-items:center;display:flex;margin:15px 0;text-align:center}.AuthStyles_separator__RNdv2:after,.AuthStyles_separator__RNdv2:before{border-bottom:1px solid #ccc;content:"";flex:1 1}.AuthStyles_separator__RNdv2 span{color:#666;font-size:14px;padding:0 10px}.AuthStyles_passwordToggleIcon__SvDTc{cursor:pointer;position:absolute;right:30px;top:calc(50% - 2px);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:999}.AuthStyles_passwordInput__QEyYz{margin:0 10px 10px;padding-right:55px}.Dashboard_container__Y-zGP{background-color:#1e1e1e;display:flex;font-family:system-ui,-apple-system,sans-serif;height:100vh}.Dashboard_title__1Fc8J{height:100px;width:100px}.Dashboard_sidebar__jc64k{background-color:#2c3e50;border-right:2px solid #34495e;color:#fff;display:flex;flex-direction:column;width:250px}.Dashboard_logo__tdBht{border-bottom:2px solid #34495e;font-size:24px;font-weight:700;padding:20px;text-align:center}.Dashboard_logo__tdBht img{cursor:pointer;width:100%}.Dashboard_nav__EGff6{flex:1 1;padding:20px 0}.Dashboard_navItem__Xkw7r{border-left:4px solid transparent;cursor:pointer;font-size:20px;font-weight:700;letter-spacing:.75px;padding:15px 20px;transition:background-color .3s ease}.Dashboard_navItemActive__\+Iqgu{background-color:#34495e;border-left-color:#3498db}.Dashboard_navItem__Xkw7r:hover{background-color:#34495e}.Dashboard_content__dw0dC{flex:1 1;margin:30px;overflow-y:auto}.Dashboard_heading__ZDEwE{color:#2c3e50;font-size:32px;font-weight:300;margin:0;text-align:center}.Dashboard_backgroundRotateContainer__hd6Ic{align-items:center;background-color:#000;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%;z-index:9999999}.Dashboard_backgroundRotateContainer__hd6Ic h2{text-align:center;width:80%}@media (max-width:768px){.Dashboard_sidebar__jc64k{width:200px}.Dashboard_logo__tdBht{font-size:20px;padding:15px}.Dashboard_nav__EGff6{padding:15px 0}.Dashboard_nav-item__sIuDU{font-size:14px;padding:12px 15px}.Dashboard_heading__ZDEwE{font-size:24px}}@media (max-width:480px){.Dashboard_sidebar__jc64k{width:150px}.Dashboard_logo__tdBht{font-size:18px;padding:10px}.Dashboard_nav__EGff6{padding:10px 0}.Dashboard_nav-item__sIuDU{font-size:12px;padding:10px 8px}.Dashboard_heading__ZDEwE{font-size:18px}}.Dashboard_startCoverBackground__V-qh-{background-color:rgba(51,51,51,.75);height:100%;position:absolute;text-align:center;width:100%;z-index:9999}.Dashboard_startCover__4q7FE button{display:inline-block}.Dashboard_startCover__4q7FE img{margin:30px;width:300px}.Dashboard_startCover__4q7FE{background-color:#1e1e1e;height:100%;margin:0 auto;overflow:auto;position:relative;text-align:center;width:100%;z-index:5}.Dashboard_materialSelectionContainer__Od-qX{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:50px}.Dashboard_materialSelectionContainer__Od-qX a{color:#fff;margin:5px}.Dashboard_modeSelectionContainer__U5Ajp{display:flex;gap:40px;justify-content:center;margin-bottom:30px}.Dashboard_modeSelectionContainer__U5Ajp div{background-color:grey;cursor:pointer;padding:50px}.Dashboard_modeSelectionContainer__U5Ajp div:hover{background-color:#934add}.Dashboard_learningModeContainer__jf5vO{display:flex;gap:30px;justify-content:center;margin-bottom:20px}.Dashboard_learningModeContainer__jf5vO div{background-color:grey;cursor:pointer;padding:20px}.Dashboard_learningModeContainer__jf5vO div:hover{background-color:#934add}.Dashboard_handsContainer__x7YuW{align-items:center;display:flex;font-size:30px;gap:30px;justify-content:center;margin-bottom:20px}.Dashboard_handsContainer__x7YuW div{background-color:grey;cursor:pointer;padding:15px 15px 10px}.Dashboard_handsContainer__x7YuW div:hover{background-color:#934add}.Dashboard_crText__xUHa6{bottom:10px;left:0;position:absolute;right:0}.Dashboard_earlyAccess__-7WVD{bottom:0;color:#e12b2b;font-size:20px;font-weight:700;position:absolute;right:20px}.Dashboard_lessonsContainer__0slkF{overflow-y:auto}.Dashboard_lessonsContainer__0slkF span{background-color:#6d6d6d;display:block;margin-bottom:15px;max-width:400px;padding:12px}.Dashboard_lessonsContainer__0slkF span:hover{background-color:#929292;cursor:pointer}@media screen and (max-width:500px){.Dashboard_modeSelectionContainer__U5Ajp{margin:20px 15px}.Dashboard_modeSelectionContainer__U5Ajp div{padding:10px}.Dashboard_materialSelectionContainer__Od-qX{margin-bottom:30px}.Dashboard_learningModeContainer__jf5vO div{padding:10px}.Dashboard_handsContainer__x7YuW{margin-bottom:30px;margin-top:30px}.Dashboard_handsContainer__x7YuW div{padding:8px 8px 5px}.Dashboard_crText__xUHa6{font-size:11px}select{grid-template-columns:1fr;width:150px}.Dashboard_earlyAccess__-7WVD{bottom:15px;font-size:14px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media screen and (max-height:500px){h1{margin:10px}.Dashboard_modeSelectionContainer__U5Ajp{margin-bottom:10px}.Dashboard_modeSelectionContainer__U5Ajp div{padding:10px}.Dashboard_materialSelectionContainer__Od-qX{margin-bottom:10px}.Dashboard_materialSelectionContainer__Od-qX select:first-of-type{width:100px}.Dashboard_materialSelectionContainer__Od-qX select{margin:10px 0;width:200px}.Dashboard_learningModeContainer__jf5vO div{padding:10px}.Dashboard_learningModeContainer__jf5vO{margin-bottom:10px}.Dashboard_handsContainer__x7YuW{font-size:25px;margin-bottom:10px}.Dashboard_handsContainer__x7YuW div{padding:10px 10px 5px}.Dashboard_crText__xUHa6{margin-top:30px;position:relative}}.Dashboard_lessonContainer__azWgs{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:700px}.Dashboard_lessonContainer__azWgs img{width:80%}.Dashboard_lessonContainer__azWgs h1{margin:20px 0}.Dashboard_lessonContainer__azWgs h2{text-align:left}.Dashboard_lessonContainer__azWgs ul{list-style:inside;margin-left:-20px}.Dashboard_lessonContainer__azWgs p{margin:20px 0}