.vx-pill{display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 10px;border-radius:var(--radius-pill);
  font:var(--type-small-strong);background:var(--surface-3);border:1px solid var(--border-1);color:var(--text-2)}
.vx-pill__dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto;background:currentColor}
.vx-pill--ready{color:var(--status-ready);background:rgba(79,201,138,.12);border-color:rgba(79,201,138,.3)}
.vx-pill--processing{color:var(--status-live);background:rgba(97,174,235,.12);border-color:rgba(97,174,235,.3)}
.vx-pill--review{color:var(--status-review);background:rgba(242,193,78,.12);border-color:rgba(242,193,78,.3)}
.vx-pill--failed{color:#FF8272;background:rgba(226,75,75,.12);border-color:rgba(226,75,75,.3)}
.vx-pill--recording{color:var(--record);background:var(--record-soft);border-color:rgba(255,92,72,.32)}
.vx-pill--idle{color:var(--text-3)}
.vx-pill--live .vx-pill__dot{animation:vx-pulse 1.4s var(--ease-in-out) infinite}