code[class*="language-"], pre[class*="language-"] {
  color: #000;
  text-shadow: 0 1px #fff;
  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;
  background: none;
  font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
  font-size: 1em;
  line-height: 1.5;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection {
  text-shadow: none;
  background: #b3d4fc;
}

@media print {
  code[class*="language-"], pre[class*="language-"] {
    text-shadow: none;
  }
}

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

:not(pre) > code[class*="language-"], pre[class*="language-"] {
  background: #f5f2f0;
}

:not(pre) > code[class*="language-"] {
  white-space: normal;
  border-radius: .3em;
  padding: .1em;
}

.token.comment, .token.prolog, .token.doctype, .token.cdata {
  color: #708090;
}

.token.namespace {
  opacity: .7;
}

.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {
  color: #905;
}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
  color: #9a6e3a;
  background: #ffffff80;
}

.token.important, .token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

div.code-toolbar {
  position: relative;
}

div.code-toolbar > .toolbar {
  z-index: 10;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  position: absolute;
  top: .3em;
  right: .2em;
}

div.code-toolbar:hover > .toolbar, div.code-toolbar:focus-within > .toolbar {
  opacity: 1;
}

div.code-toolbar > .toolbar > .toolbar-item {
  display: inline-block;
}

div.code-toolbar > .toolbar > .toolbar-item > a {
  cursor: pointer;
}

div.code-toolbar > .toolbar > .toolbar-item > button {
  color: inherit;
  font: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  background: none;
  border: 0;
  padding: 0;
  line-height: normal;
  overflow: visible;
}

div.code-toolbar > .toolbar > .toolbar-item > a, div.code-toolbar > .toolbar > .toolbar-item > button, div.code-toolbar > .toolbar > .toolbar-item > span {
  color: #bbb;
  background: #e0e0e033;
  border-radius: .5em;
  padding: 0 .5em;
  font-size: .8em;
  box-shadow: 0 2px #0003;
}

div.code-toolbar > .toolbar > .toolbar-item > a:hover, div.code-toolbar > .toolbar > .toolbar-item > a:focus, div.code-toolbar > .toolbar > .toolbar-item > button:hover, div.code-toolbar > .toolbar > .toolbar-item > button:focus, div.code-toolbar > .toolbar > .toolbar-item > span:hover, div.code-toolbar > .toolbar > .toolbar-item > span:focus {
  color: inherit;
  text-decoration: none;
}

body.bee-mode {
  --prism-background: #1e1e1e;
  --prism-text-color: #f0f0f0;
  --prism-comment-color: #f1fa8c;
  --prism-prolog-color: #8a8a8a;
  --prism-punctuation-color: #c5c8c6;
  --prism-property-color: #d19a66;
  --prism-string-color: #98c379;
  --prism-operator-color: #56b6c2;
  --prism-url-color: #56b6c2;
  --prism-keyword-color: #fc0;
  --prism-function-color: #61afef;
  --prism-variable-color: #e06c75;
  --prism-deleted-color: #be5046;
  --prism-selection-background: #264f78;
  --prism-selection-text: #fff;
  --prism-button-background: #44475a;
  --prism-button-text: #f8f8f2;
  --prism-button-hover-background: #6272a4;
  --prism-button-success-background: #50fa7b;
  --prism-button-success-text: #282a36;
  --prism-button-error-background: #f55;
  --prism-button-error-text: #282a36;
}

body.dark-mode {
  --prism-background: #121212;
  --prism-text-color: #e0e0e0;
  --prism-comment-color: #f1fa8c;
  --prism-prolog-color: #8c8c8c;
  --prism-punctuation-color: #b0b0b0;
  --prism-property-color: #d4a157;
  --prism-string-color: #a8d080;
  --prism-operator-color: #6ec1c2;
  --prism-url-color: #6ec1c2;
  --prism-keyword-color: #707283;
  --prism-function-color: #82aaff;
  --prism-variable-color: #f07178;
  --prism-deleted-color: #d85757;
  --prism-selection-background: #333;
  --prism-selection-text: #fff;
  --prism-button-background: #2e2e2e;
  --prism-button-text: #ccc;
  --prism-button-hover-background: #3c3c3c;
  --prism-button-success-background: #4caf50;
  --prism-button-success-text: #fff;
  --prism-button-error-background: #f44336;
  --prism-button-error-text: #fff;
}

body.light-mode {
  --prism-background: #fff;
  --prism-text-color: #333;
  --prism-comment-color: #757575;
  --prism-prolog-color: #666;
  --prism-punctuation-color: #444;
  --prism-property-color: #c47f00;
  --prism-string-color: #0288d1;
  --prism-operator-color: #6c6c6c;
  --prism-url-color: #0277bd;
  --prism-keyword-color: #7b1fa2;
  --prism-function-color: #00796b;
  --prism-variable-color: #d32f2f;
  --prism-deleted-color: #c2185b;
  --prism-selection-background: #f0f0f0;
  --prism-selection-text: #000;
  --prism-button-background: #f5f5f5;
  --prism-button-text: #212121;
  --prism-button-hover-background: #e0e0e0;
  --prism-button-success-background: #81c784;
  --prism-button-success-text: #fff;
  --prism-button-error-background: #e57373;
  --prism-button-error-text: #fff;
}

