.markdown-editable {
  height: 100%;
}

.markdown-editable .droptarget-container {
  height: 100%;
}

.markdown-editable .droptarget-container .droptarget-region {
  height: 100%;
}

.markdown-editable .droptarget-container .droptarget-region .dropoverlay-container {
  height: 100%;
}

.markdown-editable .droptarget-container .droptarget-region .dropoverlay-container .dropoverlay-overlaycontentcontainer {
  z-index: 1;
  padding: 5px 5px 5px 0px;
}

.markdown-editable .droptarget-container .droptarget-region .editable-text {
  line-height: 18px;
  border: none;
  height: 100%;
  width: 100%;
  overflow: auto;
  resize: none;
  padding: 16px 16px 48px 0px;
  font-family: Menlo, Consolas, Courier New, monospace;
}

.markdown-editable .droptarget-container .droptarget-region .editable-text:focus {
  outline: none;
}

.markdown-editable .droptarget-container .droptarget-region .text-editor-mirror-container {
  top: 0px;
  visibility: hidden;
  position: absolute;
  width: 100%;
  resize: none;
  padding: 16px 16px 48px 0px;
  font-family: Menlo, Consolas, Courier New, monospace;
  line-height: 18px;
}

.markdown-editable .droptarget-container .droptarget-region .text-editor-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;
}

.markdown-editable .droptarget-container .droptarget-region .mentions-positioning-element {
  /* although the element is hidden, border is there to match
                 * width of mention suggestion box.
                 */
  border: 1px solid black;
  position: absolute;
  visibility: hidden;
}

.markdown-editable .droptarget-container .droptarget-region .text-editor-screenreader {
  width: 0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  overflow: hidden;
  position: absolute;
}

.file-size-exceed-error {
  display: inline-block;
}

.file-size-exceed-error .message {
  margin-bottom: 10px;
}