pre.wp-block-code {
  background: #1d1e22 !important;
  border: 2px solid #111;
  box-sizing: border-box;
  color: #FFF;
  padding: 1em 1em 1em 0.5em !important; }
  pre.wp-block-code code {
    padding: 0 !important; }
pre code {
  counter-reset: line; }

.line-wrap {
  display: flex; }
  .line-wrap:first-child .line-number,
  .line-wrap:first-child .line-code {
    padding-top: 0.25em; }
  .line-wrap:last-child .line-number,
  .line-wrap:last-child .line-code {
    padding-bottom: 0.25em; }
  .line-wrap .line-number {
    border-right: 1px solid #666;
    flex-shrink: 0;
    flex-basis: 2em;
    font-size: 12px;
    height: auto;
    padding: 0 0.75em 0 0;
    text-align: right;
    white-space: nowrap; }
    .line-wrap .line-number::before {
      counter-increment: line;
      content: counter(line);
      color: #666; }
  .line-wrap .line-code {
    flex: 1;
    margin: 0;
    padding: 0 0 0 1.25em; }