.ty-textarea {
  box-sizing: border-box;
  margin: 0;
  position: relative;
  display: inline-block;
  color: rgba(0, 0, 0, 0.65);
  border: 1px solid #d9d9d9;
  transition: all .3s;
  outline: 0;
  border-radius: 3px;
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  width: 100%;
  font-size: 14px;
  padding: 5px;
  overflow: hidden; }
  .ty-textarea:hover {
    border-color: #6E41BF; }
  .ty-textarea:focus {
    border-color: rgba(110, 65, 191, 0.8);
    box-shadow: 0 0 0 2px rgba(110, 65, 191, 0.2); }
  .ty-textarea::-webkit-input-placeholder {
    color: #BFBFBF; }
  .ty-textarea:-ms-input-placeholder {
    color: #BFBFBF; }
  .ty-textarea::-ms-input-placeholder {
    color: #BFBFBF; }
  .ty-textarea::placeholder {
    color: #BFBFBF; }
  .ty-textarea_sm {
    font-size: 12px;
    padding: 0 4px;
    line-height: 20px;
    height: 21px; }
  .ty-textarea_md {
    font-size: 14px;
    padding: 0 8px;
    line-height: 30px;
    height: 31px; }
  .ty-textarea_lg {
    font-size: 17px;
    padding: 0 11px;
    line-height: 41px;
    height: 42px; }
  .ty-textarea_disabled {
    cursor: not-allowed;
    background-color: #f4f4f5;
    color: #999;
    border-color: #e7e9eb; }
    .ty-textarea_disabled:hover {
      border-color: #e7e9eb; }
  .ty-textarea-container {
    position: relative; }
    .ty-textarea-container .ty-textarea {
      padding-bottom: 20px; }
      .ty-textarea-container .ty-textarea__counter {
        position: absolute;
        bottom: 6px;
        right: 6px;
        font-size: 14px;
        color: #666; }
