/* Syntax Highlight */
.wpcz .cm-s-default.CodeMirror {
    background-color: var(--wpcz-cm-bg-color);
    color: var(--wpcz-cm-text-color);
    border: 1px solid var(--wpcz-default-border-color);
    border-radius: var(--wpcz-radius);
}

.wpcz .cm-s-default .CodeMirror-activeline .CodeMirror-linebackground {
    background-color: var(--wpcz-cm-line-bg-color);
}

.wpcz .cm-s-default .CodeMirror-gutters {
    border-right: 1px solid var(--wpcz-cm-gutter-border-color);
}

.wpcz .cm-s-default .CodeMirror-gutter {
    background-color: var(--wpcz-cm-gutter-bg-color);
}

.wpcz .cm-s-default .CodeMirror-linenumber {
    color: var(--wpcz-cm-line-number-text-color);
}

.wpcz .cm-s-default .CodeMirror-matchingbracket {
    background-color: var(--wpcz-cm-matching-bracket-bg-color);
    color: var(--wpcz-cm-matching-bracket-text-color);
}

.wpcz .cm-s-default .cm-bracket {
    color: var(--wpcz-cm-bracket-text-color);
}

.wpcz .cm-s-default .cm-comment {
    color: var(--wpcz-cm-comment-text-color);
}

.wpcz .cm-s-default .CodeMirror-code .cm-meta {
    color: var(--wpcz-cm-meta-text-color);
}

.wpcz .cm-s-default .cm-keyword {
    color: var(--wpcz-cm-keyword-text-color);
}

.wpcz .cm-s-default .cm-error {
    color: var(--wpcz-cm-error-text-color);
}

.wpcz .cm-s-default .cm-atom {
    color: var(--wpcz-cm-atom-text-color);
}

.wpcz .cm-s-default .cm-number {
    color: var(--wpcz-cm-number-text-color);
}

.wpcz .cm-s-default .cm-attribute {
    color: var(--wpcz-cm-attribute-text-color);
}

.wpcz .cm-s-default .cm-string {
    color: var(--wpcz-cm-string-text-color);
}

.wpcz .cm-s-default .cm-string-2 {
    color: var(--wpcz-cm-string-2-text-color);
}

.wpcz .cm-s-default .cm-tag {
    color: var(--wpcz-cm-tag-text-color);
}

.wpcz .cm-s-default .cm-variable {
    color: var(--wpcz-cm-variable-text-color);
}

.wpcz .cm-s-default .cm-variable-2 {
    color: var(--wpcz-cm-variable-2-text-color);
}

.wpcz .cm-s-default .cm-variable-3 {
    color: var(--wpcz-cm-variable-3-text-color);
}

.wpcz .cm-s-default .cm-def {
    color: var(--wpcz-cm-def-text-color);
}

.wpcz .cm-s-default .cm-builtin {
    color: var(--wpcz-cm-builtin-text-color);
}

.wpcz .cm-s-default .cm-special {
    color: var(--wpcz-cm-special-text-color);
}

.wpcz .cm-s-default .cm-link {
    color: var(--wpcz-cm-link-text-color);
}

.wpcz .cm-s-default .cm-operator {
    color: var(--wpcz-cm-operator-text-color);
}

.wpcz .cm-s-default .cm-meta {
    color: var(--wpcz-cm-meta-text-color);
}

.wpcz .cm-s-default .cm-qualifier {
    color: var(--wpcz-cm-qualifier-text-color);
}

.wpcz .cm-s-default .cm-property {
    color: var(--wpcz-cm-property-text-color);
}

.wpcz .cm-s-default .CodeMirror-linenumber {
    -webkit-user-select: none;
    user-select: none;
}

.wpcz .cm-s-default.CodeMirror-focused {
    box-shadow: 0 0 0 3px var(--wpcz-default-focus-outline-color);
}

.wpcz .cm-s-default .CodeMirror-line::-moz-selection,
.wpcz .cm-s-default .CodeMirror-line > span::-moz-selection,
.wpcz .cm-s-default .CodeMirror-line > span > span::-moz-selection {
    background: var(--wpcz-selection-bg-color);
}

.wpcz .cm-s-default .CodeMirror-line::selection,
.wpcz .cm-s-default .CodeMirror-line > span::selection,
.wpcz .cm-s-default .CodeMirror-line > span > span::selection {
    background: var(--wpcz-selection-bg-color);
}