.ui-switch{--_w:44px;--_h:26px;--_knob:20px;width:var(--_w);height:var(--_h);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 10%, transparent);cursor:pointer;transition:background var(--dur-base) var(--ease-out-quart), border-color var(--dur-base) var(--ease-out-quart);flex-shrink:0;padding:0;position:relative}.ui-switch--sm{--_w:36px;--_h:22px;--_knob:16px}.ui-switch[role=switch]{min-height:0}.ui-switch[role=switch]:after{content:"";position:absolute;inset:-8px -2px}.ui-switch-knob{width:var(--_knob);height:var(--_knob);transition:transform var(--dur-base) var(--ease-out-expo);background:#fff;border-radius:50%;position:absolute;top:50%;left:2px;transform:translateY(-50%);box-shadow:0 1px 3px #00000059}.ui-switch.is-on{background:var(--accent,var(--teal));border-color:color-mix(in srgb, var(--accent,var(--teal)) 60%, transparent)}.ui-switch.is-on .ui-switch-knob{transform:translate(calc(var(--_w) - var(--_knob) - 6px), -50%)}.ui-switch:focus-visible{box-shadow:var(--focus-ring);outline:none}.ui-switch:disabled{opacity:.5;cursor:not-allowed}.ui-switch.is-busy{opacity:.7;cursor:wait}html[data-theme=light] .ui-switch{background:#0c242224}html[data-theme=light] .ui-switch.is-on{background:var(--accent,var(--teal))}