.sf-chip{align-items:center;border-radius:var(--sf-radius-xs);display:inline-flex;font:600 12px/1 var(--sf-font-sans);gap:6px;height:22px;padding:0 8px;vertical-align:middle;white-space:nowrap}.sf-chip[data-size=sm]{font-size:11px;gap:4px;height:20px;padding:0 6px}.sf-chip svg{height:12px;width:12px}.sf-chip__dot{background:currentColor;border-radius:50%;height:6px;width:6px}.sf-chip[data-tone=neutral]{background:var(--sf-surface-hover);color:var(--sf-text-secondary)}.sf-chip[data-tone=info]{background:var(--sf-info-soft);color:var(--sf-info)}.sf-chip[data-tone=success]{background:var(--sf-success-soft);color:var(--sf-success)}.sf-chip[data-tone=warning]{background:var(--sf-warning-soft);color:var(--sf-warning)}.sf-chip[data-tone=danger]{background:var(--sf-danger-soft);color:var(--sf-danger)}.sf-chip[data-tone=plum]{background:var(--sf-primary-soft);color:var(--sf-on-primary-soft)}.sf-chip[data-tone=trigger]{background:var(--sf-trigger-soft);color:var(--sf-trigger-ink)}.sf-chip[data-tone=process]{background:var(--sf-process-soft);color:var(--sf-process-ink)}.sf-chip[data-tone=action]{background:var(--sf-action-soft);color:var(--sf-action-ink)}