body.earth-mode {
  --prism-background: #f4efe8;
  --prism-text-color: #2c2c2c;
  --prism-comment-color: #938d6a;
  --prism-prolog-color: #716d4c;
  --prism-punctuation-color: #555;
  --prism-property-color: #b5854b;
  --prism-string-color: #5a8a3c;
  --prism-operator-color: #8a7045;
  --prism-url-color: #4f7a62;
  --prism-keyword-color: #a35c2f;
  --prism-function-color: #81502c;
  --prism-variable-color: #ba3c3c;
  --prism-deleted-color: #933535;
  --prism-selection-background: #e0d8c5;
  --prism-selection-text: #2c2c2c;
  --prism-button-background: #dbceb8;
  --prism-button-text: #2f2f2f;
  --prism-button-hover-background: #c1b09a;
  --prism-button-success-background: #849c57;
  --prism-button-success-text: #fff;
  --prism-button-error-background: #b54747;
  --prism-button-error-text: #fff;
}

body.ocean-mode {
  --prism-background: #0a1c2b;
  --prism-text-color: #c6d0e3;
  --prism-comment-color: #4b8b9f;
  --prism-prolog-color: #75a9b7;
  --prism-punctuation-color: #8daab3;
  --prism-property-color: #66b3b7;
  --prism-string-color: #4e89b3;
  --prism-operator-color: #6ec1c2;
  --prism-url-color: #4f7a62;
  --prism-keyword-color: #8fa1b3;
  --prism-function-color: #50a2a7;
  --prism-variable-color: #5d88a0;
  --prism-deleted-color: #75a9b7;
  --prism-selection-background: #264f78;
  --prism-selection-text: #fff;
  --prism-button-background: #354b5e;
  --prism-button-text: #fff;
  --prism-button-hover-background: #4e7289;
  --prism-button-success-background: #81c784;
  --prism-button-success-text: #fff;
  --prism-button-error-background: #f44336;
  --prism-button-error-text: #fff;
}

body.bubble-mode {
  --prism-background: #ffebf0;
  --prism-text-color: #46353f;
  --prism-comment-color: #cc406e;
  --prism-prolog-color: #f185b8;
  --prism-punctuation-color: #f56fad;
  --prism-property-color: #f6c;
  --prism-string-color: #f39;
  --prism-operator-color: #f77ab8;
  --prism-url-color: #ff66b2;
  --prism-keyword-color: #f3c;
  --prism-function-color: #f69;
  --prism-variable-color: #ff5c8d;
  --prism-deleted-color: #f36;
  --prism-selection-background: #fcb5fc;
  --prism-selection-text: #5e4b56;
  --prism-button-background: #f7b4c6;
  --prism-button-text: #5e4b56;
  --prism-button-hover-background: #fa7cbb;
  --prism-button-success-background: #ff85c0;
  --prism-button-success-text: #fff;
  --prism-button-error-background: #ff5c8d;
  --prism-button-error-text: #fff;
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  background: var(--prism-background);
  max-width: 100%;
  color: var(--prism-text-color);
  border-radius: 8px;
  padding: 10px;
  font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
  font-size: 14px;
  line-height: 1.6;
  overflow-x: auto;
  box-shadow: 0 4px 8px #0003;
}

code {
  white-space: pre-wrap;
  word-wrap: break-word;
  background: var(--prism-background);
  color: var(--prism-text-color);
  font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
  font-size: 14px;
  line-height: 1.6;
  overflow-x: auto;
}

pre[class*="language-"], code[class*="language-"] {
  background: var(--prism-background);
  color: var(--prism-text-color);
  border-radius: 8px;
  margin: 0;
  padding: 0 0 10px;
  font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
  font-size: 14px;
  line-height: 1.6;
  overflow-x: auto;
}

.token {
  background: none;
}

.token.comment {
  color: var(--prism-comment-color);
}

.token.prolog, .token.doctype, .token.cdata {
  color: var(--prism-prolog-color);
}

.token.punctuation {
  color: var(--prism-punctuation-color);
}

.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol {
  color: var(--prism-property-color);
}

.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
  color: var(--prism-string-color);
}

.token.operator {
  color: var(--prism-operator-color);
  background: none;
}

.token.entity, .token.url, .language-css .token.string, .style .token.string {
  color: var(--prism-url-color);
}

.token.atrule, .token.attr-value, .token.keyword {
  color: var(--prism-keyword-color);
}

.token.function, .token.class-name {
  color: var(--prism-function-color);
}

.token.regex, .token.important, .token.variable {
  color: var(--prism-variable-color);
}

.token.deleted {
  color: var(--prism-deleted-color);
}

pre[class*="language-"]::selection, code[class*="language-"]::selection {
  background: var(--prism-selection-background);
  color: var(--prism-selection-text);
  background: var(--prism-selection-background);
}

pre[class*="language-"] {
  box-shadow: 0 4px 8px #0003;
}

.copy-to-clipboard-button {
  background-color: var(--prism-button-background);
  color: var(--prism-button-text);
  cursor: pointer;
  border: none;
  border-radius: 4px;
  padding: 5px 10px;
  font-size: 12px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.copy-to-clipboard-button:hover {
  background-color: var(--prism-button-hover-background);
}

.copy-to-clipboard-button[data-copy-state="copy-success"] {
  background-color: var(--prism-button-success-background);
  color: var(--prism-button-success-text);
}

.copy-to-clipboard-button[data-copy-state="copy-error"] {
  background-color: var(--prism-button-error-background);
  color: var(--prism-button-error-text);
}
/*# sourceMappingURL=index.a5122b57.css.map */
