
.hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em;
    color: var(--af-hl-mono-1);
    background: var(--af-hl-base);
    border:1px solid var(--af-hl-mono-3);
    border-radius: 0.3em;
    box-shadow: none!important;
  }
  
  .hljs-comment,
  .hljs-quote {
    color: var(--af-hl-mono-3);
    font-style: italic;
  }
  
  .hljs-doctag,
  .hljs-keyword,
  .hljs-formula {
    color: var(--af-hl-hue-3);
  }
  
  .hljs-section,
  .hljs-name,
  .hljs-selector-tag,
  .hljs-deletion,
  .hljs-subst {
    color: var(--af-hl-hue-5);
  }
  
  .hljs-literal {
    color: var(--af-hl-hue-1);
  }
  
  .hljs-string,
  .hljs-regexp,
  .hljs-addition,
  .hljs-attribute,
  .hljs-meta-string {
    color: var(--af-hl-hue-4);
  }
  
  .hljs-built_in,
  .hljs-class .hljs-title {
    color: var(--af-hl-hue-6);
  }
  
  .hljs-attr,
  .hljs-variable,
  .hljs-template-variable,
  .hljs-type,
  .hljs-selector-class,
  .hljs-selector-attr,
  .hljs-selector-pseudo,
  .hljs-number {
    color: var(--af-hl-hue-6);
  }
  
  .hljs-symbol,
  .hljs-bullet,
  .hljs-link,
  .hljs-meta,
  .hljs-selector-id,
  .hljs-title {
    color: var(--af-hl-hue-2);
  }
  
  .hljs-emphasis {
    font-style: italic;
  }
  
  .hljs-strong {
    font-weight: bold;
  }
  
  .hljs-link {
    text-decoration: underline;
  }    