.floating-header-mode-switch[data-v-8aab806d]{flex:1;align-items:center;gap:24px;min-width:0;display:flex}.floating-header-mode-switch__separator[data-v-8aab806d]{border-left:1px solid var(--token-main);height:24px}.floating-header-mode-switch__switch[data-v-8aab806d]{flex:1;min-width:0}.setting-button[data-v-5543def3]{transition:opacity .16s,filter .16s,background-color .16s,border-color .16s,color .16s}.setting-button.is-pressed[data-v-5543def3],.setting-button[data-v-5543def3]:active{opacity:.64}.app-song-floating-header-transition-enter-active[data-v-5b49e263],.app-song-floating-header-transition-leave-active[data-v-5b49e263]{transition:transform .3s cubic-bezier(0,0,.2,1);transform:translate(0)}.app-song-floating-header-transition-enter-from[data-v-5b49e263],.app-song-floating-header-transition-leave-to[data-v-5b49e263]{transform:translateY(-100vh)translateY(0)}.app-song-floating-header__contents[data-v-5b49e263]{align-items:center;gap:24px;padding:8px 0;display:flex}.app-song-floating-header__contents--with-switch[data-v-5b49e263]{padding-top:16px}.app-song-floating-header__contents-right[data-v-5b49e263]{align-items:center;gap:4px;display:flex}.app-step-challenge-floating-header-transition-enter-active[data-v-064c7234],.app-step-challenge-floating-header-transition-leave-active[data-v-064c7234]{transition:transform .3s cubic-bezier(0,0,.2,1);transform:translate(0)}.app-step-challenge-floating-header-transition-enter-from[data-v-064c7234],.app-step-challenge-floating-header-transition-leave-to[data-v-064c7234]{transform:translateY(-100vh)translateY(0)}.app-step-challenge-floating-header__contents[data-v-064c7234]{align-items:center;gap:24px;padding:8px 0;display:flex}.app-step-challenge-floating-header__contents--with-switch[data-v-064c7234]{padding-top:16px}.app-step-challenge-floating-header__contents-play--right[data-v-064c7234]{margin-left:auto}.app-step-challenge-floating-header__contents-right[data-v-064c7234]{align-items:center;gap:4px;display:flex}.app-explanation-floating-header-transition-enter-active[data-v-397a7383],.app-explanation-floating-header-transition-leave-active[data-v-397a7383]{transition:transform .3s cubic-bezier(0,0,.2,1);transform:translate(0)}.app-explanation-floating-header-transition-enter-from[data-v-397a7383],.app-explanation-floating-header-transition-leave-to[data-v-397a7383]{transform:translateY(-100vh)translateY(0)}.app-explanation-floating-header__contents[data-v-397a7383]{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:8px 0;display:grid;position:relative}.app-explanation-floating-header__contents-left[data-v-397a7383]{justify-self:start}.app-explanation-floating-header__contents-center[data-v-397a7383]>*{color:var(--token-main-text)}.app-explanation-floating-header__contents-right[data-v-397a7383]{justify-self:end;align-items:center;display:flex}.app-textbook-floating-header__snack-bar[data-v-339753bf]{z-index:1000;position:absolute;top:100%;left:50%;transform:translate(-50%)}.app-training-floating-header-transition-enter-active[data-v-7293c8a1],.app-training-floating-header-transition-leave-active[data-v-7293c8a1]{transition:transform .3s cubic-bezier(0,0,.2,1);transform:translate(0)}.app-training-floating-header-transition-enter-from[data-v-7293c8a1],.app-training-floating-header-transition-leave-to[data-v-7293c8a1]{transform:translateY(-100vh)translateY(0)}.app-training-floating-header__contents[data-v-7293c8a1]{align-items:center;gap:24px;padding:8px 0;display:flex}.app-training-floating-header__contents--with-switch[data-v-7293c8a1]{padding-top:16px}.app-training-floating-header__contents-right[data-v-7293c8a1]{align-items:center;gap:4px;display:flex}.app-setting-sidebar[data-v-094312d1]{width:40%;height:100%;color:var(--token-text-inverse);background-color:var(--token-panel-blue);position:fixed;top:0;right:0;overflow-y:scroll}.app-setting-sidebar[data-v-094312d1]::-webkit-scrollbar{display:none}.app-setting-sidebar__contents[data-v-094312d1],.app-setting-sidebar__setting[data-v-094312d1],.app-setting-sidebar__title[data-v-094312d1]{padding-left:16px;padding-right:64px}.app-setting-sidebar__title[data-v-094312d1]{background-color:var(--token-panel);justify-content:space-between;align-items:center;padding-top:8px;padding-bottom:8px;display:flex}.app-setting-sidebar__title-text[data-v-094312d1]{color:var(--token-text-inverse)}.app-setting-sidebar__contents[data-v-094312d1],.app-setting-sidebar__setting[data-v-094312d1]{padding-top:16px;padding-bottom:16px}.app-setting-sidebar-transition-enter-active[data-v-094312d1],.app-setting-sidebar-transition-leave-active[data-v-094312d1]{transition:transform .2s cubic-bezier(0,0,.2,1);transform:translate(0)}.app-setting-sidebar-transition-enter-from[data-v-094312d1],.app-setting-sidebar-transition-leave-to[data-v-094312d1]{transform:translate(100vw)translate(0)}@media screen and (max-width:599px){.app-setting-sidebar[data-v-094312d1]{width:70%;top:56px}.app-setting-sidebar__contents[data-v-094312d1],.app-setting-sidebar__setting[data-v-094312d1],.app-setting-sidebar__title[data-v-094312d1]{padding:16px}}.app-full-background[data-v-da0a7592]{height:100dvh}.app-full-background.active-scale-down[data-v-da0a7592]{background-color:var(--token-backdrop)}.app-full-layout[data-v-da0a7592]{height:100dvh;padding:env(safe-area-inset-top) calc(16px + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(16px + env(safe-area-inset-left));background-color:var(--token-surface);border:1px solid var(--theme-surface,var(--token-main));flex-direction:column;justify-content:space-between;transition:transform .3s;display:flex}.app-full-layout.active-scale-down[data-v-da0a7592]{border-radius:10px;transform:scale(.88)}.app-full-layout__contents[data-v-da0a7592]{flex:1;height:100%;overflow:hidden}@media screen and (max-width:599px){.app-full-layout[data-v-da0a7592]{padding:env(safe-area-inset-top) calc(8px + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(8px + env(safe-area-inset-left))}}