.switch-container{--ds-sw-w:36px;--ds-sw-h:20px;--ds-sw-pad:2px;--ds-sw-on:var(--ds-cta);--ds-sw-z:var(--ds-switch-zoom,1);position:relative;box-sizing:border-box;display:inline-flex;align-items:center;flex-shrink:0;width:calc(var(--ds-sw-w) * var(--ds-sw-z));height:calc(var(--ds-sw-h) * var(--ds-sw-z));border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-full);background-color:var(--ds-surface-sunken);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--ds-dur-fast) var(--ds-ease-enter),border-color var(--ds-dur-fast) var(--ds-ease-enter)}.switch-small{--ds-sw-w:28px;--ds-sw-h:16px}.switch-medium{--ds-sw-w:36px;--ds-sw-h:20px}.switch-large{--ds-sw-w:44px;--ds-sw-h:24px}.switch-success{--ds-sw-on:var(--ds-success)}.switch-container:hover:not([aria-disabled=true]){border-color:var(--ds-text-muted)}.switch-container.active{background-color:var(--ds-sw-on);border-color:var(--ds-sw-on)}.switch-container:focus-visible{outline:2px solid var(--ds-focus);outline-offset:var(--ds-focus-offset)}.switch-ball{position:absolute;top:calc((var(--ds-sw-pad) - 1px) * var(--ds-sw-z));left:calc((var(--ds-sw-pad) - 1px) * var(--ds-sw-z));box-sizing:border-box;width:calc((var(--ds-sw-h) - var(--ds-sw-pad) * 2) * var(--ds-sw-z));height:calc((var(--ds-sw-h) - var(--ds-sw-pad) * 2) * var(--ds-sw-z));border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-full);background-color:var(--ds-surface-raised);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)}.switch-container.active .switch-ball{transform:translateX(calc((var(--ds-sw-w) - var(--ds-sw-h)) * var(--ds-sw-z)));background-color:var(--ds-cta-fg);border-color:var(--ds-cta-fg)}.switch-container:active:not([aria-disabled=true]) .switch-ball{transform:scale(var(--ds-scale-press))}.switch-container.active:active:not([aria-disabled=true]) .switch-ball{transform:translateX(calc((var(--ds-sw-w) - var(--ds-sw-h)) * var(--ds-sw-z))) scale(var(--ds-scale-press))}.switch-container[aria-disabled=true]{cursor:not-allowed;background-color:var(--ds-surface-sunken);border-color:var(--ds-border)}.switch-container.active[aria-disabled=true],.switch-container[aria-disabled=true] .switch-ball{background-color:var(--ds-text-subtle);border-color:var(--ds-text-subtle)}.switch-container.active[aria-disabled=true] .switch-ball{background-color:var(--ds-surface-raised);border-color:var(--ds-surface-raised)}@media (prefers-reduced-motion:reduce){.switch-ball,.switch-container{transition-duration:0s}}