.ui-switch{--switch-on: 142 69% 49%;--switch-off: 240 6% 92%;--switch-knob: 0 0% 100%;box-sizing:border-box;position:relative;display:inline-flex;flex-shrink:0;align-items:center;width:48px;height:20px;padding:2px;border:0;border-radius:999px;cursor:pointer;background:hsl(var(--switch-off));box-shadow:none;transition:background .2s ease}.ui-switch[data-state=checked]{background:hsl(var(--switch-on))}.ui-switch[data-variant=warning]{--switch-on: var(--warning)}.ui-switch[data-variant=danger]{--switch-on: var(--destructive)}.ui-switch:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px hsl(var(--ring) / .45)}.ui-switch:disabled{cursor:not-allowed;opacity:.5}.ui-switch-thumb{display:block;width:22px;height:16px;border-radius:999px;background:hsl(var(--switch-knob));box-shadow:0 1px 2px hsl(var(--ink-1) / .14);transform:translate(0);transition:transform .2s ease}.ui-switch[data-state=checked] .ui-switch-thumb{transform:translate(22px)}.dark .ui-switch{--switch-on: 135 68% 50%;--switch-off: 240 4% 26%}.dark .ui-switch.is-warning{--switch-on: var(--warning)}@media(prefers-reduced-motion:reduce){.ui-switch,.ui-switch-thumb{transition:none}}.ui-switch[data-size=sm]{width:28px;height:16px}.ui-switch[data-size=sm] .ui-switch-thumb{width:10px;height:12px}.ui-switch[data-size=sm][data-state=checked] .ui-switch-thumb{transform:translate(14px)}.ui-switch[data-size=lg]{width:52px;height:28px}.ui-switch[data-size=lg] .ui-switch-thumb{width:22px;height:24px}.ui-switch[data-size=lg][data-state=checked] .ui-switch-thumb{transform:translate(26px)}