.chroma {
  color: var(--syntax-text);
  background-color: var(--syntax-background);
  -webkit-text-size-adjust: none;
}

.chroma .err {
  color: var(--syntax-error-text);
  background-color: var(--syntax-error-background);
}

.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(--syntax-line-highlight);
}

.chroma .lnt,
.chroma .ln {
  white-space: pre;
  user-select: none;
  margin-right: 0.4em;
  padding: 0 0.4em;
  color: var(--syntax-line-number);
}

.chroma .line {
  display: flex;
}

.chroma .k,
.chroma .kc,
.chroma .kd,
.chroma .kn,
.chroma .kp,
.chroma .kr,
.chroma .kt {
  color: var(--syntax-keyword);
}

.chroma .na,
.chroma .nc,
.chroma .nx,
.chroma .p,
.chroma .ge,
.chroma .go {
  color: var(--syntax-name);
}

.chroma .no,
.chroma .nd,
.chroma .nt,
.chroma .m,
.chroma .mb,
.chroma .mf,
.chroma .mh,
.chroma .mi,
.chroma .il,
.chroma .mo,
.chroma .o,
.chroma .ow {
  color: var(--syntax-constant);
}

.chroma .ni,
.chroma .nb,
.chroma .nf,
.chroma .fm {
  color: var(--syntax-entity);
}

.chroma .nl {
  color: var(--syntax-label);
  font-weight: var(--font-weight-bold);
}

.chroma .nn {
  color: var(--syntax-namespace);
}

.chroma .nv,
.chroma .vc,
.chroma .vg,
.chroma .vi,
.chroma .vm {
  color: var(--syntax-variable);
}

.chroma .s,
.chroma .sa,
.chroma .sb,
.chroma .sc,
.chroma .dl,
.chroma .sd,
.chroma .s2,
.chroma .se,
.chroma .sh,
.chroma .si,
.chroma .sx,
.chroma .sr,
.chroma .s1 {
  color: var(--syntax-string);
}

.chroma .ss {
  color: var(--syntax-string-symbol);
}

.chroma .c,
.chroma .ch,
.chroma .cm,
.chroma .c1,
.chroma .cs,
.chroma .cp,
.chroma .cpf {
  color: var(--syntax-comment);
}

.chroma .gd {
  color: var(--syntax-deleted-text);
  background-color: var(--syntax-deleted-background);
}

.chroma .gi {
  color: var(--syntax-inserted-text);
  background-color: var(--syntax-inserted-background);
}

.chroma .gl {
  text-decoration: underline;
}