/* --- Code blocks --- */
code, pre {
  padding: 7px;
  font-size: 0.9em;
  font-family: "Courier New", Consolas, Monaco, Menlo, "DejaVu Sans Mono", "Bitstream Vera Sans Mono",  monospace;
  background: #f8f5ec;
}

code {
  padding: 3px 5px;
  border-radius: 4px;
  color: #c7254e;
}

.highlight > .chroma {
  margin: 1em 0;
  border-radius: 5px;
  overflow-x: auto;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.125);
  position: relative;
  background: #f8f5ec;
  /* LineNumberspre */
  /* LineHighlight */
  /* Keyword */
  /* KeywordConstant */
  /* KeywordDeclaration */
  /* KeywordNamespace */
  /* KeywordPseudo */
  /* KeywordReserved */
  /* KeywordType */
  /* Name */
  /* NameAttribute */
  /* NameBuiltin */
  /* NameBuiltinPseudo */
  /* NameClass */
  /* NameConstant */
  /* NameDecorator */
  /* NameEntity */
  /* NameException */
  /* NameFunction */
  /* NameFunctionMagic */
  /* NameLabel */
  /* NameNamespace */
  /* NameOther */
  /* NameProperty */
  /* NameTag */
  /* NameVariable */
  /* NameVariableClass */
  /* NameVariableGlobal */
  /* NameVariableInstance */
  /* NameVariableMagic */
  /* Literal */
  /* LiteralDate */
  /* LiteralString */
  /* LiteralStringAffix */
  /* LiteralStringBacktick */
  /* LiteralStringChar */
  /* LiteralStringDelimiter */
  /* LiteralStringDoc */
  /* LiteralStringDouble */
  /* LiteralStringEscape */
  /* LiteralStringHeredoc */
  /* LiteralStringInterpol */
  /* LiteralStringOther */
  /* LiteralStringRegex */
  /* LiteralStringSingle */
  /* LiteralStringSymbol */
  /* LiteralNumber */
  /* LiteralNumberBin */
  /* LiteralNumberFloat */
  /* LiteralNumberHex */
  /* LiteralNumberInteger */
  /* LiteralNumberIntegerLong */
  /* LiteralNumberOct */
  /* OperatorWord */
  /* Comment */
  /* CommentHashbang */
  /* CommentMultiline */
  /* CommentSingle */
  /* CommentSpecial */
  /* CommentPreproc */
  /* CommentPreprocFile */
  /* Generic */
  /* GenericDeleted */
  /* GenericEmph */
  /* GenericError */
  /* GenericHeading */
  /* GenericInserted */
  /* GenericOutput */
  /* GenericPrompt */
  /* GenericStrong */
  /* GenericSubheading */
  /* GenericTraceback */
}

.highlight > .chroma code {
  padding: 0;
}

.highlight > .chroma {
  position: relative;
}

.highlight > .chroma ::after {
  position: absolute;
  top: 0;
  right: 0;
  /* left: 0; */
  padding: 2px 7px;
  font-size: 0.9em;
  font-weight: bold;
  color: #b1b1b1;
  background: #f4efe1;
  content: 'Code';
}

.highlight > .chroma.language-bash ::after {
  content: "Bash";
}

.highlight > .chroma.language-c ::after {
  content: "C";
}

.highlight > .chroma.language-cs ::after {
  content: "C#";
}

.highlight > .chroma.language-c\+\+ ::after {
  content: "C++";
}

.highlight > .chroma.language-css ::after {
  content: "CSS";
}

.highlight > .chroma.language-coffeescript ::after {
  content: "CoffeeScript";
}

.highlight > .chroma.language-html ::after {
  content: "HTML";
}

.highlight > .chroma.language-xml ::after {
  content: "XML";
}

.highlight > .chroma.language-http ::after {
  content: "HTTP";
}

.highlight > .chroma.language-json ::after {
  content: "JSON";
}

.highlight > .chroma.language-java ::after {
  content: "Java";
}

.highlight > .chroma.language-js ::after {
  content: "JavaScript";
}

