/* Base */
[data-highlighter-theme] pre[class*="language-"],
pre[data-highlighter-theme][class*="language-"] {
  background: var(--hl-bg);
  color: var(--hl-plain);
  font-family: var(--monospace-font-family, ui-monospace, monospace);
}

[data-inline-highlighter-theme] :not(pre) > code[class*="language-"],
code[data-inline-highlighter-theme]:not(pre code) {
  color: var(--inline-hl-plain);
  background: var(--inline-hl-bg) !important;
  font-family: var(--monospace-font-family, ui-monospace, monospace);
  padding: 0.15em 0.35em;
  border-radius: 0.25em;
}

/* Tokens: Block Code */
[data-highlighter-theme] pre[class*="language-"] .token.comment,
pre[data-highlighter-theme][class*="language-"] .token.comment {
  color: var(--hl-comment);
}

[data-highlighter-theme] pre[class*="language-"] .token.keyword,
pre[data-highlighter-theme][class*="language-"] .token.keyword {
  color: var(--hl-keyword);
}

[data-highlighter-theme] pre[class*="language-"] .token.string,
pre[data-highlighter-theme][class*="language-"] .token.string {
  color: var(--hl-string);
}

[data-highlighter-theme] pre[class*="language-"] .token.number,
pre[data-highlighter-theme][class*="language-"] .token.number {
  color: var(--hl-number);
}

[data-highlighter-theme] pre[class*="language-"] .token.function,
pre[data-highlighter-theme][class*="language-"] .token.function {
  color: var(--hl-function);
}

[data-highlighter-theme] pre[class*="language-"] .token.variable,
pre[data-highlighter-theme][class*="language-"] .token.variable {
  color: var(--hl-variable);
}

[data-highlighter-theme] pre[class*="language-"] .token.parameter,
pre[data-highlighter-theme][class*="language-"] .token.parameter {
  color: var(--hl-parameter);
}

[data-highlighter-theme] pre[class*="language-"] .token.class-name,
[data-highlighter-theme] pre[class*="language-"] .token.constant,
[data-highlighter-theme] pre[class*="language-"] .token.builtin,
pre[data-highlighter-theme][class*="language-"] .token.class-name,
pre[data-highlighter-theme][class*="language-"] .token.constant,
pre[data-highlighter-theme][class*="language-"] .token.builtin {
  color: var(--hl-type);
}

[data-highlighter-theme] pre[class*="language-"] .token.property,
pre[data-highlighter-theme][class*="language-"] .token.property {
  color: var(--hl-property);
}

[data-highlighter-theme] pre[class*="language-"] .token.operator,
pre[data-highlighter-theme][class*="language-"] .token.operator {
  color: var(--hl-operator);
}

[data-highlighter-theme] pre[class*="language-"] .token.punctuation,
pre[data-highlighter-theme][class*="language-"] .token.punctuation {
  color: var(--hl-punctuation);
}

[data-highlighter-theme] pre[class*="language-"] .token.attr-name,
[data-highlighter-theme] pre[class*="language-"] .token.attr-value,
pre[data-highlighter-theme][class*="language-"] .token.attr-name,
pre[data-highlighter-theme][class*="language-"] .token.attr-value {
  color: var(--hl-annotation);
}

[data-highlighter-theme] pre[class*="language-"] .token.important,
[data-highlighter-theme] pre[class*="language-"] .token.regex,
[data-highlighter-theme] pre[class*="language-"] .token.invalid,
pre[data-highlighter-theme][class*="language-"] .token.important,
pre[data-highlighter-theme][class*="language-"] .token.regex,
pre[data-highlighter-theme][class*="language-"] .token.invalid {
  color: var(--hl-error);
}

[data-highlighter-theme] pre[class*="language-"] .token.omit,
pre[data-highlighter-theme][class*="language-"] .token.omit {
  color: var(--hl-unlabeled-parameter);
}

[data-highlighter-theme] pre[class*="language-"] .token.interpolation-punctuation,
pre[data-highlighter-theme][class*="language-"] .token.interpolation-punctuation {
  color: var(--hl-interpolation-delimiter);
}

[data-highlighter-theme] pre[class*="language-"] .token.template-punctuation,
pre[data-highlighter-theme][class*="language-"] .token.template-punctuation {
  color: var(--hl-string-delimiter);
}

