.chip{border-radius:var(--radius-pill);font-size:var(--text-size-xs);white-space:nowrap;text-align:left;border:1px solid #0000;align-items:center;gap:6px;max-width:100%;padding:4px 10px;font-weight:500;line-height:1.4;display:inline-flex}.chip-label{text-overflow:ellipsis;overflow:hidden}.chip-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.chip--neutral{background:var(--bg-surface);border-color:var(--border);color:var(--text-secondary)}.chip--brand{background:var(--brand-blue-25);border-color:var(--brand-blue-50);color:var(--text-brand)}.chip--accent{background:var(--color-accent-lighten-90);border-color:var(--color-accent-lighten-80);color:var(--text-accent)}.chip--pressable{cursor:pointer;transition:background var(--motion), border-color var(--motion), color var(--motion)}.chip--pressable:hover:not(:disabled){background:var(--brand-blue-25);border-color:var(--brand-blue-50);color:var(--text-brand)}.chip--pressable:disabled{opacity:.55;cursor:not-allowed}.chip--pressable:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.chip--removable{padding-right:4px;font-weight:600}.chip-remove{color:currentColor;opacity:.6;cursor:pointer;width:18px;height:18px;transition:opacity var(--motion-fast), background var(--motion-fast), color var(--motion-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.chip-remove:hover:not(:disabled){opacity:1;background:var(--danger-bg);color:var(--text-danger)}.chip-remove:disabled{opacity:.4;cursor:not-allowed}.chip-remove:focus-visible{opacity:1;outline:2px solid var(--brand-blue);outline-offset:1px}