.styles_Logo__muSnn{height:41px;width:175px;display:inline-block;background-image:url(/assets/images/lightnote-logo@2x.png);background-size:155px 21px;padding:10px;margin-top:-10px;background-repeat:no-repeat;background-position:10px 10px}.styles_NoSoundAlert__fT9B2{display:none;flex-wrap:nowrap;align-items:center;flex-direction:row-reverse;background-color:#f0f0f0;padding:20px;margin-bottom:30px;line-height:1.5em;border-radius:10px;margin-top:-10px;color:#656565;cursor:pointer;position:relative;transition:all .2s}.styles_NoSoundAlert__fT9B2:hover{background-color:#eee}.styles_NoSoundAlert__fT9B2>div{flex:1 1}.styles_NoSoundAlert__fT9B2 span{display:block;color:#333;font-weight:700}.styles_NoSoundAlert__fT9B2 svg{margin-right:20px}.styles_NoSoundAlert__fT9B2:after{content:"×";display:inline-block;height:30px;width:30px;position:absolute;top:10px;right:10px;font-size:24px;text-align:center;color:#aaa}@media only screen and (max-width:939px){.styles_NoSoundAlert__fT9B2{display:flex}}.styles_Main___uTDk{display:flex;flex-wrap:nowrap;justify-content:center;padding-left:300px}.styles_menuBar__k2FjS{display:none}.styles_menuButton__sfa0e{padding:26px 30px;height:18px;width:80px;position:absolute;top:0;left:0;display:none;flex-wrap:nowrap;text-transform:uppercase;color:#aaa;font-size:14px;letter-spacing:1px;cursor:pointer;transition:all .3s}.styles_menuButton__sfa0e:hover{color:#333}.styles_menuButton__sfa0e:hover .styles_lines__geQGs>div{background-color:#333}.styles_menuButton__sfa0e .styles_lines__geQGs{margin-right:10px}.styles_menuButton__sfa0e .styles_lines__geQGs>div{transition:all .2s;background-color:#aaa;height:3px;width:32px;margin-bottom:4px}.styles_sideBar__H7M_s{z-index:100000;position:fixed;top:0;bottom:0;left:0;width:300px;border-right:1px solid #eee;background-color:#fff;z-index:100;padding:30px;box-sizing:border-box;transition:all .3s;overflow-y:auto}.styles_sideBar__H7M_s h4{margin-bottom:-10px;margin-top:0;font-size:14px;color:#999}.styles_sideBar__H7M_s .styles_logoSide__bbaxM{margin-bottom:20px}.styles_sideBar__H7M_s a{color:#2884ff;text-decoration:none}.styles_sideBar__H7M_s a:hover{text-decoration:underline}.styles_sideBar__H7M_s ul{padding:0;margin-bottom:40px;margin-top:15px}.styles_sideBar__H7M_s ul li{list-style-type:none}.styles_sideBar__H7M_s ul li a{display:block;padding:8px 20px;margin:0 -20px 1px;border-radius:50px;text-decoration:none}.styles_sideBar__H7M_s ul li a:hover{text-decoration:none;background-color:#f1f7ff}.styles_sideBar__H7M_s ul li.styles_active__YyNQi a{background-color:#f1f7ff}.styles_sideBar__H7M_s ul li.styles_active__YyNQi a:hover{text-decoration:none}.styles_sideBar__H7M_s ul li a.styles_premium__WUown{color:#25cb68}.styles_sideBar__H7M_s ul li a.styles_premium__WUown:hover{background-color:#eafbf1}.styles_mainColumn__zzTZD{max-width:580px;min-width:580px;width:580px;padding:40px 30px 120px}.styles_blackout__FEOGN{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:9999;pointer-events:none;opacity:0;transition:opacity .3s}@media only screen and (max-width:939px){.styles_Main___uTDk{padding-left:0}.styles_mainColumn__zzTZD{padding-top:110px}.styles_sideBar__H7M_s{left:-300px;box-shadow:none}.styles_sideBar__H7M_s .styles_logoSide__bbaxM{display:none}.styles_sideBar__H7M_s.styles_open__kgUcG{left:0;box-shadow:0 0 4px rgba(0,0,0,.05);z-index:100000}.styles_menuButton__sfa0e{display:flex}.styles_blackout__FEOGN.styles_open__kgUcG{display:block;pointer-events:all;opacity:1}.styles_menuBar__k2FjS{display:block;position:fixed;background-color:#fff;text-align:center;top:0;height:70px;left:0;right:0;border-bottom:1px solid #eee;z-index:1000;box-shadow:0 0 3px rgba(0,0,0,.1)}.styles_menuBar__k2FjS .styles_logo__00aOs{margin-top:15px}.styles_menuBar__k2FjS .styles_premium__WUown{color:#25cb68;background-color:#eafbf1;position:fixed;top:15px;right:15px;text-decoration:none;padding:10px 20px;border-radius:20px;cursor:pointer}}.styles_Section__1F6p3{margin-top:140px}.styles_Button__GLv7A{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:none;font-size:18px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.styles_Button__GLv7A.styles_active__Nh2tg{transform:scale(1.1);transition:all .1s;box-shadow:0 3px 3px rgba(0,0,0,.1)}.styles_Button__GLv7A.styles_disabled__Io3Ob{pointer-events:none;cursor:not-allowed;opacity:.5}.styles_PlayButton__WV07n{color:#fff;background-color:#f16264;border-radius:100px;padding:12px 16px;max-width:110px;min-width:110px;max-height:48px;display:flex!important;text-transform:uppercase;letter-spacing:1px;justify-content:space-around;font-weight:500;align-items:center;margin-bottom:20px;cursor:pointer;transition:all .2s}.styles_PlayButton__WV07n:hover{opacity:.8}.styles_PlayButton__WV07n.styles_noSpace__zA4iq{margin-bottom:0}.styles_PlayRow__udNag{display:flex;align-items:center;gap:15px}.styles_PlayRow__udNag>*{margin:0!important}.styles_KeyCover__6JixO{width:580px;pointer-events:none;position:relative;transition:all .5s}.styles_KeyCover__6JixO.styles_minor__HvjQ4{margin-left:129px}.styles_KeyCover__6JixO .styles_block__Xxt3U{width:44px;background-color:rgba(244,244,244,.8666666667);display:inline-block;height:46px;pointer-events:all;margin-top:0;position:absolute;z-index:30}.styles_KeyCover__6JixO .styles_boxed__PVyUl{width:44px;border:2px solid #333;outline:1px solid #333;display:inline-block;height:47px;pointer-events:none;margin-top:1px;position:absolute;z-index:32}.styles_RainbowWrapper__VvD45{margin-top:40px;margin-bottom:40px}.styles_RainbowWrapper__VvD45 h3{font-weight:500}.styles_Rainbow__n9XDG{display:flex;flex-wrap:nowrap;justify-content:flex-start;-webkit-user-select:none;-moz-user-select:none;position:relative;margin-bottom:8px;margin-left:-516px;user-select:none;left:0;transition:all .5s}.styles_Rainbow__n9XDG.styles_medium__GLUgl,.styles_Rainbow__n9XDG.styles_small__r5sIs{margin-left:0}.styles_Note__72z6R{height:46px;width:42px;min-width:42px;background-color:#ccc;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;font-size:14px;margin-right:1px;border-bottom:4px solid #bbb;position:relative;top:0;transition:all .15s;color:#fff;cursor:pointer}.styles_Note__72z6R.styles_active__8xqnS{top:3px;transition:all 0s}.styles_Chord__myhwV{display:flex;flex-wrap:nowrap;position:relative;transition:all .2s}.styles_Chord__myhwV .styles_chordNote__zLYN8{min-width:35px;width:35px;height:35px;border-radius:50px;text-align:center;line-height:35px;margin-right:5px;margin-left:3px;color:#333;transition:all .2s}.styles_Chord__myhwV .styles_chordNote__zLYN8.styles_active__8xqnS{background-color:#333;color:#fff}.styles_Chord__myhwV .styles_chordNote__zLYN8.styles_active__8xqnS.styles_wrong__Oq9Vo{background-color:red;border-radius:3px}.styles_chordTitle__P20b7{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.styles_color-1__xrUah{background-color:#e54c4e;border-color:#c31c1f}.styles_color-1__xrUah.styles_active__8xqnS{background-color:#e33f41}.styles_color-2__nd9M8{background-color:#df844a;border-color:#b75b20}.styles_color-2__nd9M8.styles_active__8xqnS{background-color:#dd7b3d}.styles_color-3__UH7gL{background-color:#e4ab51;border-color:#c5841f}.styles_color-3__UH7gL.styles_active__8xqnS{background-color:#e2a544}.styles_color-4__3fbFn{background-color:#e3c749;border-color:#bda01d}.styles_color-4__3fbFn.styles_active__8xqnS{background-color:#e1c33c}.styles_color-5__h4Nek{background-color:#d8dd51;border-color:#b3b824}.styles_color-5__h4Nek.styles_active__8xqnS{background-color:#d5da44}.styles_color-6__6o7vy{background-color:#aed747;border-color:#82a825}.styles_color-6__6o7vy.styles_active__8xqnS{background-color:#a8d43a}.styles_color-7__a2oQ2{background-color:#3fbc46;border-color:#2b7f2f}.styles_color-7__a2oQ2.styles_active__8xqnS{background-color:#3bb142}.styles_color-8__WyoA1{background-color:#3fa9b4;border-color:#2a7078}.styles_color-8__WyoA1.styles_active__8xqnS{background-color:#3b9ea9}.styles_color-9__ds8F_{background-color:#407cb4;border-color:#2b5378}.styles_color-9__ds8F_.styles_active__8xqnS{background-color:#3c74a9}.styles_color-10__aODpC{background-color:#4e45b3;border-color:#342e78}.styles_color-10__aODpC.styles_active__8xqnS{background-color:#4941a8}.styles_color-11__2Lf_Y{background-color:#8d45b7;border-color:#5f2f7c}.styles_color-11__2Lf_Y.styles_active__8xqnS{background-color:#8441ac}.styles_color-12__zR7tm{background-color:#ca4593;border-color:#932a68}.styles_color-12__zR7tm.styles_active__8xqnS{background-color:#c7398c}.styles_playButton__H5xpK{margin-top:20px}.styles_playMajorButton__J3gX0{margin-left:215px}.styles_playMinorButton__S2ilg{margin-top:15px;margin-left:80px}.styles_controls__zLCia{font-size:21px}.styles_controls__zLCia>a{border:1px solid #2884ff;padding:15px 30px;cursor:pointer;color:#2884ff;text-decoration:none}.styles_controls__zLCia .styles_NextSection__uiDi4{background-color:#2884ff;color:#fff;border-radius:100px;display:inline-block;transition:all .2s}.styles_controls__zLCia .styles_NextSection__uiDi4:hover{transform:scale(1.06)}.styles_controls__zLCia .styles_subTitle__fzNZG{font-size:14px;letter-spacing:1px;color:#999;text-transform:uppercase;margin-bottom:10px}.styles_scaleButton__1jtHE{background-color:#eee;color:#333;border-radius:30px;height:40px;line-height:40px;padding:0 30px;margin-right:10px}.styles_scaleButton__1jtHE.styles_active__lR8ng{color:#fff;background-color:#333}.styles_keyTitle__Ul9al{margin-top:40px;margin-bottom:-20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.styles_keyTool__ABbwx{display:flex;flex-wrap:nowrap;margin-bottom:15px;margin-top:-15px}.styles_keyTool__ABbwx .styles_note__iHJkS{height:40px;line-height:40px;background-color:#eee;color:#333;border-radius:40px;min-width:40px;text-align:center;margin-right:5px}.styles_keyTool__ABbwx .styles_note__iHJkS.styles_active__lR8ng{background-color:#333;color:#fff}