.gui-expanding-textarea {
  border: 1px solid $color-border-base;
  border-radius: 5px;
  padding: $layout-spacing-base*0.5;
  width: 100%;
  resize: none;
  outline: none;
  transition: border .1s ease;

  &:focus {
    outline: none;
    border: 1px solid $color-border-base-hover;
  }

  &--has-error {
    border-color: $primary-red;
  }

  &__error-message {
    color: $primary-red;
    font-size: $typo-size-slight;
    padding-left: $layout-spacing-base*0.25;
    display: block;
  }
}