.bs-character-count {
  color: var(--bs-ink-base);
  font-size: var(--bs-text-xs);
  font-weight: 400;
  text-align: right;
  white-space: nowrap;
}

:where([disabled], [data-disabled]) + .bs-character-count,
:where([disabled], [data-disabled]) .bs-character-count,
.bs-character-count:where([data-disabled]) {
  color: var(--bs-ink-disabled);
}

.bs-character-count:where([data-error]) {
  color: var(--bs-ink-red);
}