/**
 * Large text field (textarea) — Figma node 1:262
 * https://www.figma.com/design/3K5NCL3hmFtGdh4nHeALv1/Untitled?node-id=1-262
 */

.fh-textarea {
  display: block;
  width: 100%;
  min-height: var(--fh-textarea-min-height);
  margin: 0;
  padding: var(--fh-textarea-padding-y) var(--fh-textarea-padding-x);
  font-family: var(--fh-font-family);
  font-size: var(--fh-font-size-textarea);
  font-weight: var(--fh-font-weight-textarea);
  line-height: var(--fh-line-height-textarea);
  color: var(--fh-color-text);
  background-color: var(--fh-color-surface);
  border: var(--fh-border-width) solid var(--fh-color-border-input);
  border-radius: var(--fh-radius-input);
  resize: vertical;
  appearance: none;
  transition: border-color var(--fh-transition-fast);
}

.fh-textarea::placeholder {
  color: var(--fh-color-text-placeholder-date);
}

.fh-textarea:focus {
  outline: none;
  border-color: var(--fh-color-border-focus);
}

.fh-textarea:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}