@import '../shared/formfields.module.scss';

.textarea-field {
  @extend %form-field;
}

.label {
  @extend %label;

  border-bottom: $border;
  padding: rem-calc(12px) rem-calc(24px);
}

.textarea {
  @include placeholder();
  border-style: none;
  border-color: Transparent;
  color: color('neutral-2');
  overflow: auto;
  outline: none;
  padding: .63rem rem-calc(24px);
}

/* --  state:focus  -- */
.focused {
  @extend %focused;
}

/* --  state:error  -- */
.hasError {
  @extend %hasError;
}