/* 
DO NOT UPDATE THIS FILE, INSTEAD OVERRIDE
STYLES ON style.css OR ANY OTHER FILE, SO
IT WOULD BE EASIER TO UPDATE CODEBASE IN
THE FUTURE
*/

html {
  scroll-behavior: smooth;
}

/* CODE HIGHLIGHTER START */
pre {
  tab-size: 2;
}

code {
  display: inline;
}

pre code {
  display: grid;
}

/* .line {
  counter-increment: count;
}

.line::before {
  content: counter(count);
  padding-inline: 0.5rem;
  opacity: 0.4;
} */

.highlighted {
  background-color: #374151;
}

.highlighted.error {
  background-color: rgba(244, 63, 94, .25);
}

.highlighted.warning {
  background-color: rgba(234, 179, 8, .15);
}

.diff.remove {
  background-color: rgba(164, 49, 69, 0.15);
}

.diff.remove::before {
  content: '-';
  font-weight: bold;
  font-size: medium;
}

.diff.add {
  background-color: rgba(48, 160, 123, 0.15);
}

.diff.add::before {
  content: '+';
  font-weight: bold;
  font-size: medium;
}

.rehype-code-title {
  margin-bottom: -2rem;
  padding: 0.5em 1em;
  font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
    'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono',
    'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier,
    monospace;
  border-top-left-radius: 0.3em;
  border-top-right-radius: 0.3em;
}

.rehype-code-title .copy {
  float: right;
  margin-bottom: -4rem;
}
/* CODE HIGHLIGHTER END */