.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-song-floating-header-transition-enter-active[data-v-3c7b7f1d],.app-song-floating-header-transition-leave-active[data-v-3c7b7f1d]{transform:translate(0);transition:transform .3s cubic-bezier(0,0,.2,1) 0s}.app-song-floating-header-transition-enter-from[data-v-3c7b7f1d],.app-song-floating-header-transition-leave-to[data-v-3c7b7f1d]{transform:translateY(-100vh) translateY(0)}.app-song-floating-header__contents[data-v-3c7b7f1d]{align-items:center;display:flex;gap:24px;padding:8px 0}.app-song-floating-header__contents--with-switch[data-v-3c7b7f1d]{padding-top:16px}.app-song-floating-header__contents-separator[data-v-3c7b7f1d]{border-left:1px solid var(--token-main);height:24px}.app-song-floating-header__contents-switch[data-v-3c7b7f1d]{flex:1;min-width:0}.app-song-floating-header__contents-right[data-v-3c7b7f1d]{align-items:center;display:flex;gap:4px}.app-step-challenge-floating-header-transition-enter-active[data-v-9decab60],.app-step-challenge-floating-header-transition-leave-active[data-v-9decab60]{transform:translate(0);transition:transform .3s cubic-bezier(0,0,.2,1) 0s}.app-step-challenge-floating-header-transition-enter-from[data-v-9decab60],.app-step-challenge-floating-header-transition-leave-to[data-v-9decab60]{transform:translateY(-100vh) translateY(0)}.app-step-challenge-floating-header__contents[data-v-9decab60]{align-items:center;display:flex;gap:24px;padding:8px 0}.app-step-challenge-floating-header__contents--with-switch[data-v-9decab60]{padding-top:16px}.app-step-challenge-floating-header__contents-separator[data-v-9decab60]{border-left:1px solid var(--token-main);height:24px}.app-step-challenge-floating-header__contents-switch[data-v-9decab60]{flex:1;min-width:0}.app-step-challenge-floating-header__contents-play--right[data-v-9decab60]{margin-left:auto}.app-step-challenge-floating-header__contents-right[data-v-9decab60]{align-items:center;display:flex;gap:4px}.app-explanation-floating-header-transition-enter-active[data-v-397a7383],.app-explanation-floating-header-transition-leave-active[data-v-397a7383]{transform:translate(0);transition:transform .3s cubic-bezier(0,0,.2,1) 0s}.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]{align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto 1fr;padding:8px 0;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]{align-items:center;display:flex;justify-self:end}.app-textbook-floating-header__snack-bar[data-v-339753bf]{left:50%;position:absolute;top:100%;transform:translate(-50%);z-index:1000}.app-training-floating-header-transition-enter-active[data-v-8c9caa7c],.app-training-floating-header-transition-leave-active[data-v-8c9caa7c]{transform:translate(0);transition:transform .3s cubic-bezier(0,0,.2,1) 0s}.app-training-floating-header-transition-enter-from[data-v-8c9caa7c],.app-training-floating-header-transition-leave-to[data-v-8c9caa7c]{transform:translateY(-100vh) translateY(0)}.app-training-floating-header__contents[data-v-8c9caa7c]{align-items:center;display:flex;gap:24px;padding:8px 0}.app-training-floating-header__contents-separator[data-v-8c9caa7c]{border-left:1px solid var(--token-main);height:24px}.app-training-floating-header__contents-switch[data-v-8c9caa7c]{flex:1}.app-training-floating-header__contents-right[data-v-8c9caa7c]{align-items:center;display:flex;gap:4px}.app-setting-sidebar[data-v-094312d1]{background-color:var(--token-panel-blue);color:var(--token-text-inverse);height:100%;overflow-y:scroll;position:fixed;right:0;top:0;width:40%}.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]{align-items:center;background-color:var(--token-panel);display:flex;justify-content:space-between;padding-bottom:8px;padding-top:8px}.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-bottom:16px;padding-top:16px}.app-setting-sidebar-transition-enter-active[data-v-094312d1],.app-setting-sidebar-transition-leave-active[data-v-094312d1]{transform:translate(0);transition:transform .2s cubic-bezier(0,0,.2,1) 0s}.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]{top:56px;width:70%}.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]{background-color:var(--token-surface);border:1px solid var(--theme-surface,var(--token-main));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);transition:transform .3s}.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(env(safe-area-inset-right) + 8px) env(safe-area-inset-bottom) calc(env(safe-area-inset-left) + 8px)}}