:root {
    --code-red: #CB071D;
    --code-green: #7EAC21;
    --code-yellow: #a47d00;
    --code-blue: #0277AA;
    --code-magenta: #AE166B;
    --code-purple: var(--code-blue);
    --code-aqua: #1b8ea6;
    --code-orange: #c44d5a;
    --code-gray: #5f6672;
    --code-comment: #6F7D8D;
    --code-namespace: #6b1e3c;
    --code-red-dim: #cc4b4b;
    --code-green-dim: #94c846;
    --code-yellow-dim: #916f00;
    --code-blue-dim: #2a93c3;
    --code-magenta-dim: #c33985;
    --code-purple-dim: #5f50bc;
    --code-aqua-dim: #187d92;
    --code-gray-dim: #4a515c;
    --code-orange-dim: #ad4450;
    --code-hover-bg: rgba(128, 128, 128, 0.10);
  }
  .darkmode {
    --code-red: #ff7a86;
    --code-green: #b6d968;
    --code-yellow: #ffd36e;
    --code-blue: #5fb6de;
    --code-magenta: #ff66b3;
    --code-purple: var(--code-blue);
    --code-aqua: #95e3f2;
    --code-gray: #b0b0b0;
    --code-comment: #9aa9b7;
    --code-namespace: #d07b9a;
    --code-orange: #ff9bb3;
    --code-red-dim: #ffa3a3;
    --code-green-dim: #c9e58a;
    --code-yellow-dim: #ffe393;
    --code-blue-dim: #7ec6e6;
    --code-magenta-dim: #ff85c4;
    --code-purple-dim: #e4d7ff;
    --code-aqua-dim: #b8effa;
    --code-gray-dim: #c8c8c8;
    --code-orange-dim: #ffc0d0;
    --code-hover-bg: rgba(128, 128, 128, 0.30);
  }

  .redmode {
    --code-red: #ff9999;
    --code-green: #a8d060;
    --code-yellow: #f0c868;
    --code-blue: #70b8d8;
    --code-magenta: #f078b8;
    --code-purple: var(--code-blue);
    --code-aqua: #88d8e8;
    --code-gray: #b0a0a0;
    --code-comment: #a09090;
    --code-namespace: #d08090;
    --code-orange: #f090a0;
    --code-red-dim: #f0b0b0;
    --code-green-dim: #c0d880;
    --code-yellow-dim: #e8d080;
    --code-blue-dim: #88c8e0;
    --code-magenta-dim: #e890c0;
    --code-purple-dim: #d0c0f0;
    --code-aqua-dim: #a8e8f0;
    --code-gray-dim: #c0b0b0;
    --code-orange-dim: #f0b0c0;
    --code-hover-bg: rgba(255, 100, 100, 0.25);
  }

.bg { color:var(--fg);background-color:var(--bg); }
.chroma { color:var(--fg2);background-color:var(--bg); }
.chroma .x { color: var(--code-gray); }
.chroma .err { color:var(--code-red); }
.chroma .cl { color: inherit; }
.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(--bg1); }
.chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:var(--fg4); }
.chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:var(--fg4); }
.chroma .line { display:flex; }
.chroma .k { color:var(--code-blue); }
.chroma .kc { color:var(--code-magenta); }
.chroma .kd { color:var(--code-red); }
.chroma .kn { color:var(--code-blue); }
.chroma .kp { color:var(--code-blue); }
.chroma .kr { color:var(--code-blue); }
.chroma .kt { color:var(--code-red); }
.chroma .n { color: var(--fg2); }
.chroma .na { color:var(--code-blue); }
.chroma .nc { color:var(--code-yellow); }
.chroma .no { color:var(--code-yellow); }
.chroma .nd { color:var(--code-blue);font-weight:bold }
.chroma .ni { color:var(--code-aqua); }
.chroma .ne { color:var(--code-blue); }
.chroma .nl { color:var(--code-aqua); }
.chroma .nn { color:var(--code-namespace); }
.chroma .nx { color: var(--fg4); }
.chroma .py { color:var(--code-orange); }
.chroma .nt { color:var(--code-blue); }
.chroma .nb { color:var(--code-blue); }
.chroma .bp { color:var(--code-blue); }
.chroma .nv { color:var(--fg); }
.chroma .vc { color:var(--fg); }
.chroma .vg { color:var(--fg); }
.chroma .vi { color:var(--fg); }
.chroma .vm { color:var(--fg); }
.chroma .nf { color:var(--code-blue); }
.chroma .fm { color:var(--code-blue); }
.chroma .l { color: var(--fg2); }
.chroma .ld { color: var(--fg2); }
.chroma .s { color:var(--code-green); }
.chroma .sa { color:var(--code-blue); }
.chroma .sb { color:var(--code-green); }
.chroma .sc { color:var(--code-green); }
.chroma .dl { color:var(--code-blue); }
.chroma .sd { color:var(--fg2); }
.chroma .s2 { color:var(--code-green); }
.chroma .se { color:var(--code-blue); }
.chroma .sh { color:var(--fg2); }
.chroma .si { color:var(--code-green); }
.chroma .sx { color:var(--code-green); }
.chroma .sr { color:var(--code-aqua); }
.chroma .s1 { color:var(--code-green); }
.chroma .ss { color:var(--code-green); }
.chroma .m { color:var(--code-red); }
.chroma .mb { color:var(--code-red); }
.chroma .mf { color:var(--code-red); }
.chroma .mh { color:var(--code-red); }
.chroma .mi { color:var(--code-red); }
.chroma .il { color:var(--code-red); }
.chroma .mo { color:var(--code-red); }
.chroma .o { color:color-mix(in srgb, var(--fg2) 70%, transparent);font-weight:normal }
.chroma .ow { color:color-mix(in srgb, var(--fg2) 70%, transparent);font-weight:normal }
.chroma .p { color: color-mix(in srgb, var(--fg2) 85%, white); }
.chroma .c { color:var(--code-comment);font-style:normal }
.chroma .ch { color:var(--code-comment);font-style:normal }
.chroma .cm { color:var(--code-comment);font-style:normal }
.chroma .c1 { color:var(--code-comment);font-style:normal }
.chroma .cs { color:var(--code-comment);font-style:normal }
.chroma .cp { color:var(--code-comment);font-style:normal }
.chroma .cpf { color:var(--code-comment);font-weight:bold;font-style:normal }
.chroma .g { color: var(--fg4); }
.chroma .gd { color:var(--code-red);background-color:var(--bg1); }
.chroma .ge { font-style:italic }
.chroma .gr { color:var(--code-red); }
.chroma .gh { color:var(--code-orange);font-weight:bold }
.chroma .gi { color:var(--code-green);background-color:var(--bg1); }
.chroma .go { color: var(--fg2); }
.chroma .gp { color: var(--fg2); }
.chroma .gs { font-weight:bold }
.chroma .gu { color:var(--code-orange);font-weight:bold }
.chroma .gt { color:var(--code-red); }
.chroma .gl { text-decoration:underline }
.chroma .w { color: var(--fg4); }