pre {
  code.hljs {
    background: #1d1e21;
    color: #abb2bf;
    padding: 24px !important;
    font-size: 0.875rem;
  }

  .hljs-ln-n {
    min-width: 64px;
  }

  .hljs-tag {
    color: #abb2bf;

    .hljs-name {
      color: #e06c75;
    }
    .hljs-attr {
      color: #d19a66;
    }
    .hljs-string {
      color: #98c379;
    }
    .hljs-keyword {
      color: #c678dd;
    }
  }
  .hljs-name {
    color: #e06c75;
  }
  .hljs-attr {
    color: #f8f8f2;
  }
  .hljs-number {
    color: #d19a66;
  }
  .hljs-string {
    color: #98c379;
  }
  .hljs-keyword {
    color: #c678dd;
  }

  .white-text {
    .hljs-name,
    .hljs-attr,
    .hljs-number,
    .hljs-string,
    .hljs-keyword,
    .hljs-ln-n {
      color: var(--color-black-50);
      font-weight: normal;
    }
  }
}

[data-section="code"] {
  pre {
    code.hljs {
      min-height: 408px;
    }
  }
}