.io-badge{display:inline-flex;align-items:center;gap:var(--io-spacing-4);padding-block:var(--io-spacing-2);padding-inline:var(--io-spacing-8);border:var(--io-border-width-thin) solid var(--io-border-default);border-radius:var(--io-border-radius-full);background:var(--io-surface-secondary);color:var(--io-text-primary);white-space:nowrap}.io-badge[data-size=compact]{padding-block:var(--io-spacing-1);padding-inline:var(--io-spacing-4);gap:var(--io-spacing-2)}.io-badge__dot{flex:none;inline-size:6px;block-size:6px;border-radius:var(--io-border-radius-full);background:var(--io-text-muted)}.io-badge[data-tone=success] .io-badge__dot{background:var(--io-state-success)}.io-badge[data-tone=warning] .io-badge__dot{background:var(--io-state-warning)}.io-badge[data-tone=error] .io-badge__dot{background:var(--io-state-error)}.io-badge[data-tone=info] .io-badge__dot{background:var(--io-state-info)}.io-badge__label{font-family:var(--io-font-primary);font-size:var(--io-type-size-caption);line-height:var(--io-type-line-caption);font-weight:var(--io-type-weight-h4);text-transform:uppercase;letter-spacing:.04em;color:var(--io-text-primary)}.io-badge[data-size=compact] .io-badge__label{font-weight:var(--io-type-weight-caption)}.io-badge[data-text-case=sentence] .io-badge__label{text-transform:none;letter-spacing:normal}