.is-family-primary {
  font-family: var(--font-family-primary);
}

.is-family-secondary {
  font-family: var(--font-family-secondary);
}

.is-family-monospace {
  font-family: var(--font-family-monospace);
}

.primary-color {
  background-color: var(--primary-color);
  color: var(--on-primary-color);
}

.on-primary-color {
  background-color: var(--on-primary-color);
  color: var(--primary-color);
}

.primary-container-color {
  background-color: var(--primary-container-color);
  color: var(--on-primary-container-color);
}

.on-primary-container-color {
  background-color: var(--on-primary-container-color);
  color: var(--primary-container-color);
}

.secondary-color {
  background-color: var(--secondary-color);
  color: var(--on-secondary-color);
}

.on-secondary-color {
  background-color: var(--on-secondary-color);
  color: var(--secondary-color);
}

.secondary-container-color {
  background-color: var(--secondary-container-color);
  color: var(--on-secondary-container-color);
}

.on-secondary-container-color {
  background-color: var(--on-secondary-container-color);
  color: var(--secondary-container-color);
}

.tertiary-color {
  background-color: var(--tertiary-color);
  color: var(--on-tertiary-color);
}

.on-tertiary-color {
  background-color: var(--on-tertiary-color);
  color: var(--tertiary-color);
}

.neutral-color {
  background-color: #212121;
  color: #e0e0e0;
}

.on-neutral-color {
  background-color: #e0e0e0;
  color: #212121;
}

.link-color {
  background-color: var(--link-color);
  color: var(--primary-color);
}

.accent-color {
  background-color: var(--tertiary-color);
  color: var(--on-tertiary-color);
}

.error-color {
  background-color: #b71c1c;
  color: #ffcdd2;
}

.on-error-color {
  background-color: #ffcdd2;
  color: #b71c1c;
}

.warn-color {
  background-color: #ffee58;
  color: #212121;
}

.on-warn-color {
  background-color: #212121;
  color: #ffee58;
}

.info-color {
  background-color: #1565c0;
  color: #bbdefb;
}

.on-info-color {
  background-color: #bbdefb;
  color: #1565c0;
}

