.tag-pill{white-space:nowrap;border-radius:6px;align-items:center;max-width:100%;height:20px;padding:0 6px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex;overflow:hidden}.tag-pill__text{text-overflow:ellipsis;min-width:0;overflow:hidden}.tag-pill--neutral{color:var(--theme-text-muted);background:var(--theme-hover-strong)}.tag-pill--quiet{color:var(--theme-text-muted);background:var(--theme-surface-strong)}.tag-pill--brand{color:var(--theme-brand-text);background:var(--theme-brand-tint-strong)}.tag-pill--success{color:var(--theme-success-text);background:var(--theme-success-tint)}.tag-pill--warning{color:var(--theme-warning);background:var(--theme-warning-tint)}.tag-pill--destructive{color:var(--theme-destructive-text);background:var(--theme-destructive-tint)}.tag-pill--reserved{color:var(--theme-reserved-text);background:var(--theme-reserved-tint)}.tag-pill--stage-1{color:var(--theme-brand-text);background:var(--theme-stage-1-tint)}.tag-pill--stage-2{color:var(--theme-stage-2-text);background:var(--theme-stage-2-tint)}.tag-pill--stage-3{color:var(--theme-stage-3-text);background:var(--theme-stage-3-tint)}.tag-pill--stage-4{color:var(--theme-stage-4-text);background:var(--theme-stage-4-tint)}.tag-pill--stage-5{color:var(--theme-stage-5-text);background:var(--theme-stage-5-tint)}.tag-pill--plain{background:0 0;height:auto;padding:0}.tag-pill--mark{flex-shrink:0;justify-content:center;width:16px}.tag-pill__dot{background:currentColor;border-radius:999px;width:8px;height:8px}