.switch{--_tint:var(--switch-tint,var(--grey-560));--_soft:var(--switch-tint-soft,color-mix(in srgb,var(--_tint) 14%,var(--mat-bg)));--_bd-off:var(--switch-border-off,var(--_tint));--_bd-on:var(--switch-border-on,var(--_tint));display:inline-flex;align-items:center;width:24px;height:16px;padding:1px;border-radius:4px;background:var(--_soft);border:1px solid var(--_bd-off);cursor:pointer;flex-shrink:0;transition:background var(--dur-fast) var(--ease-snap),border-color var(--dur-fast) var(--ease-snap)}.switch[aria-checked=true]{background:var(--_tint);border-color:var(--_bd-on)}.switch__thumb{display:block;width:8px;height:12px;border-radius:2px;background:var(--_tint);transition:transform .2s cubic-bezier(0,1,.31,1.05),background .2s}.switch[aria-checked=true] .switch__thumb{background:var(--_soft);transform:translateX(12px)}.switch:active .switch__thumb{transform:scaleX(.9)}.switch[aria-checked=true]:active .switch__thumb{transform:translateX(12px) scaleX(.9)}.switch:disabled{cursor:default;pointer-events:none}@media (prefers-reduced-motion:reduce){.switch,.switch__thumb{transition:none}}