/**
 * Code Previews Styles
 * --------------------
 * Styles for code preview blocks using Prism.js
 # 020617
 */

pre[class*=language-] code {
  background: var(--code-background, #020617);
}

code[class*="language-"],
pre[class*="language-"] {
  background: none;
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  text-align: start;
  white-space: pre;
  word-spacing: normal;
  line-height: 1.5;
  tab-size: 4;
  hyphens: none;
  overflow-wrap: normal;
}

pre[class*=language-] {
  position: relative;
  background: transparent;
  margin: 0;
  padding: 0;
  max-height: 40rem;
  overflow: auto;
  color-scheme: dark
}

pre[class*=language-]:before,
pre[class*=language-]:after {
  display: none !important
}

pre[class*=language-] code {
  border-left: 1rem solid transparent;
  box-shadow: none;
  margin: 0;
  font-size: 0.75rem;
  border-radius: 10px;
  color: #fff;
  max-height: inherit;
  height: inherit;
  padding: 1rem 0.5rem;
  display: block;
  overflow: auto
}

pre[class*=language-] code .token.comment,
pre[class*=language-] code .token.block-comment,
pre[class*=language-] code .token.prolog,
pre[class*=language-] code .token.doctype,
pre[class*=language-] code .token.cdata {
  color: #bbf7d0
}

pre[class*=language-] code .token.punctuation {
  color: #bfdbfe
}

pre[class*=language-] code .token.property,
pre[class*=language-] code .token.tag,
pre[class*=language-] code .token.boolean,
pre[class*=language-] code .token.number,
pre[class*=language-] code .token.function-name,
pre[class*=language-] code .token.constant,
pre[class*=language-] code .token.symbol,
pre[class*=language-] code .token.deleted {
  color: #93c5fd
}

pre[class*=language-] code .token.selector,
pre[class*=language-] code .token.attr-name,
pre[class*=language-] code .token.string,
pre[class*=language-] code .token.char,
pre[class*=language-] code .token.function,
pre[class*=language-] code .token.builtin,
pre[class*=language-] code .token.inserted {
  color: #eff6ff
}

pre[class*=language-] code .token.operator,
pre[class*=language-] code .token.entity,
pre[class*=language-] code .token.url,
pre[class*=language-] code .token.variable {
  color: #fff
}

pre[class*=language-] code .token.atrule,
pre[class*=language-] code .token.attr-value,
pre[class*=language-] code .token.keyword,
pre[class*=language-] code .token.class-name {
  color: #bbf7d0
}

pre[class*=language-] code .token.regex,
pre[class*=language-] code .token.important,
pre[class*=language-] code .language-css .token.string,
pre[class*=language-] code .style .token.string {
  color: #fde68a
}

pre[class*=language-] code .token.important {
  font-weight: 400
}

pre[class*=language-] code .token.bold {
  font-weight: 700
}

pre[class*=language-] code .token.italic {
  font-style: italic
}

pre[class*=language-] code .token.entity {
  cursor: help
}

.copy-to-clipboard-button {
  display: none
}