.custom-form-textarea textarea,
.custom-form-textarea textarea:focus {
  padding: 12px;
  background-color: transparent;
  border: 1px solid var(--input-border-color);
  color: var(--text-primary);
  max-height: 300px;
}

.custom-form-textarea textarea::placeholder {
  color: var(--subtext-primary);
}

.custom-form-textarea textarea:focus {
  border-color: color-mix(in srgb, transparent 50%, var(--primary-color));
  box-shadow: 0 0 0 0.25rem
    color-mix(in srgb, transparent 80%, var(--primary-color));
}

.custom-form-textarea textarea:disabled {
  background-color: var(--disabled-color);
  color: color-mix(
    in srgb,
    var(--text-primary, black) 30%,
    transparent
  ) !important;
  cursor: initial !important;
  pointer-events: none !important;
}