app:has(.root.dark-mode) pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em
}

app:has(.root.dark-mode) code.hljs {
    padding: 3px 5px
}

app:has(.root.dark-mode) .hljs {
    color: #ddd;
    background: #303030
}

app:has(.root.dark-mode) .hljs-keyword,
app:has(.root.dark-mode) .hljs-link,
app:has(.root.dark-mode) .hljs-literal,
app:has(.root.dark-mode) .hljs-section,
app:has(.root.dark-mode) .hljs-selector-tag {
    color: #fff
}

app:has(.root.dark-mode) .hljs-addition,
app:has(.root.dark-mode) .hljs-attribute,
app:has(.root.dark-mode) .hljs-built_in,
app:has(.root.dark-mode) .hljs-bullet,
app:has(.root.dark-mode) .hljs-name,
app:has(.root.dark-mode) .hljs-string,
app:has(.root.dark-mode) .hljs-symbol,
app:has(.root.dark-mode) .hljs-template-tag,
app:has(.root.dark-mode) .hljs-template-variable,
app:has(.root.dark-mode) .hljs-title, .hljs-type,
app:has(.root.dark-mode) .hljs-variable {
    color: #d88
}

app:has(.root.dark-mode) .hljs-comment,
app:has(.root.dark-mode) .hljs-deletion,
app:has(.root.dark-mode) .hljs-meta,
app:has(.root.dark-mode) .hljs-quote {
    color: #979797
}

app:has(.root.dark-mode) .hljs-doctag,
app:has(.root.dark-mode) .hljs-keyword,
app:has(.root.dark-mode) .hljs-literal,
app:has(.root.dark-mode) .hljs-name,
app:has(.root.dark-mode) .hljs-section,
app:has(.root.dark-mode) .hljs-selector-tag,
app:has(.root.dark-mode) .hljs-strong,
app:has(.root.dark-mode) .hljs-title,
app:has(.root.dark-mode) .hljs-type {
    font-weight: 700
}

app:has(.root.dark-mode) .hljs-emphasis {
    font-style: italic
}