.toggle-group{--tn:var(--color-accent-strong,var(--accent));--tn-s:var(--accent-soft);--tn-m:color-mix(in oklab, var(--accent) 22%, transparent);--tn-e:var(--color-accent-text,var(--accent));--tn-b:var(--accent-line);--tn-on:var(--on-accent);--h:30px;--px:11px;--fs:12px;--ico:13px;--gap:6px;min-inline-size:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-3);isolation:isolate;align-items:center;gap:2px;max-width:100%;margin:0;padding:2px;display:inline-flex;position:relative}.toggle-group[data-size=xs]{--h:22px;--px:7px;--fs:10.5px;--ico:11px;--gap:4px}.toggle-group[data-size=sm]{--h:26px;--px:9px;--fs:11.5px;--ico:11px}.toggle-group[data-size=lg]{--h:36px;--px:16px;--fs:13.5px;--ico:16px;--gap:8px}.toggle-group[data-size=xl]{--h:44px;--px:22px;--fs:15px;--ico:18px;--gap:9px}.toggle-group[data-block]{width:100%;display:flex}.toggle-group[data-block]>.toggle-group-b{flex:1;min-width:0}.toggle-group-l{text-overflow:ellipsis;min-width:0;overflow:hidden}.toggle-group[data-vertical]{flex-direction:column;align-items:stretch;display:inline-flex}.toggle-group[data-vertical][data-block]{display:flex}.toggle-group[disabled]{opacity:.45}.toggle-group-b{z-index:1;justify-content:center;align-items:center;gap:var(--gap);height:calc(var(--h) - 4px);padding:0 var(--px);border-radius:var(--r-md);color:var(--fg-dim);font-family:var(--ui);font-size:var(--fs);font-weight:var(--w-medium);white-space:nowrap;cursor:pointer;transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent;background:0 0;border:0;line-height:1;display:inline-flex;position:relative}.toggle-group-b>svg{width:var(--ico);height:var(--ico);flex:none}.toggle-group-b[data-icon-only]{width:calc(var(--h) - 4px);padding:0}.toggle-group-b:hover,.toggle-group-b[data-on]{color:var(--fg)}.toggle-group-b[data-disabled]{opacity:.45;cursor:not-allowed}.toggle-group-b:focus-within{box-shadow:0 0 0 3px var(--accent-soft);outline:none}.toggle-group-i{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toggle-group-c{border-radius:var(--r-pill);background:var(--bg-3);min-width:15px;height:15px;color:var(--fg-dim);font-family:var(--mono);font-variant-numeric:tabular-nums;place-items:center;padding:0 4px;font-size:10px;display:inline-grid}.toggle-group-thumb{z-index:0;border-radius:var(--r-md);background:var(--bg-1);box-shadow:var(--shadow-thumb);pointer-events:none;transition:transform var(--dur) var(--ease), width var(--dur) var(--ease), height var(--dur) var(--ease);position:absolute;top:0;left:0}.toggle-group[data-multiple]>.toggle-group-b[data-on]{background:var(--bg-1);color:var(--fg);box-shadow:var(--shadow-thumb)}.toggle-group[data-v=solid] .toggle-group-thumb{background:var(--tn)}.toggle-group[data-v=solid]>.toggle-group-b[data-on]{color:var(--tn-on)}.toggle-group[data-v=soft] .toggle-group-thumb{background:var(--tn-s);box-shadow:none}.toggle-group[data-v=soft]>.toggle-group-b[data-on]{color:var(--tn-e)}.toggle-group[data-v=outline]{background:0 0}.toggle-group[data-v=outline] .toggle-group-thumb{background:var(--tn-s);box-shadow:inset 0 0 0 1px var(--tn-b)}.toggle-group[data-v=outline]>.toggle-group-b[data-on]{color:var(--tn-e)}.toggle-group[data-v=flat],.toggle-group[data-v=ghost]{background:0 0;border-color:#0000;padding:0}.toggle-group[data-v=flat] .toggle-group-thumb{background:var(--tn-s);border-radius:var(--r-sm);box-shadow:none}.toggle-group[data-v=ghost] .toggle-group-thumb{background:var(--bg-3);border-radius:var(--r-sm);box-shadow:none}.toggle-group[data-v=flat]>.toggle-group-b,.toggle-group[data-v=ghost]>.toggle-group-b{height:var(--h);border-radius:var(--r-sm)}.toggle-group[data-v=flat]>.toggle-group-b[data-on]{color:var(--tn-e)}.toggle-group[data-v=underline]{background:0 0;border-width:0 0 1px;border-radius:0;gap:2px;padding:0}.toggle-group[data-v=underline] .toggle-group-thumb{background:color-mix(in oklab, var(--accent) 40%, transparent);height:2px;box-shadow:none;border-radius:2px 2px 0 0;top:auto;bottom:0}.toggle-group[data-v=underline]>.toggle-group-b{height:var(--h);border-radius:var(--r-sm) var(--r-sm) 0 0}.toggle-group[data-v=underline]>.toggle-group-b[data-on]{color:var(--tn-e)}.toggle-group[data-multiple][data-v=solid]>.toggle-group-b[data-on]{background:var(--tn);color:var(--tn-on);box-shadow:none}.toggle-group[data-multiple][data-v=soft]>.toggle-group-b[data-on],.toggle-group[data-multiple][data-v=flat]>.toggle-group-b[data-on],.toggle-group[data-multiple][data-v=outline]>.toggle-group-b[data-on]{background:var(--tn-s);color:var(--tn-e);box-shadow:inset 0 0 0 1px var(--tn-b)}.toggle-group[data-multiple][data-v=ghost]>.toggle-group-b[data-on]{background:var(--bg-3);color:var(--fg);box-shadow:none}.toggle-group[data-multiple][data-v=underline]>.toggle-group-b[data-on]{color:var(--tn-e);box-shadow:inset 0 -2px 0 var(--tn);background:0 0}.toggle-group[data-detached]{background:0 0;border-color:#0000;gap:6px;padding:0}.toggle-group[data-detached]>.toggle-group-b{height:var(--h);border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-2);box-shadow:none}.toggle-group[data-detached]>.toggle-group-b:hover{background:var(--bg-3);color:var(--fg)}.toggle-group[data-detached]>.toggle-group-b[data-on]{background:var(--bg-1);border-color:var(--tn-b);color:var(--fg);box-shadow:var(--shadow-thumb)}.toggle-group[data-detached][data-v=solid]>.toggle-group-b[data-on]{background:var(--tn);color:var(--tn-on);box-shadow:none;border-color:#0000}.toggle-group[data-detached][data-v=soft]>.toggle-group-b[data-on],.toggle-group[data-detached][data-v=outline]>.toggle-group-b[data-on],.toggle-group[data-detached][data-v=flat]>.toggle-group-b[data-on]{background:var(--tn-s);border-color:var(--tn-b);color:var(--tn-e);box-shadow:none}.toggle-group[data-detached][data-v=ghost]>.toggle-group-b[data-on]{background:var(--bg-3);color:var(--fg);box-shadow:none;border-color:#0000}.toggle-group[data-detached][data-v=underline]>.toggle-group-b{border-radius:var(--r-sm) var(--r-sm) 0 0;background:0 0;border-width:0 0 1px}.toggle-group[data-detached][data-v=underline]>.toggle-group-b[data-on]{border-color:var(--tn);color:var(--tn-e);box-shadow:none;background:0 0}@media (prefers-reduced-motion:reduce){.toggle-group-b,.toggle-group-thumb{transition-duration:1ms}}