.we-ta-container {
  position: relative; }
  .we-ta-container .we-text {
    width: 100%;
    height: 100%;
    resize: none;
    border: none;
    overflow: auto;
    padding: 16px 20px 24px 0;
    line-height: 18px; }
    .we-ta-container .we-text:focus {
      outline: none; }
  .we-ta-container .ac-position {
    /* although the element is hidden, border is there to match
         * width of mention suggestion box.
         **/
    border:  1px solid;
    border-color: rgba( 0, 0, 0 ,  1 );
    border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
    position: absolute;
    visibility: hidden; }
  .we-ta-container .mirror-container {
    top: 0px;
    visibility: hidden;
    position: absolute;
    width: 100%;
    resize: none;
    padding: 16px 16px 48px 0px; }
    .we-ta-container .mirror-container span {
      /* overflow along x should be hidden to avoid horizontal scroll
             * which increases the height of element.
             **/
      overflow-x: hidden;
      word-wrap: break-word;
      overflow-wrap: break-word;
      white-space: pre-wrap; }