.katex-display {

background-color: $math-bg;
overflow-x: auto;
overflow-y: visible;

}

.katex-html {

padding: 10px 0px;

}

.highlight {

border-radius: $border-radius;

}

.highlighter-rouge {

color: var(--oc-black-5);

}

.rouge-table {

margin: 0;
font-size: 100%;

&,
td,
th {
  border: 0;
  padding: 0;
}

pre {
  padding: 0;
  margin: 0;
}

.gutter {
  vertical-align: top;
  user-select: none;
  opacity: .25;
  padding-right: $spacer;
}

}

code, pre {

font-family: $code-font;
background-color: $code-bg;

}

code {

padding: .1em .25em;
border-radius: $border-radius;
background-color: $code-bg;

}

pre {

display: block;
overflow: auto;
padding: $spacer;
margin: $spacer 0;

code {
  padding: 0;
  background-color: inherit;
  word-wrap: normal;
}

}