.syntax,
.code-plain {
    display: block;
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
    font-size: 0.92rem;
    line-height: 1.7;
    tab-size: 4;
}

.code-panel pre code.syntax,
.code-panel pre code.code-plain {
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #c5cdd8;
}

.source-code-wrap code.syntax,
.source-code-wrap code.code-plain {
    display: block;
    padding: 12px 18px 18px 0;
    font-size: 0.84rem;
    line-height: 1.4;
    background: transparent;
    color: #c5cdd8;
}

.syntax .cs-modifier,
.source-code-wrap .cs-modifier {
    color: #c678dd; font-weight: 600;
}

.syntax .cs-keyword,
.source-code-wrap .cs-keyword {
    color: #c678dd;
}

.syntax .cs-accessor,
.source-code-wrap .cs-accessor {
    color: #56b6c2; font-weight: 700;
}

.syntax .cs-type-primitive,
.source-code-wrap .cs-type-primitive {
    color: #e5c07b;
}

.syntax .cs-type-builtin,
.source-code-wrap .cs-type-builtin {
    color: #61afef;
}

.syntax .cs-type-user,
.source-code-wrap .cs-type-user {
    color: #e6c07b;
}

.syntax .cs-member,
.source-code-wrap .cs-member {
    color: #61aeee;
}

.syntax .cs-identifier,
.source-code-wrap .cs-identifier {
    color: #abb2bf;
}

.syntax .cs-bracket,
.source-code-wrap .cs-bracket {
    color: #ffffff;
}

.syntax .cs-operator,
.source-code-wrap .cs-operator {
    color: #f472b6;
}

.syntax .cs-string,
.source-code-wrap .cs-string {
    color: #98c379;
}

.syntax .cs-number,
.source-code-wrap .cs-number {
    color: #d19a66;
}

.syntax .cs-literal,
.source-code-wrap .cs-literal {
    color: #d19a66;
}

.syntax .cs-comment,
.source-code-wrap .cs-comment {
    color: #5c6370; font-style: italic;
}

.syntax .cs-doc-marker,
.source-code-wrap .cs-doc-marker {
    color: #8b9cb3; font-style: italic;
}

.syntax .cs-doc-bracket,
.source-code-wrap .cs-doc-bracket {
    color: #ffffff; font-weight: 600;
}

.syntax .cs-doc-tag,
.source-code-wrap .cs-doc-tag {
    color: #7ee8ff; font-weight: 700;
}

.syntax .cs-doc-attr,
.source-code-wrap .cs-doc-attr {
    color: #f0c97a; font-weight: 600;
}

.syntax .cs-doc-value,
.source-code-wrap .cs-doc-value {
    color: #b8f0c8;
}

.syntax .cs-doc-text,
.source-code-wrap .cs-doc-text {
    color: #e2ebf8;
}

.syntax .cs-attribute,
.source-code-wrap .cs-attribute {
    color: #d7a6ff;
}

.syntax .xml-bracket,
.source-code-wrap .xml-bracket {
    color: #ffffff;
}

.syntax .xml-tag,
.source-code-wrap .xml-tag {
    color: #61afef; font-weight: 600;
}

.syntax .xml-attr,
.source-code-wrap .xml-attr {
    color: #e5c07b;
}

.syntax .xml-value,
.source-code-wrap .xml-value {
    color: #98c379;
}

.syntax .html-bracket,
.source-code-wrap .html-bracket {
    color: #ffffff;
}

.syntax .html-tag,
.source-code-wrap .html-tag {
    color: #61afef;
    font-weight: 600;
}

.syntax .html-attr,
.source-code-wrap .html-attr {
    color: #e5c07b;
}

.syntax .html-value,
.source-code-wrap .html-value {
    color: #98c379;
}

.syntax .html-comment,
.source-code-wrap .html-comment {
    color: #5c6370;
    font-style: italic;
}

.syntax .html-doctype,
.source-code-wrap .html-doctype {
    color: #c678dd;
    font-style: italic;
}

.syntax .css-comment,
.source-code-wrap .css-comment {
    color: #5c6370;
    font-style: italic;
}

.syntax .css-selector,
.source-code-wrap .css-selector {
    color: #e5c07b;
    font-weight: 600;
}

.syntax .css-property,
.source-code-wrap .css-property {
    color: #56b6c2;
}

.syntax .css-value,
.source-code-wrap .css-value {
    color: #98c379;
}

.syntax .css-string,
.source-code-wrap .css-string {
    color: #98c379;
}

.syntax .css-at-rule,
.source-code-wrap .css-at-rule {
    color: #c678dd;
    font-weight: 600;
}

.syntax .css-bracket,
.source-code-wrap .css-bracket {
    color: #ffffff;
}

.syntax .razor-marker,
.source-code-wrap .razor-marker {
    color: #c678dd;
    font-weight: 700;
}

.syntax .razor-directive,
.source-code-wrap .razor-directive {
    color: #56b6c2;
    font-weight: 700;
}

.syntax .razor-keyword,
.source-code-wrap .razor-keyword {
    color: #61afef;
}

.syntax .razor-bracket,
.source-code-wrap .razor-bracket {
    color: #f472b6;
    font-weight: 600;
}

.syntax .json-key,
.source-code-wrap .json-key {
    color: #e5c07b;
}

.syntax .json-string,
.source-code-wrap .json-string {
    color: #98c379;
}

.syntax .json-number,
.source-code-wrap .json-number {
    color: #d19a66;
}

.syntax .json-literal,
.source-code-wrap .json-literal {
    color: #c678dd;
}

.syntax .json-bracket,
.source-code-wrap .json-bracket {
    color: #ffffff;
}