@w-textarea:~ "w-tc-editor";

.@{w-textarea} {
  font-family: inherit;
  font-size: 12px;
  &-text,
  &-preview {
    min-height: 16px;
  }
  &-preview {
    pre {
      margin: 0;
      padding: 0;
      white-space: inherit;
      font-family: inherit;
      font-size: inherit;
      code {
        font-family: inherit;
      }
    }
  }

  code[class*='language-'],
  pre[class*='language-'] {
    .token.cdata,
    .token.comment,
    .token.doctype,
    .token.prolog {
      color: #90a4ae;
    }
    .token.punctuation {
      color: #9e9e9e;
    }
    .namespace {
      opacity: 0.7;
    }

    .token.boolean,
    .token.constant,
    .token.deleted,
    .token.number,
    .token.symbol {
      color: #e91e63;
    }

    .token.attr-name,
    .token.builtin,
    .token.char,
    .token.inserted,
    .token.selector,
    .token.string {
      color: #22863a;
    }

    .style .token.string,
    .token.entity,
    .token.operator,
    .token.url {
      color: #795548;
    }

    .token.atrule,
    .token.attr-value,
    .token.attr-name,
    .token.property,
    .token.keyword {
      color: #3f51b5;
    }

    .token.function {
      color: #f44336;
    }

    .token.important,
    .token.regex,
    .token.variable {
      color: #ff9800;
    }

    .token.bold,
    .token.important {
      color: #333;
    }
    .token.tag {
      color: #22863a;
    }
    .attr-name {
      color: #005cc5;
    }
    .token.selector .class,
    .token.class-name {
      color: #6f42c1;
    }
  }
}