.switch-root{all:unset;width:42px;height:24px;background-color:var(--color-border-light);border-radius:30px;position:relative;cursor:pointer;transition:background-color .2s}.switch-root:focus-visible{outline:2px solid var(--color-border-light);outline-offset:2px}.switch-root[data-disabled]{cursor:not-allowed;opacity:.5}.switch-root[data-state=checked]{background-color:var(--color-primary-bg)}.switch-thumb{display:block;width:20px;height:20px;background-color:var(--color-secondary-bg);border-radius:30px;transition:transform .2s;transform:translate(2px);will-change:transform}.switch-root[data-state=checked] .switch-thumb{transform:translate(20px)}