.mos-root .mos-theme-switch{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.mos-root .mos-theme-switch button{height:44px;min-width:44px;border:1px solid var(--mos-border);background:var(--mos-surface);color:var(--mos-secondary);cursor:pointer;transition:background .18s,border-color .18s}.mos-root .mos-theme-track{width:62px;border-radius:24px;display:flex;align-items:center;justify-content:space-around;position:relative;padding:0 6px;isolation:isolate}.mos-root .mos-theme-track svg{z-index:1}.mos-root .mos-theme-thumb{position:absolute;width:26px;height:30px;border-radius:16px;left:4px;top:6px;background:var(--mos-selection);border:1px solid var(--mos-action);transition:transform .18s}.mos-root .mos-theme-track[aria-checked=true] .mos-theme-thumb{transform:translateX(26px)}.mos-root .mos-theme-auto{border-radius:50%;display:grid;place-items:center}.mos-root .mos-theme-auto[aria-pressed=true]{border-color:var(--mos-action);color:var(--mos-action);background:var(--mos-selection)}.mos-root .mos-theme-switch button:hover{background:var(--mos-raised)}.mos-root .mos-theme-switch button:focus-visible{outline:2px solid var(--mos-focus);outline-offset:3px}@media(prefers-reduced-motion:reduce){.mos-root .mos-theme-switch button,.mos-root .mos-theme-thumb{transition:none}}@media(forced-colors:active){.mos-root .mos-theme-auto[aria-pressed=true],.mos-root .mos-theme-track[aria-checked=true]{outline:2px solid Highlight}.mos-root .mos-theme-thumb{border-color:Highlight}}