/* Tokens: Inline Code */
[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.comment,
code[data-inline-highlighter-theme]:not(pre code) .token.comment {
  color: var(--inline-hl-comment);
}

[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.keyword,
code[data-inline-highlighter-theme]:not(pre code) .token.keyword {
  color: var(--inline-hl-keyword);
}

[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.string,
code[data-inline-highlighter-theme]:not(pre code) .token.string {
  color: var(--inline-hl-string);
}

[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.number,
code[data-inline-highlighter-theme]:not(pre code) .token.number {
  color: var(--inline-hl-number);
}

[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.function,
code[data-inline-highlighter-theme]:not(pre code) .token.function {
  color: var(--inline-hl-function);
}

[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.variable,
code[data-inline-highlighter-theme]:not(pre code) .token.variable {
  color: var(--inline-hl-variable);
}

[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.parameter,
code[data-inline-highlighter-theme]:not(pre code) .token.parameter {
  color: var(--inline-hl-parameter);
}

[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.class-name,
[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.constant,
[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.builtin,
code[data-inline-highlighter-theme]:not(pre code) .token.class-name,
code[data-inline-highlighter-theme]:not(pre code) .token.constant,
code[data-inline-highlighter-theme]:not(pre code) .token.builtin {
  color: var(--inline-hl-type);
}

[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.property,
code[data-inline-highlighter-theme]:not(pre code) .token.property {
  color: var(--inline-hl-property);
}

[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.operator,
code[data-inline-highlighter-theme]:not(pre code) .token.operator {
  color: var(--inline-hl-operator);
}

[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.punctuation,
code[data-inline-highlighter-theme]:not(pre code) .token.punctuation {
  color: var(--inline-hl-punctuation);
}

[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.attr-name,
[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.attr-value,
code[data-inline-highlighter-theme]:not(pre code) .token.attr-name,
code[data-inline-highlighter-theme]:not(pre code) .token.attr-value {
  color: var(--inline-hl-annotation);
}

[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.important,
[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.regex,
[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.invalid,
code[data-inline-highlighter-theme]:not(pre code) .token.important,
code[data-inline-highlighter-theme]:not(pre code) .token.regex,
code[data-inline-highlighter-theme]:not(pre code) .token.invalid {
  color: var(--inline-hl-error);
}

[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.omit,
code[data-inline-highlighter-theme]:not(pre code) .token.omit {
  color: var(--inline-hl-unlabeled-parameter);
}

[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.interpolation-punctuation,
code[data-inline-highlighter-theme]:not(pre code) .token.interpolation-punctuation {
  color: var(--inline-hl-interpolation-delimiter);
}

[data-inline-highlighter-theme] :not(pre) > code[class*="language-"] .token.template-punctuation,
code[data-inline-highlighter-theme]:not(pre code) .token.template-punctuation {
  color: var(--inline-hl-string-delimiter);
}


/* Fine-tune Prism's line highlight alignment so text and line numbers look centered. */
.line-highlight,
.line-numbers-rows > span:before {
    transform: translateY(var(--code-line-highlight-offset, 0));
}

.no-show-invisibles .token.space:before,
.no-show-invisibles .token.tab:before,
.no-show-invisibles .token.lf:before,
.no-show-invisibles .token.cr:before {
  display: none !important;
}

pre[class*="language-"]{
  padding:1em;
  margin:.5em 0;
  overflow:auto;
  border-radius:.3em
}


/* PrismJS 1.30.0 */
pre[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:hsla(24,20%,50%,.08);background:linear-gradient(to right,hsla(24,20%,50%,.1) 70%,hsla(24,20%,50%,0));pointer-events:none;line-height:inherit;white-space:pre}@media print{.line-highlight{-webkit-print-color-adjust:exact;color-adjust:exact}}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:hsla(24,20%,50%,.4);color:#f4f1ef;font:bold 65%/1.5 var(--monospace-font-family,ui-monospace,monospace);font-size:var(--code-block-font-size,1em);text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px #fff}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}.line-numbers .line-highlight:after,.line-numbers .line-highlight:before{content:none}pre[id].linkable-line-numbers span.line-numbers-rows{pointer-events:all}pre[id].linkable-line-numbers span.line-numbers-rows>span:before{cursor:pointer}pre[id].linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:rgba(128,128,128,.2)}
pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber;font-family:var(--monospace-font-family,ui-monospace,monospace);font-size:var(--code-block-font-size,1em)}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;left:-3.8em;width:3em;font-size:var(--code-block-font-size,1em);font-family:var(--monospace-font-family,ui-monospace,monospace);letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}
.token.cr,.token.lf,.token.space,.token.tab:not(:empty){position:relative}.token.cr:before,.token.lf:before,.token.space:before,.token.tab:not(:empty):before{color:grey;opacity:0;position:absolute;pointer-events:none}.show-invisibles .token.cr:before,.show-invisibles .token.lf:before,.show-invisibles .token.space:before,.show-invisibles .token.tab:not(:empty):before{opacity:.6}.token.tab:not(:empty):before{content:'\21E5'}.token.cr:before{content:'\240D'}.token.crlf:before{content:'\240D\240A'}.token.lf:before{content:'\240A'}.token.space:before{content:'\00B7'}