.theme-switch{border:1px solid var(--line);background:var(--surface-sunken);border-radius:999px;flex:none;grid-auto-columns:30px;grid-auto-flow:column;min-inline-size:0;margin:0;padding:2px;display:inline-grid;position:relative}.theme-switch:before{content:"";background:var(--surface);width:30px;box-shadow:0 1px 2px var(--shadow-soft);border-radius:999px;position:absolute;top:2px;bottom:2px;left:2px}.theme-switch[data-ready]:before{transition:transform .22s var(--ease-brand)}.theme-switch:has(input[value=dark]:checked):before{transform:translate(30px)}.theme-switch-option{z-index:1;height:24px;color:var(--muted);cursor:pointer;transition:color .18s var(--ease-brand);place-items:center;margin:0;display:grid;position:relative}.theme-switch-option:has(input:checked){color:var(--ink)}.theme-switch-option:hover{color:var(--ink)}.theme-switch-option>input{opacity:0;appearance:none;cursor:pointer;border:0;width:30px;max-width:none;height:44px;min-height:0;margin:0;padding:0;position:absolute;top:-10px;left:0}.theme-switch-option:first-of-type>input{width:44px;left:-14px}.theme-switch-option:last-of-type>input{width:44px}.theme-switch-option:has(input:focus-visible){outline:2px solid var(--action);outline-offset:2px;border-radius:999px}.theme-switch[data-tone=rail]{border-color:var(--rail-line);background:var(--rail-hover)}.theme-switch[data-tone=rail]:before{background:var(--rail-ink);box-shadow:none}.theme-switch[data-tone=rail] .theme-switch-option{color:var(--rail-ink-soft)}.theme-switch[data-tone=rail] .theme-switch-option:has(input:checked){color:var(--rail)}.theme-switch[data-tone=rail] .theme-switch-option:hover:not(:has(input:checked)){color:var(--rail-ink)}@media (prefers-reduced-motion:reduce){.theme-switch[data-ready]:before,.theme-switch-option{transition:none}}