.status{align-items:center;gap:var(--s-2);font-size:var(--fs-label);line-height:var(--lh-label);font-weight:600;display:inline-flex}.status__dot{width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 22%, transparent);background:currentColor;border-radius:50%;flex:none}.status--red{color:var(--danger)}.status--amber{color:var(--warning)}.status--green{color:var(--success)}.status--neutral .status__dot{background:var(--muted)}