.hljs {
  background-color:#f5f5f5;
  padding:1.2rem 1rem;
  display:block;
  box-sizing:border-box;
  color:#000;
}
pre {
  padding:0 !important;
  border:0 !important;
}
code,
kbd,
pre {
  @mixin font-regular;
  font-size:14px;
  line-height:21px;
}
.hljs-comment,.hljs-quote {
  color:#998;
  font-style:italic;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
  color:#333;
  font-weight:500;
}
.hljs-literal,
.hljs-number,
.hljs-tag .hljs-attr,
.hljs-template-variable,
.hljs-variable {
  color:teal;
}
.hljs-doctag,
.hljs-string {
  color:#d14;
}
.hljs-section,
.hljs-selector-id,
.hljs-title {
  color:#900;
  font-weight:500;
}
.hljs-subst {
  font-weight:400;
}
.hljs-class .hljs-title,
.hljs-type {
  color:#458;
  font-weight:500;
}
.hljs-attribute,
.hljs-name,
.hljs-tag {
  color:navy;
  font-weight:400;
}
.hljs-link,
.hljs-regexp {
  color:#009926;
}
.hljs-bullet,
.hljs-symbol {
  color:#990073;
}
.hljs-built_in,
.hljs-builtin-name {
  color:#0086b3;
}
.hljs-meta {
  color:#999;
  font-weight:500;
}
.hljs-deletion {
  background:#fdd;
}
.hljs-addition {
  background:#dfd;
}
.hljs-emphasis {
  font-style:italic;
}
.hljs-strong {
  font-weight:500;
}