.SwitchRoot{all:unset;width:48px;height:25px;background-color:hsla(var(--primary),.2);border-radius:var(--border-radius);position:relative;box-shadow:0 2px 10px hsla(var(--text-secondary),.2);-webkit-tap-highlight-color:transparent;cursor:pointer}.SwitchRoot:focus-visible{box-shadow:0 0 0 2px hsl(var(--accent))}.SwitchRoot[data-state=checked]{background-color:hsl(var(--primary))}.SwitchThumb{display:block;width:21px;height:21px;background-color:hsl(var(--background));border-radius:9999px;box-shadow:0 2px 2px hsla(var(--text-secondary),.2);transition:transform .1s;transform:translate(2px);will-change:transform}.SwitchThumb[data-state=checked]{transform:translate(24px)}.SwitchRoot:disabled{opacity:.5;cursor:not-allowed}