@import "variables.scss";
@import "responsive.scss";
@import "reset.scss";

.TextArea-input-1I8Za {
  @include reset-input;
  @include maxMedia(medium) {
    font-size: 16px;
  }
  box-shadow: $boxShadow;
  border: 1px solid transparent;
  border-radius: $borderRadiusSmall;
  width: 100%;
  padding: map-get($gutters, large) / 2;
  background: $colorWhite;
  color: $colorGrey;
  &::-webkit-input-placeholder {
    color: rgba($colorGrey, 0.5);
  }
  &::-moz-placeholder {
    color: rgba($colorGrey, 0.5);
  }
  &:-ms-input-placeholder {
    color: rgba($colorGrey, 0.5);
  }
  &::-ms-input-placeholder {
    color: rgba($colorGrey, 0.5);
  }
  &::placeholder {
    color: rgba($colorGrey, 0.5);
  }
}

.TextArea-error-2yAGY {
  border: 1px solid $colorRed;
  color: $colorRed;
}

.TextArea-filled-s22XK {
  box-shadow: none;
  border: none;
  background-color: rgba($colorGrey, 0.05);
  &::-webkit-input-placeholder {
    color: rgba($colorGrey, 0.7);
  }
  &::-moz-placeholder {
    color: rgba($colorGrey, 0.7);
  }
  &:-ms-input-placeholder {
    color: rgba($colorGrey, 0.7);
  }
  &::-ms-input-placeholder {
    color: rgba($colorGrey, 0.7);
  }
  &::placeholder {
    color: rgba($colorGrey, 0.7);
  }
}