/* Express tutorial code syntax colors */
.code-example .code-body {
    display: block;
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    white-space: pre-wrap;
    word-break: break-word;
}

.code-example .hl-comment { color: #6a9955; font-style: italic; }
.code-example .hl-string { color: #ce9178; }
.code-example .hl-template { color: #ce9178; }
.code-example .hl-keyword { color: #c586c0; font-weight: 600; }
.code-example .hl-hook { color: #34d399; font-weight: 600; }
.code-example .hl-function { color: #dcdcaa; }
.code-example .hl-class { color: #4ec9b0; font-weight: 600; }
.code-example .hl-variable { color: #9cdcfe; }
.code-example .hl-property { color: #9cdcfe; }
.code-example .hl-tag { color: #569cd6; }
.code-example .hl-tag-punct { color: #808080; }
.code-example .hl-attr { color: #9cdcfe; }
.code-example .hl-boolean { color: #569cd6; }
.code-example .hl-number { color: #b5cea8; }
.code-example .hl-operator { color: #d4d4d4; }
.code-example .hl-punctuation { color: #cccccc; }
.code-example .hl-builtin { color: #34d399; font-weight: 600; }
.code-example .hl-decorator { color: #dcdcaa; }

/* Bash / shell */
.code-example .hl-bash-cmd { color: #4fc1ff; font-weight: 600; }
.code-example .hl-bash-flag { color: #ce9178; }
.code-example .hl-bash-comment { color: #6a9955; font-style: italic; }

/* CSS */
.code-example .hl-css-at { color: #c586c0; font-weight: 600; }
.code-example .hl-css-selector { color: #d7ba7d; }
.code-example .hl-css-property { color: #9cdcfe; }
.code-example .hl-css-value { color: #ce9178; }
.code-example .hl-css-unit { color: #b5cea8; }
.code-example .hl-css-punct { color: #cccccc; }

/* JSON / plain structure */
.code-example .hl-json-key { color: #9cdcfe; }
.code-example .hl-json-string { color: #ce9178; }
.code-example .hl-json-number { color: #b5cea8; }
.code-example .hl-json-boolean { color: #569cd6; }
.code-example .hl-plain-path { color: #4ec9b0; }

.code-example.hl-processed {
    padding-top: 2.35rem;
}