/*!
  Theme: Default
  Description: Original highlight.js style
  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
  Maintainer: @highlightjs/core-team
  Website: https://highlightjs.org/
  License: see project LICENSE
  Touched: 2021
*/

/*
This is left on purpose making default.css the single file that can be lifted
as-is from the repository directly without the need for a build step

Typically this "required" baseline CSS is added by `makestuff.js` during build.
*/
pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em;
  }
  
  code.hljs {
    padding: 3px 5px;
  }
  /* end baseline CSS */
  
  .hljs {
    background: #F3F3F3;
    color: #444;
  }
  
  /* Base color: saturation 0; */
  
  .hljs-subst {
    /* default */
  }
  
  /* purposely ignored */
  .hljs-formula,
  .hljs-attr,
  .hljs-property,
  .hljs-params {}
  
  .hljs-comment {
    color: #697070;
  }
  .hljs-tag,
  .hljs-punctuation {
    color: #444a;
  }
  
  .hljs-tag .hljs-name,
  .hljs-tag .hljs-attr {
    color: #444;
  }
  
  
  .hljs-keyword,
  .hljs-attribute,
  .hljs-selector-tag,
  .hljs-meta .hljs-keyword,
  
  .hljs-doctag,
  .hljs-name {
    font-weight: bold;
  }
  
  
  /* User color: hue: 0 */
  
  .hljs-type,
  .hljs-string,
  .hljs-number,
  .hljs-selector-id,
  .hljs-selector-class,
  .hljs-quote,
  .hljs-template-tag,
  .hljs-deletion {
    color: #880000;
  }
  
  .hljs-title,
  .hljs-section {
    color: #880000;
    font-weight: bold;
  }
  
  .hljs-regexp,
  .hljs-symbol,
  .hljs-variable,
  .hljs-template-variable,
  .hljs-link,
  .hljs-selector-attr,
  .hljs-operator,
  .hljs-selector-pseudo {
    color: #ab5656;
  }
  
  /* Language color: hue: 90; */
  
  .hljs-literal {
    color: #695;
  }
  
  .hljs-built_in,
  .hljs-bullet,
  .hljs-code,
  .hljs-addition {
    color: #397300;
  }
  
  
  /* Meta color: hue: 200 */
  
  .hljs-meta {
    color: #1f7199;
  }
  
  .hljs-meta .hljs-string {
    color: #38a;
  }
  
  
  /* Misc effects */
  
  .hljs-emphasis {
    font-style: italic;
  }
  
  .hljs-strong {
    font-weight: bold;
  }

  /* -------------------- HIGHLIGHT.JS CUSTOM FORMATTING -------------------- */

@font-face {
    font-family: 'Noto Sans Mono';
    src: url('https://uploads-ssl.webflow.com/6320e912264435aca2ab0351/6451b9e9ca1acb15febd289f_NotoSansMono-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Noto Sans Mono';
    src: url('https://uploads-ssl.webflow.com/6320e912264435aca2ab0351/6451b9e9ca1acb3e57bd28a0_NotoSansMono-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  pre {
    font-family: 'Noto Sans Mono', monospace !important;
    margin-top: 0;
    margin-bottom: 0;
  }
  
  pre code.hljs {
    font-family: 'Noto Sans Mono', monospace !important;
    padding: 15px 20px;
    width: 100%;
    max-height: 404px;
    color: var(--light-gray);
    border-radius: 5px;
    font-size: 14px;
    line-height: 21px;
    background: var(--off-midnight);
    display: block;
    overflow: auto;
  }
  
  .hljs ::selection, .hljs::selection {
    background-color: var(--off-midnight);
    color: var(--light-gray);
  }
  .hljs-comment {
    color: var(--medium-gray);
  };
  .hljs-tag, .hljs-operator, .hljs-punctuation, .hljs-subst {
    color: var(--border-light);
  }
  .hljs-operator {
    opacity: 0.7;
  }
  .hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string,
  .hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable {
    color: var(--red);
  }
  .hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_ {
    color: var(--orange);
  }
  .hljs-class .hljs-title,.hljs-title,.hljs-title.class_ {
    color: var(--yellow);
  }
  .hljs-strong {
    font-weight: 700;
    color: var(--yellow);
  }
  .hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__ {
    color: var(--green);
  }
  .hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp {
    color: var(--light-blue);
  }
  .hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property {
    color: var(--blue);
  }
  .diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type {
    color: var(--lilac);
  }
  .hljs-emphasis {
    color: var(--lilac);
    font-style: italic;
  }
  .hljs-meta .hljs-keyword,.hljs-meta-keyword {
    font-weight: 700;
  }