.ds-switch{--ds-sw-w:36px;--ds-sw-h:20px;--ds-sw-pad:2px;--ds-sw-on:var(--ds-cta);display:inline-flex;align-items:center;flex:none;padding:0;border:0;background:transparent;cursor:pointer;border-radius:var(--ds-radius-full);-webkit-tap-highlight-color:transparent}.ds-switch--sm{--ds-sw-w:28px;--ds-sw-h:16px}.ds-switch--lg{--ds-sw-w:44px;--ds-sw-h:24px}.ds-switch--success{--ds-sw-on:var(--ds-success)}.ds-switch__track{--ds-sw-thumb:calc(var(--ds-sw-h) - var(--ds-sw-pad) * 2);position:relative;display:block;width:var(--ds-sw-w);height:var(--ds-sw-h);transition:background-color var(--ds-dur-fast) var(--ds-ease-enter),border-color var(--ds-dur-fast) var(--ds-ease-enter)}.ds-switch__thumb,.ds-switch__track{border-radius:var(--ds-radius-full);box-sizing:border-box}.ds-switch__thumb{position:absolute;top:calc(var(--ds-sw-pad) - 1px);left:calc(var(--ds-sw-pad) - 1px);width:var(--ds-sw-thumb);height:var(--ds-sw-thumb);transition:transform var(--ds-dur-fast) var(--ds-ease-enter),background-color var(--ds-dur-fast) var(--ds-ease-enter),border-color var(--ds-dur-fast) var(--ds-ease-enter)}.ds-switch.is-on .ds-switch__thumb{transform:translateX(calc(var(--ds-sw-w) - var(--ds-sw-h)))}.ds-switch:active:not(.is-disabled) .ds-switch__thumb{transform:scale(var(--ds-scale-press))}.ds-switch.is-on:active:not(.is-disabled) .ds-switch__thumb{transform:translateX(calc(var(--ds-sw-w) - var(--ds-sw-h))) scale(var(--ds-scale-press))}.ds-switch:focus-visible{outline:2px solid var(--ds-focus);outline-offset:var(--ds-focus-offset)}.ds-switch.is-disabled{cursor:not-allowed}.ds-switch-field{display:flex;align-items:flex-start;gap:var(--ds-space-2)}.ds-switch-field .ds-switch{margin-top:1px}.ds-switch-field__label{display:grid;grid-gap:2px;gap:2px;cursor:pointer;font-size:var(--ds-text-ui);line-height:var(--ds-leading-snug);color:var(--ds-text)}.ds-switch-field__hint{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.ds-switch-field.is-disabled .ds-switch-field__label{cursor:not-allowed;color:var(--ds-text-muted)}.ds-switch__track{background:var(--ds-surface-sunken)}.ds-switch__thumb,.ds-switch__track{border:1px solid var(--ds-border-strong)}.ds-switch__thumb{background:var(--ds-surface-raised)}.ds-switch:hover:not(.is-disabled) .ds-switch__track{border-color:var(--ds-text-muted)}.ds-switch.is-on .ds-switch__track{background:var(--ds-sw-on);border-color:var(--ds-sw-on)}.ds-switch.is-on .ds-switch__thumb{background:var(--ds-cta-fg);border-color:var(--ds-cta-fg)}.ds-switch.is-disabled .ds-switch__track{background:var(--ds-surface-sunken);border-color:var(--ds-border)}.ds-switch.is-disabled .ds-switch__thumb,.ds-switch.is-disabled.is-on .ds-switch__track{background:var(--ds-text-subtle);border-color:var(--ds-text-subtle)}.ds-switch.is-disabled.is-on .ds-switch__thumb{background:var(--ds-surface-raised);border-color:var(--ds-surface-raised)}@media (prefers-reduced-motion:reduce){.ds-switch__thumb,.ds-switch__track{transition-duration:0s}}