.chroma {
  color: #4c4f69;
  background-color: #eff1f5;
}
.chroma .cl {
  color: #4c4f69;
}
.chroma .err {
  color: #d20f39;
}
.chroma .x {
  color: #4c4f69;
}
.chroma .hl {
  background-color: #bcc0cc;
}
.chroma .lnt {
  color: #8c8fa1;
  white-space: pre; 
  -webkit-user-select: none; 
  user-select: none; 
  margin-right: 0.4em; 
  padding: 0 0.4em 0 0.4em;
}
.chroma .ln {
  color: #8c8fa1;
  white-space: pre; 
  -webkit-user-select: none; 
  user-select: none; 
  margin-right: 0.4em; 
  padding: 0 0.4em 0 0.4em;
}
.chroma .k {
  color: #8839ef;
}
.chroma .kr {
  color: #8839ef;
}
.chroma .kp {
  color: #8839ef;
}
.chroma .kc {
  color: #fe640b;
}
.chroma .kd {
  color: #d20f39;
}
.chroma .kn {
  color: #179299;
}
.chroma .kt {
  color: #d20f39;
}
.chroma .n {
  color: #4c4f69;
}
.chroma .nc {
  color: #df8e1d;
}
.chroma .no {
  color: #df8e1d;
}
.chroma .nd {
  color: #1e66f5;
  font-weight: bold;
}
.chroma .ni {
  color: #179299;
}
.chroma .ne {
  color: #fe640b;
}
.chroma .nf {
  color: #1e66f5;
}
.chroma .fm {
  color: #1e66f5;
}
.chroma .nl {
  color: #04a5e5;
}
.chroma .nn {
  color: #fe640b;
}
.chroma .py {
  color: #fe640b;
}
.chroma .nt {
  color: #8839ef;
}
.chroma .nv {
  color: #dc8a78;
}
.chroma .vc {
  color: #dc8a78;
}
.chroma .vg {
  color: #dc8a78;
}
.chroma .vi {
  color: #dc8a78;
}
.chroma .vm {
  color: #dc8a78;
}
.chroma .na {
  color: #1e66f5;
}
.chroma .nb {
  color: #04a5e5;
}
.chroma .bp {
  color: #04a5e5;
}
.chroma .nx {
  color: #4c4f69;
}
.chroma .l {
  color: #4c4f69;
}
.chroma .ld {
  color: #4c4f69;
}
.chroma .s {
  color: #40a02b;
}
.chroma .sc {
  color: #40a02b;
}
.chroma .s1 {
  color: #40a02b;
}
.chroma .s2 {
  color: #40a02b;
}
.chroma .sb {
  color: #40a02b;
}
.chroma .sx {
  color: #40a02b;
}
.chroma .ss {
  color: #40a02b;
}
.chroma .si {
  color: #40a02b;
}
.chroma .sa {
  color: #d20f39;
}
.chroma .dl {
  color: #1e66f5;
}
.chroma .se {
  color: #1e66f5;
}
.chroma .sr {
  color: #179299;
}
.chroma .sd {
  color: #9ca0b0;
}
.chroma .sh {
  color: #9ca0b0;
}
.chroma .m {
  color: #fe640b;
}
.chroma .mb {
  color: #fe640b;
}
.chroma .mh {
  color: #fe640b;
}
.chroma .mi {
  color: #fe640b;
}
.chroma .mf {
  color: #fe640b;
}
.chroma .il {
  color: #fe640b;
}
.chroma .mo {
  color: #fe640b;
}
.chroma .o {
  color: #04a5e5;
  font-weight: bold;
}
.chroma .ow {
  color: #04a5e5;
  font-weight: bold;
}
.chroma .c {
  color: #9ca0b0;
  font-style: italic;
}
.chroma .c1 {
  color: #9ca0b0;
  font-style: italic;
}
.chroma .cm {
  color: #9ca0b0;
  font-style: italic;
}
.chroma .cs {
  color: #9ca0b0;
  font-style: italic;
}
.chroma .ch {
  color: #acb0be;
  font-style: italic;
}
.chroma .cp {
  color: #9ca0b0;
  font-style: italic;
}
.chroma .cpf {
  color: #9ca0b0;
  font-weight: bold;
}
.chroma .g {
  color: #4c4f69;
}
.chroma .gi {
  color: #40a02b;
  background-color: #ccd0da;
}
.chroma .gd {
  color: #d20f39;
  background-color: #ccd0da;
}
.chroma .ge {
  color: #4c4f69;
  font-style: italic;
}
.chroma .gs {
  color: #4c4f69;
  font-weight: bold;
}
.chroma .gl {
  color: #4c4f69;
  text-decoration: underline;
}
.chroma .gh {
  color: #fe640b;
  font-weight: bold;
}
.chroma .gu {
  color: #fe640b;
  font-weight: bold;
}
.chroma .go {
  color: #4c4f69;
}
.chroma .gp {
  color: #4c4f69;
}
.chroma .gr {
  color: #d20f39;
}
.chroma .gt {
  color: #d20f39;
}

