.pill{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semi);white-space:nowrap;border:1px solid #0000;line-height:1.2;display:inline-flex}.pill--xs{font-size:var(--text-xs)}.pill--upper{text-transform:uppercase;letter-spacing:.03em}.pill--caps{text-transform:capitalize}.pill--bordered{border-color:#0000}.pill--clickable{cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.pill--clickable:hover{opacity:.8}.pill--clickable:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.pill__dot{width:var(--space-1);height:var(--space-1);border-radius:var(--radius-full);background:var(--pill-dot,currentColor);flex-shrink:0}.pill--neutral{background:var(--color-neutral-soft);color:var(--pill-neutral-ink)}.pill--accent{background:var(--color-accent-soft);color:var(--color-accent)}.pill--success{background:oklch(var(--stagechip-l) var(--stagechip-c) 155);color:oklch(var(--stagechip-ink-l) var(--stagechip-ink-c) 155)}.pill--warning{background:oklch(var(--stagechip-l) var(--stagechip-c) 62);color:oklch(var(--stagechip-ink-l) var(--stagechip-ink-c) 62)}.pill--danger{background:oklch(var(--stagechip-l) var(--stagechip-c) 25);color:oklch(var(--stagechip-ink-l) var(--stagechip-ink-c) 25)}.pill--purple{background:oklch(var(--stagechip-l) var(--stagechip-c) 292);color:oklch(var(--stagechip-ink-l) var(--stagechip-ink-c) 292)}.pill--cyan{background:var(--color-cyan-soft);color:var(--color-cyan)}.pill--info{background:oklch(var(--stagechip-l) var(--stagechip-c) 240);color:oklch(var(--stagechip-ink-l) var(--stagechip-ink-c) 240)}.pill--outline{background:0 0}.pill--outline.pill--neutral{border-color:var(--color-border);color:var(--color-text-muted)}.pill--outline.pill--accent{border-color:var(--color-accent);color:var(--color-accent)}.pill--outline.pill--success{border-color:var(--color-success);color:var(--color-success)}.pill--outline.pill--warning{border-color:var(--color-warning);color:var(--color-warning)}.pill--outline.pill--danger{border-color:var(--color-danger);color:var(--color-danger)}.pill--outline.pill--purple{border-color:var(--color-purple);color:var(--color-purple)}.pill--outline.pill--cyan{border-color:var(--color-cyan);color:var(--color-cyan)}.pill--outline.pill--info{border-color:var(--color-info,var(--color-accent));color:var(--color-info,var(--color-accent))}
