.ui-switch{--ui-switch-h:16px;--ui-switch-w:28px;--ui-switch-thumb:12px;width:var(--ui-switch-w);height:var(--ui-switch-h);background:var(--cc-rule-strong);cursor:pointer;transition:background var(--cc-dur-fast) ease;border:none;border-radius:999px;flex:none;align-items:center;padding:2px;display:inline-flex;position:relative}.ui-switch[data-checked]{background:var(--cc-accent)}.ui-switch[data-disabled]{opacity:.55;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.ui-switch:hover:not([data-checked],[data-disabled]){background:var(--cc-ink-3)}}.ui-switch-thumb{width:var(--ui-switch-thumb);height:var(--ui-switch-thumb);background:var(--cc-surface);transition:translate var(--cc-dur-fast) var(--cc-ease-out), width var(--cc-dur-press) var(--cc-ease-out);border-radius:999px;box-shadow:0 1px 2px #14181e33}.ui-switch-thumb[data-checked]{translate:calc(var(--ui-switch-w) - var(--ui-switch-thumb) - 4px) 0}.ui-switch:active:not([data-disabled]) .ui-switch-thumb{width:calc(var(--ui-switch-thumb) + 2px)}.ui-switch:active[data-checked]:not([data-disabled]) .ui-switch-thumb{translate:calc(var(--ui-switch-w) - var(--ui-switch-thumb) - 6px) 0}@media (pointer:coarse){.ui-switch:after{content:"";position:absolute;inset:-14px -8px}}@media (prefers-reduced-motion:reduce){.ui-switch-thumb{transition:none}.ui-switch:active:not([data-disabled]) .ui-switch-thumb{width:var(--ui-switch-thumb)}}