code[class*="language-"], pre {
  color: #393a34;
  font-family: var(--code-font, monospace);
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  tab-size: 4;
  -webkit-hyphens: none;
  hyphens: none;
  direction: ltr;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5em;
}

pre[class*="language-"]::-moz-selection {
  background: #c1def1;
}

pre[class*="language-"] ::-moz-selection {
  background: #c1def1;
}

code[class*="language-"]::-moz-selection {
  background: #c1def1;
}

code[class*="language-"] ::-moz-selection {
  background: #c1def1;
}

pre[class*="language-"]::selection {
  background: #c1def1;
}

pre[class*="language-"] ::selection {
  background: #c1def1;
}

code[class*="language-"]::selection {
  background: #c1def1;
}

code[class*="language-"] ::selection {
  background: #c1def1;
}

pre {
  background-color: #fff;
  border: 1px solid #ddd;
  margin: .5em 0;
  padding: 1em;
  overflow: auto;
}

:not(pre) > code[class*="language-"] {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: 1px .2em;
}

.token.comment, .token.prolog, .token.doctype, .token.cdata {
  color: green;
  font-style: italic;
}

.token.namespace {
  opacity: .7;
}

.token.string {
  color: #a31515;
}

.token.punctuation, .token.operator {
  color: #393a34;
}

.token.url, .token.symbol, .token.number, .token.boolean, .token.variable, .token.constant, .token.inserted {
  color: #36acaa;
}

.token.atrule, .token.keyword, .token.attr-value, .language-autohotkey .token.selector, .language-json .token.boolean, .language-json .token.number, code[class*="language-css"] {
  color: #00f;
}

.token.function {
  color: #393a34;
}

.token.deleted, .language-autohotkey .token.tag {
  color: #9a050f;
}

.token.selector, .language-autohotkey .token.keyword {
  color: #00009f;
}

.token.important, .token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.class-name, .language-json .token.property {
  color: #2b91af;
}

.token.tag, .token.selector {
  color: maroon;
}

.token.attr-name, .token.property, .token.regex, .token.entity {
  color: red;
}

.token.directive.tag .tag {
  color: #393a34;
  background: #ff0;
}

.line-numbers .line-numbers-rows {
  border-right-color: #a5a5a5;
}

.line-numbers-rows > span:before {
  color: #2b91af;
}

.line-highlight {
  background: linear-gradient(to right, #c1def133 70%, #dddef100);
}