.progress-mode-switch[data-v-e4d6b159]{--circle-size:32px;--label-gap:4px;--connector-height:4px;--connector-right-trim:20px;min-width:0;width:100%}.progress-mode-switch__rail[data-v-e4d6b159]{align-items:center;display:flex;gap:12px;justify-content:space-between;min-width:0}.progress-mode-switch__node[data-v-e4d6b159]{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;flex:1;height:var(--circle-size);justify-content:center;min-width:0;padding:0;position:relative}.progress-mode-switch__node[data-v-e4d6b159]:disabled{cursor:default}.progress-mode-switch__node[data-v-e4d6b159]:after{background:linear-gradient(90deg,#c6e2f8,#c4d4d9);border-radius:999px;content:"";height:var(--connector-height);left:calc(50% + var(--circle-size)/2);position:absolute;top:calc(50% - var(--connector-height)/2);width:calc(100% - var(--connector-right-trim));z-index:0}.progress-mode-switch__node[data-v-e4d6b159]:last-child:after{display:none}.progress-mode-switch__node:hover .progress-mode-switch__circle[data-v-e4d6b159]{transform:translateY(-1px)}.progress-mode-switch__node--cleared .progress-mode-switch__circle[data-v-e4d6b159]{background:#f0972d;border-color:#f0972d;color:#fff}.progress-mode-switch__node--cleared .progress-mode-switch__label[data-v-e4d6b159]{color:#f0972d}.progress-mode-switch__node--active .progress-mode-switch__circle[data-v-e4d6b159]{background:#097fa5;border-color:#097fa5;color:#fff;transform:scale(1.05)}.progress-mode-switch__node--active .progress-mode-switch__label[data-v-e4d6b159]{color:#097fa5}.progress-mode-switch__label[data-v-e4d6b159]{bottom:calc(100% + var(--label-gap));color:#097fa5;font-size:10px;font-weight:600;left:0;line-height:1.2;overflow:hidden;padding:0 4px;position:absolute;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.progress-mode-switch__circle[data-v-e4d6b159]{background:#fff;border:2px solid #c6e2f8;border-radius:50%;box-shadow:0 4px 10px #003f5314;color:#097fa5;display:grid;font-size:12px;font-weight:600;height:var(--circle-size);place-items:center;position:relative;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;width:var(--circle-size);z-index:1}.progress-mode-switch__icon[data-v-e4d6b159]{align-items:center;color:inherit;display:flex;justify-content:center}.progress-mode-switch__icon[data-v-e4d6b159] path{fill:currentcolor}.setting-button[data-v-5543def3]{transition:opacity .16s ease,filter .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease}.setting-button.is-pressed[data-v-5543def3],.setting-button[data-v-5543def3]:active{opacity:.64}.app-step-challenge-floating-header-transition-enter-active[data-v-a5f80229],.app-step-challenge-floating-header-transition-leave-active[data-v-a5f80229]{transform:translate(0);transition:transform .3s cubic-bezier(0,0,.2,1) 0s}.app-step-challenge-floating-header-transition-enter-from[data-v-a5f80229],.app-step-challenge-floating-header-transition-leave-to[data-v-a5f80229]{transform:translateY(-100vh) translateY(0)}.app-step-challenge-floating-header__contents[data-v-a5f80229]{align-items:center;display:flex;gap:24px;padding:8px 0}.app-step-challenge-floating-header__contents--with-switch[data-v-a5f80229]{padding-top:16px}.app-step-challenge-floating-header__contents-separator[data-v-a5f80229]{border-left:1px solid #097fa5;height:24px}.app-step-challenge-floating-header__contents-switch[data-v-a5f80229]{flex:1;min-width:0}.app-step-challenge-floating-header__contents-right[data-v-a5f80229]{align-items:center;display:flex;gap:4px}.app-step-lecture-floating-header-transition-enter-active[data-v-3333c3db],.app-step-lecture-floating-header-transition-leave-active[data-v-3333c3db]{transform:translate(0);transition:transform .3s cubic-bezier(0,0,.2,1) 0s}.app-step-lecture-floating-header-transition-enter-from[data-v-3333c3db],.app-step-lecture-floating-header-transition-leave-to[data-v-3333c3db]{transform:translateY(-100vh) translateY(0)}.app-step-lecture-floating-header__contents[data-v-3333c3db]{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:8px 0}.app-step-lecture-floating-header__contents-left[data-v-3333c3db],.app-step-lecture-floating-header__contents-right[data-v-3333c3db]{width:80px}.app-step-lecture-floating-header__contents-center[data-v-3333c3db]>*{color:#097fa5}.app-step-lecture-floating-header__contents-right[data-v-3333c3db]{display:flex;gap:4px;justify-content:flex-end}.app-textbook-floating-header-transition-enter-active[data-v-43ab796c],.app-textbook-floating-header-transition-leave-active[data-v-43ab796c]{transform:translate(0);transition:transform .3s cubic-bezier(0,0,.2,1) 0s}.app-textbook-floating-header-transition-enter-from[data-v-43ab796c],.app-textbook-floating-header-transition-leave-to[data-v-43ab796c]{transform:translateY(-100vh) translateY(0)}.app-textbook-floating-header__contents[data-v-43ab796c]{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:8px 0;position:relative}.app-textbook-floating-header__contents-left[data-v-43ab796c],.app-textbook-floating-header__contents-right[data-v-43ab796c]{width:80px}.app-textbook-floating-header__contents-center[data-v-43ab796c]>*{color:#097fa5}.app-textbook-floating-header__contents-right[data-v-43ab796c]{display:flex;gap:4px;justify-content:flex-end}.app-textbook-floating-header__contents-snack-bar[data-v-43ab796c]{left:50%;position:absolute;top:100%;transform:translate(-50%);z-index:1000}.app-training-floating-header-transition-enter-active[data-v-80194b52],.app-training-floating-header-transition-leave-active[data-v-80194b52]{transform:translate(0);transition:transform .3s cubic-bezier(0,0,.2,1) 0s}.app-training-floating-header-transition-enter-from[data-v-80194b52],.app-training-floating-header-transition-leave-to[data-v-80194b52]{transform:translateY(-100vh) translateY(0)}.app-training-floating-header__contents[data-v-80194b52]{align-items:center;display:flex;gap:24px;padding:8px 0}.app-training-floating-header__contents-separator[data-v-80194b52]{border-left:1px solid #097fa5;height:24px}.app-training-floating-header__contents-switch[data-v-80194b52]{flex:1}.app-training-floating-header__contents-right[data-v-80194b52]{align-items:center;display:flex;gap:4px}.app-setting-sidebar[data-v-eb05bb5d]{background-color:#005b79;color:#fff;height:100%;overflow-y:scroll;position:fixed;right:0;top:0;width:40%}.app-setting-sidebar__contents[data-v-eb05bb5d],.app-setting-sidebar__title[data-v-eb05bb5d]{padding-left:16px;padding-right:64px}.app-setting-sidebar__title[data-v-eb05bb5d]{align-items:center;background-color:#003f53;display:flex;justify-content:space-between;padding-bottom:8px;padding-top:8px}.app-setting-sidebar__title-text[data-v-eb05bb5d]{color:#fff}.app-setting-sidebar__contents[data-v-eb05bb5d]{padding-bottom:0;padding-top:0}.app-setting-sidebar-transition-enter-active[data-v-eb05bb5d],.app-setting-sidebar-transition-leave-active[data-v-eb05bb5d]{transform:translate(0);transition:transform .2s cubic-bezier(0,0,.2,1) 0s}.app-setting-sidebar-transition-enter-from[data-v-eb05bb5d],.app-setting-sidebar-transition-leave-to[data-v-eb05bb5d]{transform:translate(100vw) translate(0)}@media screen and (max-width:599px){.app-setting-sidebar[data-v-eb05bb5d]{top:56px;width:70%}.app-setting-sidebar__contents[data-v-eb05bb5d],.app-setting-sidebar__title[data-v-eb05bb5d]{padding:16px}}.app-full-layout[data-v-30e48037]{border:1px solid #097fa5;display:flex;flex-direction:column;height:100dvh;justify-content:space-between;padding:env(safe-area-inset-top) calc(env(safe-area-inset-right) + 16px) env(safe-area-inset-bottom) calc(env(safe-area-inset-left) + 16px)}.app-full-layout__contents[data-v-30e48037]{flex:1;height:100%;overflow:hidden}@media screen and (max-width:599px){.app-full-layout[data-v-30e48037]{padding:env(safe-area-inset-top) calc(env(safe-area-inset-right) + 8px) env(safe-area-inset-bottom) calc(env(safe-area-inset-left) + 8px)}}
