/*!
  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: .5rem;
}

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 {
    color: #d2cb56;
}

.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
}

.hljs-ln * {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0;
}

.hljs-ln td.hljs-ln-line.hljs-ln-numbers {
    padding: .2rem 0.4rem 0.2rem 0;
    text-align: center;
    width: 2rem;

}

.hljs-ln td.hljs-ln-line.hljs-ln-numbers * {
    color: #38a
}

.hljs-attr {
    color: #38a
}

.hljs-ln-code {
    color: #fff
}

.codeBox pre {
    padding: 0 !important;
    background-color: #282c34;
    display: flex;
    width: 100%;
}

.apiSampleCode > code {
    white-space: pre;
    overflow: auto !important;
    max-height: 40rem;
}

/*.apiSampleCode code::-webkit-scrollbar {*/
/*    width: 1rem;*/
/*    height: 1rem;*/
/*}*/
/*.apiSampleCode code::-webkit-scrollbar-thumb {*/
/*    background: #445361;*/
/*    background-clip: padding-box;*/
/*    border-width: .5rem .5rem .5rem .5rem;*/
/*    border: solid transparent;*/
/*    !*border-radius: 10px;*!*/
/*}*/
/*.apiSampleCode code::-webkit-scrollbar-thumb:hover {*/
/*    background: #c1c1c1;*/
/*    background-clip: padding-box;*/
/*    border-width: .1rem .1rem .1rem .1rem;*/
/*    border: solid transparent;*/
/*    opacity:.7;*/
/*}*/
/*.apiSampleCode code::-webkit-scrollbar-button {*/
/*    width: 3rem;*/
/*    height: .5rem;*/
/*    display:block;*/
/*}*/