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