.ds-toggle-label{--toggle-target-height:var(--ds-toggle-target-height-md);--toggle-thumb-size:var(--ds-toggle-thumb-size-md);align-items:flex-start;gap:var(--ds-toggle-target-gap-default);cursor:pointer;padding:var(--ds-space-xs);min-height:var(--toggle-target-height);color:var(--ds-form-field-label-color-default);user-select:none;display:inline-flex}.ds-toggle{appearance:none;background-color:var(--ds-toggle-track-fill-off-default);border:var(--ds-toggle-track-border-width-default) solid var(--ds-toggle-track-border-color-off-default);border-radius:var(--ds-toggle-track-radius-default);cursor:pointer;transition:background-color var(--ds-motion-duration-fast) var(--ds-motion-ease-default), border-color var(--ds-motion-duration-fast) var(--ds-motion-ease-default);--toggle-height:var(--ds-toggle-track-height-md);--toggle-width:var(--ds-toggle-track-width-md);--thumb-gap:var(--ds-toggle-thumb-inset-default);--track-border-width:var(--ds-toggle-track-border-width-default);width:var(--toggle-width);height:var(--toggle-height);flex-shrink:0;position:relative}.ds-toggle:after{content:"";width:var(--toggle-thumb-size);height:var(--toggle-thumb-size);border-radius:var(--ds-toggle-thumb-radius-default);background-color:var(--ds-toggle-thumb-fill-off-default);box-shadow:var(--ds-shadow-card);transition:inset-inline-start var(--ds-motion-duration-fast) var(--ds-motion-ease-default), background-color var(--ds-motion-duration-fast) var(--ds-motion-ease-default);position:absolute;inset-block-start:calc(var(--thumb-gap) - var(--track-border-width));inset-inline-start:calc(var(--thumb-gap) - var(--track-border-width))}.ds-toggle:checked{background-color:var(--ds-toggle-track-fill-on-default);--track-border-width:0px;border-width:0}.ds-toggle:checked:after{background-color:var(--ds-toggle-thumb-fill-on-default);inset-inline-start:calc(var(--toggle-width) - var(--toggle-thumb-size) - var(--thumb-gap))}.ds-toggle:hover:not(:disabled){background-color:var(--ds-toggle-track-fill-off-hover);border-color:var(--ds-toggle-track-border-color-off-hover)}.ds-toggle:hover:not(:disabled):after{background-color:var(--ds-toggle-thumb-fill-off-hover)}.ds-toggle:checked:hover:not(:disabled){background-color:var(--ds-toggle-track-fill-on-hover)}.ds-toggle:checked:hover:not(:disabled):after{background-color:var(--ds-toggle-thumb-fill-on-hover)}.ds-toggle:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color-default);outline-offset:var(--ds-focus-ring-width)}.ds-toggle:disabled{background-color:var(--ds-toggle-track-fill-off-disabled);border-color:var(--ds-toggle-track-border-color-off-disabled);cursor:not-allowed}.ds-toggle:disabled:after{background-color:var(--ds-toggle-thumb-fill-off-disabled)}.ds-toggle:checked:disabled{background-color:var(--ds-toggle-track-fill-on-disabled);border-width:0}.ds-toggle:checked:disabled:after{background-color:var(--ds-toggle-thumb-fill-on-disabled)}.ds-toggle-label:has(.ds-toggle:disabled){cursor:not-allowed;color:var(--ds-form-field-label-color-disabled)}.ds-toggle-label:has(.ds-toggle--sm){--toggle-target-height:var(--ds-toggle-target-height-sm);--toggle-thumb-size:var(--ds-toggle-thumb-size-sm)}.ds-toggle--sm{--toggle-height:var(--ds-toggle-track-height-sm);--toggle-width:var(--ds-toggle-track-width-sm)}.ds-toggle-label:has(.ds-toggle--lg){--toggle-target-height:var(--ds-toggle-target-height-lg);--toggle-thumb-size:var(--ds-toggle-thumb-size-lg)}.ds-toggle--lg{--toggle-height:var(--ds-toggle-track-height-lg);--toggle-width:var(--ds-toggle-track-width-lg)}.ds-toggle__content{gap:var(--ds-toggle-content-gap-default);flex-direction:column;min-width:0;display:flex}.ds-toggle__label{font-family:var(--ds-form-field-label-font-family-default);font-size:var(--ds-form-field-label-font-size-default);font-weight:var(--ds-body-font-weight-bold);line-height:var(--ds-form-field-label-line-height-default);color:var(--ds-form-field-label-color-default)}.ds-toggle__description{font-size:var(--ds-body-font-size-sm);font-weight:var(--ds-body-font-weight-regular);line-height:var(--ds-body-line-height-sm);color:var(--ds-form-field-description-color-default);white-space:pre-wrap}.ds-toggle__helper{font-size:var(--ds-body-font-size-xs);font-weight:var(--ds-body-font-weight-regular);line-height:var(--ds-body-line-height-xs);color:var(--ds-form-field-helper-color-default)}.ds-toggle-label:has(.ds-toggle:disabled) .ds-toggle__label{color:var(--ds-form-field-label-color-disabled)}@media (prefers-reduced-motion:reduce){.ds-toggle-label,.ds-toggle,.ds-toggle:after{transition:none}}