.yolo-themed html {
  font-family: var(--font-family-primary);
}
.yolo-themed body {
  font-family: var(--font-family-primary);
  color: var(--on-primary-color);
  background-color: var(--primary-color);
}
.yolo-themed a {
  color: var(--link-color);
}
.yolo-themed h1, .yolo-themed h2, .yolo-themed h3, .yolo-themed h4, .yolo-themed h5, .yolo-themed h6 {
  color: var(--secondary-color);
  font-family: var(--font-family-secondary), sans-serif;
}
.yolo-themed blockquote {
  font-family: var(--font-family-secondary);
  border-left: 0.25rem solid var(--tertiary-color);
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  background-color: var(--secondary-container-color);
  color: var(--on-secondary-container-color);
}
.yolo-themed blockquote h1, .yolo-themed blockquote h2, .yolo-themed blockquote h3, .yolo-themed blockquote h4, .yolo-themed blockquote h5, .yolo-themed blockquote h6 {
  color: var(--on-secondary-container-color);
}
.yolo-themed blockquote b, .yolo-themed blockquote strong, .yolo-themed blockquote em, .yolo-themed blockquote abbr, .yolo-themed blockquote cite, .yolo-themed blockquote del, .yolo-themed blockquote ins, .yolo-themed blockquote sup, .yolo-themed blockquote sub, .yolo-themed blockquote code {
  color: var(--on-secondary-container-color);
}
.yolo-themed blockquote ul li::before {
  color: var(--on-secondary-container-color);
}
.yolo-themed blockquote ul li::marker {
  color: var(--on-secondary-container-color);
}
.yolo-themed blockquote ol li::marker {
  color: var(--on-secondary-container-color);
}
.yolo-themed blockquote table {
  background-color: var(--secondary-container-color);
  border: 1px solid var(--on-secondary-container-color);
}
.yolo-themed blockquote table th {
  background-color: var(--on-secondary-container-color);
  color: var(--secondary-container-color);
}
.yolo-themed blockquote table th:not(:last-child),
.yolo-themed blockquote table td:not(:last-child) {
  border-right: 1px solid var(--on-secondary-container-color);
}
.yolo-themed blockquote table thead > tr:not(:last-child) > th,
.yolo-themed blockquote table thead > tr:not(:last-child) > td,
.yolo-themed blockquote table tbody > tr:not(:last-child) > th,
.yolo-themed blockquote table tbody > tr:not(:last-child) > td,
.yolo-themed blockquote table tfoot > tr:not(:last-child) > th,
.yolo-themed blockquote table tfoot > tr:not(:last-child) > td,
.yolo-themed blockquote table tr:not(:last-child) > td,
.yolo-themed blockquote table tr:not(:last-child) > th,
.yolo-themed blockquote table thead:not(:last-child),
.yolo-themed blockquote table tbody:not(:last-child),
.yolo-themed blockquote table tfoot:not(:last-child) {
  border-bottom: 1px solid var(--on-secondary-container-color);
}
.yolo-themed blockquote .highlighter-rouge, .yolo-themed blockquote .highlight {
  color: var(--on-secondary-container-color);
}
.yolo-themed hr {
  border-bottom: 1px dashed var(--tertiary-color);
}
.yolo-themed b, .yolo-themed strong, .yolo-themed em, .yolo-themed abbr, .yolo-themed cite, .yolo-themed del, .yolo-themed ins, .yolo-themed sup, .yolo-themed sub {
  color: var(--on-primary-color);
}
.yolo-themed code, .yolo-themed pre {
  font-family: var(--font-family-monospace);
}
.yolo-themed ul li::before {
  color: var(--tertiary-color);
}
.yolo-themed ul li::marker {
  color: var(--tertiary-color);
}
.yolo-themed ol li::marker {
  color: var(--tertiary-color);
}
.yolo-themed table {
  background-color: var(--primary-color);
  border: 1px solid var(--secondary-color);
}
.yolo-themed table th {
  font-family: var(--font-family-secondary);
  background-color: var(--secondary-color);
  color: var(--on-secondary-color);
}
.yolo-themed table th:not(:last-child),
.yolo-themed table td:not(:last-child) {
  border-right: 1px solid var(--secondary-color);
}
.yolo-themed table thead > tr:not(:last-child) > th,
.yolo-themed table thead > tr:not(:last-child) > td,
.yolo-themed table tbody > tr:not(:last-child) > th,
.yolo-themed table tbody > tr:not(:last-child) > td,
.yolo-themed table tfoot > tr:not(:last-child) > th,
.yolo-themed table tfoot > tr:not(:last-child) > td,
.yolo-themed table tr:not(:last-child) > td,
.yolo-themed table tr:not(:last-child) > th,
.yolo-themed table thead:not(:last-child),
.yolo-themed table tbody:not(:last-child),
.yolo-themed table tfoot:not(:last-child) {
  border-bottom: 1px solid var(--secondary-color);
}
.yolo-themed .yolo-header .tag {
  color: var(--on-primary-color);
}
.yolo-themed .yolo-header .tag a {
  color: var(--on-primary-color);
}
.yolo-themed .yolo-header .tag a:hover {
  color: var(--tertiary-color);
  text-decoration: none;
}
.yolo-themed .yolo-header .tag a:focus {
  color: var(--tertiary-color);
  text-decoration: none;
}
.yolo-themed .yolo-header .description {
  color: var(--tertiary-color);
}
.yolo-themed .yolo-tabs {
  background-color: var(--primary-color);
}
.yolo-themed .yolo-tabs .yolo-tab-button {
  font-family: var(--font-family-secondary);
  background-color: var(--secondary-color);
  color: var(--on-secondary-color);
}
.yolo-themed .yolo-tabs .yolo-tab-button:hover {
  background-color: var(--tertiary-color);
  color: var(--on-tertiary-color);
}
.yolo-themed .yolo-tabs .yolo-tab-button.active {
  background-color: var(--primary-container-color);
  color: var(--on-primary-container-color);
}
.yolo-themed .yolo-tab-content {
  background-color: var(--primary-container-color);
  color: var(--on-primary-container-color);
}
.yolo-themed .yolo-tab-content h2, .yolo-themed .yolo-tab-content h3, .yolo-themed .yolo-tab-content h4, .yolo-themed .yolo-tab-content h5, .yolo-themed .yolo-tab-content h6 {
  color: var(--on-primary-container-color);
}
.yolo-themed .yolo-theme-toggle {
  color: var(--secondary-color);
}
.yolo-themed .yolo-theme-toggle:hover {
  color: var(--tertiary-color);
}
.yolo-themed .yolo-footer {
  color: var(--tertiary-color);
}
.yolo-themed .lb-modal {
  background-color: var(--primary-container-color);
}
.yolo-themed .lb-modal .yolo-caption {
  color: var(--on-primary-container-color);
}
.yolo-themed .lb-close {
  color: var(--tertiary-color);
}
.yolo-themed .lb-close:hover,
.yolo-themed .lb-close:focus {
  color: var(--link-color);
}
.yolo-themed .lb-nav:hover {
  background-color: rgba(var(--tertiary-color), 0.3);
}
.yolo-themed .lb-prev {
  color: var(--secondary-color);
}
.yolo-themed .lb-prev:hover {
  color: var(--tertiary-color);
}
.yolo-themed .lb-next {
  color: var(--secondary-color);
}
.yolo-themed .lb-next:hover {
  color: var(--tertiary-color);
}
.yolo-themed .ig-nav {
  color: var(--secondary-color);
}
.yolo-themed .ig-nav:hover {
  color: var(--tertiary-color);
}
.yolo-themed .yolo-to-top {
  color: var(--secondary-color);
}
.yolo-themed .yolo-to-top span:hover {
  color: var(--tertiary-color);
}
.yolo-themed .yolo-caption {
  color: var(--on-primary-color);
}
.yolo-themed .yolo-code-header {
  background-color: var(--secondary-color);
  color: var(--on-secondary-color);
  font-family: var(--font-family-secondary);
}
.yolo-themed .yolo-code-header:is(.copied, :hover) {
  background-color: var(--tertiary-color);
  color: var(--on-tertiary-color);
}
.yolo-themed .yolo-pill {
  background-color: var(--secondary-color);
  color: var(--on-secondary-color);
  font-family: var(--font-family-secondary);
}
.yolo-themed .yolo-pill:hover {
  background-color: var(--tertiary-color);
  color: var(--on-tertiary-color);
}
.yolo-themed .sidebar {
  font-family: var(--font-family-secondary);
  background-color: var(--primary-container-color);
  color: var(--on-primary-container-color);
}
.yolo-themed .sidebar .nav-menu ul li a {
  color: var(--on-primary-container-color);
}
.yolo-themed .sidebar .nav-menu ul li::before {
  color: var(--on-primary-container-color);
}
.yolo-themed .sidebar .nav-menu ul li::marker {
  color: var(--on-primary-container-color);
}

