.theme-toggle{display:inline-grid;place-items:center;flex:none;min-width:44px;height:44px;padding:0 2px;border-radius:var(--fz-pill);color:var(--fz-ink-3);cursor:pointer}.theme-toggle:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.theme-toggle__track{position:relative;display:flex;align-items:center;justify-content:space-between;width:56px;height:32px;padding:0 8px;border-radius:var(--fz-pill);border:1px solid var(--fz-line-strong);background-color:var(--fz-band)}.theme-toggle__thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:var(--fz-pill);background-color:var(--fz-page);box-shadow:0 0 0 1px var(--fz-line-strong),0 2px 6px -2px var(--fz-shadow);transition:transform var(--dur-ui) var(--fz-ease)}.theme-toggle__icon{position:relative;z-index:1;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:color var(--dur-ui) ease}.theme-toggle__icon--sun{color:var(--fz-ink)}.theme-toggle__icon--moon{color:var(--fz-ink-3)}:root[data-theme=dark] .theme-toggle__thumb{transform:translateX(24px)}:root[data-theme=dark] .theme-toggle__icon--sun{color:var(--fz-ink-3)}:root[data-theme=dark] .theme-toggle__icon--moon{color:var(--fz-ink)}@media (hover:hover){.theme-toggle:hover .theme-toggle__track{border-color:var(--fz-ink-3)}}@media (prefers-reduced-motion:reduce){.theme-toggle__icon,.theme-toggle__thumb{transition:none}}.fz-nav .theme-toggle{display:none}@media (min-width:480px){.fz-nav .theme-toggle{display:inline-grid}}