figure.highlight {
  overflow-x: auto;
  border-radius: 6px;

  table {
    font-size: 14px;
    width: 100%;
    height: 100%;
    margin: unset;
    border: unset;
    tbody {
      background: #0d1117;
    }

    td {
      border: none;
      padding: unset;
    }

    th {
      border: none;
      padding: unset;
    }

    .gutter {
      text-align: right;
      border-right: gray solid 1px;
      pre {
        padding: 0 8px;
        color: green;
      }
    }

    .code {
      pre {
        padding-left: 8px;
        margin: 0;
        code {
          margin: 0;
          padding: 0;

          mark {
            background-color: rgb(80, 80, 80);
          }
        }

        /*!
                 * Theme: GitHub Dark
                 * Description: Dark theme as seen on github.com
                 * Author: github.com
                 * Maintainer: @Hirse
                 * Updated: 2021-05-15
                 *
                 * Outdated base version: https://github.com/primer/github-syntax-dark
                 * Current colors taken from GitHub's CSS
                 */
        .hljs {
          color: #c9d1d9;
          background: #0d1117;
        }
        .hljs-doctag,
        .hljs-keyword,
        .hljs-meta .hljs-keyword,
        .hljs-template-tag,
        .hljs-template-variable,
        .hljs-type,
        .hljs-variable.language_ {
          color: #ff7b72;
        }
        .hljs-title,
        .hljs-title.class_,
        .hljs-title.class_.inherited__,
        .hljs-title.function_ {
          color: #d2a8ff;
        }
        .hljs-attr,
        .hljs-attribute,
        .hljs-literal,
        .hljs-meta,
        .hljs-number,
        .hljs-operator,
        .hljs-selector-attr,
        .hljs-selector-class,
        .hljs-selector-id,
        .hljs-variable {
          color: #79c0ff;
        }
        .hljs-meta .hljs-string,
        .hljs-regexp,
        .hljs-string {
          color: #a5d6ff;
        }
        .hljs-built_in,
        .hljs-symbol {
          color: #ffa657;
        }
        .hljs-code,
        .hljs-comment,
        .hljs-formula {
          color: #8b949e;
        }
        .hljs-name,
        .hljs-quote,
        .hljs-selector-pseudo,
        .hljs-selector-tag {
          color: #7ee787;
        }
        .hljs-subst {
          color: #c9d1d9;
        }
        .hljs-section {
          color: #1f6feb;
          font-weight: 700;
        }
        .hljs-bullet {
          color: #f2cc60;
        }
        .hljs-emphasis {
          color: #c9d1d9;
          font-style: italic;
        }
        .hljs-strong {
          color: #c9d1d9;
          font-weight: 700;
        }
        .hljs-addition {
          color: #aff5b4;
          background-color: #033a16;
        }
        .hljs-deletion {
          color: #ffdcd7;
          background-color: #67060c;
        }
      }
    }
  }
}
