.styles_settingsDrawer__Pj_aK{width:486px;height:calc(100dvh - 28px);margin-top:14px;margin-right:14px;overflow:auto;border:1px solid #dfdfdf;background:#fff;z-index:2;padding:14px 0 14px 14px;border-radius:14px;flex:none}.styles_settingsDrawer__Pj_aK .styles_settingsBox__IEefo{width:100%;height:100%;overflow:auto;padding-right:10px}@media screen and (max-width:768px){.styles_settingsDrawer__Pj_aK{box-shadow:0 0 24px -2px rgba(0,0,0,.5);width:100dvw;max-height:80dvh;position:absolute;bottom:0;border-radius:24px 24px 0 0;padding-top:24px;bottom:-100dvh;transition:bottom .3s ease}.styles_settingsDrawer__Pj_aK.styles_opened__dGOS8{bottom:0}.styles_settingsDrawer__Pj_aK:before{content:"";position:absolute;left:50%;bottom:calc(100% - 14px);background-color:rgba(11,14,45,.25);width:25dvw;height:4px;transform:translate(-50%);border-radius:14px}}.styles_colorSwatch__JlEtF,.styles_colorSwatch__vvSDv{border:1px solid #ccc;border-radius:5px;flex:none}.styles_menu__Fz8zb{width:280px;height:100dvh;flex:none;background:#fff;flex-direction:column;display:flex}@media screen and (max-width:768px){.styles_menu__Fz8zb{width:100dvw}}.styles_linkButton__i2lHm{width:100%;color:#3c3c4c}.styles_linkButton__i2lHm.styles_active__L_189{background:#525667;color:#d1d1df;border-radius:10px}.styles_linkButton__i2lHm .styles_linkItem__Qx_Nv{border-radius:7px}.styles_accordionItem__Uv2lk{width:100%}.styles_accordionButton___jTfB{width:100%;background:rgba(0,0,0,0);border:0;text-align:left;cursor:pointer}.styles_caption__WTKQy{flex:1 1}.styles_chevron__NA_o1{transition:transform .15s ease;width:24px;height:24px}.styles_chevronOpen__FDpFK{transform:rotate(180deg)}.styles_dropdown__JPdLO{max-height:0;overflow:hidden;transition:max-height .18s ease;border-left:2px solid #ebeaef;margin:7px 0 0 20px;padding-left:8px}.styles_dropdown__JPdLO .styles_linkButton__i2lHm.styles_active__L_189 .styles_linkItem__Qx_Nv{background:#d1d1df;color:#272a32}.styles_dropdownOpen__7mJ6I{max-height:1000px}.styles_langBtn__U0rN6{background-color:rgba(0,0,0,0);border:0;padding:0;margin:0;outline:0;cursor:pointer}.styles_langBtn__U0rN6.styles_active__3N55e{font-weight:600}.styles_separator__qgkXR{height:10px;width:1px;background-color:red}.styles_sessionBox__EG_Kf{width:100%;padding:10px;background-color:#e7f6f8;border-radius:4px;gap:7px}.styles_sessionBox__EG_Kf .styles_userBox__qjWs_{flex-direction:column;width:calc(100% - 50px);justify-content:center;gap:5px}.styles_sessionBox__EG_Kf .styles_userBox__qjWs_ .styles_fullName__88ph0{display:block;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:#3c3c4c}.styles_menu__0w6UQ{width:280px;height:100dvh;flex:none;background:#fff;flex-direction:column;display:flex}@media screen and (max-width:768px){.styles_menu__0w6UQ{width:100dvw}}.styles_linkButton__eFeUj{width:100%;color:#3c3c4c}.styles_linkButton__eFeUj.styles_active__eiQq7{background:#525667;color:#d1d1df;border-radius:10px}.styles_linkButton__eFeUj .styles_linkItem__C324A{border-radius:7px}@media screen and (max-width:768px){.styles_canvas__N6GKT{width:100dvw;height:100dvh}}.styles_content__tdHVb{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.styles_content__tdHVb.styles_demo__ZNS4L{padding:14px 0}.styles_content__tdHVb.styles_demo__ZNS4L .styles_interfaceSize__Ne91q{border-radius:14px}.styles_content__tdHVb .styles_interfaceSize__Ne91q{width:100%;height:100%;border:1px solid #dfdfdf;overflow:hidden}.styles_box__kn5i1{width:100%;min-height:50%;border:1px solid #ebeaef;padding:10px;border-radius:8px;display:flex;flex-direction:column;gap:16px}@media screen and (max-width:768px){.styles_box__kn5i1{width:100%}}.styles_box__kn5i1 .styles_section__Pu1Cw{display:flex;flex-direction:column;gap:12px}.styles_box__kn5i1 .styles_section__Pu1Cw .styles_sectionHead__igtHv{display:flex;justify-content:space-between;align-items:center}.styles_box__kn5i1 .styles_section__Pu1Cw .styles_sectionHead__igtHv .styles_title__MwCWa{margin:0;font-size:16px;font-weight:600;color:#3c3c4c;display:flex;gap:7px;align-items:center}.styles_box__kn5i1 .styles_section__Pu1Cw .styles_sectionHead__igtHv .styles_linkBtn__FLgO6{border:0;background:rgba(0,0,0,0);font-size:13px;font-weight:500;color:#525667;cursor:pointer;display:flex;gap:7px;align-items:center;transition:.25s}.styles_box__kn5i1 .styles_section__Pu1Cw .styles_sectionHead__igtHv .styles_linkBtn__FLgO6:hover{color:#228be6}.styles_box__kn5i1 .styles_section__Pu1Cw .styles_empty__upW_p{border:1px dashed #ddd;padding:12px;font-size:14px;color:#888;text-align:center}.styles_box__kn5i1 .styles_section__Pu1Cw .styles_list__Fm7Ab{display:flex;flex-direction:column;gap:10px}.styles_card___lMxR{display:flex;flex-direction:column;border:1px solid #ebeaef;border-radius:8px;background:#fff;overflow:hidden}.styles_card___lMxR.styles_default__xs6m7 .styles_cardTop__0irAM{background-color:#a5a9be;color:#ebeaef}.styles_card___lMxR.styles_primary__PqYSa .styles_cardTop__0irAM{background-color:#6b6d8a;color:#ebeaef}.styles_card___lMxR.styles_dark__QrZV_ .styles_cardTop__0irAM{background-color:#272a32;color:#ebeaef}.styles_card___lMxR .styles_cardTop__0irAM{width:100%;display:flex;justify-content:space-between;padding:12px;align-items:center;border-radius:8px 8px 0 0}.styles_card___lMxR .styles_cardTop__0irAM .styles_cardTitle__phYrc{font-size:16px;line-height:16px;font-weight:600}.styles_card___lMxR .styles_cardBody__anLs8{width:50%}.styles_card___lMxR .styles_cardBody__anLs8 .styles_cardMeta__XxKsS{font-size:16px;color:#333}.styles_card___lMxR .styles_cardBody__anLs8 .styles_cardSub__a5BMp{font-size:14px;color:#777}.styles_card___lMxR .styles_cardAction__t4Tx_{width:50%;display:flex;justify-content:flex-end;gap:10px}.styles_linkBtn__6c5KZ{border:0;background:rgba(0,0,0,0);font-size:14px;font-weight:500;line-height:14px;color:#525667;cursor:pointer;display:flex;gap:7px;align-items:center;transition:.25s}.styles_linkBtn__6c5KZ:hover{color:#228be6}.styles_box__sItVL{width:100%;border:1px solid #ebeaef;padding:10px;border-radius:8px;background:#fff}.styles_box__sItVL .styles_header__BtB6v{display:flex;justify-content:space-between;align-items:center}.styles_box__sItVL .styles_header__BtB6v .styles_title__C4VsE{margin:0;font-size:16px;font-weight:600;color:#3c3c4c;display:flex;gap:7px;align-items:center}.styles_box__sItVL .styles_header__BtB6v .styles_linkBtn__4TaoL{border:0;background:rgba(0,0,0,0);font-size:13px;font-weight:500;color:#525667;cursor:pointer;display:flex;gap:7px;align-items:center;transition:.25s}.styles_box__sItVL .styles_header__BtB6v .styles_linkBtn__4TaoL:hover{color:#228be6}.styles_box__sItVL .styles_list__hU8Gr{display:flex;flex-direction:column;gap:12px}.styles_box__sItVL .styles_card__Q3UG6{border:1px solid #ebeaf0;border-radius:8px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:8px}.styles_box__sItVL .styles_cardHeader__seLpM{display:flex;justify-content:space-between;align-items:flex-start}.styles_box__sItVL .styles_student__EYvZa{font-size:15px;font-weight:600;color:#1f1f1f}.styles_box__sItVL .styles_meta__DElJP{font-size:13px;color:#333}.styles_box__sItVL .styles_hw__NtHxc{margin-left:8px;font-weight:500;color:#2563eb}.styles_box__sItVL .styles_nextLesson__X_sPF{font-size:12px;color:#777}.styles_box__sItVL .styles_cardFooter__ZwEO4{display:flex;justify-content:space-between;font-size:13px;color:#444}.styles_box__sItVL .styles_autoCheck__jpwNz{display:flex;align-items:center;gap:6px}.styles_box__sItVL .styles_autoBox__A83c7{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #ccc;border-radius:4px;font-size:12px;font-weight:600}.styles_box__sItVL .styles_total__NcelK{font-weight:600}.styles_box__sItVL .styles_waiting__wRxBo{font-weight:500;color:#444}.styles_box__sItVL .styles_waitingNum__eMoyM{font-weight:700;font-size:14px}.styles_box__1Lxx9{width:100%;border:1px solid #ebeaef;padding:10px;border-radius:8px;background:#fff}.styles_box__1Lxx9 .styles_header__xz7ld{display:flex;justify-content:space-between;align-items:center}.styles_box__1Lxx9 .styles_header__xz7ld .styles_title__TbVCs{margin:0;font-size:16px;font-weight:600;color:#3c3c4c;display:flex;gap:7px;align-items:center}.styles_box__1Lxx9 .styles_header__xz7ld .styles_linkBtn__fEmrl{border:0;background:rgba(0,0,0,0);font-size:13px;font-weight:500;color:#525667;cursor:pointer;display:flex;gap:7px;align-items:center;transition:.25s}.styles_box__1Lxx9 .styles_header__xz7ld .styles_linkBtn__fEmrl:hover{color:#228be6}.styles_box__1Lxx9 .styles_list___A2l4{display:flex;flex-direction:column;gap:12px}.styles_box__1Lxx9 .styles_card__oOn71{border:1px solid #ebeaf0;border-radius:8px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:8px}.styles_box__1Lxx9 .styles_cardHeader__MHvpZ{display:flex;justify-content:space-between;align-items:flex-start}.styles_box__1Lxx9 .styles_student__rPlOp{font-size:15px;font-weight:600;color:#1f1f1f}.styles_box__1Lxx9 .styles_meta__AcyA5{font-size:13px;color:#333}.styles_box__1Lxx9 .styles_hw__QV2zs{margin-left:8px;font-weight:500;color:#2563eb}.styles_box__1Lxx9 .styles_nextLesson__inygW{font-size:12px;color:#777}.styles_box__1Lxx9 .styles_cardFooter__w_91_{display:flex;justify-content:space-between;font-size:13px;color:#444}.styles_box__1Lxx9 .styles_autoCheck__6iAjC{display:flex;align-items:center;gap:6px}.styles_box__1Lxx9 .styles_autoBox__ybUCW{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #ccc;border-radius:4px;font-size:12px;font-weight:600}.styles_box__1Lxx9 .styles_total__C8_uJ{font-weight:600}.styles_box__1Lxx9 .styles_waiting__0i49b{font-weight:500;color:#444}.styles_box__1Lxx9 .styles_waitingNum__0hL4C{font-weight:700;font-size:14px}.styles_box__ODkTK{width:100%;min-height:50%;border:1px solid #ebeaef;padding:16px;border-radius:8px}@media screen and (max-width:768px){.styles_box__ODkTK{width:100%}.styles_canvas__s5M2N{width:100dvw;height:100dvh}}.styles_content__Re3zy{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.styles_content__Re3zy.styles_demo__BZ2hv{padding:14px 0}.styles_content__Re3zy.styles_demo__BZ2hv .styles_interfaceSize__P_ZpO{border-radius:14px}.styles_content__Re3zy .styles_interfaceSize__P_ZpO{width:100%;height:100%;border:1px solid #dfdfdf;overflow:hidden}.styles_content__Re3zy .styles_interfaceSize__P_ZpO .styles_metronome__Tk_Ud{position:absolute;bottom:0;left:50%;bottom:20px}.styles_managePanel__5TWAm{opacity:.5;transition:.15s}.styles_managePanel__5TWAm:hover{opacity:1}.styles_settingsDrawer__K5k7U{width:486px;height:calc(100dvh - 28px);margin-top:14px;margin-right:14px;overflow:auto;border:1px solid #dfdfdf;background:#fff;z-index:2;padding:14px 0 14px 14px;border-radius:14px;flex:none}.styles_settingsDrawer__K5k7U .styles_settingsBox__sQEhv{width:100%;height:100%;overflow:auto;padding-right:10px}@media screen and (max-width:768px){.styles_settingsDrawer__K5k7U{box-shadow:0 0 24px -2px rgba(0,0,0,.5);width:100dvw;max-height:80dvh;position:absolute;bottom:0;border-radius:24px 24px 0 0;padding-top:24px;bottom:-100dvh;transition:bottom .3s ease}.styles_settingsDrawer__K5k7U.styles_opened___OjBJ{bottom:0}.styles_settingsDrawer__K5k7U:before{content:"";position:absolute;left:50%;bottom:calc(100% - 14px);background-color:rgba(11,14,45,.25);width:25dvw;height:4px;transform:translate(-50%);border-radius:14px}}.styles_canvas__hrirj{width:100%;height:100%}@media screen and (max-width:768px){.styles_canvas__hrirj{width:100dvw;height:100dvh}}.styles_content__tICZp{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.styles_content__tICZp.styles_demo__OsTYK{padding:14px 0}.styles_content__tICZp.styles_demo__OsTYK .styles_interfaceSize__xk4N0{border-radius:14px}.styles_content__tICZp.styles_hidden__ubUfD{position:fixed;opacity:0;z-index:-10;pointer-events:none}.styles_content__tICZp .styles_interfaceSize__xk4N0{width:100%;height:100%;border:1px solid #dfdfdf;overflow:hidden}.styles_settingsDrawer__s0xuL{width:486px;height:calc(100dvh - 28px);margin-top:14px;margin-right:14px;overflow:auto;border:1px solid #dfdfdf;background:#fff;z-index:2;padding:14px 0 14px 14px;border-radius:14px;flex:none}.styles_settingsDrawer__s0xuL .styles_settingsBox__Todzx{width:100%;height:100%;overflow:auto;padding-right:10px}@media screen and (max-width:768px){.styles_settingsDrawer__s0xuL{box-shadow:0 0 24px -2px rgba(0,0,0,.5);width:100dvw;max-height:80dvh;position:absolute;bottom:0;border-radius:24px 24px 0 0;padding-top:24px;bottom:-100dvh;transition:bottom .3s ease}.styles_settingsDrawer__s0xuL.styles_opened__X39ZR{bottom:0}.styles_settingsDrawer__s0xuL:before{content:"";position:absolute;left:50%;bottom:calc(100% - 14px);background-color:rgba(11,14,45,.25);width:25dvw;height:4px;transform:translate(-50%);border-radius:14px}.styles_canvas__X64zB{width:100dvw;height:100dvh}}.styles_content__Su5XM{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.styles_content__Su5XM.styles_demo__YhJgP{padding:14px 0}.styles_content__Su5XM.styles_demo__YhJgP .styles_interfaceSize__qWNS5{border-radius:14px}.styles_content__Su5XM .styles_interfaceSize__qWNS5{width:100%;height:100%;border:1px solid #dfdfdf;overflow:hidden}.styles_content__Su5XM .styles_interfaceSize__qWNS5 .styles_metronome__8BEg2{position:absolute;bottom:0;left:50%;bottom:20px}.styles_settingsDrawer__rAt6G{width:486px;height:calc(100dvh - 28px);margin-top:14px;margin-right:14px;overflow:auto;border:1px solid #dfdfdf;background:#fff;z-index:2;padding:14px 0 14px 14px;border-radius:14px;flex:none}.styles_settingsDrawer__rAt6G .styles_settingsBox__s3iNz{width:100%;height:100%;overflow:auto;padding-right:10px}@media screen and (max-width:768px){.styles_settingsDrawer__rAt6G{box-shadow:0 0 24px -2px rgba(0,0,0,.5);width:100dvw;max-height:80dvh;position:absolute;bottom:0;border-radius:24px 24px 0 0;padding-top:24px;bottom:-100dvh;transition:bottom .3s ease}.styles_settingsDrawer__rAt6G.styles_opened__XVwAc{bottom:0}.styles_settingsDrawer__rAt6G:before{content:"";position:absolute;left:50%;bottom:calc(100% - 14px);background-color:rgba(11,14,45,.25);width:25dvw;height:4px;transform:translate(-50%);border-radius:14px}}