.switch{font-family:var(--ui);color:var(--fg);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-width:0;margin:0;padding:0;font-size:12px;line-height:1.3;display:inline-flex}.switch-t{background:var(--bg-4);border:1px solid var(--line);width:34px;height:20px;transition:background var(--dur-fast,.14s) var(--ease), border-color var(--dur-fast,.14s) var(--ease), box-shadow var(--dur-fast,.14s) var(--ease);border-radius:11px;flex:none;position:relative}.switch-t>i{background:var(--fg-dim);width:14px;height:14px;transition:transform var(--dur-fast,.14s) var(--ease), background var(--dur-fast,.14s) var(--ease);pointer-events:none;border-radius:50%;position:absolute;top:2px;left:2px}.switch:hover:not([disabled]) .switch-t:not([data-on]){border-color:var(--fg-faint)}.switch-t[data-on]{background:var(--accent);border-color:var(--accent)}.switch-t[data-on]>i{background:var(--on-accent);transform:translate(14px)}.switch:active:not([disabled]) .switch-t:not([data-on]){border-color:var(--accent-line);background:var(--bg-3)}.switch:active:not([disabled]) .switch-t[data-on]{filter:brightness(.94)}.switch-l{min-width:0;line-height:1.3}.switch:focus-visible{outline:none}.switch:focus-visible .switch-t{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.switch[disabled]{opacity:.55;cursor:not-allowed}.switch.is-invalid .switch-t,.switch[data-invalid] .switch-t{border-color:color-mix(in oklab, var(--red) 62%, transparent)}.switch.is-invalid .switch-t[data-on],.switch[data-invalid] .switch-t[data-on]{background:color-mix(in oklab, var(--red) 78%, var(--accent));border-color:var(--red);box-shadow:0 0 0 2px var(--red-soft)}.switch.is-invalid:focus-visible .switch-t,.switch[data-invalid]:focus-visible .switch-t{border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft)}@media (prefers-reduced-motion:reduce){.switch-t,.switch-t>i{transition:none}}