pre[class*="language-"] {
  --padding-y: var(--am-prism-padding-y, 1rem);
  --padding-x: var(--am-prism-padding-x, 1rem);
  padding: var(--padding-y) var(--padding-x);
  overflow: auto;
  font-size: var(--am-prism-font-size, 0.85em);
  border-radius: var(--am-prism-border-radius, 0.4em);
}
pre > code[class*="language-"] {
  padding: initial;
  font-size: 1em;
  font-weight: 400;
  font-family: var(--am-prism-font-family, ui-monospace), monospace;
  line-height: var(--am-prism-line-height, 1.5);
  background-color: initial;
}
code[class*="language-"],
pre[class*="language-"] {
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
pre[class*="language-"] .line-numbers-rows {
  box-sizing: content-box;
  margin: calc(var(--padding-y) * -1) 0;
  padding: var(--padding-y) 0;
  max-height: 100%;
  overflow: hidden;
}
.line-numbers.line-numbers .line-numbers-rows {
  border-right-width: var(--am-prism-border-width, 1px);
  border-right-color: var(--am-prism-border-color);
}
.line-numbers .line-numbers-rows > span:before {
  color: var(--am-prism-line-numbers-color);
}
div.code-toolbar > .toolbar {
  top: 0.3rem !important;
  right: 0.3rem !important;
}
div.code-toolbar > .toolbar > .toolbar-item > button.copy-to-clipboard-button {
  display: inline-flex;
  padding: 0 0.75em;
  font-size: var(--am-prism-font-size, 0.8em);
  font-family: var(--am-prism-font-family, ui-monospace), monospace;
  font-weight: 600 !important;
  line-height: 2.25em;
  color: var(--am-prism-copy-color);
  background-color: var(--am-prism-copy-bg);
  border-radius: calc(var(--am-prism-border-radius, 0.4em) - 0.1em);
  cursor: pointer;
  box-shadow: none;
  opacity: 1;
  transition: opacity 0.2s;
}
div.code-toolbar
  > .toolbar
  > .toolbar-item
  > button.copy-to-clipboard-button:hover {
  opacity: 0.8;
}
div.code-toolbar
  > .toolbar
  > .toolbar-item
  > button.copy-to-clipboard-button:focus {
  opacity: 1;
}
code[class*="language-"],
pre[class*="language-"] {
  color: #51575e;
}
code[class*="language-"] ::selection,
code[class*="language-"]::selection,
pre[class*="language-"] ::selection,
pre[class*="language-"]::selection {
  text-shadow: none;
  background: #329af060;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  color: #fff;
  background: transparent;
  border: var(--am-prism-border-width, 1px) solid var(--am-prism-border-color);
}
:not(pre) > code[class*="language-"] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
.token.variable {
  color: #51575e;
}
.token.constant {
  color: #212529;
}
.token.operator {
  color: #111519;
}
.token.builtin {
  color: #212529;
}
.token.number {
  color: #212529;
}
.token.char {
  color: #212529;
}
.token.function,
.token.function-definition {
  color: #727981;
}
.token.class-name {
  color: #51575e;
}
.token.attr-name {
  color: #212529;
}
.token.selector {
  color: #212529;
}
.token.property {
  color: #212529;
}
.token.tag {
  color: #212529;
}
.token.keyword {
  color: #111519;
}
.token.comment {
  color: #939ba4;
}
.token.punctuation {
  color: #939ba4;
}
.token.attr-value,
.token.string {
  color: #727981;
}
.token.bold,
.token.important {
  font-weight: 700;
}
.token.italic {
  font-style: italic;
}
:root {
  --am-prism-line-numbers-color: #939ba4aa;
  --am-prism-border-color: #939ba433;
  --am-prism-copy-color: #51575e;
  --am-prism-copy-bg: #939ba428;
}
html[class*="-dark"],
html[class*="dark-"],
.dark {
  & code[class*="language-"],
  & pre[class*="language-"] {
    color: #949ca3;
  }
  & & pre[class*="language-"]::selection,
  & code[class*="language-"] ::selection,
  & code[class*="language-"]::selection,
  & pre[class*="language-"] ::selection {
    text-shadow: none;
    background: #1289ec60;
  }
  & :not(pre) > code[class*="language-"],
  & pre[class*="language-"] {
    color: #fff;
    background: transparent;
    border: var(--am-prism-border-width, 1px) solid var(--am-prism-border-color);
  }
  & :not(pre) > code[class*="language-"] {
    padding: 0.1em;
    border-radius: 0.3em;
    white-space: normal;
  }
  & .token.variable {
    color: #949ca3;
  }
  & .token.constant {
    color: #b5bbc0;
  }
  & .token.char {
    color: #b5bbc0;
  }
  & .token.function {
    color: #b5bbc0;
  }
  & .token.class-name {
    color: #b5bbc0;
  }
  & .token.attr-name {
    color: #949ca3;
  }
  & .token.selector {
    color: #b5bbc0;
  }
  & .token.property {
    color: #b5bbc0;
  }
  & .token.tag {
    color: #b5bbc0;
  }
  & .token.comment {
    color: #5f6871;
  }
  & .token.punctuation {
    color: #5f6871;
  }
  & .token.operator {
    color: #d8dce0;
  }
  & .token.builtin {
    color: #d8dce0;
  }
  & .token.number {
    color: #d8dce0;
  }
  & .token.keyword {
    color: #d8dce0;
  }
  & .token.attr-value,
  & .token.string {
    color: #778089;
  }
  & .token.bold,
  & .token.important {
    font-weight: 700;
  }
  & .token.italic {
    font-style: italic;
  }
  & {
    --am-prism-line-numbers-color: #5f687177;
    --am-prism-border-color: #5f687122;
    --am-prism-copy-color: #949ca3;
    --am-prism-copy-bg: #5f687118;
  }
}