.md-ta-container {
  position: relative; }
  .md-ta-container .markdown-textarea,
  .md-ta-container .markdown-textarea-mirror {
    resize: none;
    border: none;
    outline: none;
    vertical-align: top; }
  .md-ta-container .markdown-textarea {
    width: 100%;
    background-color: rgba( 255, 255, 255 ,  1 );
    background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }
    .md-ta-container .markdown-textarea::placeholder {
      color: rgba( 102, 102, 102 ,  1 );
      color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
      font-style: italic; }
    .md-ta-container .markdown-textarea::-webkit-input-placeholder {
      color: rgba( 102, 102, 102 ,  1 );
      color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
      font-style: italic; }
    .md-ta-container .markdown-textarea:-moz-placeholder {
      color: rgba( 102, 102, 102 ,  1 );
      color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
      font-style: italic; }
    .md-ta-container .markdown-textarea::-moz-placeholder {
      color: rgba( 102, 102, 102 ,  1 );
      color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
      font-style: italic; }
  .md-ta-container .markdown-textarea-mirror {
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden; }
  .md-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; }
  .md-ta-container .mirror-container {
    top: 0px;
    visibility: hidden;
    position: absolute;
    width: 100%;
    resize: none; }
    .md-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; }