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

code.hljs {
    padding: 3px 5px
}
/*!
   Theme: Agate
   Author: (c) Taufik Nurrohman <hi@taufik-nurrohman.com>
   Maintainer: @taufik-nurrohman
   Updated: 2021-04-24

   #333
   #62c8f3
   #7bd694
   #888
   #a2fca2
   #ade5fc
   #b8d8a2
   #c6b4f0
   #d36363
   #fc9b9b
   #fcc28c
   #ffa
   #fff
*/

.hljs {
    background: #333;
    color: #fff
}

.hljs-doctag, .hljs-meta-keyword, .hljs-name, .hljs-strong {
    font-weight: 700
}

.hljs-code, .hljs-emphasis {
    font-style: italic
}

.hljs-section, .hljs-tag {
    color: #62c8f3
}

.hljs-selector-class, .hljs-selector-id, .hljs-template-variable, .hljs-variable {
    color: #ade5fc
}

.hljs-meta-string, .hljs-string {
    color: #a2fca2
}

.hljs-attr, .hljs-quote, .hljs-selector-attr {
    color: #7bd694
}

.hljs-tag .hljs-attr {
    color: inherit
}

.hljs-attribute, .hljs-title, .hljs-type {
    color: #ffa
}

.hljs-number, .hljs-symbol {
    color: #d36363
}

.hljs-bullet, .hljs-template-tag {
    color: #b8d8a2
}

.hljs-built_in, .hljs-keyword, .hljs-literal, .hljs-selector-tag {
    color: #fcc28c
}

.hljs-code, .hljs-comment, .hljs-formula {
    color: #888
}

.hljs-link, .hljs-regexp, .hljs-selector-pseudo {
    color: #c6b4f0
}

.hljs-meta {
    color: #fc9b9b
}

.hljs-deletion {
    background: #fc9b9b;
    color: #333
}

.hljs-addition {
    background: #a2fca2;
    color: #333
}

.hljs-subst {
    color: #fff
}

.hljs a {
    color: inherit
}

    .hljs a:focus, .hljs a:hover {
        color: inherit;
        text-decoration: underline
    }

.hljs mark {
    background: #555;
    color: inherit
}