@import url(https://fonts.googleapis.com/css2?family=Dancing+Script&family=Montserrat:wght@200&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}.primary-bkg{background-color:#97f51c}.primary-color{color:#97f51c}.listBox_list__b4pZp{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;list-style-type:none}.listBox_list__b4pZp::-webkit-scrollbar{width:4px}.listBox_list__b4pZp::-webkit-scrollbar:hover{width:8px}.listBox_list__b4pZp::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px #000}.listBox_list__b4pZp::-webkit-scrollbar-thumb{background:#8de41c;border-radius:10px}.listBox_list_song__rrWCx{background-color:rgba(0,0,0,.557);border-bottom-right-radius:0;border-top-right-radius:0;color:#fff;height:300px;overflow-y:scroll;scrollbar-color:#8de41c;scrollbar-width:thin}.listBox_item__k0zjR{align-items:center;cursor:grab;display:flex;overflow:hidden;padding:10px;text-overflow:ellipsis;transition:.3s;white-space:nowrap}.listBox_item_list__Z6--n{border-bottom:1px solid #ccc;height:33px;padding:22px 14px;transition:letter-spacing .4s linear;width:200px}.listBox_item_list__Z6--n:first-child{border-top-left-radius:10px}.listBox_item_list__Z6--n:last-child{border-bottom:none;border-bottom-left-radius:10px}.listBox_item_list__Z6--n p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listBox_item_list__Z6--n:hover{background-color:#8de41c;color:#fff;letter-spacing:2px}.listBox_item_img__IhbhT{min-width:50px}.listBox_item_img__IhbhT:before{align-items:center;background-color:#8de41c;border-radius:10px;color:#fff;content:"active";display:flex;font-size:18px;height:40px;justify-content:center;left:50%;opacity:0;position:absolute;-webkit-transform:translate(-50%,200%);transform:translate(-50%,200%);width:80px;z-index:1}.listBox_item_img__IhbhT .listBox_item-img__D\+p0\+{border-radius:6px;position:relative;width:210px}.listBox_item_img__IhbhT:hover{background-color:#afe864}.listBox_item_active__E0YwT.listBox_item_list__Z6--n{background-color:#79c219;color:#fff;letter-spacing:2px}.listBox_item_active__E0YwT.listBox_item_img__IhbhT:before{opacity:1;-webkit-transform:translate(-50%);transform:translate(-50%)}.listBox_item_active__E0YwT.listBox_item_img__IhbhT .listBox_item-img__D\+p0\+{-webkit-filter:brightness(.4);filter:brightness(.4)}.controlBar_wrapper__AyqDg{bottom:20px;left:50%;position:fixed;-webkit-transform:translate(-50%);transform:translate(-50%)}.controlBar_control-bar__Njecc{align-items:center;bottom:20px;display:flex;height:150px;justify-content:center;-webkit-transform:translate(-50%,20px);transform:translate(-50%,20px);transition:.6s}.controlBar_control-bar__Njecc:hover{-webkit-transform:translate(-50%);transform:translate(-50%)}.controlBar_control-bar__Njecc:hover .controlBar_control-btn__Ayhfm{-webkit-transform:translate(0);transform:translate(0);z-index:0}.controlBar_control-bar__Njecc:hover .controlBar_progress__cdNPa{-webkit-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1)}.controlBar_control-btn__Ayhfm{position:relative;transition:.6s}.controlBar_control-btn__Ayhfm:first-child{-webkit-transform:translate(186px);transform:translate(186px)}.controlBar_control-btn__Ayhfm:nth-child(2){-webkit-transform:translate(106px);transform:translate(106px)}.controlBar_control-btn__Ayhfm:nth-child(3){z-index:1}.controlBar_control-btn__Ayhfm:nth-child(4){-webkit-transform:translate(-106px);transform:translate(-106px)}.controlBar_control-btn__Ayhfm:nth-child(5){-webkit-transform:translate(-186px);transform:translate(-186px)}.controlBar_control-volume__abxtM{background-color:#8de41c;border-radius:30px;border-bottom-right-radius:30px;bottom:0;display:flex;height:220px;justify-content:center;left:50%;padding-bottom:60px;position:absolute;-webkit-transform:translate(-50%,12px) scaleY(0);transform:translate(-50%,12px) scaleY(0);-webkit-transform-origin:50% 86%;transform-origin:50% 86%;transition:.4s;width:60px;z-index:-1}.controlBar_control-volume__abxtM .controlBar_volume__CmMNO{width:200px}.controlBar_control-btn__Ayhfm:nth-child(5):hover .controlBar_control-volume__abxtM{-webkit-transform:translate(-50%) scaleY(1);transform:translate(-50%) scaleY(1)}.controlBar_progress__cdNPa{bottom:0;height:10px;left:50%;position:absolute;-webkit-transform:translate(-50%) scaleX(0);transform:translate(-50%) scaleX(0);transition:.6s;width:400px}.button_btn__QNc5-{align-items:center;background-color:#8de41c;border-radius:50%;cursor:pointer;display:flex;justify-content:center;transition:.6s}.button_btn__QNc5->*{color:#fff}.button_btn_small__FlINe{height:60px;margin:0 10px;width:60px}.button_btn_small__FlINe>*{height:20px;width:20px}.button_btn_large__an05I{height:90px;margin:0 20px;width:90px}.button_btn_large__an05I>*{height:40px;width:40px}.button_btn__QNc5-:hover,.button_btn_repeating__FK8d-{background-color:#fff;box-shadow:0 0 40px 10px #8de41c}.button_btn__QNc5-:hover>*,.button_btn_repeating__FK8d->*{color:#8de41c}.button_btn_playing__vwZ35{-webkit-animation:button_soundEffect__lon6F 1.2s linear infinite;animation:button_soundEffect__lon6F 1.2s linear infinite}@-webkit-keyframes button_soundEffect__lon6F{0%{outline:1px solid #8de41c}25%{outline:6px solid rgba(141,228,28,.847)}50%{outline:12px solid rgba(141,228,28,.718)}80%{outline:18px solid rgba(141,228,28,.157)}to{outline:24px solid transparent}}@keyframes button_soundEffect__lon6F{0%{outline:1px solid #8de41c}25%{outline:6px solid rgba(141,228,28,.847)}50%{outline:12px solid rgba(141,228,28,.718)}80%{outline:18px solid rgba(141,228,28,.157)}to{outline:24px solid transparent}}.range_wrapper__SoBFs{position:relative;width:100%}.range_wrapper__SoBFs:hover .range_range__rzjsZ{height:6px}.range_range__rzjsZ{-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:9999px;cursor:grab;height:4px;left:50%;overflow:hidden;position:absolute;top:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.2s}.range_range__rzjsZ::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#b8f06e;border-radius:50%;box-shadow:-300px 0 0 300px #74b919;height:8px;pointer-events:none;-webkit-transition:.2s;transition:.2s;width:8px}.range_range__rzjsZ::-moz-range-thumb{appearance:none;background-color:#b8f06e;border-radius:50%;box-shadow:-300px 0 0 300px #74b919;height:8px;pointer-events:none;-moz-transition:.2s;transition:.2s;width:8px}.range_range_vertical__YHo9m{-webkit-transform:rotate(-90deg) translateX(-50%);transform:rotate(-90deg) translateX(-50%);-webkit-transform-origin:0 50%;transform-origin:0 50%;width:120px}.range_range_vertical__YHo9m:active{cursor:grabbing}.range_range_horizontal__7kh8h{width:100%}.configBar_optionBar-container__YdnFc{border:2px solid #fff;border-radius:999px;height:65px;left:20px;position:fixed;top:20px;transition:.6s;width:65px}.configBar_optionBar-container__YdnFc .configBar_option-container__5m1aD{align-items:center;border-radius:999px;display:flex;height:50px;justify-content:space-between;left:6px;min-width:300px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.configBar_optionBar-container__YdnFc .configBar_option-container__5m1aD .configBar_config-option__q8\+8s{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:100%;justify-content:center;position:relative;transition:.6s;width:50px}.configBar_optionBar-container__YdnFc .configBar_option-container__5m1aD .configBar_config-option__q8\+8s:not(.configBar_config-option__q8\+8s:first-child){opacity:0}.configBar_optionBar-container_open__Fqn5c{width:316px}.configBar_optionBar-container_open__Fqn5c .configBar_option-container__5m1aD{left:6px}.configBar_optionBar-container_open__Fqn5c .configBar_option-container__5m1aD .configBar_config-option__q8\+8s{display:flex}.configBar_optionBar-container_open__Fqn5c .configBar_option-container__5m1aD .configBar_config-option__q8\+8s:not(.configBar_config-option__q8\+8s:first-child){opacity:1}.configBar_optionBar-container_open__Fqn5c .configBar_option-container__5m1aD .configBar_esc-btn__jofEi>span{transition:1s}.configBar_optionBar-container_open__Fqn5c .configBar_option-container__5m1aD .configBar_esc-btn__jofEi>span:first-child{top:50%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.configBar_optionBar-container_open__Fqn5c .configBar_option-container__5m1aD .configBar_esc-btn__jofEi>span:nth-child(2){opacity:0}.configBar_optionBar-container_open__Fqn5c .configBar_option-container__5m1aD .configBar_esc-btn__jofEi>span:nth-child(3){bottom:50%;-webkit-transform:translate(-50%,50%) rotate(45deg);transform:translate(-50%,50%) rotate(45deg)}.configBar_shortcuts-wrapper__H38GH{background-color:rgba(0,0,0,.702);bottom:0;display:grid;height:100vh;left:0;place-items:center;position:fixed;right:0;top:0;width:100vw;z-index:999}.configOption_wrapper__R3lC-{height:100%;position:relative;width:100%}.configOption_wrapper__R3lC- *{transition:.3s}.configOption_wrapper__R3lC- .configOption_config-option__1eqXC,.configOption_wrapper__R3lC- .configOption_esc-btn__6kats{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:100%;justify-content:center;position:relative;width:50px;z-index:1}.configOption_wrapper__R3lC- .configOption_config-option__1eqXC:after,.configOption_wrapper__R3lC- .configOption_config-option__1eqXC:before,.configOption_wrapper__R3lC- .configOption_esc-btn__6kats:after,.configOption_wrapper__R3lC- .configOption_esc-btn__6kats:before{background-color:#fff;content:"";height:25px;opacity:0;position:absolute;transition:.5s;width:50px}.configOption_wrapper__R3lC- .configOption_config-option__1eqXC:before,.configOption_wrapper__R3lC- .configOption_esc-btn__6kats:before{border-top-left-radius:50px;border-top-right-radius:50px;top:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.configOption_wrapper__R3lC- .configOption_config-option__1eqXC:after,.configOption_wrapper__R3lC- .configOption_esc-btn__6kats:after{border-bottom-left-radius:50px;border-bottom-right-radius:50px;bottom:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.configOption_wrapper__R3lC- .configOption_config-option__1eqXC>svg{color:#fff;height:32px;transition:.2s;width:32px;z-index:2}.configOption_wrapper__R3lC- .configOption_esc-btn__6kats>span{background-color:#fff;border-radius:6px;display:block;height:3px;left:50%;position:absolute;-webkit-transform:translate(-50%) rotate(0);transform:translate(-50%) rotate(0);width:32px;z-index:2}.configOption_wrapper__R3lC- .configOption_esc-btn__6kats>span:first-child{top:12px}.configOption_wrapper__R3lC- .configOption_esc-btn__6kats>span:nth-child(2){opacity:1;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.configOption_wrapper__R3lC- .configOption_esc-btn__6kats>span:nth-child(3){bottom:12px}.configOption_wrapper__R3lC- .configOption_esc-btn__6kats:hover>span{background-color:#8de41c}.configOption_wrapper_open__D\+qgl .configOption_esc-btn__6kats span:first-child{top:50%;-webkit-transform:translate(-50%,-50%) rotate(-135deg);transform:translate(-50%,-50%) rotate(-135deg)}.configOption_wrapper_open__D\+qgl .configOption_esc-btn__6kats span:nth-child(2){opacity:0}.configOption_wrapper_open__D\+qgl .configOption_esc-btn__6kats span:nth-child(3){bottom:50%;-webkit-transform:translate(-50%,50%) rotate(135deg);transform:translate(-50%,50%) rotate(135deg)}.configOption_wrapper__R3lC- .configOption_option-list__49ua6{position:absolute;top:58px;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0;transform-origin:0 0}.configOption_wrapper__R3lC- .configOption_option-list__49ua6:after{content:"";height:10px;left:0;position:absolute;top:-10px;width:100%}.configOption_wrapper__R3lC-:hover .configOption_config-option__1eqXC:after,.configOption_wrapper__R3lC-:hover .configOption_config-option__1eqXC:before,.configOption_wrapper__R3lC-:hover .configOption_esc-btn__6kats:after,.configOption_wrapper__R3lC-:hover .configOption_esc-btn__6kats:before{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.configOption_wrapper__R3lC-:hover .configOption_config-option__1eqXC svg,.configOption_wrapper__R3lC-:hover .configOption_esc-btn__6kats svg{color:#8de41c}.configOption_wrapper__R3lC-:hover .configOption_option-list__49ua6{-webkit-transform:scaleY(1);transform:scaleY(1)}.background_background__ZvsTk{-webkit-animation:background_appear__ZORlT 1s linear;animation:background_appear__ZORlT 1s linear;pointer-events:none;position:fixed;width:100vw}.background_title__H87FY{position:fixed;right:20px;top:20px;width:180px}@-webkit-keyframes background_appear__ZORlT{0%{opacity:0}to{opacity:1}}@keyframes background_appear__ZORlT{0%{opacity:0}to{opacity:1}}.songInfo_wrapper__u\+RAn{bottom:40px;left:20px;position:fixed}.songInfo_sub-detail_wrapper__N9wp6{align-items:center;background-color:rgba(0,0,0,.557);border-radius:20px;cursor:pointer;display:flex;max-width:400px;padding:10px 26px 10px 10px}.songInfo_sub-detail_wrapper__N9wp6:hover .songInfo_current-playlist__9ji0X{opacity:1;-webkit-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1)}.songInfo_song-thumb__8FyH5{-webkit-animation:songInfo_playing__70u1P 6s linear infinite;animation:songInfo_playing__70u1P 6s linear infinite;border:2px solid #8de41c;border-radius:50%;height:58px;margin-right:16px;object-fit:cover;width:58px}.songInfo_song-info__yRIzy{color:#fff;font-family:Dancing Script,cursive;font-size:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.songInfo_song-info__yRIzy>span{color:#ececec;font-size:18px}@-webkit-keyframes songInfo_playing__70u1P{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes songInfo_playing__70u1P{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.songInfo_current-playlist__9ji0X{bottom:100%;left:0;opacity:0;position:absolute;-webkit-transform:translateY(50%) scaleY(0);transform:translateY(50%) scaleY(0);transition:.6s}.songInfo_detail-wrapper__TQoWD{align-items:center;background-color:#fff;border-radius:20px;display:flex;justify-content:center;left:50%;padding:30px 50px 30px 30px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.songInfo_detail-wrapper__TQoWD img{border-radius:10px;height:100px;margin-right:20px}.songInfo_detail-wrapper__TQoWD .songInfo_song-detail__zAwrD{display:flex;flex-direction:column;height:100px;justify-content:center}.songInfo_detail-wrapper__TQoWD .songInfo_song-detail__zAwrD p span{color:#8de41c}.songInfo_detail-wrapper__TQoWD .songInfo_song-detail__zAwrD p:first-child{font-size:20px;margin-bottom:10px}.shortcutsBoard_wrapper__GJLy\+{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.shortcutsBoard_overlay__e4E5X{background-color:rgba(0,0,0,.51);height:100%;width:100%}.shortcutsBoard_board__ujf6h{background-color:#fff;border-radius:10px;left:50%;min-height:200px;padding:20px 40px;position:absolute;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:44vw}.shortcutsBoard_title__hNile{border-bottom:1px solid #333;color:#333;display:inline-block;margin-bottom:30px}.shortcutsBoard_instruction-list__DSpDa{display:flex;flex-wrap:wrap;width:100%}.shortcutsBoard_instruction__-k2\+9{font-size:14px;margin-bottom:10px;width:50%}.shortcutInstruction_wrapper__1HGqR{display:flex;width:100%}.shortcutInstruction_instruction_icon__T\+UQf{display:flex;justify-content:flex-end;margin-right:10px;width:38%}.shortcutInstruction_instruction_icon__T\+UQf>*{margin-right:6px}.shortcutInstruction_instruction_desc__EagoK{align-items:center;display:flex;flex:1 1}.keycap_wrapper__gDxkv{align-items:center;background-color:#f2f2f2;border-radius:4px;display:flex;font-weight:700;justify-content:center;width:30px}.keycap_wrapper_square__gHMzF{height:30px}.keycap_wrapper_rectangle__RlAya{height:30px;padding:6px 30px}.title_wrapper__DYsFp{position:fixed;z-index:1}.title_overlay__2be-r{-webkit-animation:title_disappear__IWeoD 1s ease-in-out 4s forwards;animation:title_disappear__IWeoD 1s ease-in-out 4s forwards;background-color:rgba(0,0,0,.659);height:100vh;opacity:1;position:fixed;-webkit-transform:scale(1);transform:scale(1);width:100vw}.title_title__fwVD5{stroke-width:16px;stroke:#fff;fill:transparent;stroke-dasharray:19100;stroke-dashoffset:19100;-webkit-animation:title_textEffect__JRtu- 4s ease-in-out forwards,title_moveTitle__4I5jn 1s ease-in-out 4s forwards;animation:title_textEffect__JRtu- 4s ease-in-out forwards,title_moveTitle__4I5jn 1s ease-in-out 4s forwards;position:fixed;right:50%;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);width:700px}@-webkit-keyframes title_textEffect__JRtu-{to{stroke-dashoffset:0}}@keyframes title_textEffect__JRtu-{to{stroke-dashoffset:0}}@-webkit-keyframes title_moveTitle__4I5jn{to{fill:#fff;height:50px;right:20px;top:20px;-webkit-transform:translate(0);transform:translate(0);width:200px}}@keyframes title_moveTitle__4I5jn{to{fill:#fff;height:50px;right:20px;top:20px;-webkit-transform:translate(0);transform:translate(0);width:200px}}@-webkit-keyframes title_disappear__IWeoD{50%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes title_disappear__IWeoD{50%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}ul{list-style-type:none}.startPage_wrapper__Qur4t{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.startPage_video__uvbHJ{margin-bottom:30px;width:400px}.startPage_start-btn__JgOw6{background-color:transparent;border:none;color:#333;cursor:grab;display:flex;font-family:Dancing Script,cursive;font-size:40px;height:50px;justify-content:center;overflow:hidden;text-decoration:none;width:200px}.startPage_start-btn__JgOw6 .startPage_text-static__lgP\+F{margin-right:14px}.startPage_start-btn__JgOw6 .startPage_text-dynamic__kPOHc{color:#8de41c}
/*# sourceMappingURL=main.e9798bb9.css.map*/