.chroma {
  background-color: var(--color-code);
  border-radius: 3px;
  padding: 16px;
  font-size: .95em;
  line-height: 1.6;
  overflow-x: auto;
}

.chroma .lnt, .chroma .ln {
  color: var(--color-fg3);
  -webkit-user-select: none;
  user-select: none;
  margin-right: .8em;
  padding-right: .8em;
}

.chroma .c, .chroma .ch, .chroma .cm, .chroma .c1, .chroma .cs, .chroma .cp, .chroma .cpf {
  color: var(--color-fg3);
  font-style: italic;
}

.chroma .k, .chroma .kc, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr, .chroma .kt {
  font-weight: 600;
}

.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, .chroma .ss {
  color: #22863a;
}

.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .il, .chroma .mo {
  color: #005cc5;
}

.chroma .nf, .chroma .fm, .chroma .nc {
  color: #6f42c1;
}

.chroma .err {
  color: #d73a49;
}