@import "../styles/common";


.w-textarea{
  position: relative;
  .input_style();
  height: auto;
  border-radius:0;

  &.has-max{
    padding-bottom: 20px;

    .textarea_tip{
      display: block;
    }
  }

  &.disabled{
    .input_disabled_style();
  }

  .w-textarea-tips{
    position: absolute;
    right: 12px;
    bottom: 9px;
    color:#999;
    line-height: 1;
    .w-textarea-tips-strong{
      color:#666;
    }
  }

  &:focus-within{
    border-color: #40a9ff;
  }

  textarea{
    padding: 11px 14px;
    line-height: 1.5;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    resize: none;
    background: transparent !important;
    min-height: 60px;
  }
}