.prose {
  pre {
    @apply rounded-sm border border-gray-light-200 p-3 dark:border-gray-dark-400;
  }
  :not(pre) > code {
    display: inline-block;
    margin: 0 !important;
    white-space: nowrap;
    font-weight: 400;
    padding: 0 4px;
    border: 1px solid;
    border-radius: theme("spacing.1");
    background: theme("colors.gray.light.200");
    border-color: theme("colors.gray.light.300");
    .dark & {
      background: theme("colors.gray.dark.200");
      border-color: theme("colors.gray.dark.300");
    }
  }
  code::before {
    content: "";
  }
  code::after {
    content: "";
  }
}

.chroma {
  /* LineTableTD */
  .lntd {
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0;
  }
  /* LineTable */
  .lntable {
    border-spacing: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }
  @at-root .light {
    /* Other */
    .x {
      color: #000000;
    }
    /* Error */
    .err {
      color: #a40000;
    }
    /* CodeLine */
    .cl {
    }
    /* LineHighlight */
    .hl {
      background-color: #ffffcc;
    }
    /* LineNumbersTable */
    .lnt {
      white-space: pre;
      user-select: none;
      margin-right: 0.4em;
      padding: 0 0.4em 0 0.4em;
      color: #7f7f7f;
    }
    /* LineNumbers */
    .ln {
      white-space: pre;
      user-select: none;
      margin-right: 0.4em;
      padding: 0 0.4em 0 0.4em;
      color: #7f7f7f;
    }
    /* Line */
    .line {
      display: flex;
    }
    /* Keyword */
    .k {
      color: #204a87;
      font-weight: bold;
    }
    /* KeywordConstant */
    .kc {
      color: #204a87;
      font-weight: bold;
    }
    /* KeywordDeclaration */
    .kd {
      color: #204a87;
      font-weight: bold;
    }
    /* KeywordNamespace */
    .kn {
      color: #204a87;
      font-weight: bold;
    }
    /* KeywordPseudo */
    .kp {
      color: #204a87;
      font-weight: bold;
    }
    /* KeywordReserved */
    .kr {
      color: #204a87;
      font-weight: bold;
    }
    /* KeywordType */
    .kt {
      color: #204a87;
      font-weight: bold;
    }
    /* Name */
    .n {
      color: #000000;
    }
    /* NameAttribute */
    .na {
      color: #c4a000;
    }
    /* NameBuiltin */
    .nb {
      color: #204a87;
    }
    /* NameBuiltinPseudo */
    .bp {
      color: #3465a4;
    }
    /* NameClass */
    .nc {
      color: #000000;
    }
    /* NameConstant */
    .no {
      color: #000000;
    }
    /* NameDecorator */
    .nd {
      color: #5c35cc;
      font-weight: bold;
    }
    /* NameEntity */
    .ni {
      color: #ce5c00;
    }
    /* NameException */
    .ne {
      color: #cc0000;
      font-weight: bold;
    }
    /* NameFunction */
    .nf {
      color: #000000;
    }
    /* NameFunctionMagic */
    .fm {
      color: #000000;
    }
    /* NameLabel */
    .nl {
      color: #f57900;
    }
    /* NameNamespace */
    .nn {
      color: #000000;
    }
    /* NameOther */
    .nx {
      color: #000000;
    }
    /* NameProperty */
    .py {
      color: #000000;
    }
    /* NameTag */
    .nt {
      color: #204a87;
      font-weight: bold;
    }
    /* NameVariable */
    .nv {
      color: #5f25a0;
    }
    /* NameVariableClass */
    .vc {
      color: #000000;
    }
    /* NameVariableGlobal */
    .vg {
      color: #000000;
    }
    /* NameVariableInstance */
    .vi {
      color: #000000;
    }
    /* NameVariableMagic */
    .vm {
      color: #000000;
    }
    /* Literal */
    .l {
      color: #000000;
    }
    /* LiteralDate */
    .ld {
      color: #000000;
    }
    /* LiteralString */
    .s {
      color: #4e9a06;
    }
    /* LiteralStringAffix */
    .sa {
      color: #4e9a06;
    }
    /* LiteralStringBacktick */
    .sb {
      color: #4e9a06;
    }
    /* LiteralStringChar */
    .sc {
      color: #4e9a06;
    }
    /* LiteralStringDelimiter */
    .dl {
      color: #4e9a06;
    }
    /* LiteralStringDoc */
    .sd {
      color: #8f5902;
      font-style: italic;
    }
    /* LiteralStringDouble */
    .s2 {
      color: #4e9a06;
    }
    /* LiteralStringEscape */
    .se {
      color: #000;
    }
    /* LiteralStringHeredoc */
    .sh {
      color: #4e9a06;
    }
    /* LiteralStringInterpol */
    .si {
      color: #4e9a06;
    }
    /* LiteralStringOther */
    .sx {
      color: #4e9a06;
    }
    /* LiteralStringRegex */
    .sr {
      color: #4e9a06;
    }
    /* LiteralStringSingle */
    .s1 {
      color: #4e9a06;
    }
    /* LiteralStringSymbol */
    .ss {
      color: #4e9a06;
    }
    /* LiteralNumber */
    .m {
      color: #0000cf;
      font-weight: bold;
    }
    /* LiteralNumberBin */
    .mb {
      color: #0000cf;
      font-weight: bold;
    }
    /* LiteralNumberFloat */
    .mf {
      color: #0000cf;
      font-weight: bold;
    }
    /* LiteralNumberHex */
    .mh {
      color: #0000cf;
      font-weight: bold;
    }
    /* LiteralNumberInteger */
    .mi {
      color: #0000cf;
      font-weight: bold;
    }
    /* LiteralNumberIntegerLong */
    .il {
      color: #0000cf;
      font-weight: bold;
    }
    /* LiteralNumberOct */
    .mo {
      color: #0000cf;
      font-weight: bold;
    }
    /* Operator */
    .o {
      color: #ce5c00;
      font-weight: bold;
    }
    /* OperatorWord */
    .ow {
      color: #204a87;
      font-weight: bold;
    }
    /* Punctuation */
    .p {
      color: #000000;
      font-weight: bold;
    }
    /* Comment */
    .c {
      color: #8f5902;
      font-style: italic;
    }
    /* CommentHashbang */
    .ch {
      color: #8f5902;
      font-style: italic;
    }
    /* CommentMultiline */
    .cm {
      color: #8f5902;
      font-style: italic;
    }
    /* CommentSingle */
    .c1 {
      color: #8f5902;
      font-style: italic;
    }
    /* CommentSpecial */
    .cs {
      color: #8f5902;
      font-style: italic;
    }
    /* CommentPreproc */
    .cp {
      color: #8f5902;
      font-style: italic;
    }
    /* CommentPreprocFile */
    .cpf {
      color: #8f5902;
      font-style: italic;
    }
    /* Generic */
    .g {
      color: #000000;
    }
    /* GenericDeleted */
    .gd {
      color: #a40000;
    }
    /* GenericEmph */
    .ge {
      color: #000000;
      font-style: italic;
    }
    /* GenericError */
    .gr {
      color: #ef2929;
    }
    /* GenericHeading */
    .gh {
      color: #000080;
      font-weight: bold;
    }
    /* GenericInserted */
    .gi {
      color: #00a000;
    }
    /* GenericOutput */
    .go {
      color: #000000;
    }
    /* GenericPrompt */
    .gp {
      color: #8f5902;
    }
    /* GenericStrong */
    .gs {
      color: #000000;
      font-weight: bold;
    }
    /* GenericSubheading */
    .gu {
      color: #800080;
      font-weight: bold;
    }
    /* GenericTraceback */
    .gt {
      color: #a40000;
      font-weight: bold;
    }
    /* GenericUnderline */
    .gl {
      color: #000000;
      text-decoration: underline;
    }
    /* TextWhitespace */
    .w {
      color: var(--gray-100);
    }
  }

  @at-root .dark {
    /* Other */
    .x {
    }
    /* Error */
    .err {
    }
    /* CodeLine */
    .cl {
    }
    /* LineHighlight */
    .hl {
      background-color: #ffffcc;
    }
    /* LineNumbersTable */
    .lnt {
      white-space: pre;
      user-select: none;
      margin-right: 0.4em;
      padding: 0 0.4em 0 0.4em;
      color: #58626f;
    }
    /* LineNumbers */
    .ln {
      white-space: pre;
      user-select: none;
      margin-right: 0.4em;
      padding: 0 0.4em 0 0.4em;
      color: #58626f;
    }
    /* Line */
    .line {
      display: flex;
    }
    /* Keyword */
    .k {
      color: #76a9f9;
    }
    /* KeywordConstant */
    .kc {
      color: #e5c07b;
    }
    /* KeywordDeclaration */
    .kd {
      color: #76a9f9;
    }
    /* KeywordNamespace */
    .kn {
      color: #76a9f9;
    }
    /* KeywordPseudo */
    .kp {
      color: #76a9f9;
    }
    /* KeywordReserved */
    .kr {
      color: #76a9f9;
    }
    /* KeywordType */
    .kt {
      color: #e5c07b;
    }
    /* Name */
    .n {
      color: #aa89ea;
    }
    /* NameAttribute */
    .na {
      color: #cebc3a;
    }
    /* NameBuiltin */
    .nb {
      color: #e5c07b;
    }
    /* NameBuiltinPseudo */
    .bp {
      color: #aa89ea;
    }
    /* NameClass */
    .nc {
      color: #ca72ff;
    }
    /* NameConstant */
    .no {
      color: #aa89ea;
      font-weight: bold;
    }
    /* NameDecorator */
    .nd {
      color: #e5c07b;
    }
    /* NameEntity */
    .ni {
      color: #bda26f;
    }
    /* NameException */
    .ne {
      color: #fd7474;
      font-weight: bold;
    }
    /* NameFunction */
    .nf {
      color: #00b1f7;
    }
    /* NameFunctionMagic */
    .fm {
      color: #aa89ea;
    }
    /* NameLabel */
    .nl {
      color: #f5a40d;
    }
    /* NameNamespace */
    .nn {
      color: #ca72ff;
    }
    /* NameOther */
    .nx {
      color: #aa89ea;
    }
    /* NameProperty */
    .py {
      color: #cebc3a;
    }
    /* NameTag */
    .nt {
      color: #76a9f9;
    }
    /* NameVariable */
    .nv {
      color: #dcaeea;
    }
    /* NameVariableClass */
    .vc {
      color: #dcaeea;
    }
    /* NameVariableGlobal */
    .vg {
      color: #dcaeea;
      font-weight: bold;
    }
    /* NameVariableInstance */
    .vi {
      color: #e06c75;
    }
    /* NameVariableMagic */
    .vm {
      color: #dcaeea;
    }
    /* Literal */
    .l {
      color: #98c379;
    }
    /* LiteralDate */
    .ld {
      color: #98c379;
    }
    /* LiteralString */
    .s {
      color: #98c379;
    }
    /* LiteralStringAffix */
    .sa {
      color: #98c379;
    }
    /* LiteralStringBacktick */
    .sb {
      color: #98c379;
    }
    /* LiteralStringChar */
    .sc {
      color: #98c379;
    }
    /* LiteralStringDelimiter */
    .dl {
      color: #98c379;
    }
    /* LiteralStringDoc */
    .sd {
      color: #7e97c3;
    }
    /* LiteralStringDouble */
    .s2 {
      color: #63c381;
    }
    /* LiteralStringEscape */
    .se {
      color: #fff;
    }
    /* LiteralStringHeredoc */
    .sh {
      color: #98c379;
    }
    /* LiteralStringInterpol */
    .si {
      color: #98c379;
    }
    /* LiteralStringOther */
    .sx {
      color: #70b33f;
    }
    /* LiteralStringRegex */
    .sr {
      color: #56b6c2;
    }
    /* LiteralStringSingle */
    .s1 {
      color: #98c379;
    }
    /* LiteralStringSymbol */
    .ss {
      color: #56b6c2;
    }
    /* LiteralNumber */
    .m {
      color: #d19a66;
    }
    /* LiteralNumberBin */
    .mb {
      color: #d19a66;
    }
    /* LiteralNumberFloat */
    .mf {
      color: #d19a66;
    }
    /* LiteralNumberHex */
    .mh {
      color: #d19a66;
    }
    /* LiteralNumberInteger */
    .mi {
      color: #d19a66;
    }
    /* LiteralNumberIntegerLong */
    .il {
      color: #d19a66;
    }
    /* LiteralNumberOct */
    .mo {
      color: #d19a66;
    }
    /* Operator */
    .o {
      color: #54b1c7;
    }
    /* OperatorWord */
    .ow {
      color: #b756ff;
      font-weight: bold;
    }
    /* Punctuation */
    .p {
      color: #abb2bf;
    }
    /* Comment */
    .c {
      color: #8a93a5;
      font-style: italic;
    }
    /* CommentHashbang */
    .ch {
      color: #8a93a5;
      font-weight: bold;
      font-style: italic;
    }
    /* CommentMultiline */
    .cm {
      color: #8a93a5;
      font-style: italic;
    }
    /* CommentSingle */
    .c1 {
      color: #8a93a5;
      font-style: italic;
    }
    /* CommentSpecial */
    .cs {
      color: #8a93a5;
      font-style: italic;
    }
    /* CommentPreproc */
    .cp {
      color: #8a93a5;
      font-style: italic;
    }
    /* CommentPreprocFile */
    .cpf {
      color: #8a93a5;
      font-style: italic;
    }
    /* Generic */
    .g {
    }
    /* GenericDeleted */
    .gd {
      color: #dd4659;
    }
    /* GenericEmph */
    .ge {
      font-style: italic;
    }
    /* GenericError */
    .gr {
    }
    /* GenericHeading */
    .gh {
      color: #a2cbff;
      font-weight: bold;
    }
    /* GenericInserted */
    .gi {
      color: #a6e22e;
    }
    /* GenericOutput */
    .go {
      color: #fff;
    }
    /* GenericPrompt */
    .gp {
      color: #a6e22e;
    }
    /* GenericStrong */
    .gs {
      font-weight: bold;
    }
    /* GenericSubheading */
    .gu {
      color: #a2cbff;
    }
    /* GenericTraceback */
    .gt {
      color: #a2cbff;
    }
    /* GenericUnderline */
    .gl {
      text-decoration: underline;
    }
    /* TextWhitespace */
    .w {
    }
  }
}