.cx-char-count {
  font-size: 12px;
  line-height: 1.4;
  margin-top: 4px;
  text-align: right;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
  color: var(--cx-count-fg, #777672);
  /* Keeps the counter on its own line if .tally-block is ever a flex row. */
  flex-basis: 100%;
}

.cx-char-count[data-state="warn"] { color: var(--cx-count-fg-warn, #45433E); }
.cx-char-count[data-state="over"] { color: var(--cx-count-fg-over, #B20110); font-weight: 500; }