@keyframes assisted-pulse{0%,to{outline-color:var(--accent-8);outline-offset:2px}50%{outline-color:var(--accent-9);outline-offset:6px}}.switch{align-items:center;cursor:pointer;display:inline-flex;gap:var(--space-2);user-select:none}.switch--label{color:var(--text-color-default);font-size:inherit}.switch--pill{--travel:1.25rem;background:var(--neutral-a3);border-radius:var(--radius-pill);display:inline-block;flex-shrink:0;height:1.5rem;position:relative;transition:background .2s;width:2.75rem}.switch--pill:has(.switch--inner){--travel:2rem;width:3.5rem}.switch--knob{background:var(--surface-page);border-radius:50%;box-shadow:var(--shadow-1);height:1.125rem;inset-inline-start:.1875rem;position:absolute;top:.1875rem;transition:transform .2s ease;width:1.125rem;z-index:var(--z-raised)}.switch--inner{align-items:center;display:flex;font-size:.75rem;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .15s}.switch--off-inner{color:var(--text-color-muted);inset-inline-end:.375rem;opacity:1}.switch--on-inner{color:var(--surface-page);inset-inline-start:.375rem;opacity:0}.switch[data-checked=true] .switch--pill{background:var(--switch-on-color,var(--accent-9))}.switch[data-checked=true] .switch--knob{transform:translateX(calc(var(--travel)*var(--direction-sign, 1)))}.switch[data-checked=true] .switch--off-inner{opacity:0}.switch[data-checked=true] .switch--on-inner{opacity:1}.switch.is-assisted{pointer-events:none;user-select:none}.switch.is-assisted .switch--pill{animation:assisted-pulse 1.6s ease-in-out infinite;outline:var(--border-focus-width) solid var(--accent-8);outline-offset:2px}.switch--choice{--switch-on-color:var(--color-link)}.switch--info{--feedback-color:var(--info-11);--feedback-bg:var(--info-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--info-9);--feedback-on-fill:var(--info-contrast);--switch-on-color:var(--feedback-fill)}.switch--success{--feedback-color:var(--success-11);--feedback-bg:var(--success-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--success-9);--feedback-on-fill:var(--success-contrast);--switch-on-color:var(--feedback-fill)}.switch--warning{--feedback-color:var(--warning-11);--feedback-bg:var(--warning-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--warning-9);--feedback-on-fill:var(--warning-contrast);--switch-on-color:var(--feedback-fill)}.switch--error{--feedback-color:var(--error-11);--feedback-bg:var(--error-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--error-9);--feedback-on-fill:var(--error-contrast);--switch-on-color:var(--feedback-fill)}.switch--cat-ruby{--feedback-color:var(--cat-ruby-11);--feedback-bg:var(--cat-ruby-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-ruby-9);--feedback-on-fill:var(--cat-ruby-contrast);--switch-on-color:var(--feedback-fill)}.switch--cat-grapefruit{--feedback-color:var(--cat-grapefruit-11);--feedback-bg:var(--cat-grapefruit-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-grapefruit-9);--feedback-on-fill:var(--cat-grapefruit-contrast);--switch-on-color:var(--feedback-fill)}.switch--cat-bittersweet{--feedback-color:var(--cat-bittersweet-11);--feedback-bg:var(--cat-bittersweet-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-bittersweet-9);--feedback-on-fill:var(--cat-bittersweet-contrast);--switch-on-color:var(--feedback-fill)}.switch--cat-sunflower{--feedback-color:var(--cat-sunflower-11);--feedback-bg:var(--cat-sunflower-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-sunflower-9);--feedback-on-fill:var(--cat-sunflower-contrast);--switch-on-color:var(--feedback-fill)}.switch--cat-straw{--feedback-color:var(--cat-straw-11);--feedback-bg:var(--cat-straw-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-straw-9);--feedback-on-fill:var(--cat-straw-contrast);--switch-on-color:var(--feedback-fill)}.switch--cat-grass{--feedback-color:var(--cat-grass-11);--feedback-bg:var(--cat-grass-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-grass-9);--feedback-on-fill:var(--cat-grass-contrast);--switch-on-color:var(--feedback-fill)}.switch--cat-mint{--feedback-color:var(--cat-mint-11);--feedback-bg:var(--cat-mint-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-mint-9);--feedback-on-fill:var(--cat-mint-contrast);--switch-on-color:var(--feedback-fill)}.switch--cat-teal{--feedback-color:var(--cat-teal-11);--feedback-bg:var(--cat-teal-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-teal-9);--feedback-on-fill:var(--cat-teal-contrast);--switch-on-color:var(--feedback-fill)}.switch--cat-aqua{--feedback-color:var(--cat-aqua-11);--feedback-bg:var(--cat-aqua-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-aqua-9);--feedback-on-fill:var(--cat-aqua-contrast);--switch-on-color:var(--feedback-fill)}.switch--cat-blue-jeans{--feedback-color:var(--cat-blue-jeans-11);--feedback-bg:var(--cat-blue-jeans-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-blue-jeans-9);--feedback-on-fill:var(--cat-blue-jeans-contrast);--switch-on-color:var(--feedback-fill)}.switch--cat-plum{--feedback-color:var(--cat-plum-11);--feedback-bg:var(--cat-plum-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-plum-9);--feedback-on-fill:var(--cat-plum-contrast);--switch-on-color:var(--feedback-fill)}.switch--cat-lavender{--feedback-color:var(--cat-lavender-11);--feedback-bg:var(--cat-lavender-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-lavender-9);--feedback-on-fill:var(--cat-lavender-contrast);--switch-on-color:var(--feedback-fill)}.switch--cat-pink-rose{--feedback-color:var(--cat-pink-rose-11);--feedback-bg:var(--cat-pink-rose-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--cat-pink-rose-9);--feedback-on-fill:var(--cat-pink-rose-contrast);--switch-on-color:var(--feedback-fill)}