.annotated-code-snippet > div, .annotate_code_snippet_only_counter > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.code-snippet-row {
    display: flex;
    flex-direction: row;
}

.code-snippet-row > div:first-child {
    flex-basis: 70%;
}

.code-snippet-row > div:nth-child(2) {
    flex-basis: 15%;
}

.code-snippet-row > div:last-child {
    flex-basis: 15%;
}

.code-snippet-header {
    border-bottom: #000000 2px solid;
}

pre > code {
  counter-reset: listing;
}

.code-snippet-row:first-child::before{
    visibility: hidden;
}

.code-snippet-row:nth-child(2) {
  counter-reset: listing;
}

.code-snippet-row {
  counter-increment: listing;
}

.code-snippet-row::before {
    content: counter(listing) ". ";
    display: inline-block;
    min-width: 2.5em;
    margin-left: auto;
    text-align: right;
    border-right: #000000 1px solid;
    margin-right: 4px;
}

.code-snippet-row-oc {
  counter-increment: listing;
}

.code-snippet-row-oc::before {
    content: counter(listing) ". ";
    display: inline-block;
    min-width: 2.5em;
    margin-left: auto;
    text-align: right;
    border-right: #000000 1px solid;
    margin-right: 4px;
}