.mint-adduct-text {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  max-width: 100%;
  overflow: hidden;
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mint-adduct-text--mono { font-family: var(--font-mono); font-feature-settings: 'liga' 0, 'calt' 0; }
.mint-adduct-text--sans { font-family: var(--font-sans); font-feature-settings: 'liga' 1, 'calt' 1; font-weight: 650; }

.mint-adduct-text--xs {
  font-size: 0.6875rem;
  line-height: 1rem;
}

.mint-adduct-text--inherit {
  font-size: inherit;
  line-height: inherit;
}

.mint-adduct-text--badge {
  padding: 0.125rem 0.25rem;
  border-radius: var(--radius-sm);
  background: var(--bg-tertiary);
}

/* On a filled surface the text inherits that surface's ink (9c: the old
   white literal went white-on-white on light cards). */
.mint-adduct-text--on-primary {
  color: inherit;
}

.mint-adduct-text--badge.mint-adduct-text--on-primary {
  background: color-mix(in srgb, currentColor 20%, transparent);
}

/* Charge as a superscript by relative offset, so the line box keeps its height. */
.mint-adduct-text__charge {
  position: relative;
  top: -0.5em;
  font-size: 0.72em;
  line-height: 0;
  vertical-align: baseline;
  color: inherit;
}

.mint-adduct-text--muted,
.mint-adduct-text--empty {
  color: var(--text-muted);
}