.switch{appearance:none;border-radius:var(--r-pill);background:var(--line);cursor:pointer;width:46px;height:28px;transition:background-color .2s var(--ease), opacity .2s var(--ease);flex:none;margin:0;position:relative}.switch:before{content:"";width:22px;height:22px;transition:transform .26s var(--spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch:checked{background:var(--up-vivid)}.switch:checked:before{transform:translate(18px)}.switch:disabled{opacity:.6;cursor:default}.switch:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 50%, transparent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.switch,.switch:before{transition:none}}