.switch{appearance:none;border-radius:var(--radius-full);background:var(--color-surface-sunken);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard);border:none;flex:none;align-items:center;display:inline-flex}.switch[data-state=checked]{background:var(--color-accent)}.switch:disabled{opacity:.5;cursor:default}.switch:focus-visible{outline:var(--space-2) solid var(--color-focus-ring);outline-offset:var(--space-2)}.switch--sm{--switch-travel:var(--space-12);width:calc(var(--space-32) - var(--space-4));height:var(--space-16);padding:var(--space-2)}.switch--md{--switch-travel:calc(var(--space-24) - var(--space-6));width:calc(var(--space-48) - var(--space-6));height:var(--space-24);padding:var(--space-4)}.switch--lg{--switch-travel:var(--space-24);width:calc(var(--space-64) - var(--space-8));height:var(--space-32);padding:var(--space-4)}.switch__thumb{border-radius:var(--radius-full);background:var(--color-surface-raised);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-standard);display:block}.switch--sm .switch__thumb{width:var(--space-12);height:var(--space-12)}.switch--md .switch__thumb{width:var(--space-16);height:var(--space-16)}.switch--lg .switch__thumb{width:var(--space-24);height:var(--space-24)}.switch[data-state=checked] .switch__thumb{transform:translateX(var(--switch-travel))}