/* Generated by rootiest-icons scripts/make-themes.py from themes/mattermost.css and themes/palette.toml: do not edit. */
:root:has(link.code_theme[href$="/7654b55b2f3442e91404.css"]), :root:has(link.code_theme[href$="/183c8af90a3d7aed5d05.css"]) {
  --rootiest-code-bg: #e6e9ef;
  --rootiest-code-text: #4c4f69;
  --rootiest-code-gutter: #9ca0b0;
  --rootiest-code-rule: #bcc0cc;
  --rootiest-code-comment: #7c7f93;
  --rootiest-code-punct: #7c7f93;
  --rootiest-code-subtle: #6c6f85;
  --rootiest-code-keyword: #8839ef;
  --rootiest-code-string: #40a02b;
  --rootiest-code-number: #fe640b;
  --rootiest-code-builtin: #d20f39;
  --rootiest-code-type: #df8e1d;
  --rootiest-code-function: #1e66f5;
  --rootiest-code-operator: #04a5e5;
  --rootiest-code-property: #179299;
  --rootiest-code-regexp: #ea76cb;
  --rootiest-code-symbol: #dd7878;
  --rootiest-code-link: #209fb5;
  --rootiest-code-add-bg: color-mix(in srgb, #40a02b 15%, transparent);
  --rootiest-code-del-bg: color-mix(in srgb, #d20f39 15%, transparent);
}
:root {
  --rootiest-code-bg: #181825;
  --rootiest-code-text: #cdd6f4;
  --rootiest-code-gutter: #6c7086;
  --rootiest-code-rule: #45475a;
  --rootiest-code-comment: #9399b2;
  --rootiest-code-punct: #9399b2;
  --rootiest-code-subtle: #a6adc8;
  --rootiest-code-keyword: #cba6f7;
  --rootiest-code-string: #a6e3a1;
  --rootiest-code-number: #fab387;
  --rootiest-code-builtin: #f38ba8;
  --rootiest-code-type: #f9e2af;
  --rootiest-code-function: #89b4fa;
  --rootiest-code-operator: #89dceb;
  --rootiest-code-property: #94e2d5;
  --rootiest-code-regexp: #f5c2e7;
  --rootiest-code-symbol: #f2cdcd;
  --rootiest-code-link: #74c7ec;
  --rootiest-code-add-bg: color-mix(in srgb, #a6e3a1 15%, transparent);
  --rootiest-code-del-bg: color-mix(in srgb, #f38ba8 15%, transparent);
}

/* Mattermost (Rootiest Chat, chat.rootiest.dev), linked into its pages by the edges' Caddy (import theme mattermost).
   Code blocks: Mattermost colors them with one of four highlight.js themes, picked by the user's theme (codeTheme), as
   <link class="code_theme"> to a hashed file it caches for a year. These rules restyle every block: Mocha by default, Latte
   when the light themes are loaded (GitHub, Solarized Light; the hashes above are Mattermost 11.7's and change when its
   webapp build does: after an upgrade, check them, or light blocks fall back to Mocha). .post-code .hljs (a <div> around the <code>, not code.hljs) outranks the stock rules. */
.post-code .hljs { background: var(--rootiest-code-bg); color: var(--rootiest-code-text); }
.post-code .post-code__line-numbers { color: var(--rootiest-code-gutter); border-right-color: var(--rootiest-code-rule); }
.post-code .hljs .hljs-keyword, .post-code .hljs .hljs-literal, .post-code .hljs .hljs-name, .post-code .hljs .hljs-selector-tag, .post-code .hljs .hljs-title,
.post-code .hljs .hljs-type, .post-code .hljs .hljs-doctag, .post-code .hljs .hljs-selector-id, .post-code .hljs .hljs-section { font-weight: 400; }
.post-code .hljs .hljs-comment, .post-code .hljs .hljs-quote { color: var(--rootiest-code-comment); font-style: italic; }
.post-code .hljs .hljs-punctuation, .post-code .hljs .hljs-subst { color: var(--rootiest-code-punct); }
.post-code .hljs .hljs-tag, .post-code .hljs .hljs-params { color: var(--rootiest-code-subtle); }
.post-code .hljs .hljs-keyword, .post-code .hljs .hljs-variable.language_, .post-code .hljs .hljs-name, .post-code .hljs .hljs-selector-attr,
.post-code .hljs .hljs-meta .hljs-keyword { color: var(--rootiest-code-keyword); }
.post-code .hljs .hljs-string, .post-code .hljs .hljs-meta .hljs-string, .post-code .hljs .hljs-code, .post-code .hljs .hljs-attribute,
.post-code .hljs .hljs-addition { color: var(--rootiest-code-string); }
.post-code .hljs .hljs-number, .post-code .hljs .hljs-literal, .post-code .hljs .hljs-variable.constant_, .post-code .hljs .hljs-meta { color: var(--rootiest-code-number); }
.post-code .hljs .hljs-built_in, .post-code .hljs .hljs-doctag, .post-code .hljs .hljs-deletion, .post-code .hljs .hljs-emphasis, .post-code .hljs .hljs-strong { color: var(--rootiest-code-builtin); }
.post-code .hljs .hljs-type, .post-code .hljs .hljs-title.class_, .post-code .hljs .hljs-class .hljs-title, .post-code .hljs .hljs-title.class_.inherited__,
.post-code .hljs .hljs-selector-class { color: var(--rootiest-code-type); }
.post-code .hljs .hljs-title, .post-code .hljs .hljs-title.function_, .post-code .hljs .hljs-section, .post-code .hljs .hljs-attr,
.post-code .hljs .hljs-selector-id { color: var(--rootiest-code-function); }
.post-code .hljs .hljs-operator, .post-code .hljs .hljs-variable, .post-code .hljs .hljs-template-variable { color: var(--rootiest-code-operator); }
.post-code .hljs .hljs-property, .post-code .hljs .hljs-bullet, .post-code .hljs .hljs-formula, .post-code .hljs .hljs-selector-pseudo { color: var(--rootiest-code-property); }
.post-code .hljs .hljs-regexp, .post-code .hljs .hljs-char.escape_ { color: var(--rootiest-code-regexp); }
.post-code .hljs .hljs-symbol, .post-code .hljs .hljs-template-tag { color: var(--rootiest-code-symbol); }
.post-code .hljs .hljs-link { color: var(--rootiest-code-link); text-decoration: underline; }
.post-code .hljs .hljs-addition { background: var(--rootiest-code-add-bg); }
.post-code .hljs .hljs-deletion { background: var(--rootiest-code-del-bg); }
.post-code .hljs .hljs-emphasis { font-style: italic; }
.post-code .hljs .hljs-strong, .post-code .hljs .hljs-section { font-weight: 700; }