.ui-switch{display:inline-flex;align-items:center;width:40px;height:22px;padding:2px;border-radius:999px;background:var(--border);border:none;cursor:pointer;transition:background .2s;position:relative}.ui-switch[data-state=checked]{background:var(--accent)}.ui-switch__thumb{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}.ui-switch[data-state=checked] .ui-switch__thumb{transform:translate(18px)}