:root {
  --hljs-font-weight-bold: var(--sl-font-weight-bold);
  /* colors */
  --hljs-addition: green;
  --hljs-attr: var(--sl-color-sky-300);
  --hljs-attribute: var(--sl-color-sky-300);
  --hljs-background: var(--sl-color-neutral-900);
  --hljs-built_in: var(--sl-color-green-300);
  --hljs-builtin-name: var(--sl-color-neutral-100);
  --hljs-bullet: #00b0e8;
  --hljs-class: var(--sl-color-blue-100);
  --hljs-color: var(--sl-color-neutral-100);
  --hljs-comment: var(--sl-color-neutral-400);
  --hljs-deletion: red;
  --hljs-doctag: var(--sl-color-amber-100);
  --hljs-formula: var(--sl-color-neutral-100);
  --hljs-function: var(--sl-color-yellow-200);
  --hljs-keyword: var(--sl-color-blue-400);
  --hljs-link: #00b0e8;
  --hljs-literal: var(--sl-color-blue-400);
  --hljs-meta: #2b91af;
  --hljs-meta-keyword: var(--sl-color-neutral-100);
  --hljs-meta-string: var(--sl-color-neutral-100);
  --hljs-name: var(--sl-color-blue-400);
  --hljs-number: var(--sl-color-blue-200);
  --hljs-params: var(--sl-color-yellow-400);
  --hljs-quote: green;
  --hljs-regexp: var(--sl-color-neutral-100);
  --hljs-section: #a31515;
  --hljs-selector-attr: var(--sl-color-cyan-600);
  --hljs-selector-class: var(--sl-color-yellow-400);
  --hljs-selector-id: var(--sl-color-yellow-400);
  --hljs-selector-pseudo: var(--sl-color-cyan-600);
  --hljs-selector-tag: var(--sl-color-yellow-400);
  --hljs-string: var(--sl-color-amber-600);
  --hljs-subst: var(--sl-color-neutral-100);
  --hljs-symbol: var(--sl-color-blue-400);
  --hljs-tag: var(--sl-color-neutral-400);
  --hljs-template-tag: #a31515;
  --hljs-template-variable: #a31515;
  --hljs-title: var(--sl-color-yellow-300);
  --hljs-type: var(--sl-color-green-400);
  --hljs-variable: green;
}

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: var(--sl-spacing-medium);
}
code.hljs {
  padding: var(--sl-spacing-3x-small) var(--sl-spacing-2x-small);
}
.hljs {
  background: var(--hljs-background);
  color: var(--hljs-color);
}
.hljs-keyword {
  color: var(--hljs-keyword);
}
.hljs-literal {
  color: var(--hljs-literal);
}
.hljs-symbol {
  color: var(--hljs-symbol);
}
.hljs-name {
  color: var(--hljs-name);
}
.hljs-link {
  color: var(--hljs-link);
  text-decoration: underline
}
.hljs-built_in {
  color: var(--hljs-built_in);
}
.hljs-type {
  color: var(--hljs-type);
}
.hljs-number {
  color: var(--hljs-number);
}
.hljs-class {
  color: var(--hljs-class);
}
.hljs-string {
  color: var(--hljs-string);
}
.hljs-meta .hljs-string {
  color: var(--hljs-string);
}
.hljs-regexp {
  color: var(--hljs-regexp);
}
.hljs-template-tag {
  color: var(--hljs-template-tag);
}
.hljs-subst {
  color: var(--hljs-subst);
}
.hljs-function {
  color: var(--hljs-function);
}
.hljs-title {
  color: var(--hljs-title);
}
.hljs-params {
  color: var(--hljs-params);
}
.hljs-formula {
  color: var(--hljs-formula);
}
.hljs-comment {
  color: var(--hljs-comment);
  font-style: italic
}
.hljs-quote {
  color: var(--hljs-comment);
  font-style: italic
}
.hljs-doctag {
  color: var(--hljs-doctag);
}
.hljs-meta {
  color: var(--hljs-meta);
}
.hljs-meta .hljs-keyword {
  color: var(--hljs-keyword);
}
.hljs-tag {
  color: var(--hljs-tag);
}
.hljs-variable {
  color: var(--hljs-variable);
}
.hljs-template-variable {
  color: var(--hljs-template-variable);
}
.hljs-tag .hljs-attr {
  color: var(--hljs-attr);
}
.hljs-tag .hljs-attribute {
  color: var(--hljs-attr);
}
.hljs-attr {
  color: var(--hljs-attr);
}
.hljs-attribute {
  color: var(--hljs-attr);
}
.hljs-section {
  color: var(--hljs-section);
}
.hljs-emphasis {
  font-style: italic
}
.hljs-strong {
  font-weight: var(--hljs-font-weight-bold);
}
.hljs-bullet {
  color: var(--hljs-bullet);
}
.hljs-selector-tag {
  color: var(--hljs-selector-tag);
}
.hljs-selector-id {
  color: var(--hljs-selector-id);
}
.hljs-selector-class {
  color: var(--hljs-selector-class);
}
.hljs-selector-attr {
  color: var(--hljs-selector-attr);
}
.hljs-selector-pseudo {
  color: var(--hljs-selector-pseudo);
}
.hljs-addition {
  background-color: var(--hljs-addition);
  display: inline-block;
  width: 100%
}
.hljs-deletion {
  background-color: var(--hljs-deletion);
  display: inline-block;
  width: 100%
}