pre[class*=language-] {
  overflow: auto;
  margin: 0;
  padding: 20px;
}

code[class*=language-],
pre[class*=language-] {
  font-family: Consolas, Menlo, Monaco, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', 'Courier New', Courier, monospace;
  font-size: 14px;
  line-height: 1.375;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  hyphens: none;
  color: #0c0c0c;
  border-radius: 4px;
  background: #fbfbfb;
  direction: ltr;
  -ms-hyphens: none;
  text-shadow: none;
}

.token.tag {
  color: #2d7ab3;
}

.token.attr-name {
  color: #2d7ab3;
}

.token.attr-value,
.token.control,
.token.directive,
.token.keyword,
.token.unit {
  color: #62589b;
}

.token.punctuation {
  color: #2d7ab3;
}

.token.property {
  color: #ff008e;
}


.card-highlight .highlight {
  border: none;
  margin-bottom: 0;
}

.card-highlight code[class*=language-],
.card-highlight pre[class*=language-] {
  background: #1D283B;
  color: #fff;
}

.card-highlight .token.url {
  background: transparent;
}

.card-highlight .token.attr-name,
.card-highlight .token.tag {
  color: #199dff;
}

.card-highlight .token.attr-value,
.card-highlight .token.control,
.card-highlight .token.directive,
.card-highlight .token.keyword,
.card-highlight .token.unit {
  color: #927eff;
}

.highlight {
  border: 1px solid #e3e3e3;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  max-height: 350px;
  overflow: scroll;
}

.highlight.language-html,
.highlight.language-javascript {
  border: none;
  border-radius: 0;
}

.highlight .language-js .token.string,
.highlight .token.language-javascript .token.string {
  color: #22a2c9;
}

.highlight .language-js .token.function,
.highlight .token.language-javascript .token.function {
  color: #3d8fd1;
}

.highlight .language-js .token.operator,
.highlight .token.language-javascript .token.operator {
  color: #c76b29;
}

.highlight .language-js .token.comment,
.highlight .token.language-javascript .token.comment {
  color: #898ea4;
}

.highlight .language-js .token.template-string .token.template-punctuation.string,
.highlight .language-js .token.template-string .token.string {
  color: #399c58;
}

.highlight .language-js .token.class-name,
.highlight .token.language-javascript .token.class-name {
  color: #b586c3;
}

.highlight .language-js .token.boolean,
.highlight .token.language-javascript .token.boolean {
  color: #fb8002;
}

.highlight .token.language-javascript .token.keyword {
  color: #ac9739;
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
  color: #55a6f9;
}

.token.entity {
  color: #e4a152;
  background: transparent;
}