.badge{border-radius:var(--radius-badge);max-width:100%;min-height:40px;font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-medium);vertical-align:middle;border:1px solid #0000;align-items:flex-start;gap:4px;padding:4px 12px;display:inline-flex}.badge__icon{--grid-exempt:centred;margin-top:calc(.5lh - 5px)}.badge__label{text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;min-width:0;padding-block:3px}.badge--sm,.badge--responsive{min-height:28px;font-size:var(--font-size-xs);line-height:var(--line-height-xs);padding:0 8px}@media (min-width:768px){.badge--responsive{min-height:40px;font-size:var(--font-size-sm);line-height:var(--line-height-sm);padding:4px 12px}}.badge--neutral{background-color:var(--color-surface-secondary);color:var(--color-primary)}.badge--outline{border-color:var(--color-border);color:var(--color-text)}.badge--accent{background-color:var(--color-surface-brand);color:var(--color-text-on-brand)}.badge--accent .badge__icon{color:var(--color-secondary)}.badge--success{background-color:var(--color-success-surface);color:var(--color-success-text)}.badge--error{background-color:var(--color-error-surface);color:var(--color-error-text)}