.chip{font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;border-radius:var(--radius-pill);border:1px solid;flex:none;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.chip.sm{gap:5px;padding:3px 7px;font-size:11px}.chip .dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.chip.live{color:var(--tone-pass);background:var(--tone-pass-bg);border-color:var(--tone-pass-line)}.chip.in-development{color:var(--fg-2);background:var(--bg-muted);border-color:var(--line-3)}.chip.in-development .dot{background:linear-gradient(90deg,currentColor 50%,#0000 50%);border:1.5px solid}.chip.planned{color:var(--tone-warn);background:var(--tone-warn-bg);border-color:var(--tone-warn-line);border-style:dashed}.chip.planned .dot{background:0 0;border:1.5px solid}