@media (prefers-color-scheme: dark) {
  .chroma {
    color: #cdd6f4;
    background-color: #1e1e2e;
  }
  .chroma .cl {
    color: #cdd6f4;
  }
  .chroma .err {
    color: #f38ba8;
  }
  .chroma .x {
    color: #cdd6f4;
  }
  .chroma .hl {
    background-color: #45475a;
  }
  .chroma .lnt {
    color: #7f849c;
    white-space: pre; 
    -webkit-user-select: none; 
    user-select: none; 
    margin-right: 0.4em; 
    padding: 0 0.4em 0 0.4em;
  }
  .chroma .ln {
    color: #7f849c;
    white-space: pre; 
    -webkit-user-select: none; 
    user-select: none; 
    margin-right: 0.4em; 
    padding: 0 0.4em 0 0.4em;
  }
  .chroma .k {
    color: #cba6f7;
  }
  .chroma .kr {
    color: #cba6f7;
  }
  .chroma .kp {
    color: #cba6f7;
  }
  .chroma .kc {
    color: #fab387;
  }
  .chroma .kd {
    color: #f38ba8;
  }
  .chroma .kn {
    color: #94e2d5;
  }
  .chroma .kt {
    color: #f38ba8;
  }
  .chroma .n {
    color: #cdd6f4;
  }
  .chroma .nc {
    color: #f9e2af;
  }
  .chroma .no {
    color: #f9e2af;
  }
  .chroma .nd {
    color: #89b4fa;
    font-weight: bold;
  }
  .chroma .ni {
    color: #94e2d5;
  }
  .chroma .ne {
    color: #fab387;
  }
  .chroma .nf {
    color: #89b4fa;
  }
  .chroma .fm {
    color: #89b4fa;
  }
  .chroma .nl {
    color: #89dceb;
  }
  .chroma .nn {
    color: #fab387;
  }
  .chroma .py {
    color: #fab387;
  }
  .chroma .nt {
    color: #cba6f7;
  }
  .chroma .nv {
    color: #f5e0dc;
  }
  .chroma .vc {
    color: #f5e0dc;
  }
  .chroma .vg {
    color: #f5e0dc;
  }
  .chroma .vi {
    color: #f5e0dc;
  }
  .chroma .vm {
    color: #f5e0dc;
  }
  .chroma .na {
    color: #89b4fa;
  }
  .chroma .nb {
    color: #89dceb;
  }
  .chroma .bp {
    color: #89dceb;
  }
  .chroma .nx {
    color: #cdd6f4;
  }
  .chroma .l {
    color: #cdd6f4;
  }
  .chroma .ld {
    color: #cdd6f4;
  }
  .chroma .s {
    color: #a6e3a1;
  }
  .chroma .sc {
    color: #a6e3a1;
  }
  .chroma .s1 {
    color: #a6e3a1;
  }
  .chroma .s2 {
    color: #a6e3a1;
  }
  .chroma .sb {
    color: #a6e3a1;
  }
  .chroma .sx {
    color: #a6e3a1;
  }
  .chroma .ss {
    color: #a6e3a1;
  }
  .chroma .si {
    color: #a6e3a1;
  }
  .chroma .sa {
    color: #f38ba8;
  }
  .chroma .dl {
    color: #89b4fa;
  }
  .chroma .se {
    color: #89b4fa;
  }
  .chroma .sr {
    color: #94e2d5;
  }
  .chroma .sd {
    color: #6c7086;
  }
  .chroma .sh {
    color: #6c7086;
  }
  .chroma .m {
    color: #fab387;
  }
  .chroma .mb {
    color: #fab387;
  }
  .chroma .mh {
    color: #fab387;
  }
  .chroma .mi {
    color: #fab387;
  }
  .chroma .mf {
    color: #fab387;
  }
  .chroma .il {
    color: #fab387;
  }
  .chroma .mo {
    color: #fab387;
  }
  .chroma .o {
    color: #89dceb;
    font-weight: bold;
  }
  .chroma .ow {
    color: #89dceb;
    font-weight: bold;
  }
  .chroma .c {
    color: #6c7086;
    font-style: italic;
  }
  .chroma .c1 {
    color: #6c7086;
    font-style: italic;
  }
  .chroma .cm {
    color: #6c7086;
    font-style: italic;
  }
  .chroma .cs {
    color: #6c7086;
    font-style: italic;
  }
  .chroma .ch {
    color: #585b70;
    font-style: italic;
  }
  .chroma .cp {
    color: #6c7086;
    font-style: italic;
  }
  .chroma .cpf {
    color: #6c7086;
    font-weight: bold;
  }
  .chroma .g {
    color: #cdd6f4;
  }
  .chroma .gi {
    color: #a6e3a1;
    background-color: #313244;
  }
  .chroma .gd {
    color: #f38ba8;
    background-color: #313244;
  }
  .chroma .ge {
    color: #cdd6f4;
    font-style: italic;
  }
  .chroma .gs {
    color: #cdd6f4;
    font-weight: bold;
  }
  .chroma .gl {
    color: #cdd6f4;
    text-decoration: underline;
  }
  .chroma .gh {
    color: #fab387;
    font-weight: bold;
  }
  .chroma .gu {
    color: #fab387;
    font-weight: bold;
  }
  .chroma .go {
    color: #cdd6f4;
  }
  .chroma .gp {
    color: #cdd6f4;
  }
  .chroma .gr {
    color: #f38ba8;
  }
  .chroma .gt {
    color: #f38ba8;
  }
}