@import './mixin';

.x-textarea {
  @include input();
  position: relative;
  display: inline-flex;
  height: unset;
  padding: 0;
  resize: auto;
  overflow: auto;
  &_clear {
    align-self: flex-start;
    padding: $padding-xs $padding-xs 0 0;
    cursor: pointer;
  }
  textarea {
    width: 100%;
    height: 100%;
    padding: $padding-xss $padding-xs;
    border: 0;
    outline: 0;
    box-sizing: border-box;
    resize: none;
  }
}