@layer design-system.components{.vds-toggle{--_toggle-height:var(--vds-size-md);--_toggle-px:var(--vds-space-3);--_toggle-py:0;--_toggle-font-size:var(--vds-text-sm);--_toggle-line-height:var(--vds-control-line-height,1.5);--_toggle-radius:var(--vds-radius-toggle,var(--vds-radius-element));--_toggle-gap:var(--vds-gap-icon,.5rem);--_toggle-icon-size:1.25rem;justify-content:center;align-items:center;gap:var(--_toggle-gap);font-family:var(--vds-font-sans);font-weight:var(--vds-font-weight-medium);border-radius:var(--_toggle-radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--vds-duration-fast) var(--vds-ease-out), color var(--vds-duration-fast) var(--vds-ease-out), box-shadow .18s ease-out;box-sizing:border-box;min-block-size:max(var(--_toggle-height), calc(1em * var(--_toggle-line-height) + 2px));padding-inline:var(--_toggle-px);padding-block:var(--_toggle-py);font-size:var(--_toggle-font-size);line-height:var(--_toggle-line-height);color:var(--vds-color-text-muted);background-color:#0000;border:1px solid #0000;display:inline-flex}.vds-toggle:hover:not(:disabled){background-color:var(--vds-color-bg-muted);color:var(--vds-color-text)}.vds-toggle[data-state=on]{background-color:var(--vds-color-primary-bg);color:var(--vds-color-primary-text)}.vds-toggle: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-toggle:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}.vds-toggle:disabled{opacity:var(--vds-opacity-disabled,.5);cursor:not-allowed}.vds-toggle[data-variant=outline]{border-color:var(--vds-color-border-interactive,var(--vds-color-neutral-9))}.vds-toggle[data-variant=outline][data-state=on]{background-color:var(--vds-color-primary-bg);border-color:var(--vds-color-primary-border)}.vds-toggle[data-size="2xs"]{--_toggle-height:var(--vds-size-2xs);--_toggle-px:var(--vds-space-1-5);--_toggle-font-size:var(--vds-text-xs);--_toggle-gap:var(--vds-gap-icon-compact,.25rem);--_toggle-icon-size:.875rem}.vds-toggle[data-size=xs]{--_toggle-height:var(--vds-size-xs);--_toggle-px:var(--vds-space-2);--_toggle-font-size:var(--vds-text-xs);--_toggle-gap:var(--vds-gap-icon-compact,.25rem);--_toggle-icon-size:.875rem}.vds-toggle[data-size=sm]{--_toggle-height:var(--vds-size-sm);--_toggle-px:var(--vds-space-2);--_toggle-font-size:var(--vds-text-sm);--_toggle-gap:var(--vds-gap-icon,.5rem);--_toggle-icon-size:1rem}.vds-toggle[data-size=lg]{--_toggle-height:var(--vds-size-lg);--_toggle-px:var(--vds-space-4);--_toggle-font-size:var(--vds-text-base);--_toggle-gap:var(--vds-gap-icon,.5rem);--_toggle-icon-size:1.25rem}.vds-toggle[data-size=xl]{--_toggle-height:var(--vds-size-xl);--_toggle-px:var(--vds-space-5);--_toggle-font-size:var(--vds-text-lg);--_toggle-gap:var(--vds-gap-icon,.5rem);--_toggle-icon-size:1.25rem}.vds-toggle[data-size="2xl"]{--_toggle-height:var(--vds-size-2xl);--_toggle-px:var(--vds-space-6);--_toggle-font-size:var(--vds-text-xl);--_toggle-gap:var(--vds-space-3);--_toggle-icon-size:1.5rem}.vds-toggle[data-icon-only]{inline-size:var(--_toggle-height);aspect-ratio:1;padding-inline:0}.vds-toggle:has(>svg:only-child){inline-size:var(--_toggle-height);aspect-ratio:1;padding-inline:0}.vds-toggle>svg{inline-size:var(--_toggle-icon-size);block-size:var(--_toggle-icon-size);flex-shrink:0;display:block}@media (prefers-reduced-motion:reduce){.vds-toggle{transition-duration:0s}}}