code, kbd, pre {
  background-color: $grey-lightest;
  font-family: $family-monospace;
  font-size: 1rem;
  font-weight: 700;
  text-align: left;
}

p {
  code {
    padding: 0 0.5rem;
  }
}

.highlight {
  margin: 1rem 0;

  pre {
    padding: 1rem;
  }

  .err {
    color: $text;
  }

  .w {
    color: transparent;
  }

  .x, .n {
    color: $text;
  }

  .na {
    color: $blue;
  }

  .nb {
    color: $cyan;
  }

  .nc {
    color: $blue;
  }

  .no, .nd {
    color: $pink;
  }

  .ni, .ne {
    color: $text;
  }

  .nf {
    color: $cyan;
  }

  .nl {
    color: $blue-dark;
  }

  .nn {
    color: $green-light;
  }

  .nx {
    color: $cyan;
  }

  .py {
    color: $text;
  }

  .nt {
    color: $red;
  }

  .nv {
    color: $orange;
  }

  .vc, .vg, .vi, .bp, .o {
    color: $text;
  }

  .ow {
    color: $pink;
  }

  .c, .cm {
    color: $grey;
    font-style: italic;
  }

  .cp {
    color: $green;
    font-style: italic;
  }

  .c1, .cs {
    color: $grey;
    font-style: italic;
  }

  .k, .kc, .kd {
    color: $pink;
  }

  .kn {
    color: $blue;
  }

  .kp, .kr, .kt {
    color: $pink;
  }

  .l {
    color: $greenish;
  }

  .ld, .m, .mf, .mh, .mi, .mo, .il {
    color: $orange;
  }

  .s, .sb, .sc, .sd, .s2, .se, .sh, .si, .sx, .sr, .s1 {
    color: $greenish;
  }

  .ss {
    color: $cyan;
  }

  .g, .gd, .ge, .gr, .gh, .gi, .go, .gp, .gs, .gu, .gt {
    color: $blue-dark;
  }
}