/* PrismJS 1.29.0
https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+sql+typescript */
code[class*=language-],
pre[class*=language-] {
    color: #ccc;
    background: none;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto;
    max-width: 100%;
    white-space: pre-wrap;
    word-wrap: break-word;
}

:not(pre) > code[class*=language-],
pre[class*=language-] {
    background: #2d2d2d;
}

:not(pre) > code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal;
}

.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}
.token.punctuation{color:#ccc}
.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}
.token.function-name{color:#6196cc}
.token.boolean,.token.function,.token.number{color:#f08d49}
.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}
.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}
.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}
.token.entity,.token.operator,.token.url{color:#67cdcc}
.token.bold,.token.important{font-weight:700}
.token.italic{font-style:italic}
.token.entity{cursor:help}
.token.inserted{color:green}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
    pre[class*=language-] {
        font-size: 0.9em;
        padding: 0.5em;
    }
}

@media screen and (max-width: 480px) {
    pre[class*=language-] {
        font-size: 0.8em;
        padding: 0.3em;
    }
}
