.status-pill{display:inline-flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:4px 10px;font:var(--type-pill);color:var(--color-body);background:var(--color-surface-soft);white-space:nowrap}.status-pill[data-dot]:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status-pill[data-tone=accent]{background:var(--color-accent-tint);border-color:var(--color-accent-tint-border);color:var(--color-accent-tint-text)}.status-pill[data-tone=violet]{background:var(--color-violet-tint);border-color:var(--color-violet-tint-border);color:var(--color-violet-text)}.status-pill[data-tone=success]{background:var(--color-success-tint);border-color:var(--color-success-tint-border);color:var(--color-success-text)}.status-pill[data-tone=warning]{background:var(--color-warning-tint);border-color:var(--color-warning-tint-border);color:var(--color-warning-text)}.status-pill[data-tone=danger]{background:var(--color-danger-tint);border-color:var(--color-danger-tint-border);color:var(--color-danger-text)}