.m_editor {
  &__area,
  &__area--html {
    display       : block;
    width         : 100%;

    resize        : none;
    background    : white;

    border        : none;
    // box-shadow    : inset 0 1px 2px rgba(0, 0, 0, 0.07);

    outline       : none;
    padding       : 25px;

    overflow      : auto;

    position      : absolute;
    top           : 0;
    left          : 0;

    z-index       : -1;

    opacity       : 0;
    pointer-events: none;

    border-radius : 0 0 5px 5px;

    img {
      max-width: 50%;
    }

    a:not(.btn) {
      color: #e01747;

    }

    blockquote {
      border-left: 2px solid #AAB7C9;
      margin     : 0;
      padding    : 10px 15px;
    }

    ol,
    ul {
      margin-left: 2em;
    }
    ul{
      list-style: initial;
    }

    h1 {
      font-size: 32px;
    }

    h2 {
      font-size: 28px;
    }

    h3 {
      font-size: 24px;
    }

    h4 {
      font-size: 21px;
    }

    h5 {
      font-size: 18px;
    }

    h6 {
      font-size: 16px;
    }

    &.isActive {
      position      : relative;
      z-index       : 0;
      opacity       : 1;
      pointer-events: auto;
    }
  }
}