[data-ds-component=Switch]{--ds-switch-color-track-background-default:var(--semantic-color-background-tertiary);--ds-switch-color-track-background-hover:var(--semantic-color-background-hover);--ds-switch-color-track-background-focus:var(--semantic-color-background-secondary);--ds-switch-color-track-background-disabled:var(--semantic-color-background-disabled);--ds-switch-color-track-background-checked:var(--semantic-color-foreground-accent);--ds-switch-color-track-background-error:var(--semantic-color-background-danger-subtle);--ds-switch-color-track-border-default:var(--semantic-color-border-primary);--ds-switch-color-track-border-hover:var(--semantic-color-border-bold);--ds-switch-color-track-border-focus:var(--semantic-color-border-accent);--ds-switch-color-track-border-disabled:var(--semantic-color-border-disabled);--ds-switch-color-track-border-error:var(--semantic-color-border-danger);--ds-switch-color-thumb-background-default:var(--semantic-color-background-primary);--ds-switch-color-thumb-background-hover:var(--semantic-color-background-hover);--ds-switch-color-thumb-background-focus:var(--semantic-color-background-primary);--ds-switch-color-thumb-background-disabled:var(--semantic-color-background-disabled);--ds-switch-color-thumb-background-checked:var(--semantic-color-foreground-on-brand);--ds-switch-color-thumb-background-error:var(--semantic-color-background-danger-strong);--ds-switch-color-thumb-border-default:var(--semantic-color-border-primary);--ds-switch-color-thumb-border-hover:var(--semantic-color-border-bold);--ds-switch-color-thumb-border-focus:var(--semantic-color-border-accent);--ds-switch-color-thumb-border-disabled:var(--semantic-color-border-disabled);--ds-switch-color-thumb-border-error:var(--semantic-color-border-danger);--ds-switch-color-thumb-shadow:var(--semantic-elevation-surface-raised);--ds-switch-color-text-default:var(--semantic-color-foreground-secondary);--ds-switch-color-text-hover:var(--semantic-color-foreground-primary);--ds-switch-color-text-disabled:var(--semantic-color-foreground-disabled);--ds-switch-color-text-error:var(--semantic-color-foreground-danger);--ds-switch-size-sm-track-width:var(--core-spacing-size-08);--ds-switch-size-sm-track-height:var(--core-spacing-size-06);--ds-switch-size-sm-track-radius:var(--core-shape-radius-full);--ds-switch-size-sm-thumb-size:var(--core-spacing-size-05);--ds-switch-size-sm-thumb-offset:var(--core-spacing-size-02);--ds-switch-size-sm-gap:var(--core-spacing-size-04);--ds-switch-size-sm-font-size:var(--semantic-typography-caption-01);--ds-switch-size-md-track-width:var(--core-spacing-size-09);--ds-switch-size-md-track-height:var(--core-spacing-size-07);--ds-switch-size-md-track-radius:var(--core-shape-radius-full);--ds-switch-size-md-thumb-size:var(--core-spacing-size-06);--ds-switch-size-md-thumb-offset:var(--core-spacing-size-02);--ds-switch-size-md-gap:var(--core-spacing-size-04);--ds-switch-size-md-font-size:var(--semantic-typography-body-small-font-size);--ds-switch-size-lg-track-width:var(--core-spacing-size-10);--ds-switch-size-lg-track-height:var(--core-spacing-size-08);--ds-switch-size-lg-track-radius:var(--core-shape-radius-full);--ds-switch-size-lg-thumb-size:var(--core-spacing-size-07);--ds-switch-size-lg-thumb-offset:var(--core-spacing-size-02);--ds-switch-size-lg-gap:var(--core-spacing-size-04);--ds-switch-size-lg-font-size:var(--semantic-typography-body-default-font-size);--ds-switch-motion-duration:var(--semantic-motion-interaction-press-duration);--ds-switch-motion-easing:var(--semantic-motion-interaction-press-easing);--ds-switch-focus-ring:var(--semantic-interaction-focus-ring-width);--ds-switch-focus-offset:var(--semantic-interaction-focus-ring-offset)}
[data-ds-component=Switch].switchPrimitive{vertical-align:middle;width:var(--ds-switch-size-md-track-width,3rem);height:var(--ds-switch-size-md-track-height,1.5rem);align-items:center;display:inline-flex;position:relative}[data-ds-component=Switch] .input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute}[data-ds-component=Switch] .input:disabled{cursor:not-allowed}[data-ds-component=Switch] .track{width:var(--ds-switch-size-md-track-width,3rem);height:var(--ds-switch-size-md-track-height,1.5rem);min-height:var(--ds-switch-size-md-track-height,1.5rem);background-color:var(--ds-switch-color-track-background-default);border:1px solid var(--ds-switch-color-track-border-default);border-radius:var(--ds-switch-size-md-track-radius,9999px);transition:background-color var(--ds-switch-motion-duration,.15s) var(--ds-switch-motion-easing,ease-out), border-color var(--ds-switch-motion-duration,.15s) var(--ds-switch-motion-easing,ease-out);align-items:center;display:inline-flex;position:relative}[data-ds-component=Switch] .input:focus-visible+.track{outline:var(--ds-switch-focus-ring);outline-offset:var(--ds-switch-focus-offset)}[data-ds-component=Switch] .input:disabled+.track{opacity:.5;cursor:not-allowed}[data-ds-component=Switch] .input:checked+.track{background-color:var(--ds-switch-color-track-background-checked);border-color:var(--ds-switch-color-track-border-default)}[data-ds-component=Switch] .input:not(:disabled):hover+.track{background-color:var(--ds-switch-color-track-background-hover)}[data-ds-component=Switch] .input:checked:not(:disabled):hover+.track{background-color:var(--ds-switch-color-track-background-checked);border-color:var(--ds-switch-color-track-background-checked)}[data-ds-component=Switch] .thumb{width:var(--ds-switch-size-md-thumb-size,1rem);height:var(--ds-switch-size-md-thumb-size,1rem);min-height:var(--ds-switch-size-md-thumb-size,1rem);background-color:var(--ds-switch-color-thumb-background-default);border:1px solid var(--ds-switch-color-thumb-border-default);transition:transform var(--ds-switch-motion-duration,.15s) var(--ds-switch-motion-easing,ease-out);border-radius:50%;position:absolute;inset-inline-start:var(--ds-switch-size-md-thumb-offset,4px);box-shadow:0 1px 3px #0000001a}[data-ds-component=Switch] .input:checked~.track .thumb{background-color:var(--ds-switch-color-thumb-background-checked);transform:translateX(calc(var(--ds-switch-size-md-track-width,3rem) - var(--ds-switch-size-md-thumb-size,1rem) - var(--ds-switch-size-md-thumb-offset,4px) * 2))}[data-ds-component=Switch].switchPrimitive.sm{width:var(--ds-switch-size-sm-track-width,2rem);height:var(--ds-switch-size-sm-track-height,1rem)}[data-ds-component=Switch].switchPrimitive.sm .track{width:var(--ds-switch-size-sm-track-width,2rem);height:var(--ds-switch-size-sm-track-height,1rem);min-height:var(--ds-switch-size-sm-track-height,1rem)}[data-ds-component=Switch].switchPrimitive.sm .thumb{width:var(--ds-switch-size-sm-thumb-size,.75rem);height:var(--ds-switch-size-sm-thumb-size,.75rem);min-height:var(--ds-switch-size-sm-thumb-size,.75rem);inset-inline-start:var(--ds-switch-size-sm-thumb-offset,2px)}[data-ds-component=Switch].switchPrimitive.sm .input:checked~.track .thumb{transform:translateX(calc(var(--ds-switch-size-sm-track-width,2rem) - var(--ds-switch-size-sm-thumb-size,.75rem) - var(--ds-switch-size-sm-thumb-offset,2px) * 2))}[data-ds-component=Switch].switchPrimitive.lg{width:var(--ds-switch-size-lg-track-width,4rem);height:var(--ds-switch-size-lg-track-height,2rem)}[data-ds-component=Switch].switchPrimitive.lg .track{width:var(--ds-switch-size-lg-track-width,4rem);height:var(--ds-switch-size-lg-track-height,2rem);min-height:var(--ds-switch-size-lg-track-height,2rem)}[data-ds-component=Switch].switchPrimitive.lg .thumb{width:var(--ds-switch-size-lg-thumb-size,1.5rem);height:var(--ds-switch-size-lg-thumb-size,1.5rem);min-height:var(--ds-switch-size-lg-thumb-size,1.5rem);inset-inline-start:var(--ds-switch-size-lg-thumb-offset,4px)}[data-ds-component=Switch].switchPrimitive.lg .input:checked~.track .thumb{transform:translateX(calc(var(--ds-switch-size-lg-track-width,4rem) - var(--ds-switch-size-lg-thumb-size,1.5rem) - var(--ds-switch-size-lg-thumb-offset,4px) * 2))}[data-ds-component=Switch].switchPrimitive.disabled{opacity:.5;pointer-events:none}[data-ds-component=Switch].switchField{cursor:pointer;align-items:flex-start;gap:.75rem;display:inline-flex}[data-ds-component=Switch].switchField.disabled{opacity:.5;cursor:not-allowed}[data-ds-component=Switch].switchField.labelStart{flex-direction:row-reverse}[data-ds-component=Switch] .labelWrapper{flex-direction:column;gap:.125rem;padding-block-start:.125rem;display:flex}[data-ds-component=Switch] .label{color:var(--ds-switch-color-text-default);font-weight:var(--ds-switch-text-label-weight,500);font-size:var(--ds-switch-text-label-size,.875rem);line-height:var(--ds-switch-text-label-line-height,1.4);cursor:pointer}.switchField.disabled :is([data-ds-component=Switch] .label){color:var(--ds-switch-color-text-disabled);cursor:not-allowed}[data-ds-component=Switch] .description{color:var(--ds-switch-color-text-default);font-size:var(--ds-switch-text-description-size,.8125rem);line-height:var(--ds-switch-text-description-line-height,1.4)}.switchField.disabled :is([data-ds-component=Switch] .description){color:var(--ds-switch-color-text-disabled)}[data-ds-component=Switch].switchField.sm .label{font-size:.8125rem}[data-ds-component=Switch].switchField.sm .description{font-size:.75rem}[data-ds-component=Switch].switchField.lg .label{font-size:1rem}[data-ds-component=Switch].switchField.lg .description{font-size:.875rem}[data-ds-component=Switch].switchGroup{gap:var(--ds-switch-size-md-gap,1rem);display:inline-flex}[data-ds-component=Switch].vertical{flex-direction:column;align-items:flex-start}[data-ds-component=Switch].horizontal{flex-direction:row;align-items:center}@media (prefers-reduced-motion:reduce){[data-ds-component=Switch] .track,[data-ds-component=Switch] .thumb{transition:none}}