@import '../tokens/tokens';

.textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 11px 13px;
  border: 1px solid $gray-300;
  border-radius: $r-sm;
  background: $white;
  font-family: $font-sans;
  font-size: 13.5px;
  color: $gray-900;
  resize: vertical;
  min-height: 80px;
  transition: .18s;

  @include input-focus-gold;
  @include readonly-field(':read-only');

  &::placeholder {
    color: $gray-400;
  }
}