.bs-field-details {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--bs-space-2);
  padding: 0 0.75rem;
  margin-top: 0.5rem;
}

:where(textarea, bs-textarea) + .bs-field-details {
  margin-top: 0.25rem;
}

.bs-field-details :where(.bs-character-count:first-child) {
  margin-left: auto;
}

.bs-hint {
  --hint-color: var(--bs-ink-light);
  min-width: 0;
  color: var(--hint-color);
  font-size: var(--bs-text-xs);
  padding: 0;
  margin: 0;
  list-style: none;
  overflow-wrap: break-word;
}

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