@layer components{[data-ui=switch]{--track-size:36px;--thumb-size:calc(var(--track-size) / 2 - 4px);--track-padding:2px;inline-size:var(--track-size);block-size:calc(var(--track-size) / 1.8);padding:var(--track-padding);border-radius:var(--radius-rounded);transition:background-position var(--transition-expressive-fast-spatial);background:linear-gradient(to right, var(--color-surface-container-high) 50%, var(--color-primary) 50%);background-position:20%;background-size:300%;border:1px solid #0000;flex-shrink:0;align-items:center;display:grid;position:relative}[data-ui=switch] [data-ui=thumb]{inline-size:var(--thumb-size);block-size:var(--thumb-size);aspect-ratio:1;border-radius:var(--radius-rounded);background-color:var(--color-surface);transition:translate var(--transition-expressive-fast-spatial);translate:0}[data-ui=switch][data-disabled]{border-color:var(--color-surface-container-highest);background:var(--color-surface);pointer-events:none}[data-ui=switch][data-disabled] [data-ui=thumb]{background-color:var(--color-surface-variant)}[data-ui=switch][data-checked]{background-position:90%}[data-ui=switch][data-checked] [data-ui=thumb]{translate:calc(var(--track-size) - var(--thumb-size) - var(--track-padding) * 3) 0}[data-ui=switch]:not([aria-disabled]):focus-visible{outline:var(--spacing-2) solid color-mix(in oklab, var(--color-primary) 45%, transparent)}@media (prefers-reduced-motion:reduce){[data-ui=switch],[data-ui=switch] [data-ui=thumb]{transition:background-color var(--transition-expressive-fast-effects)}}}