:root{--badge-padding-block: var(--space-ui-slim);--badge-padding-inline: var(--space-ui-spacious);--badge-bg: var(--color-background-subtle-default);--badge-color: var(--color-text-muted);--badge-font-size: var(--font-size-ui-small)}.tad-badge{display:inline-flex;align-items:center;gap:var(--space-ui-normal);padding-block:var(--badge-padding-block);padding-inline:var(--badge-padding-inline);background:var(--badge-bg);color:var(--badge-color);border-radius:var(--size-radius-ui-round);font:var(--badge-font-size)/var(--font-line-height-100) var(--font-family-ui);letter-spacing:var(--font-letter-spacing-wide);text-transform:uppercase}.tad-badge--large{--badge-font-size: var(--font-size-ui-large);--badge-padding-block: var(--space-ui-normal)}.tad-badge--icon{--badge-padding-inline: var(--space-ui-loose) var(--space-ui-spacious)}.tad-badge--info{--badge-bg: var(--color-background-info);--badge-color: var(--color-text-accent-info)}.tad-badge--error{--badge-bg: var(--color-background-error);--badge-color: var(--color-text-accent-error)}.tad-badge--caution{--badge-bg: var(--color-background-caution);--badge-color: var(--color-text-accent-caution)}.tad-badge--success{--badge-bg: var(--color-background-success);--badge-color: var(--color-text-accent-success)}
