pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 8px;
}
code.hljs {
  padding: 0;
}
.hljs {
  /* var(--highlight-color) */
  color: #a0a0a0;
  /* var(--highlight-bg) */
  background: #202020;
}
.hljs-subst {
  /* var(--highlight-color) */
  color: #ffffff;
}
.hljs-comment {
  /* var(--highlight-comment) */
  color: #3399ff;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-meta .hljs-keyword,
.hljs-doctag,
.hljs-section {
  /* var(--highlight-keyword) */
  color: #ff9933;
}
.hljs-attr {
  /* var(--highlight-attribute); */
  color: #99a0a0;
}
.hljs-attribute {
  /* var(--highlight-symbol) */
  color: #a099a0;
}
.hljs-name,
.hljs-type,
.hljs-number,
.hljs-selector-id,
.hljs-quote,
.hljs-template-tag {
  /* var(--highlight-namespace) */
  color: #ffa0a0;
}
.hljs-selector-class {
  /* var(--highlight-keyword) */
  color: #88a090;
}
.hljs-string,
.hljs-regexp,
.hljs-symbol,
.hljs-variable,
.hljs-template-variable,
.hljs-link,
.hljs-selector-attr {
  /* var(--highlight-variable) */
  color: #99ff33;
}
.hljs-meta,
.hljs-selector-pseudo {
  /* var(--highlight-keyword) */
  color: #ffa0a0;
}
.hljs-built_in,
.hljs-title,
.hljs-literal {
  /* var(--highlight-literal) */
  color: #33ffff;
}
.hljs-bullet,
.hljs-code {
  /* var(--highlight-punctuation) */
  color: #99ff99;
}
.hljs-meta .hljs-string {
  /* var(--highlight-variable) */
  color: #ffff99;
}
.hljs-deletion {
  /* var(--highlight-deletion) */
  color: #a03333;
}
.hljs-addition {
  /* var(--highlight-addition) */
  color: #33a033;
}
.hljs-emphasis {
  font-style: italic;
}
.hljs-strong {
  font-weight: bold;
}
.hljs-type {
  color: #ff3399;
}
.hljs-title {
  color: #9966ff;
}
.hljs-property {
  color: #a0ffa0;
}
.hljs-formula,
.hljs-operator,
.hljs-params,
.hljs-punctuation,
.hljs-tag {
  /* purposely ignored */
}