.ckl-article__content pre[class*='language-'],
.ckl-article__content pre[class*='language-'] code,
.ckl-article__content code[class*='language-'] {
color: var(--ckl-white);
font-family: var(--ckl-font-tag);
text-shadow: none;
}
.ckl-article__content pre .token.comment,
.ckl-article__content pre .token.prolog,
.ckl-article__content pre .token.doctype,
.ckl-article__content pre .token.cdata {
color: #8f8f8f; }
.ckl-article__content pre .token.punctuation,
.ckl-article__content pre .token.operator,
.ckl-article__content pre .token.entity,
.ckl-article__content pre .token.url {
color: var(--ckl-light-gray);
}
.ckl-article__content pre .token.keyword,
.ckl-article__content pre .token.atrule,
.ckl-article__content pre .token.rule,
.ckl-article__content pre .token.tag,
.ckl-article__content pre .token.selector,
.ckl-article__content pre .token.important {
color: var(--ckl-hover-links);
}
.ckl-article__content pre .token.attr-name,
.ckl-article__content pre .token.property,
.ckl-article__content pre .token.boolean,
.ckl-article__content pre .token.number,
.ckl-article__content pre .token.constant,
.ckl-article__content pre .token.symbol,
.ckl-article__content pre .token.variable {
color: var(--ckl-link-hover-on-dark);
}
.ckl-article__content pre .token.string,
.ckl-article__content pre .token.char,
.ckl-article__content pre .token.attr-value,
.ckl-article__content pre .token.regex,
.ckl-article__content pre .token.inserted {
color: var(--ckl-aqua-blue);
}
.ckl-article__content pre .token.function,
.ckl-article__content pre .token.class-name,
.ckl-article__content pre .token.builtin {
color: var(--ckl-white);
} .ckl-article__content pre .token.deleted {
color: color-mix(in srgb, var(--ckl-error) 55%, #fff);
}
.ckl-article__content pre .token.namespace {
opacity: 0.7;
} .ckl-article__content pre .token.bold {
color: var(--ckl-white);
}
.ckl-article__content pre .token.italic {
color: var(--ckl-aqua-blue);
}  .ckl-article__content pre.line-numbers {
position: relative;
padding-left: 3.2em;
counter-reset: linenumber;
}
.ckl-article__content pre.line-numbers > code {
position: relative;
white-space: inherit;
}
.ckl-article__content .line-numbers-rows {
position: absolute;
top: 0;
font-size: 100%;
left: -3.2em;
width: 2.6em;
letter-spacing: -1px;
border-right: 1px solid var(--ckl-dark-gray);
user-select: none;
pointer-events: none;
}
.ckl-article__content .line-numbers-rows > span {
display: block;
counter-increment: linenumber;
}
.ckl-article__content .line-numbers-rows > span::before {
content: counter(linenumber);
color: #8f8f8f;
display: block;
padding-right: 0.8em;
text-align: right;
}  .ckl-article__content .shcb-language {
font-family: var(--ckl-font-tag);
font-size: 0.7rem;
text-transform: uppercase;
color: var(--ckl-text-muted);
}
.ckl-article__content .shcb-loc {
display: block;
}
.ckl-article__content .wp-block-code > pre,
.ckl-article__content pre.shcb-code-table {
margin-block: 0;
}