.switch{--track:var(--switch-h,36px);--item:var(--switch-item,32px);--pad:2px;--px:12px;--ic:var(--icon,16px);--fs:var(--text-small,14px);--slide-bg:var(--color-paper);--slide-shadow:none;box-sizing:border-box;height:var(--track);padding:var(--pad);background:var(--color-surface);border:0;border-radius:999px;flex:none;align-items:center;gap:0;display:inline-flex;position:relative}.switch[data-size=sm]{--track:28px;--item:24px;--px:10px;--ic:14px;--fs:13px}.switch[data-variant=bare]{--pad:0;--item:var(--track);--slide-bg:var(--color-surface-hover);--slide-shadow:none;background:0 0}.switch[data-fit=fold]{flex:0 auto;min-width:0;overflow:clip visible}.switch>.opt{z-index:1;height:var(--item);min-height:0;padding:0 var(--px);box-sizing:border-box;box-shadow:none;font:500 var(--fs) var(--font-label);letter-spacing:0;color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;margin:0;display:inline-flex;position:relative}.switch>.opt:hover{color:var(--color-text-primary);background:0 0}@media (max-width:599px){.switch>.opt:before{content:"";inset:min(0px, calc((100% - var(--hit,0px)) / 2)) 0;position:absolute}}.switch>.opt.on{color:var(--color-text-primary);font-weight:500}.switch>.opt:focus:not(:focus-visible){outline:none}.switch>.opt .hi{width:var(--ic);height:var(--ic);flex:none}.switch>.opt>.av{--av:20px}.switch>.opt .lbl{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:180px;overflow:hidden}.switch[data-icons]>.opt{width:var(--item);justify-content:center;padding:0}@media (max-width:599px){.switch[data-icons]>.opt{width:max(var(--item), var(--hit,0px))}}@container canvas (max-width:760px){.switch[data-narrow~=icons]>.opt{width:max(var(--item), var(--hit,0px));justify-content:center;gap:0;padding:0;font-size:0}.switch[data-narrow~=icons][data-variant=bare]>.opt .hi{width:18px;height:18px}}.switch>.slide{z-index:0;pointer-events:none;left:var(--slide-x,auto);top:var(--slide-y,auto);width:var(--slide-w,auto);height:var(--slide-h,auto);opacity:var(--slide-o,1);background:var(--slide-bg);box-shadow:var(--slide-shadow);transition:left var(--dur-state) var(--ease-out), width var(--dur-state) var(--ease-out), top var(--dur-state) var(--ease-out), height var(--dur-state) var(--ease-out);border-radius:999px;position:absolute}.switch>.slide[data-still]{transition:none}.switch:not([data-variant=bare]):not([data-look=knob])>.slide{left:calc(var(--slide-x,0px) + .5px);width:calc(var(--slide-w,0px) - 1px)}.switch.has-slide>.opt.on,.switch.has-slide>.opt.on:hover{box-shadow:none!important;background:0 0!important}.switch>.fold-ic{display:none}.switch.folded{cursor:pointer}.switch.folded>.opt:not(.on){display:none}.switch.folded>.fold-ic{z-index:1;width:28px;height:var(--item);color:var(--color-text-secondary);justify-content:center;align-items:center;margin-left:-2px;display:inline-flex;position:relative}.switch.folded>.fold-ic .hi{width:var(--icon,16px);height:var(--icon,16px)}.switch.folded.open>.fold-ic,.switch.folded:hover>.fold-ic{color:var(--color-text-primary)}.switch>.opt>.back{width:0;height:var(--icon,16px);opacity:0;color:var(--color-text-secondary);transition:width var(--dur-quick,.14s) var(--ease-in), margin var(--dur-quick,.14s) var(--ease-in), opacity var(--dur-quick,.14s) var(--ease-in), transform var(--dur-quick,.14s) var(--ease-in);flex:none;align-items:center;margin:0 -6px 0 0;display:inline-flex;overflow:hidden;transform:translate(6px)}.switch>.opt>.back>.hi{width:var(--icon,16px);height:var(--icon,16px);transition:transform var(--dur-quick,.14s) var(--ease-out);flex:none}.switch[data-back]>.opt.on>.back{width:var(--icon,16px);opacity:1;transition:width var(--dur-state,.22s) var(--ease-out), margin var(--dur-state,.22s) var(--ease-out), opacity var(--dur-state,.22s) var(--ease-out), transform var(--dur-state,.22s) var(--ease-out);margin:0 4px 0 -4px;transform:none}.switch[data-back]>.opt.on:hover>.back{color:var(--color-text-primary)}.switch[data-back]>.opt.on:hover>.back>.hi{transform:translate(-2px)}@media (prefers-reduced-motion:reduce){.switch>.opt>.back,.switch>.opt>.back>.hi{transition:none}}.switch[data-back]>button.fold-ic{font:inherit;cursor:pointer;transition:background-color var(--dur-quick) var(--ease-out), color var(--dur-quick) var(--ease-out);background:0 0;border:0;border-radius:999px;padding:0}.switch[data-back]>button.fold-ic:hover,.switch[data-back].open>button.fold-ic{background:var(--color-surface-hover)}.switch[data-back]>button.fold-ic:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.switch[data-back=split]>button.fold-ic{border-radius:0 999px 999px 0;width:32px;margin-left:2px}.switch[data-back=split]>button.fold-ic:before{content:"";background:var(--color-border);width:1px;position:absolute;top:8px;bottom:8px;left:0}.switch>a.opt,.switch>a.opt:hover{text-decoration:none}.switch>a.opt:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.switch>.opt[aria-busy=true]{cursor:progress}.switch>a.opt[data-pending]>:not(.btn-busy){color:#0000}.switch>a.opt[data-pending]>.av{visibility:hidden}.switch>.opt .count{font-variant-numeric:tabular-nums;color:var(--color-text-secondary);flex:none}.switch>.opt:disabled,.switch>.opt[aria-disabled=true],.switch>.opt:disabled:hover,.switch>.opt[aria-disabled=true]:hover{color:var(--color-text-muted);cursor:not-allowed}.switch-panel{margin-top:var(--space-heading,12px);min-width:0}.switch-panel:focus:not(:focus-visible){outline:none}.switch-panel:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.switch[data-kind=toggle]{font:inherit;color:inherit;text-align:left;cursor:pointer;margin:0}.switch[data-kind=toggle]>.opt.on{cursor:default}.switch[data-kind=toggle]:disabled{cursor:not-allowed}.switch[data-kind=toggle]:disabled>.opt,.switch[data-kind=toggle]:disabled>.opt:hover{color:var(--color-text-muted);cursor:not-allowed}.switch[data-kind=toggle][data-busy],.switch[data-kind=toggle][data-busy]>.opt{cursor:progress}.switch[data-kind=toggle][data-busy]>.opt.on>:not(.btn-busy){visibility:hidden}.switch-toggle{align-items:center;gap:var(--space-heading,12px);min-width:0;max-width:100%;display:flex}.switch-toggle>.switch{flex:none;order:-1}.switch-words{flex-direction:column;flex:0 auto;min-width:0;display:flex}.switch-toggle .field-label{cursor:pointer}.switch-toggle[data-disabled] .field-label,.switch-toggle[data-disabled] .field-hint{color:var(--color-text-muted);cursor:not-allowed}.switch[data-kind=toggle][data-look=knob]{--item:20px;gap:0;height:24px;padding:2px}.switch[data-kind=toggle][data-look=knob]>.opt{width:20px;min-width:0;height:20px;padding:0}.switch[data-kind=toggle][data-look=knob]>.opt>*{display:none}.switch[data-kind=toggle][data-look=knob]>.slide{background:var(--color-paper)}.switch[data-kind=toggle][data-look=knob][aria-checked=true]{background:var(--color-text-primary)}.switch[data-kind=toggle][data-look=knob]{transition:background-color var(--dur-state,.18s) var(--ease-out,ease-out)}@media (prefers-reduced-motion:reduce){.switch[data-kind=toggle][data-look=knob]{transition:none}}@media (forced-colors:active){.switch[data-kind=toggle][data-look=knob]{border:1px solid buttontext}.switch[data-kind=toggle][data-look=knob]>.slide{background:buttontext}}