.theme-toggle{background-color:var(--theme--surface-tertiary-subtle-default);border:1px solid var(--theme--stroke-primary-default);border-radius:3.125rem;flex-shrink:0;align-items:center;block-size:2rem;inline-size:4rem;padding:.1875rem;transition:color .2s cubic-bezier(.7,0,.3,1),background-color .2s cubic-bezier(.7,0,.3,1),outline-color .2s cubic-bezier(.7,0,.3,1);display:flex;position:relative}.theme-toggle:is(:hover,:focus-visible){color:var(--theme--text-primary-hover);background-color:var(--theme--surface-tertiary-subtle-hover)}.theme-toggle:active{background-color:var(--theme--surface-tertiary-subtle-active)}.theme-toggle:focus-visible{outline:.125rem solid var(--theme--stroke-primary-focused);background-color:var(--theme--surface-tertiary-subtle-hover);border:none}[class*=theme-vars--][class*=-dark] .theme-toggle{color:var(--theme--text-secondary-subtle-default);background-color:var(--theme--surface-tertiary-default)}[class*=theme-vars--][class*=-dark] .theme-toggle:is(:hover,:focus-visible){color:var(--theme--text-secondary-hover);background-color:var(--theme--surface-tertiary-hover)}.theme-toggle.theme-toggle--navigation-header{flex-shrink:0}.theme-toggle__thumb{block-size:1.5rem;inline-size:1.5rem;color:var(--theme--text-primary-default);background-color:var(--theme--surface-basic-white);border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:inset-inline-end .3s cubic-bezier(.7,0,.3,1),color .3s cubic-bezier(.7,0,.3,1),background-color .3s cubic-bezier(.7,0,.3,1);display:flex;position:absolute;inset-inline-end:.1875rem}[class*=theme-vars--][class*=-dark] .theme-toggle__thumb{background-color:var(--theme--surface-tertiary-extra-subtle-default);inset-inline-end:calc(100% - 1.6875rem)}.theme-toggle__icon{justify-content:center;align-items:center;transition:opacity .3s cubic-bezier(.7,0,.3,1),transform .3s cubic-bezier(.7,0,.3,1);display:flex;position:absolute;inset:0}.theme-toggle__icon--light .icon{block-size:.875rem;inline-size:.875rem}[class*=theme-vars--][class*=-dark] .theme-toggle__icon--light{opacity:0;transform:rotate(90deg)scale(.7)}.theme-toggle__icon--dark{opacity:0;transform:rotate(-90deg)scale(.7)}.theme-toggle__icon--dark .icon{block-size:.75rem;inline-size:.75rem}[class*=theme-vars--][class*=-dark] .theme-toggle__icon--dark{opacity:1;transform:rotate(0)scale(1)}@media (prefers-reduced-motion:reduce){.theme-toggle__thumb,.theme-toggle__icon{transition:none}}