.form-field-container:has(.form-textarea) {
  grid-template-rows: min-content 1fr;
  position: relative;
}

.form-field-textarea-container {
  border-radius: var(--border-radius-small);
  overflow: hidden;
}

.form-textarea {
  height: 150px;
  resize: none;
  padding-bottom: calc(var(--form-field-padding) + 2rem);
}

.character-count {
  position: absolute;
  bottom: var(--form-field-padding);
  right: var(--form-field-padding);
  color: black;
  background-color: white;
  padding: 3px;
  border-radius: 1rem;
}