/*
  Component name: Code Component
  Author: Angelos Chalaris (chalarangelo@gmail.com)
  Maintainers: Angelos Chalaris
  mini.css target version: v3.0.0 (or higher)
  mini.css module dependencies: core
*/
/* Code component CSS variable definitions */
:root {
  --cc-padding-left: 3.5rem;
  --cc-number-left: 1rem;
  --cc-number-width: 2rem;
  --cc-highlight-a-color: #4527a0;
  --cc-highlight-b-color: #1976d2;
  --cc-highlight-c-color: #388e3c;
  --border-color: #aaa;
  --universal-margin: 0.5rem;
  --universal-padding: 0.5rem;
}

pre {
  counter-reset: line;
}

pre > * {
  font-family: Menlo, Consolas, monospace;
  font-size: 0.85rem;
}

pre > .code-line {
  padding-left: var(--cc-padding-left);
}

pre > .code-line:before {
  counter-increment: line;
  content: counter(line);
  display: inline-block;
  border-right: 0.0625rem solid var(--pre-color);
  padding: 0 var(--universal-padding);
  margin-right: var(--universal-margin);
  color: var(--border-color);
  position: absolute;
  left: var(--cc-number-left);
  width: var(--cc-number-width);
  text-align: right;
}

pre > .code-line > * {
  line-height: 0;
  font-family: Menlo, Consolas, monospace;
}

pre .highlight-a {
  color: var(--cc-highlight-a-color);
}

pre .highlight-b {
  color: var(--cc-highlight-b-color);
}

pre .highlight-c {
  color: var(--cc-highlight-c-color);
}