.course-accordian[data-v-c909d1cd]{display:flex;flex-direction:column}header[data-v-3e08d164]{align-items:center;background-color:#3d454d;display:flex;flex-direction:row;height:72px;justify-content:flex-start;padding:16px 24px;width:100%}header .more-button[data-v-3e08d164]{cursor:pointer;display:none}header .header-button[data-v-3e08d164]{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:8px;justify-content:center;padding:8px 6px}header .header-button span[data-v-3e08d164]{color:#fff;font-size:14px;font-weight:700;line-height:18px}.main[data-v-3e08d164]{align-items:flex-start;display:flex;flex:1;flex-direction:row;height:100%;justify-content:center;max-height:calc(100vh - 72px)}.main main[data-v-3e08d164]{flex:1;height:100%;width:100%}.main aside[data-v-3e08d164]{align-items:center;flex-basis:400px;height:100%;max-width:400px}.main aside[data-v-3e08d164],.main aside .lecture-info[data-v-3e08d164]{display:flex;flex-direction:column;justify-content:center;width:100%}.main aside .lecture-info[data-v-3e08d164]{align-items:flex-start;background-color:#fff;gap:16px;padding:24px 16px}.main aside .lecture-info[data-v-3e08d164] *{width:100%}.main aside .lecture-info h3[data-v-3e08d164]{color:#12161a;font-size:24px;font-weight:700;line-height:normal}.main aside .lecture-info p[data-v-3e08d164]{color:#3d454d;font-size:14px;line-height:normal}.main aside .lecture-info .progress-wrapper[data-v-3e08d164]{background-color:#edf1f5;border-radius:8px;height:8px;width:100%}.main aside .lecture-info .progress-wrapper .progress-bar[data-v-3e08d164]{background-color:#0080ff;border-radius:8px;height:100%}.main aside .hierarchy[data-v-3e08d164]{flex:1;max-width:none;overflow-y:auto;width:100%}.mobile-menu[data-v-3e08d164]{padding:16px 16px 48px}.mobile-menu li[data-v-3e08d164]{align-items:center;border-bottom:1px solid #edf1f5;display:flex;flex-direction:row;justify-content:flex-start;padding:16px 0}.mobile-menu li[data-v-3e08d164]:last-child{border-bottom:none}.mobile-menu li .icon[data-v-3e08d164]{height:24px;width:24px}.mobile-menu li .icon[data-v-3e08d164] path{fill:#3d454d}.mobile-menu li .icon.checked[data-v-3e08d164] path{fill:#fb3}.mobile-menu li span[data-v-3e08d164]{color:#3d454d;font-size:16px;line-height:24px;margin-left:8px}@media screen and (max-width:1024px){header[data-v-3e08d164]{justify-content:flex-end;position:relative}header .header-button[data-v-3e08d164]{display:none}header .more-button[data-v-3e08d164]{display:block}.main[data-v-3e08d164]{flex-direction:column;justify-content:flex-start;max-height:calc(100dvh - 72px)}.main aside[data-v-3e08d164]{flex-basis:auto;max-height:100%;max-width:none;padding-bottom:40px;width:100%}.main aside .hierarchy[data-v-3e08d164]{height:100%;overflow-y:auto}}.loading[data-v-3e08d164]{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}