pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 0
}

code.hljs {
    padding: 3px 5px
}

.hljs {
    background: var(--dsg-colors-primary-700);
    color: var(--dsg-colors-primary-100);
    line-height: 1.7em;
    font-size: var(--dsg-fontSizes-3);
    font-family: var(--dsg-fontFamilies-mono);
}

.hljs-subst,
.hljs-tag {
    color: #f8f8f2
}

.hljs-emphasis,
.hljs-strong {
    color: #a8a8a2
}

.hljs-bullet,
.hljs-link,
.hljs-literal,
.hljs-number,
.hljs-quote,
.hljs-regexp {
    color: #ae81ff
}

.hljs-code,
.hljs-section,
.hljs-selector-class,
.hljs-title {
    color: var(--dsg-colors-quaternary-500)
}

.hljs-strong {
    font-weight: 700
}

.hljs-emphasis {
    font-style: italic
}

.hljs-attr,
.hljs-name,
.hljs-selector-tag {
    color: var(--dsg-colors-tertiary-500);
}


.hljs-keyword {
    color: var(--dsg-colors-secondary-500);
}

.hljs-attribute,
.hljs-symbol {
    color: var(--dsg-colors-quaternary-700);
}

.hljs-class .hljs-title,
.hljs-params,
.hljs-title.class_ {
    color: #f8f8f2
}

.hljs-addition,
.hljs-built_in,
.hljs-selector-attr,
.hljs-selector-id,
.hljs-selector-pseudo,
.hljs-string,
.hljs-template-variable,
.hljs-type,
.hljs-variable {
    color: var(--dsg-colors-secondary-400);
}

.hljs-comment,
.hljs-deletion,
.hljs-meta {
    color: var(--dsg-colors-primary-300);
}