/* Intentionally has zero specificity, so that to be able to override
the background in custom CSS file due bug https://github.com/facebook/docusaurus/issues/3678 */
:where(:root) {
  --docusaurus-highlighted-code-line-bg: rgb(72 77 91);
}

:where([data-theme="dark"]) {
  --docusaurus-highlighted-code-line-bg: rgb(100 100 100);
}

.openapi-explorer__code-block-code-line {
  display: table-row;
  counter-increment: line-count;
}

.openapi-explorer__code-block-code-line-number {
  display: table-cell;
  text-align: right;
  width: 1%;
  position: sticky;
  left: 0;
  padding: 0 var(--ifm-pre-padding);
  background: var(--ifm-pre-background);
  overflow-wrap: normal;
}

.openapi-explorer__code-block-code-line-number::before {
  content: counter(line-count);
  opacity: 0.4;
}

.openapi-explorer__code-block-code-line-number {
  padding-right: var(--ifm-pre-padding);
}