/* Extra */

.highlight {
    background-color: var(--code-bg);
    width: 95%;
    overflow: scroll;
    border: 1px solid #4f4f4f;
    box-shadow: 0.05px 0.05px 8px 0.05px #b5b5b5;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.chroma .line {
    display: table-row;
}

div.line span.blue {
  color: blue;
}

.highlight, .chroma, .bg {
    color: var(--code-txt);
    -webkit-text-size-adjust:none;
}

.highlight .line, .hightlight .chroma .lnt {
    margin-left: 0.66rem;
}

/* Code colors */

.chroma .err {
    color: var(--code-err);
    background: var(--code-err-bg);
}

.chroma .lnlinks {
    outline: none;
    text-decoration: none;
    color: inherit;
}

.chroma .lntd {
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0;
}
.chroma .lntable {
    border-spacing: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
.chroma .hl {
    background-color: var(--code-hl-bg);
}
.chroma .lnt {
    -webkit-user-select: none;
    user-select: none;
    margin-right: 0.4em;
    padding: 0 0.4em;
    color: var(--code-lnt);
}
.chroma .ln {
    -webkit-user-select: none;
    user-select: none;
    margin-right: 0.4em;
    padding: 0 0.4em;
    color: var(--code-ln);
}
.chroma .line {
    display: flex;
}
.chroma .k {
    color: var(--code-k);
    font-weight: bold;
}
.chroma .kc {
    color: var(--code-kc);
    font-weight: bold;
}
.chroma .kd {
    color: var(--code-kd);
    font-weight: bold;
}
.chroma .kn {
    color: var(--code-kn);
    font-weight: bold;
}
.chroma .kp {
    color: var(--code-kp);
}
.chroma .kr {
    color: var(--code-kr);
    font-weight: bold;
}
.chroma .kt {
    color: var(--code-kt);
    font-weight: bold;
}
.chroma .na {
    color: var(--code-na);
    font-style: italic;
}
.chroma .nc {
    text-decoration: underline;
}
.chroma .no {
    color: var(--code-no);
}
.chroma .nd {
    color: var(--code-nd);
    font-weight: bold;
}
.chroma .ni {
    color: var(--code-ni);
    font-weight: bold;
}
.chroma .ne {
    color: var(--code-ne);
    font-weight: bold;
}
.chroma .nt {
    color: var(--code-nt);
    font-weight: bold;
}
.chroma .nb {
    color: var(--code-nb);
    font-weight: bold;
}
.chroma .bp {
    color: var(--code-bp);
    font-weight: bold;
}
.chroma .nf {
    color: var(--code-nf);
    font-weight: bold;
}
.chroma .fm {
    color: var(--code-fm);
    font-weight: bold;
}
.chroma .s {
    color: var(--code-s);
}
.chroma .sa {
    color: var(--code-sa);
}
.chroma .sb {
    color: var(--code-sb);
}
.chroma .sc {
    color: var(--code-sc);
}
.chroma .dl {
    color: var(--code-dl);
}
.chroma .sd {
    color: var(--code-sd);
    font-style: italic;
}
.chroma .s2 {
    color: var(--code-s2);
}
.chroma .se {
    color: var(--code-se);
    font-weight: bold;
}
.chroma .sh {
    color: var(--code-sh);
}
.chroma .si {
    color: var(--code-si);
}
.chroma .sx {
    color: var(--code-sx);
}
.chroma .sr {
    color: var(--code-sr);
}
.chroma .s1 {
    color: var(--code-s1);
}
.chroma .ss {
    color: var(--code-ss);
    font-weight: bold;
}
.chroma .m {
    color: var(--code-m);
    font-weight: bold;
}
.chroma .mb {
    color: var(--code-mb);
    font-weight: bold;
}
.chroma .mf {
    color: var(--code-mf);
    font-weight: bold;
}
.chroma .mh {
    color: var(--code-mh);
    font-weight: bold;
}
.chroma .mi {
    color: var(--code-mi);
    font-weight: bold;
}
.chroma .il {
    color: var(--code-il);
    font-weight: bold;
}
.chroma .mo {
    color: var(--code-mo);
    font-weight: bold;
}
.chroma .o {
    color: var(--code-o);
}
.chroma .ow {
    color: var(--code-ow);
    font-weight: bold;
}
.chroma .c {
    color: var(--code-c);
    font-style: italic;
}
.chroma .ch {
    color: var(--code-ch);
    font-style: italic;
}
.chroma .cm {
    color: var(--code-cm);
    font-style: italic;
}
.chroma .c1 {
    color: var(--code-c1);
    font-style: italic;
}
.chroma .cs {
    color: var(--code-cs);
    font-weight: bold;
    font-style: italic;
}
.chroma .cp {
    color: var(--code-cp);
}
.chroma .cpf {
    color: var(--code-cpf);
}
.chroma .gd {
    background-color: var(--code-gd);
}
.chroma .ge {
    font-style: italic;
}
.chroma .gr {
    color: var(--code-gr);
}
.chroma .gh {
    color: var(--code-gh);
    font-weight: bold;
}
.chroma .gi {
    background-color: var(--code-gi);
}
.chroma .go {
    color: var(--code-go);
}
.chroma .gp {
    color: var(--code-gp);
    font-weight: bold;
}
.chroma .gs {
    font-weight: bold;
}
.chroma .gu {
    color: var(--code-gu);
    font-weight: bold;
}
.chroma .gt {
    color: var(--code-gt);
}
.chroma .gl {
    text-decoration: underline;
}
.chroma .w {
    color: var(--code-w);
}