@layer design-system.components{.vds-switch{--_switch-width:var(--vds-space-11);--_switch-height:var(--vds-space-6);--_switch-thumb-size:var(--vds-space-5);--_switch-border-width:2px;--_switch-thumb-offset:0px;--_switch-thumb-translate:var(--_switch-thumb-offset);--_switch-thumb-checked-translate:calc(var(--_switch-width) - var(--_switch-thumb-size) - var(--_switch-thumb-offset) - 2 * var(--_switch-border-width));box-sizing:border-box;cursor:pointer;border-radius:var(--vds-radius-full);border:var(--_switch-border-width) solid transparent;transition:background-color var(--vds-duration-normal) var(--vds-ease-out), box-shadow .18s ease-out;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;inline-size:var(--_switch-width);block-size:var(--_switch-height);background-color:var(--vds-color-border-interactive,var(--vds-color-neutral-9));flex-shrink:0;align-items:center;padding:0;display:inline-flex;position:relative}.vds-switch[data-state=checked]{background-color:var(--vds-color-primary-9)}.vds-switch:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--_switch-thumb-translate:calc(var(--_switch-width) - var(--_switch-thumb-size) - var(--_switch-thumb-offset) - 2 * var(--_switch-border-width));--_switch-thumb-checked-translate:var(--_switch-thumb-offset)}.vds-switch:focus-visible{box-shadow:0 0 0 4px var(--vds-color-primary-a4), 0 0 12px 2px var(--vds-color-primary-a2);outline:none}@media (forced-colors:active){.vds-switch:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}.vds-switch:disabled{opacity:var(--vds-opacity-disabled,.5);cursor:not-allowed}@media (forced-colors:active){.vds-switch{forced-color-adjust:none;background-color:canvas;border-color:buttontext}.vds-switch[data-state=checked]{background-color:highlight;border-color:highlight}.vds-switch:disabled{border-color:graytext}}.vds-switch[data-size=sm]{--_switch-width:var(--vds-space-8);--_switch-height:1.125rem;--_switch-thumb-size:var(--vds-space-3-5)}.vds-switch[data-size=lg]{--_switch-width:var(--vds-space-14);--_switch-height:var(--vds-space-8);--_switch-thumb-size:var(--vds-space-7)}@media (prefers-reduced-motion:reduce){.vds-switch{transition-duration:0s}}.vds-switch-thumb{inset-block-start:50%;border-radius:var(--vds-radius-full);background-color:var(--vds-color-on-solid);box-shadow:var(--vds-shadow-sm);inline-size:var(--_switch-thumb-size);block-size:var(--_switch-thumb-size);transition:translate var(--vds-duration-normal) var(--vds-ease-spring);translate:var(--_switch-thumb-translate) -50%;pointer-events:none;display:block;position:absolute;left:0}@media (prefers-reduced-motion:reduce){.vds-switch-thumb{transition:none}}@media (forced-colors:active){.vds-switch-thumb{box-shadow:none;background-color:buttontext}.vds-switch[data-state=checked]>.vds-switch-thumb{background-color:highlighttext}.vds-switch:disabled>.vds-switch-thumb{background-color:graytext}}.vds-switch[data-state=checked]>.vds-switch-thumb{translate:var(--_switch-thumb-checked-translate) -50%}.vds-switch[data-dragging]>.vds-switch-thumb{transition:none}}