pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 5px 10px;
  border-radius: 8px;
}
code.hljs {
  padding: 3px 5px
}
/*

Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/

Modified and combined with:

Panda Syntax Theme for Highlight.js
Based on: https://github.com/tinkertrain/panda-syntax-vscode
Author: Annmarie Switzer <https://github.com/annmarie-switzer>

*/
.hljs {
  background: #e6e6e6;
  background: light-dark(#e6e6e6, #111);
  color: #2a2c2d;
  color: light-dark(#2a2c2d, #a2a385)
}
.hljs-tag,
.hljs-subst {
  color: #2a2c2d;
  color: light-dark(#2a2c2d, #a2a385)
}
.hljs-strong,
.hljs-emphasis {
  color: #2a2c2d;
  color: light-dark(#2a2c2d, #a8a8a2)
}
.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
  color: #7641bb;
  color: light-dark(#7641bb, #ae81ff)
}
.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
  color: #3787c7;
  color: light-dark(#3787c7, #a6e22e)
}
.hljs-strong {
  font-weight: bold
}
.hljs-emphasis {
  font-style: italic
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
  color: #d92792;
  color: light-dark(#d92792, #f92672)
}
.hljs-symbol,
.hljs-attribute {
  color: #7641bb;
  color: light-dark(#7641bb, #66d9ef)
}
.hljs-params,
.hljs-title.class_,
.hljs-class .hljs-title {
  color: #2a2c2d;
  color: light-dark(#2a2c2d, #a2a385)
}
.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
  color: #0d7d6c;
  color: light-dark(#0d7d6c, #e6db74)
}
.hljs-comment,
.hljs-deletion,
.hljs-meta {
  color: #676B79;
  color: light-dark(#676B79, #75715e)
}