.ui-switch{position:relative;width:40px;height:22px;flex:none;padding:0;border:0;border-radius:var(--radius-full, 9999px);background:var(--color-bg-tertiary);box-shadow:inset 0 0 0 1px var(--color-border-subtle);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--duration-fast, .15s) var(--ease-out, ease)}.ui-switch.is-on{background:var(--color-brand-fill);box-shadow:none}.ui-switch:disabled{opacity:.55;cursor:default}.ui-switch:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.ui-switch:after{content:"";position:absolute;inset:-11px -4px}.ui-switch-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:var(--radius-full, 9999px);background:var(--color-on-brand-fill);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast, .15s) var(--ease-out, ease)}.ui-switch.is-on .ui-switch-knob{transform:translate(18px)}@media (prefers-reduced-motion: reduce){.ui-switch,.ui-switch-knob{transition:none}}