.highlight > .chroma.language-javascript ::after {
  content: "JavaScript";
}

.highlight > .chroma.language-makefile ::after {
  content: "Makefile";
}

.highlight > .chroma.language-markdown ::after {
  content: "Markdown";
}

.highlight > .chroma.language-objectivec ::after {
  content: "Objective-C";
}

.highlight > .chroma.language-php ::after {
  content: "PHP";
}

.highlight > .chroma.language-perl ::after {
  content: "Perl";
}

.highlight > .chroma.language-python ::after {
  content: "Python";
}

.highlight > .chroma.language-ruby ::after {
  content: "Ruby";
}

.highlight > .chroma.language-sql ::after {
  content: "SQL";
}

.highlight > .chroma.language-shell ::after {
  content: "Shell";
}

.highlight > .chroma.language-erlang ::after {
  content: "Erlang";
}

.highlight > .chroma.language-go ::after {
  content: "Go";
}

.highlight > .chroma.language-go-html-template ::after {
  content: "Go HTML Template";
}

.highlight > .chroma.language-groovy ::after {
  content: "Groovy";
}

.highlight > .chroma.language-haskell ::after {
  content: "Haskell";
}

.highlight > .chroma.language-kotlin ::after {
  content: "Kotlin";
}

.highlight > .chroma.language-clojure ::after {
  content: "Clojure";
}

.highlight > .chroma.language-less ::after {
  content: "Less";
}

.highlight > .chroma.language-lisp ::after {
  content: "Lisp";
}

.highlight > .chroma.language-lua ::after {
  content: "Lua";
}

.highlight > .chroma.language-matlab ::after {
  content: "Matlab";
}

.highlight > .chroma.language-rust ::after {
  content: "Rust";
}

.highlight > .chroma.language-scss ::after {
  content: "Scss";
}

.highlight > .chroma.language-scala ::after {
  content: "Scala";
}

.highlight > .chroma.language-swift ::after {
  content: "Swift";
}

.highlight > .chroma.language-typescript ::after {
  content: "TypeScript";
}

.highlight > .chroma.language-yml ::after {
  content: "YAML";
}

.highlight > .chroma.language-yaml ::after {
  content: "YAML";
}

.highlight > .chroma.language-dockerfile ::after {
  content: "Dockerfile";
}

.highlight > .chroma.language-toml ::after {
  content: "TOML";
}

.highlight > .chroma.language-diff ::after {
  content: "Diff";
}

.highlight > .chroma .lntd {
  line-height: 1em;
}

.highlight > .chroma .lntd:first-child {
  width: 10px;
}

.highlight > .chroma .lntd:first-child pre {
  margin: 0;
  padding: 30px 7px 10px;
}

.highlight > .chroma .lntd:last-child {
  vertical-align: top;
}

.highlight > .chroma .lntd:last-child pre {
  margin: 0;
  padding: 30px 10px 10px;
}

.highlight > .chroma pre, .highlight > .chroma tr, .highlight > .chroma td {
  margin: 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
}

.highlight > .chroma .ln {
  padding-right:2em;
}

.highlight > .chroma .lnt {
  color: #cacaca;
}

.highlight > .chroma .hl {
  display: block;
  width: 100%;
  background-color: #ffffcc;
}

.highlight > .chroma .k {
  color: #859900;
}

.highlight > .chroma .kc {
  color: #859900;
  font-weight: bold;
}

.highlight > .chroma .kd {
  color: #859900;
}

.highlight > .chroma .kn {
  color: #dc322f;
  font-weight: bold;
}

.highlight > .chroma .kp {
  color: #859900;
}

.highlight > .chroma .kr {
  color: #859900;
}

.highlight > .chroma .kt {
  color: #859900;
  font-weight: bold;
}

.highlight > .chroma .n {
  color: #268bd2;
}

.highlight > .chroma .na {
  color: #268bd2;
}

.highlight > .chroma .nb {
  color: #cb4b16;
}

.highlight > .chroma .bp {
  color: #268bd2;
}

.highlight > .chroma .nc {
  color: #cb4b16;
}

.highlight > .chroma .no {
  color: #268bd2;
}

