// textarea
.@{css-prefix}textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  .bui-textarea {
    .reset-component();
    .input();
    vertical-align: bottom;
  }
  &-error {
    .bui-textarea {
      .input-danger();
      .input-danger();
      &:hover:not([disabled]) {
        .input-danger-hover();
      }
      &:focus:not([disabled]),
      &:active:not([disabled]),
      &.active {
        .input-danger-active();
      }
      &-filled {
        .input-danger(@input-filled-error-bg, @input-filled-error-border);
        &:hover:not([disabled]) {
          .input-danger-hover(@input-filled-error-hover-bg, @input-filled-error-hover-border);
        }
        &:focus:not([disabled]),
        &:active:not([disabled]),
        &.active {
          .input-danger-active(@input-filled-error-bg);
        }
      }
    }
  }
}
.@{css-prefix}textarea-rtl {
  direction: rtl;
}