.highlighter-rouge, .highlight {
  position: relative;
  border-bottom-right-radius: 0.3em;
  border-bottom-left-radius: 0.3em;
  font-family: var(--font-family-monospace);
  line-height: 1.8;
}
.highlighter-rouge > pre,
.highlighter-rouge pre.highlight, .highlight > pre,
.highlight pre.highlight {
  margin-left: 1em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

.highlight table {
  margin-bottom: 0;
  font-size: 1em;
  border: 0;
}
.highlight table td {
  padding: 0;
  width: calc(100% - 1em);
  border: 0;
}
.highlight table td.gutter {
  padding-right: 1em;
  width: 1em;
  color: var(--tertiary-color);
  border-right: 1px solid var(--tertiary-color);
  text-align: right;
}
.highlight table td.code {
  padding-left: 1em;
}
.highlight table pre {
  margin: 0;
}

.yolo-themed .highlight {
  font-family: var(--font-family-monospace);
  background: var(--syntax-container-color);
  color: var(--syntax-text);
}
.yolo-themed .highlight .hll {
  color: var(--syntax-highlight-line);
}
.yolo-themed .highlight .c {
  color: var(--syntax-comment);
}
.yolo-themed .highlight .c1 {
  color: var(--syntax-comment-single);
}
.yolo-themed .highlight .ch {
  color: var(--syntax-comment-hashbang);
}
.yolo-themed .highlight .cm {
  color: var(--syntax-comment-multiline);
}
.yolo-themed .highlight .cp {
  color: var(--syntax-comment-preproc);
}
.yolo-themed .highlight .cpf {
  color: var(--syntax-comment-preprocfile);
}
.yolo-themed .highlight .cs {
  color: var(--syntax-comment-special);
}
.yolo-themed .highlight .dl {
  color: var(--syntax-string-delimiter);
}
.yolo-themed .highlight .err {
  color: var(--syntax-error);
}
.yolo-themed .highlight .gd {
  color: var(--syntax-generic-deleted);
}
.yolo-themed .highlight .ge {
  color: var(--syntax-generic-emph);
  font-weight: bold;
}
.yolo-themed .highlight .gh {
  color: var(--syntax-generic-heading);
  font-weight: bold;
}
.yolo-themed .highlight .gi {
  color: var(--syntax-generic-inserted);
}
.yolo-themed .highlight .go {
  color: var(--syntax-generic-output);
}
.yolo-themed .highlight .gp {
  color: var(--syntax-generic-prompt);
}
.yolo-themed .highlight .gr {
  color: var(--syntax-generic-error);
}
.yolo-themed .highlight .gs {
  color: var(--syntax-generic-strong);
  font-weight: bold;
}
.yolo-themed .highlight .gt {
  color: var(--syntax-generic-traceback);
}
.yolo-themed .highlight .gu {
  color: var(--syntax-generic-subheading);
}
.yolo-themed .highlight .hll {
  background-color: var(--syntax-highlight-line);
}
.yolo-themed .highlight .k {
  color: var(--syntax-keyword);
  font-weight: bold;
}
.yolo-themed .highlight .kc {
  color: var(--syntax-keyword-constant);
}
.yolo-themed .highlight .kd {
  color: var(--syntax-keyword-declaration);
}
.yolo-themed .highlight .kn {
  color: var(--syntax-keyword-namespace);
}
.yolo-themed .highlight .kp {
  color: var(--syntax-keyword-pseudo);
}
.yolo-themed .highlight .kr {
  color: var(--syntax-keyword-reserved);
}
.yolo-themed .highlight .kt {
  color: var(--syntax-keyword-type);
}
.yolo-themed .highlight .l {
  color: var(--syntax-literal);
}
.yolo-themed .highlight .ld {
  color: var(--syntax-literal-date);
}
.yolo-themed .highlight .m {
  color: var(--syntax-number);
}
.yolo-themed .highlight .mb {
  color: var(--syntax-number-bin);
}
.yolo-themed .highlight .mf {
  color: var(--syntax-number-float);
}
.yolo-themed .highlight .mh {
  color: var(--syntax-number-hex);
}
.yolo-themed .highlight .mi {
  color: var(--syntax-number-integer);
}
.yolo-themed .highlight .il {
  color: var(--syntax-number-integer-long);
}
.yolo-themed .highlight .mo {
  color: var(--syntax-number-oct);
}
.yolo-themed .highlight .n {
  color: var(--syntax-name);
}
.yolo-themed .highlight .na {
  color: var(--syntax-name-attribute);
}
.yolo-themed .highlight .bp {
  color: var(--syntax-name-builtin-pseudo);
}
.yolo-themed .highlight .nb {
  color: var(--syntax-name-builtin);
}
.yolo-themed .highlight .nc {
  color: var(--syntax-name-class);
  font-weight: bold;
}
.yolo-themed .highlight .nd {
  color: var(--syntax-name-decorator);
}
.yolo-themed .highlight .ne {
  color: var(--syntax-name-exception);
  font-weight: bold;
}
.yolo-themed .highlight .fm {
  color: var(--syntax-name-function-magic);
}
.yolo-themed .highlight .nf {
  color: var(--syntax-name-function);
}
.yolo-themed .highlight .ni {
  color: var(--syntax-name-entity);
  font-weight: bold;
}
.yolo-themed .highlight .nl {
  color: var(--syntax-name-label);
}
.yolo-themed .highlight .nn {
  color: var(--syntax-name-namespace);
}
.yolo-themed .highlight .no {
  color: var(--syntax-name-constant);
}
.yolo-themed .highlight .nt {
  color: var(--syntax-name-tag);
}
.yolo-themed .highlight .nx {
  color: var(--syntax-name-other);
}
.yolo-themed .highlight .nv {
  color: var(--syntax-name-variable);
}
.yolo-themed .highlight .vc {
  color: var(--syntax-name-variable-class);
}
.yolo-themed .highlight .vg {
  color: var(--syntax-name-variable-global);
}
.yolo-themed .highlight .vi {
  color: var(--syntax-name-variable-instance);
}
.yolo-themed .highlight .vm {
  color: var(--syntax-name-variable-magic);
}
.yolo-themed .highlight .o {
  color: var(--syntax-operator);
}
.yolo-themed .highlight .ow {
  color: var(--syntax-operator-word);
}
.yolo-themed .highlight .p {
  color: var(--syntax-punctuation);
}
.yolo-themed .highlight .py {
  color: var(--syntax-name-property);
}
.yolo-themed .highlight .s {
  color: var(--syntax-string);
}
.yolo-themed .highlight .s1 {
  color: var(--syntax-string-single);
}
.yolo-themed .highlight .s2 {
  color: var(--syntax-string-double);
}
.yolo-themed .highlight .sa {
  color: var(--syntax-string-affix);
}
.yolo-themed .highlight .sb {
  color: var(--syntax-string-backtick);
}
.yolo-themed .highlight .sc {
  color: var(--syntax-string-char);
}
.yolo-themed .highlight .sd {
  color: var(--syntax-string-doc);
}
.yolo-themed .highlight .se {
  color: var(--syntax-string-escape);
}
.yolo-themed .highlight .sh {
  color: var(--syntax-string-heredoc);
}
.yolo-themed .highlight .si {
  color: var(--syntax-string-interpol);
}
.yolo-themed .highlight .sr {
  color: var(--syntax-string-regex);
}
.yolo-themed .highlight .ss {
  color: var(--syntax-string-symbol);
}
.yolo-themed .highlight .sx {
  color: var(--syntax-string-other);
}
.yolo-themed .highlight .w {
  color: var(--syntax-text-whitespace);
}
.yolo-themed .highlight .hljs {
  background: var(--syntax-container-color);
  color: var(--syntax-text);
}
.yolo-themed .highlight .hljs-comment,
.yolo-themed .highlight .hljs-quote {
  color: var(--syntax-comment);
}
.yolo-themed .highlight .hljs-keyword,
.yolo-themed .highlight .hljs-selector-tag {
  color: var(--syntax-keyword);
  font-weight: bold;
}
.yolo-themed .highlight .hljs-string,
.yolo-themed .highlight .hljs-doctag,
.yolo-themed .highlight .hljs-template-variable,
.yolo-themed .highlight .hljs-variable {
  color: var(--syntax-string);
}
.yolo-themed .highlight .hljs-number,
.yolo-themed .highlight .hljs-literal {
  color: var(--syntax-number);
}
.yolo-themed .highlight .hljs-title,
.yolo-themed .highlight .hljs-section,
.yolo-themed .highlight .hljs-selector-id {
  color: var(--syntax-name-function);
}
.yolo-themed .highlight .hljs-function,
.yolo-themed .highlight .hljs-title.function_ {
  color: var(--syntax-name-function);
}
.yolo-themed .highlight .hljs-class .hljs-title,
.yolo-themed .highlight .hljs-type {
  color: var(--syntax-name-class);
  font-weight: bold;
}
.yolo-themed .highlight .hljs-tag,
.yolo-themed .highlight .hljs-name {
  color: var(--syntax-name-tag);
}
.yolo-themed .highlight .hljs-attr,
.yolo-themed .highlight .hljs-attribute {
  color: var(--syntax-name-attribute);
}
.yolo-themed .highlight .hljs-symbol,
.yolo-themed .highlight .hljs-bullet {
  color: var(--syntax-string-symbol);
}
.yolo-themed .highlight .hljs-built_in,
.yolo-themed .highlight .hljs-builtin-name {
  color: var(--syntax-name-builtin);
}
.yolo-themed .highlight .hljs-meta {
  color: var(--syntax-comment-preproc);
}
.yolo-themed .highlight .hljs-deletion {
  color: var(--syntax-generic-deleted);
}
.yolo-themed .highlight .hljs-addition {
  color: var(--syntax-generic-inserted);
}
.yolo-themed .highlight .hljs-emphasis {
  font-style: italic;
}
.yolo-themed .highlight .hljs-strong {
  font-weight: bold;
}
.yolo-themed .highlight .hljs-punctuation {
  color: var(--syntax-punctuation);
}
.yolo-themed .highlight .hljs-params {
  color: var(--syntax-name-variable);
}
.yolo-themed .highlight .hljs-property {
  color: var(--syntax-name-property);
}
.yolo-themed .highlight .hljs-operator {
  color: var(--syntax-operator);
}
.yolo-themed .highlight .hljs-regexp {
  color: var(--syntax-string-regex);
}
.yolo-themed .highlight .hljs-subst {
  color: var(--syntax-string-interpol);
}

:root[light] {
  --font-family-primary: Space Mono, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, monospace;
  --font-family-secondary: Montserrat, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, sans-serif;
  --font-family-monospace: Source Code Pro, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, monospace;
  --primary-color: #F7F3FF;
  --on-primary-color: #241A3D;
  --primary-container-color: #FFFFFF;
  --on-primary-container-color: #0D6FB8;
  --secondary-color: #0D6FB8;
  --on-secondary-color: #F7F3FF;
  --secondary-container-color: #D5CCF0;
  --on-secondary-container-color: #241A3D;
  --tertiary-color: #FF3D8E;
  --on-tertiary-color: #F7F3FF;
  --link-color: #FF3D8E;
  --syntax-text: #241A3D;
  --syntax-text-on-color: #fff;
  --syntax-container-color: #FFFFFF;
  --syntax-container-color-on-color: #000;
  --syntax-highlight-line: #FF3D8E;
  --syntax-highlight-line-on-color: #000;
  --syntax-error: #b71c1c;
  --syntax-error-on-color: #fff;
  --syntax-punctuation: #241A3D;
  --syntax-punctuation-on-color: #fff;
  --syntax-text-whitespace: #241A3D;
  --syntax-text-whitespace-on-color: #fff;
  --syntax-comment-hashbang: #8A7FAF;
  --syntax-comment-hashbang-on-color: #000;
  --syntax-comment-multiline: #8A7FAF;
  --syntax-comment-multiline-on-color: #000;
  --syntax-comment-preproc: #8A7FAF;
  --syntax-comment-preproc-on-color: #000;
  --syntax-comment-preprocfile: #8A7FAF;
  --syntax-comment-preprocfile-on-color: #000;
  --syntax-comment-single: #8A7FAF;
  --syntax-comment-single-on-color: #000;
  --syntax-comment-special: #8A7FAF;
  --syntax-comment-special-on-color: #000;
  --syntax-comment: #8A7FAF;
  --syntax-comment-on-color: #000;
  --syntax-generic-deleted: #b71c1c;
  --syntax-generic-deleted-on-color: #fff;
  --syntax-generic-emph: #241A3D;
  --syntax-generic-emph-on-color: #fff;
  --syntax-generic-error: #241A3D;
  --syntax-generic-error-on-color: #fff;
  --syntax-generic-heading: #241A3D;
  --syntax-generic-heading-on-color: #fff;
  --syntax-generic-inserted: #241A3D;
  --syntax-generic-inserted-on-color: #fff;
  --syntax-generic-output: #241A3D;
  --syntax-generic-output-on-color: #fff;
  --syntax-generic-prompt: #0D6FB8;
  --syntax-generic-prompt-on-color: #fff;
  --syntax-generic-strong: #0D6FB8;
  --syntax-generic-strong-on-color: #fff;
  --syntax-generic-subheading: #241A3D;
  --syntax-generic-subheading-on-color: #fff;
  --syntax-generic-traceback: #241A3D;
  --syntax-generic-traceback-on-color: #fff;
  --syntax-keyword-constant: #0D6FB8;
  --syntax-keyword-constant-on-color: #fff;
  --syntax-keyword-declaration: #0D6FB8;
  --syntax-keyword-declaration-on-color: #fff;
  --syntax-keyword-namespace: #0D6FB8;
  --syntax-keyword-namespace-on-color: #fff;
  --syntax-keyword-pseudo: #0D6FB8;
  --syntax-keyword-pseudo-on-color: #fff;
  --syntax-keyword-reserved: #0D6FB8;
  --syntax-keyword-reserved-on-color: #fff;
  --syntax-keyword-type: #0D6FB8;
  --syntax-keyword-type-on-color: #fff;
  --syntax-keyword: #0D6FB8;
  --syntax-keyword-on-color: #fff;
  --syntax-literal-date: #241A3D;
  --syntax-literal-date-on-color: #fff;
  --syntax-literal: #241A3D;
  --syntax-literal-on-color: #fff;
  --syntax-name-attribute: #FF3D8E;
  --syntax-name-attribute-on-color: #000;
  --syntax-name-builtin-pseudo: #241A3D;
  --syntax-name-builtin-pseudo-on-color: #fff;
  --syntax-name-builtin: #241A3D;
  --syntax-name-builtin-on-color: #fff;
  --syntax-name-class: #FF3D8E;
  --syntax-name-class-on-color: #000;
  --syntax-name-constant: #241A3D;
  --syntax-name-constant-on-color: #fff;
  --syntax-name-decorator: #241A3D;
  --syntax-name-decorator-on-color: #fff;
  --syntax-name-entity: #241A3D;
  --syntax-name-entity-on-color: #fff;
  --syntax-name-exception: #241A3D;
  --syntax-name-exception-on-color: #fff;
  --syntax-name-function-magic: #FF3D8E;
  --syntax-name-function-magic-on-color: #000;
  --syntax-name-function: #FF3D8E;
  --syntax-name-function-on-color: #000;
  --syntax-name-label: #FF3D8E;
  --syntax-name-label-on-color: #000;
  --syntax-name-namespace: #241A3D;
  --syntax-name-namespace-on-color: #fff;
  --syntax-name-other: #241A3D;
  --syntax-name-other-on-color: #fff;
  --syntax-name-property: #FF3D8E;
  --syntax-name-property-on-color: #000;
  --syntax-name-tag: #0D6FB8;
  --syntax-name-tag-on-color: #fff;
  --syntax-name-variable-class: #241A3D;
  --syntax-name-variable-class-on-color: #fff;
  --syntax-name-variable-global: #241A3D;
  --syntax-name-variable-global-on-color: #fff;
  --syntax-name-variable-instance: #241A3D;
  --syntax-name-variable-instance-on-color: #fff;
  --syntax-name-variable-magic: #241A3D;
  --syntax-name-variable-magic-on-color: #fff;
  --syntax-name-variable: #241A3D;
  --syntax-name-variable-on-color: #fff;
  --syntax-name: #241A3D;
  --syntax-name-on-color: #fff;
  --syntax-number-bin: #B85A00;
  --syntax-number-bin-on-color: #fff;
  --syntax-number-float: #B85A00;
  --syntax-number-float-on-color: #fff;
  --syntax-number-hex: #B85A00;
  --syntax-number-hex-on-color: #fff;
  --syntax-number-integer-long: #B85A00;
  --syntax-number-integer-long-on-color: #fff;
  --syntax-number-integer: #B85A00;
  --syntax-number-integer-on-color: #fff;
  --syntax-number-oct: #B85A00;
  --syntax-number-oct-on-color: #fff;
  --syntax-number: #B85A00;
  --syntax-number-on-color: #fff;
  --syntax-operator-word: #FF3D8E;
  --syntax-operator-word-on-color: #000;
  --syntax-operator: #FF3D8E;
  --syntax-operator-on-color: #000;
  --syntax-string-affix: #B85A00;
  --syntax-string-affix-on-color: #fff;
  --syntax-string-backtick: #B85A00;
  --syntax-string-backtick-on-color: #fff;
  --syntax-string-char: #B85A00;
  --syntax-string-char-on-color: #fff;
  --syntax-string-delimiter: #B85A00;
  --syntax-string-delimiter-on-color: #fff;
  --syntax-string-doc: #B85A00;
  --syntax-string-doc-on-color: #fff;
  --syntax-string-double: #B85A00;
  --syntax-string-double-on-color: #fff;
  --syntax-string-escape: #B85A00;
  --syntax-string-escape-on-color: #fff;
  --syntax-string-heredoc: #B85A00;
  --syntax-string-heredoc-on-color: #fff;
  --syntax-string-interpol: #B85A00;
  --syntax-string-interpol-on-color: #fff;
  --syntax-string-other: #B85A00;
  --syntax-string-other-on-color: #fff;
  --syntax-string-regex: #B85A00;
  --syntax-string-regex-on-color: #fff;
  --syntax-string-single: #B85A00;
  --syntax-string-single-on-color: #fff;
  --syntax-string-symbol: #B85A00;
  --syntax-string-symbol-on-color: #fff;
  --syntax-string: #B85A00;
  --syntax-string-on-color: #fff;
}

:root[dark] {
  --font-family-primary: Space Mono, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, monospace;
  --font-family-secondary: Montserrat, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, sans-serif;
  --font-family-monospace: Source Code Pro, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, monospace;
  --primary-color: #0A0D24;
  --on-primary-color: #F3E9FF;
  --primary-container-color: #15183A;
  --on-primary-container-color: #7FD7FF;
  --secondary-color: #7FD7FF;
  --on-secondary-color: #0A0D24;
  --secondary-container-color: #2A2E5A;
  --on-secondary-container-color: #F3E9FF;
  --tertiary-color: #FF5DA2;
  --on-tertiary-color: #0A0D24;
  --link-color: #FF5DA2;
  --syntax-text: #F3E9FF;
  --syntax-text-on-color: #000;
  --syntax-container-color: #15183A;
  --syntax-container-color-on-color: #fff;
  --syntax-highlight-line: #FF5DA2;
  --syntax-highlight-line-on-color: #000;
  --syntax-error: #ff5252;
  --syntax-error-on-color: #000;
  --syntax-punctuation: #F3E9FF;
  --syntax-punctuation-on-color: #000;
  --syntax-text-whitespace: #F3E9FF;
  --syntax-text-whitespace-on-color: #000;
  --syntax-comment-hashbang: #8A7FAF;
  --syntax-comment-hashbang-on-color: #000;
  --syntax-comment-multiline: #8A7FAF;
  --syntax-comment-multiline-on-color: #000;
  --syntax-comment-preproc: #8A7FAF;
  --syntax-comment-preproc-on-color: #000;
  --syntax-comment-preprocfile: #8A7FAF;
  --syntax-comment-preprocfile-on-color: #000;
  --syntax-comment-single: #8A7FAF;
  --syntax-comment-single-on-color: #000;
  --syntax-comment-special: #8A7FAF;
  --syntax-comment-special-on-color: #000;
  --syntax-comment: #8A7FAF;
  --syntax-comment-on-color: #000;
  --syntax-generic-deleted: #ff5252;
  --syntax-generic-deleted-on-color: #000;
  --syntax-generic-emph: #F3E9FF;
  --syntax-generic-emph-on-color: #000;
  --syntax-generic-error: #F3E9FF;
  --syntax-generic-error-on-color: #000;
  --syntax-generic-heading: #F3E9FF;
  --syntax-generic-heading-on-color: #000;
  --syntax-generic-inserted: #F3E9FF;
  --syntax-generic-inserted-on-color: #000;
  --syntax-generic-output: #F3E9FF;
  --syntax-generic-output-on-color: #000;
  --syntax-generic-prompt: #7FD7FF;
  --syntax-generic-prompt-on-color: #000;
  --syntax-generic-strong: #7FD7FF;
  --syntax-generic-strong-on-color: #000;
  --syntax-generic-subheading: #F3E9FF;
  --syntax-generic-subheading-on-color: #000;
  --syntax-generic-traceback: #F3E9FF;
  --syntax-generic-traceback-on-color: #000;
  --syntax-keyword-constant: #7FD7FF;
  --syntax-keyword-constant-on-color: #000;
  --syntax-keyword-declaration: #7FD7FF;
  --syntax-keyword-declaration-on-color: #000;
  --syntax-keyword-namespace: #7FD7FF;
  --syntax-keyword-namespace-on-color: #000;
  --syntax-keyword-pseudo: #7FD7FF;
  --syntax-keyword-pseudo-on-color: #000;
  --syntax-keyword-reserved: #7FD7FF;
  --syntax-keyword-reserved-on-color: #000;
  --syntax-keyword-type: #7FD7FF;
  --syntax-keyword-type-on-color: #000;
  --syntax-keyword: #7FD7FF;
  --syntax-keyword-on-color: #000;
  --syntax-literal-date: #F3E9FF;
  --syntax-literal-date-on-color: #000;
  --syntax-literal: #F3E9FF;
  --syntax-literal-on-color: #000;
  --syntax-name-attribute: #FF5DA2;
  --syntax-name-attribute-on-color: #000;
  --syntax-name-builtin-pseudo: #F3E9FF;
  --syntax-name-builtin-pseudo-on-color: #000;
  --syntax-name-builtin: #F3E9FF;
  --syntax-name-builtin-on-color: #000;
  --syntax-name-class: #FF5DA2;
  --syntax-name-class-on-color: #000;
  --syntax-name-constant: #F3E9FF;
  --syntax-name-constant-on-color: #000;
  --syntax-name-decorator: #F3E9FF;
  --syntax-name-decorator-on-color: #000;
  --syntax-name-entity: #F3E9FF;
  --syntax-name-entity-on-color: #000;
  --syntax-name-exception: #F3E9FF;
  --syntax-name-exception-on-color: #000;
  --syntax-name-function-magic: #FF5DA2;
  --syntax-name-function-magic-on-color: #000;
  --syntax-name-function: #FF5DA2;
  --syntax-name-function-on-color: #000;
  --syntax-name-label: #FF5DA2;
  --syntax-name-label-on-color: #000;
  --syntax-name-namespace: #F3E9FF;
  --syntax-name-namespace-on-color: #000;
  --syntax-name-other: #F3E9FF;
  --syntax-name-other-on-color: #000;
  --syntax-name-property: #FF5DA2;
  --syntax-name-property-on-color: #000;
  --syntax-name-tag: #7FD7FF;
  --syntax-name-tag-on-color: #000;
  --syntax-name-variable-class: #F3E9FF;
  --syntax-name-variable-class-on-color: #000;
  --syntax-name-variable-global: #F3E9FF;
  --syntax-name-variable-global-on-color: #000;
  --syntax-name-variable-instance: #F3E9FF;
  --syntax-name-variable-instance-on-color: #000;
  --syntax-name-variable-magic: #F3E9FF;
  --syntax-name-variable-magic-on-color: #000;
  --syntax-name-variable: #F3E9FF;
  --syntax-name-variable-on-color: #000;
  --syntax-name: #F3E9FF;
  --syntax-name-on-color: #000;
  --syntax-number-bin: #FFE98A;
  --syntax-number-bin-on-color: #000;
  --syntax-number-float: #FFE98A;
  --syntax-number-float-on-color: #000;
  --syntax-number-hex: #FFE98A;
  --syntax-number-hex-on-color: #000;
  --syntax-number-integer-long: #FFE98A;
  --syntax-number-integer-long-on-color: #000;
  --syntax-number-integer: #FFE98A;
  --syntax-number-integer-on-color: #000;
  --syntax-number-oct: #FFE98A;
  --syntax-number-oct-on-color: #000;
  --syntax-number: #FFE98A;
  --syntax-number-on-color: #000;
  --syntax-operator-word: #FF5DA2;
  --syntax-operator-word-on-color: #000;
  --syntax-operator: #FF5DA2;
  --syntax-operator-on-color: #000;
  --syntax-string-affix: #FFE98A;
  --syntax-string-affix-on-color: #000;
  --syntax-string-backtick: #FFE98A;
  --syntax-string-backtick-on-color: #000;
  --syntax-string-char: #FFE98A;
  --syntax-string-char-on-color: #000;
  --syntax-string-delimiter: #FFE98A;
  --syntax-string-delimiter-on-color: #000;
  --syntax-string-doc: #FFE98A;
  --syntax-string-doc-on-color: #000;
  --syntax-string-double: #FFE98A;
  --syntax-string-double-on-color: #000;
  --syntax-string-escape: #FFE98A;
  --syntax-string-escape-on-color: #000;
  --syntax-string-heredoc: #FFE98A;
  --syntax-string-heredoc-on-color: #000;
  --syntax-string-interpol: #FFE98A;
  --syntax-string-interpol-on-color: #000;
  --syntax-string-other: #FFE98A;
  --syntax-string-other-on-color: #000;
  --syntax-string-regex: #FFE98A;
  --syntax-string-regex-on-color: #000;
  --syntax-string-single: #FFE98A;
  --syntax-string-single-on-color: #000;
  --syntax-string-symbol: #FFE98A;
  --syntax-string-symbol-on-color: #000;
  --syntax-string: #FFE98A;
  --syntax-string-on-color: #000;
}

.syntax-text-color {
  background-color: var(--syntax-text);
  color: var(--syntax-text-on-color, #000);
}

.syntax-container-color {
  background-color: var(--syntax-container-color);
  color: var(--syntax-container-on-color, #fff);
}

.syntax-highlight-line-color {
  background-color: var(--syntax-highlight-line);
  color: var(--syntax-highlight-line-on-color, #000);
}

.syntax-error-color {
  background-color: var(--syntax-error);
  color: var(--syntax-error-on-color, #000);
}

.syntax-punctuation-color {
  background-color: var(--syntax-punctuation);
  color: var(--syntax-punctuation-on-color, #000);
}

.syntax-text-whitespace-color {
  background-color: var(--syntax-text-whitespace);
  color: var(--syntax-text-whitespace-on-color, #000);
}

.syntax-comment-hashbang-color {
  background-color: var(--syntax-comment-hashbang);
  color: var(--syntax-comment-hashbang-on-color, #000);
}

.syntax-comment-multiline-color {
  background-color: var(--syntax-comment-multiline);
  color: var(--syntax-comment-multiline-on-color, #000);
}

.syntax-comment-preproc-color {
  background-color: var(--syntax-comment-preproc);
  color: var(--syntax-comment-preproc-on-color, #000);
}

.syntax-comment-preprocfile-color {
  background-color: var(--syntax-comment-preprocfile);
  color: var(--syntax-comment-preprocfile-on-color, #000);
}

.syntax-comment-single-color {
  background-color: var(--syntax-comment-single);
  color: var(--syntax-comment-single-on-color, #000);
}

.syntax-comment-special-color {
  background-color: var(--syntax-comment-special);
  color: var(--syntax-comment-special-on-color, #000);
}

.syntax-comment-color {
  background-color: var(--syntax-comment);
  color: var(--syntax-comment-on-color, #000);
}

.syntax-generic-deleted-color {
  background-color: var(--syntax-generic-deleted);
  color: var(--syntax-generic-deleted-on-color, #000);
}

.syntax-generic-emph-color {
  background-color: var(--syntax-generic-emph);
  color: var(--syntax-generic-emph-on-color, #000);
}

.syntax-generic-error-color {
  background-color: var(--syntax-generic-error);
  color: var(--syntax-generic-error-on-color, #000);
}

.syntax-generic-heading-color {
  background-color: var(--syntax-generic-heading);
  color: var(--syntax-generic-heading-on-color, #000);
}

.syntax-generic-inserted-color {
  background-color: var(--syntax-generic-inserted);
  color: var(--syntax-generic-inserted-on-color, #000);
}

.syntax-generic-output-color {
  background-color: var(--syntax-generic-output);
  color: var(--syntax-generic-output-on-color, #000);
}

.syntax-generic-prompt-color {
  background-color: var(--syntax-generic-prompt);
  color: var(--syntax-generic-prompt-on-color, #000);
}

.syntax-generic-strong-color {
  background-color: var(--syntax-generic-strong);
  color: var(--syntax-generic-strong-on-color, #000);
}

.syntax-generic-subheading-color {
  background-color: var(--syntax-generic-subheading);
  color: var(--syntax-generic-subheading-on-color, #000);
}

.syntax-generic-traceback-color {
  background-color: var(--syntax-generic-traceback);
  color: var(--syntax-generic-traceback-on-color, #000);
}

.syntax-keyword-constant-color {
  background-color: var(--syntax-keyword-constant);
  color: var(--syntax-keyword-constant-on-color, #000);
}

.syntax-keyword-declaration-color {
  background-color: var(--syntax-keyword-declaration);
  color: var(--syntax-keyword-declaration-on-color, #000);
}

.syntax-keyword-namespace-color {
  background-color: var(--syntax-keyword-namespace);
  color: var(--syntax-keyword-namespace-on-color, #000);
}

.syntax-keyword-pseudo-color {
  background-color: var(--syntax-keyword-pseudo);
  color: var(--syntax-keyword-pseudo-on-color, #000);
}

.syntax-keyword-reserved-color {
  background-color: var(--syntax-keyword-reserved);
  color: var(--syntax-keyword-reserved-on-color, #000);
}

.syntax-keyword-type-color {
  background-color: var(--syntax-keyword-type);
  color: var(--syntax-keyword-type-on-color, #000);
}

.syntax-keyword-color {
  background-color: var(--syntax-keyword);
  color: var(--syntax-keyword-on-color, #000);
}

.syntax-literal-date-color {
  background-color: var(--syntax-literal-date);
  color: var(--syntax-literal-date-on-color, #000);
}

.syntax-literal-color {
  background-color: var(--syntax-literal);
  color: var(--syntax-literal-on-color, #000);
}

.syntax-name-attribute-color {
  background-color: var(--syntax-name-attribute);
  color: var(--syntax-name-attribute-on-color, #000);
}

.syntax-name-builtin-pseudo-color {
  background-color: var(--syntax-name-builtin-pseudo);
  color: var(--syntax-name-builtin-pseudo-on-color, #000);
}

.syntax-name-builtin-color {
  background-color: var(--syntax-name-builtin);
  color: var(--syntax-name-builtin-on-color, #000);
}

.syntax-name-class-color {
  background-color: var(--syntax-name-class);
  color: var(--syntax-name-class-on-color, #000);
}

.syntax-name-constant-color {
  background-color: var(--syntax-name-constant);
  color: var(--syntax-name-constant-on-color, #000);
}

.syntax-name-decorator-color {
  background-color: var(--syntax-name-decorator);
  color: var(--syntax-name-decorator-on-color, #000);
}

.syntax-name-entity-color {
  background-color: var(--syntax-name-entity);
  color: var(--syntax-name-entity-on-color, #000);
}

.syntax-name-exception-color {
  background-color: var(--syntax-name-exception);
  color: var(--syntax-name-exception-on-color, #000);
}

.syntax-name-function-magic-color {
  background-color: var(--syntax-name-function-magic);
  color: var(--syntax-name-function-magic-on-color, #000);
}

.syntax-name-function-color {
  background-color: var(--syntax-name-function);
  color: var(--syntax-name-function-on-color, #000);
}

.syntax-name-label-color {
  background-color: var(--syntax-name-label);
  color: var(--syntax-name-label-on-color, #000);
}

.syntax-name-namespace-color {
  background-color: var(--syntax-name-namespace);
  color: var(--syntax-name-namespace-on-color, #000);
}

.syntax-name-other-color {
  background-color: var(--syntax-name-other);
  color: var(--syntax-name-other-on-color, #000);
}

.syntax-name-property-color {
  background-color: var(--syntax-name-property);
  color: var(--syntax-name-property-on-color, #000);
}

.syntax-name-tag-color {
  background-color: var(--syntax-name-tag);
  color: var(--syntax-name-tag-on-color, #000);
}

.syntax-name-variable-class-color {
  background-color: var(--syntax-name-variable-class);
  color: var(--syntax-name-variable-class-on-color, #000);
}

.syntax-name-variable-global-color {
  background-color: var(--syntax-name-variable-global);
  color: var(--syntax-name-variable-global-on-color, #000);
}

.syntax-name-variable-instance-color {
  background-color: var(--syntax-name-variable-instance);
  color: var(--syntax-name-variable-instance-on-color, #000);
}

.syntax-name-variable-magic-color {
  background-color: var(--syntax-name-variable-magic);
  color: var(--syntax-name-variable-magic-on-color, #000);
}

.syntax-name-variable-color {
  background-color: var(--syntax-name-variable);
  color: var(--syntax-name-variable-on-color, #000);
}

.syntax-name-color {
  background-color: var(--syntax-name);
  color: var(--syntax-name-on-color, #000);
}

.syntax-number-bin-color {
  background-color: var(--syntax-number-bin);
  color: var(--syntax-number-bin-on-color, #000);
}

.syntax-number-float-color {
  background-color: var(--syntax-number-float);
  color: var(--syntax-number-float-on-color, #000);
}

.syntax-number-hex-color {
  background-color: var(--syntax-number-hex);
  color: var(--syntax-number-hex-on-color, #000);
}

.syntax-number-integer-long-color {
  background-color: var(--syntax-number-integer-long);
  color: var(--syntax-number-integer-long-on-color, #000);
}

.syntax-number-integer-color {
  background-color: var(--syntax-number-integer);
  color: var(--syntax-number-integer-on-color, #000);
}

.syntax-number-oct-color {
  background-color: var(--syntax-number-oct);
  color: var(--syntax-number-oct-on-color, #000);
}

.syntax-number-color {
  background-color: var(--syntax-number);
  color: var(--syntax-number-on-color, #000);
}

.syntax-operator-word-color {
  background-color: var(--syntax-operator-word);
  color: var(--syntax-operator-word-on-color, #000);
}

.syntax-operator-color {
  background-color: var(--syntax-operator);
  color: var(--syntax-operator-on-color, #000);
}

.syntax-string-affix-color {
  background-color: var(--syntax-string-affix);
  color: var(--syntax-string-affix-on-color, #000);
}

.syntax-string-backtick-color {
  background-color: var(--syntax-string-backtick);
  color: var(--syntax-string-backtick-on-color, #000);
}

.syntax-string-char-color {
  background-color: var(--syntax-string-char);
  color: var(--syntax-string-char-on-color, #000);
}

.syntax-string-delimiter-color {
  background-color: var(--syntax-string-delimiter);
  color: var(--syntax-string-delimiter-on-color, #000);
}

.syntax-string-doc-color {
  background-color: var(--syntax-string-doc);
  color: var(--syntax-string-doc-on-color, #000);
}

.syntax-string-double-color {
  background-color: var(--syntax-string-double);
  color: var(--syntax-string-double-on-color, #000);
}

.syntax-string-escape-color {
  background-color: var(--syntax-string-escape);
  color: var(--syntax-string-escape-on-color, #000);
}

.syntax-string-heredoc-color {
  background-color: var(--syntax-string-heredoc);
  color: var(--syntax-string-heredoc-on-color, #000);
}

.syntax-string-interpol-color {
  background-color: var(--syntax-string-interpol);
  color: var(--syntax-string-interpol-on-color, #000);
}

.syntax-string-other-color {
  background-color: var(--syntax-string-other);
  color: var(--syntax-string-other-on-color, #000);
}

.syntax-string-regex-color {
  background-color: var(--syntax-string-regex);
  color: var(--syntax-string-regex-on-color, #000);
}

.syntax-string-single-color {
  background-color: var(--syntax-string-single);
  color: var(--syntax-string-single-on-color, #000);
}

.syntax-string-symbol-color {
  background-color: var(--syntax-string-symbol);
  color: var(--syntax-string-symbol-on-color, #000);
}

.syntax-string-color {
  background-color: var(--syntax-string);
  color: var(--syntax-string-on-color, #000);
}
/*# sourceMappingURL=brand.css.map */