.chroma { background-color: unset !important; }
.chroma .hl { display: flex; }
.chroma .lnt { padding: 0 0 0 12px; }
.highlight pre.chroma code { padding: 8px 0; }
.highlight pre.chroma .line .cl,
.chroma .ln { padding: 0 10px; }
.chroma .lntd:last-of-type { width: 100%; }
.chroma { color: #cad3f5; background-color: #24273a; }
.chroma .err { color: #ed8796; }
.chroma .lnt, .chroma .ln { color: #8087a2; white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em; }
.chroma .line { display: flex; }
.chroma .k, .chroma .kp, .chroma .kr { color: #c6a0f6; }
.chroma .kc, .chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .il, .chroma .mo { color: #f5a97f; }
.chroma .kd, .chroma .kt { color: #ed8796; }
.chroma .kn { color: #8bd5ca; }
.chroma .na, .chroma .nd, .chroma .nf, .chroma .fm { color: #8aadf4; }
.chroma .nb, .chroma .bp, .chroma .nl, .chroma .o, .chroma .ow { color: #91d7e3; }
.chroma .nc, .chroma .no { color: #eed49f; }
.chroma .ni { color: #8bd5ca; }
.chroma .ne, .chroma .nn, .chroma .py { color: #f5a97f; }
.chroma .nt { color: #c6a0f6; }
.chroma .nv, .chroma .vc, .chroma .vg, .chroma .vi, .chroma .vm { color: #f4dbd6; }
.chroma .s, .chroma .sb, .chroma .sc, .chroma .s2, .chroma .si, .chroma .sx, .chroma .s1, .chroma .ss { color: #a6da95; }
.chroma .sa { color: #ed8796; }
.chroma .dl, .chroma .se { color: #8aadf4; }
.chroma .sd, .chroma .sh, .chroma .c, .chroma .ch, .chroma .cm, .chroma .c1, .chroma .cs, .chroma .cp { color: #6e738d; font-style: italic; }
.chroma .sr { color: #8bd5ca; }
.chroma .gd { color: #ed8796; background-color: #363a4f; }
.chroma .gi { color: #a6da95; background-color: #363a4f; }