@layer components{[data-ui=toggle]{white-space:nowrap;justify-content:center;align-items:center;gap:var(--spacing-4);height:var(--toggle-size);min-width:var(--toggle-size);color:var(--color-on-toggle);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--color-toggle);border:1px solid var(--color-toggle-border);transition:background-color var(--transition-expressive-fast-effects), border-color var(--transition-expressive-fast-effects), box-shadow var(--transition-expressive-fast-effects), color var(--transition-expressive-fast-effects);outline:0;text-decoration:none;display:inline-flex}[data-ui=toggle][data-size=lg]{--toggle-size:40px;--svg-as-icon-size:var(--spacing-24);padding-inline:var(--spacing-8);border-radius:var(--radius-md)}[data-ui=toggle][data-size=md]{--toggle-size:32px;--svg-as-icon-size:var(--spacing-14);padding-inline:var(--spacing-6);border-radius:var(--radius-sm)}[data-ui=toggle][data-size=sm]{--toggle-size:24px;--svg-as-icon-size:var(--spacing-14);font:var(--font-body-sm);padding-inline:var(--spacing-4);border-radius:var(--radius-xs)}[data-ui=toggle][data-variant=primary]{--color-toggle:var(--color-surface-container-lowest);--color-on-toggle:var(--color-on-surface);--color-toggle-border:var(--color-surface-container-high);--color-toggle-container:var(--color-primary-container);--color-on-toggle-container:var(--color-on-primary-container);--color-toggle-focus-ring:var(--color-primary);box-shadow:0 1px 2px 0 color-mix(in srgb, currentcolor 2%, transparent)}[data-ui=toggle][data-variant=primary][data-pressed]{color:var(--color-on-toggle-container);background-color:var(--color-toggle-container);border-color:#0000}@media (hover:hover) and (pointer:fine){[data-ui=toggle][data-variant=primary]:hover:not(:disabled,[data-ui=toggle][data-variant=primary][data-pressed]){color:var(--color-on-toggle-container);background-color:var(--color-toggle-container);border-color:#0000}}[data-ui=toggle][data-variant=ghost]{--color-toggle:transparent;--color-on-toggle:var(--color-on-surface);--color-toggle-border:transparent;--color-toggle-container:var(--color-surface-container-high);--color-on-toggle-container:var(--color-on-surface);--color-toggle-focus-ring:var(--color-primary)}[data-ui=toggle][data-variant=ghost][data-pressed]{color:var(--color-on-toggle-container);background-color:var(--color-toggle-container)}@media (hover:hover) and (pointer:fine){[data-ui=toggle][data-variant=ghost]:hover:not(:disabled,[data-ui=toggle][data-variant=ghost][data-pressed]){color:var(--color-on-toggle-container);background-color:var(--color-toggle-container)}}[data-ui=toggle]:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--color-toggle-focus-ring) 35%, transparent)}[data-ui=toggle]:disabled{pointer-events:none;opacity:.38;border-color:#0000}[data-ui=toggle] svg{pointer-events:none;width:var(--svg-as-icon-size);height:var(--svg-as-icon-size);flex-shrink:0}}