.highlight > .chroma .nd {
  color: #268bd2;
}

.highlight > .chroma .ni {
  color: #268bd2;
}

.highlight > .chroma .ne {
  color: #268bd2;
}

.highlight > .chroma .nf {
  color: #268bd2;
}

.highlight > .chroma .fm {
  color: #268bd2;
}

.highlight > .chroma .nl {
  color: #268bd2;
}

.highlight > .chroma .nn {
  color: #268bd2;
}

.highlight > .chroma .nx {
  color: #268bd2;
}

.highlight > .chroma .py {
  color: #268bd2;
}

.highlight > .chroma .nt {
  color: #268bd2;
  font-weight: bold;
}

.highlight > .chroma .nv {
  color: #268bd2;
}

.highlight > .chroma .vc {
  color: #268bd2;
}

.highlight > .chroma .vg {
  color: #268bd2;
}

.highlight > .chroma .vi {
  color: #268bd2;
}

.highlight > .chroma .vm {
  color: #268bd2;
}

.highlight > .chroma .l {
  color: #2aa198;
}

.highlight > .chroma .ld {
  color: #2aa198;
}

.highlight > .chroma .s {
  color: #2aa198;
}

.highlight > .chroma .sa {
  color: #2aa198;
}

.highlight > .chroma .sb {
  color: #2aa198;
}

.highlight > .chroma .sc {
  color: #2aa198;
}

.highlight > .chroma .dl {
  color: #2aa198;
}

.highlight > .chroma .sd {
  color: #2aa198;
}

.highlight > .chroma .s2 {
  color: #2aa198;
}

.highlight > .chroma .se {
  color: #2aa198;
}

.highlight > .chroma .sh {
  color: #2aa198;
}

.highlight > .chroma .si {
  color: #2aa198;
}

.highlight > .chroma .sx {
  color: #2aa198;
}

.highlight > .chroma .sr {
  color: #2aa198;
}

.highlight > .chroma .s1 {
  color: #2aa198;
}

.highlight > .chroma .ss {
  color: #2aa198;
}

.highlight > .chroma .m {
  color: #2aa198;
  font-weight: bold;
}

.highlight > .chroma .mb {
  color: #2aa198;
  font-weight: bold;
}

.highlight > .chroma .mf {
  color: #2aa198;
  font-weight: bold;
}

.highlight > .chroma .mh {
  color: #2aa198;
  font-weight: bold;
}

.highlight > .chroma .mi {
  color: #2aa198;
  font-weight: bold;
}

.highlight > .chroma .il {
  color: #2aa198;
  font-weight: bold;
}

.highlight > .chroma .mo {
  color: #2aa198;
  font-weight: bold;
}

.highlight > .chroma .ow {
  color: #859900;
}

.highlight > .chroma .c {
  color: #93a1a1;
  font-style: italic;
}

.highlight > .chroma .ch {
  color: #93a1a1;
  font-style: italic;
}

.highlight > .chroma .cm {
  color: #93a1a1;
  font-style: italic;
}

.highlight > .chroma .c1 {
  color: #93a1a1;
  font-style: italic;
}

.highlight > .chroma .cs {
  color: #93a1a1;
  font-style: italic;
}

.highlight > .chroma .cp {
  color: #93a1a1;
  font-style: italic;
}

.highlight > .chroma .cpf {
  color: #93a1a1;
  font-style: italic;
}

.highlight > .chroma .g {
  color: #d33682;
}

.highlight > .chroma .gd {
  color: #b58900;
}

.highlight > .chroma .ge {
  color: #d33682;
}

.highlight > .chroma .gr {
  color: #d33682;
}

.highlight > .chroma .gh {
  color: #d33682;
}

.highlight > .chroma .gi {
  color: #859900;
}

.highlight > .chroma .go {
  color: #d33682;
}

.highlight > .chroma .gp {
  color: #d33682;
}

.highlight > .chroma .gs {
  color: #d33682;
}

.highlight > .chroma .gu {
  color: #d33682;
}

.highlight > .chroma .gt {
  color: #d33682;
}