.dx-badge-example{align-items:center;gap:1rem;display:flex}.dx-badge{border-radius:var(--radius-pill);min-width:1.5rem;min-height:1.5rem;box-shadow:0 0 0 1px var(--primary-color-2);white-space:nowrap;justify-content:center;align-items:center;gap:6px;font-size:.875rem;display:inline-flex}.dx-badge svg{flex:none}.dx-badge[padding=true]{padding:0 8px}.dx-badge[data-style=primary]{background-color:var(--secondary-color-2);color:var(--primary-color)}.dx-badge[data-style=secondary]{background-color:var(--primary-color-5);color:var(--secondary-color-1)}.dx-badge[data-style=outline]{border:1px solid var(--primary-color-6);background-color:var(--light,var(--primary-color)) var(--dark,var(--primary-color-3));color:var(--secondary-color-4)}.dx-badge[data-style=destructive]{background-color:var(--primary-error-color);color:var(--contrast-error-color)}.dx-badge[data-style=success],.dx-badge[data-style=warning],.dx-badge[data-style=info]{color:var(--ink)}.dx-badge[data-style=success]{background-color:var(--success-surface);box-shadow:0 0 0 1px var(--success)}.dx-badge[data-style=success] svg{color:var(--success-ink)}.dx-badge[data-style=warning]{background-color:var(--warning-surface);box-shadow:0 0 0 1px var(--warning-ink)}.dx-badge[data-style=warning] svg{color:var(--warning-ink)}.dx-badge[data-style=info]{background-color:var(--info-surface);box-shadow:0 0 0 1px var(--info)}.dx-badge[data-style=info] svg{color:var(--accent-strong)}