.chip{--tn:var(--color-accent-strong,var(--accent));--tn-h:var(--accent);--tn-a:var(--accent);--tn-s:var(--accent-soft);--tn-m:var(--accent-soft);--tn-e:var(--color-accent-text,var(--accent));--tn-b:var(--accent);--tn-on:var(--on-accent);--tn-g:transparent;border-radius:var(--r-sm);background:var(--bg-3);height:22px;color:var(--fg-2);font-family:var(--mono);letter-spacing:.02em;white-space:nowrap;max-width:100%;transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);border:1px solid #0000;align-items:center;gap:5px;padding:2px 8px;font-size:10.5px;font-weight:500;line-height:1;display:inline-flex}.chip--sm,.chip[data-size=sm]{gap:4px;height:19px;padding:0 3px 0 7px;font-size:10.5px}.chip[data-plain]{padding-right:8px}.chip[data-tone]{background:var(--tn-s);color:var(--tn-e)}.chip[data-clickable]{cursor:pointer}.chip[data-clickable]:hover{background:var(--bg-4);color:var(--fg)}.chip[data-tone][data-clickable]:hover{background:var(--tn-m);color:var(--tn-e)}.chip[data-selected]{background:var(--sel);color:var(--fg)}.chip[data-selected][data-tone]{background:var(--tn-s);color:var(--tn-e)}:is([data-theme=dark],[data-theme=vscode]) .chip[data-tone]{background:color-mix(in oklab, var(--tn-s) 78%, var(--tn) 22%);color:var(--tn-e)}.chip-av{border-radius:50%;flex:none;place-items:center;width:15px;height:15px;margin-left:-3px;font-size:8px;display:grid;overflow:hidden}.chip-main{min-width:0;color:inherit;font:inherit;cursor:pointer;text-align:left;border-radius:inherit;background:0 0;border:0;flex:auto;align-self:stretch;align-items:center;gap:4px;margin:0;padding:0;display:inline-flex}.chip:has(>.chip-main){gap:2px;padding-right:2px}.chip-x{border-radius:var(--r-xs);width:24px;min-width:24px;height:24px;min-height:24px;color:inherit;opacity:.62;cursor:pointer;transition:opacity var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);background:0 0;border:0;flex:none;place-items:center;margin-top:-1px;margin-bottom:-1px;margin-right:-6px;display:grid}.chip-x>svg{width:var(--ico-2xs);height:var(--ico-2xs)}.chip-x:hover{opacity:1;background:color-mix(in oklab, currentColor 14%, transparent)}.chip-x:focus-visible{opacity:1;box-shadow:0 0 0 2px var(--bg-1), 0 0 0 4px var(--accent-soft,var(--accent));outline:none}.chip>:not(.chip-av):not(.chip-x):not(svg){text-overflow:ellipsis;min-width:0;overflow:hidden}