@charset "UTF-8";

/*
    Theme name: DarkEmber
    Description: A dark theme with ember accents for Obsidian
    Author: miz@nxdp.net
    Repo: https://github.com/miz-i/Obsidian-theme-DarkEmber
    
    This CSS file is part of the DarkEmber theme for Obsidian (https://obsidian.md)
    
    License: MIT (see LICENSE file in the repository)
*/


:root {
  --font-size-xs: 0.78em;
  --font-size-sm: 0.875em;
  --font-size-base: 1em;
  --font-size-lg: 1.125em;
  --font-size-xl: 1.25em;
  --font-size-2xl: 1.5em;
  --font-size-3xl: 1.875em;
  --size-0-5: 0.125em;
  --size-1: 0.25em;
  --size-1-5: 0.375em;
  --size-2: 0.5em;
  --size-2-5: 0.625em;
  --size-3: 0.75em;
  --size-3-5: 0.875em;
  --size-4: 1em;
  --size-5: 1.25em;
  --size-6: 1.5em;
  --size-7: 1.75em;
  --size-8: 2em;
  --size-12: 3em;
  --size-16: 4em;
  --size-24: 6em;
  --size-32: 8em;
  --size-48: 12em;
  --size-64: 16em;
  --size-96: 24em;
  --size-128: 32em;
  --font-size-h1: 1.3em;
  --font-size-h2: 1.2em;
  --font-size-h3: 1.1em;
  --font-size-h4: 1em;
  --font-size-h5: 1em;
  --font-size-h6: 1em;

  
  --base-font-face: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial,
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
  --code-font-face: Consolas, "Courier New", Courier, monospace;

  --gutter-width: 50px;
  --prev-margin: 150px;
  --max-width-text: 950px;
  --monochrome-color: hsl(13, 100%, 50%);
}


.theme-dark.theme-dark-orange {
  --main-node: #ffbe00;
  --main-node-hover: #fe6a26;
  --tags: #f1ee26;
  --external-link: #82d2e8;
  --external-link-hidden: rgba(131, 197, 235, 0.3);
  --main-background: rgb(36, 36, 36);
  --secondary-background: rgb(27, 27, 27);
  --secondary-background-low-opacity: rgba(27, 27, 27, 0.329);
  --attachments: rgb(105, 188, 235);
  --accent-1: #f07128;
  --accent-2: #eb9239;
  --accent-3: #f1b125;
  --accent-4: #a0e73c;
  --accent-5: #62deac;
  --accent-6: #62b7de;
  --text-normal: rgb(201, 201, 201);
  --text-accent: var(--main-node);
  --text-accent-hover: var(--main-node-hover);
  --background-primary: var(--main-background);
  --background-secondary: var(--secondary-background);
  --interactive-accent: var(--main-node);
  --interactive-accent-hover: var(--main-node-hover);
  --text-on-accent: black;
  --background-modifier-error: #cf2d2d;
  --background-modifier-error-hover: #a72020;
  --text-highlight-bg: #e9b35f;
  --h1-gradient: #d72, #810, #e52, #c12;
  --h2-gradient: #f82, #922, #222;
  --h2-icon-color: #da6212;
  --h3-h6-icon-color: #ff6a6a;
}


.theme-dark.theme-dark-blue {
  --main-node: #4a90e2;
  --main-node-hover: #2c78d4;
  --tags: #61dafb;
  --external-link: #82d2e8;
  --external-link-hidden: rgba(131, 197, 235, 0.3);
  --main-background: rgb(36, 36, 36);
  --secondary-background: rgb(27, 27, 27);
  --secondary-background-low-opacity: rgba(27, 27, 27, 0.329);
  --attachments: rgb(105, 188, 235);
  --accent-1: #3498db;
  --accent-2: #2980b9;
  --accent-3: #1abc9c;
  --accent-4: #080e0c;
  --accent-5: #2ecc71;
  --accent-6: #27ae60;
  --text-normal: rgb(201, 201, 201);
  --text-accent: var(--main-node);
  --text-accent-hover: var(--main-node-hover);
  --background-primary: var(--main-background);
  --background-secondary: var(--secondary-background);
  --interactive-accent: var(--main-node);
  --interactive-accent-hover: var(--main-node-hover);
  --text-on-accent: white;
  --background-modifier-error: #e74c3c;
  --background-modifier-error-hover: #c0392b;
  --text-highlight-bg: #3498db;
  --h1-gradient: #4a90e2, #0a2c57, #3498db, #2980b9;
  --h2-gradient: #61dafb, #3498db, #222;
  --h2-icon-color: #4a90e2;
  --h3-h6-icon-color: #61dafb;
}


.theme-dark.theme-dark-green {
  --main-node: #2ecc71;
  --main-node-hover: #27ae60;
  --tags: #a0e73c;
  --external-link: #82d2e8;
  --external-link-hidden: rgba(131, 197, 235, 0.3);
  --main-background: rgb(36, 36, 36);
  --secondary-background: rgb(27, 27, 27);
  --secondary-background-low-opacity: rgba(27, 27, 27, 0.329);
  --attachments: rgb(105, 188, 235);
  --accent-1: #1abc9c;
  --accent-2: #16a085;
  --accent-3: #3498db;
  --accent-4: #2980b9;
  --accent-5: #f1c40f;
  --accent-6: #f39c12;
  --text-normal: rgb(201, 201, 201);
  --text-accent: var(--main-node);
  --text-accent-hover: var(--main-node-hover);
  --background-primary: var(--main-background);
  --background-secondary: var(--secondary-background);
  --interactive-accent: var(--main-node);
  --interactive-accent-hover: var(--main-node-hover);
  --text-on-accent: black;
  --background-modifier-error: #e74c3c;
  --background-modifier-error-hover: #c0392b;
  --text-highlight-bg: #2ecc71;
  --h1-gradient: #2ecc71, #083119, #1abc9c, #16a085;
  --h2-gradient: #a0e73c, #2ecc71, #222;
  --h2-icon-color: #2ecc71;
  --h3-h6-icon-color: #a0e73c;
}


.theme-dark.theme-dark-purple {
  --main-node: #9b59b6;
  --main-node-hover: #8e44ad;
  --tags: #d2a8ff;
  --external-link: #82d2e8;
  --external-link-hidden: rgba(131, 197, 235, 0.3);
  --main-background: rgb(36, 36, 36);
  --secondary-background: rgb(27, 27, 27);
  --secondary-background-low-opacity: rgba(27, 27, 27, 0.329);
  --attachments: rgb(105, 188, 235);
  --accent-1: #8e44ad;
  --accent-2: #9b59b6;
  --accent-3: #3498db;
  --accent-4: #2980b9;
  --accent-5: #1abc9c;
  --accent-6: #16a085;
  --text-normal: rgb(201, 201, 201);
  --text-accent: var(--main-node);
  --text-accent-hover: var(--main-node-hover);
  --background-primary: var(--main-background);
  --background-secondary: var(--secondary-background);
  --interactive-accent: var(--main-node);
  --interactive-accent-hover: var(--main-node-hover);
  --text-on-accent: white;
  --background-modifier-error: #e74c3c;
  --background-modifier-error-hover: #c0392b;
  --text-highlight-bg: #9b59b6;
  --h1-gradient: #9b59b6, #8e44ad, #d2a8ff, #8e44ad;
  --h2-gradient: #d2a8ff, #9b59b6, #222;
  --h2-icon-color: #9b59b6;
  --h3-h6-icon-color: #d2a8ff;
}


.theme-light.theme-light-orange {
  --main-background: #eaeaea;
  --secondary-background: #d9d9d9;
  --secondary-background-low-opacity: #e2e2e254;
  --main-node: #e06d0f;
  --accent-1: #f05006;
  --accent-2: #cf1f08;
  --accent-3: #d64545;
  --accent-4: #08500d;
  --accent-5: #2012a0;
  --accent-6: #1944aa;
  --external-link: #307a8e;
  --external-link-hidden: #307a8e99;
  --text-normal: rgb(36, 36, 36);
  --text-accent: var(--main-node);
  --text-accent-hover: var(--main-node-hover);
  --background-primary: var(--main-background);
  --background-secondary: var(--secondary-background);
  --interactive-accent: var(--main-node);
  --interactive-accent-hover: var(--main-node-hover);
  --background-modifier-error: #cf2d2d;
  --background-modifier-error-hover: #a72020;
  --text-highlight-bg: #e9b35f;
  --h1-gradient: #e06d0f, #f05006, #cf1f08, #d64545;
  --h2-gradient: #f05006, #e06d0f, #eee;
  --h2-icon-color: #e06d0f;
  --h3-h6-icon-color: #f05006;
}


.theme-light.theme-light-blue {
  --main-background: #f0f4f8;
  --secondary-background: #e1e8f0;
  --secondary-background-low-opacity: #e1e8f054;
  --main-node: #2c78d4;
  --accent-1: #3498db;
  --accent-2: #2980b9;
  --accent-3: #1abc9c;
  --accent-4: #16a085;
  --accent-5: #2ecc71;
  --accent-6: #27ae60;
  --external-link: #2980b9;
  --external-link-hidden: #2980b999;
  --text-normal: rgb(36, 36, 36);
  --text-accent: var(--main-node);
  --text-accent-hover: var(--main-node-hover);
  --background-primary: var(--main-background);
  --background-secondary: var(--secondary-background);
  --interactive-accent: var(--main-node);
  --interactive-accent-hover: var(--main-node-hover);
  --background-modifier-error: #e74c3c;
  --background-modifier-error-hover: #c0392b;
  --text-highlight-bg: #3498db;
  --h1-gradient: #2c78d4, #3498db, #2980b9, #1abc9c;
  --h2-gradient: #3498db, #2c78d4, #eee;
  --h2-icon-color: #2c78d4;
  --h3-h6-icon-color: #3498db;
}


.theme-light.theme-light-green {
  --main-background: #f0f8f0;
  --secondary-background: #e1f0e1;
  --secondary-background-low-opacity: #e1f0e154;
  --main-node: #27ae60;
  --accent-1: #2ecc71;
  --accent-2: #16a085;
  --accent-3: #3498db;
  --accent-4: #2980b9;
  --accent-5: #f1c40f;
  --accent-6: #f39c12;
  --external-link: #16a085;
  --external-link-hidden: #16a08599;
  --text-normal: rgb(36, 36, 36);
  --text-accent: var(--main-node);
  --text-accent-hover: var(--main-node-hover);
  --background-primary: var(--main-background);
  --background-secondary: var(--secondary-background);
  --interactive-accent: var(--main-node);
  --interactive-accent-hover: var(--main-node-hover);
  --background-modifier-error: #e74c3c;
  --background-modifier-error-hover: #c0392b;
  --text-highlight-bg: #2ecc71;
  --h1-gradient: #27ae60, #2ecc71, #16a085, #3498db;
  --h2-gradient: #2ecc71, #27ae60, #eee;
  --h2-icon-color: #27ae60;
  --h3-h6-icon-color: #2ecc71;
}


.theme-light.theme-light-purple {
  --main-background: #f8f0f8;
  --secondary-background: #f0e1f0;
  --secondary-background-low-opacity: #f0e1f054;
  --main-node: #8e44ad;
  --accent-1: #9b59b6;
  --accent-2: #8e44ad;
  --accent-3: #3498db;
  --accent-4: #2980b9;
  --accent-5: #1abc9c;
  --accent-6: #16a085;
  --external-link: #8e44ad;
  --external-link-hidden: #8e44ad99;
  --text-normal: rgb(36, 36, 36);
  --text-accent: var(--main-node);
  --text-accent-hover: var(--main-node-hover);
  --background-primary: var(--main-background);
  --background-secondary: var(--secondary-background);
  --interactive-accent: var(--main-node);
  --interactive-accent-hover: var(--main-node-hover);
  --background-modifier-error: #e74c3c;
  --background-modifier-error-hover: #c0392b;
  --text-highlight-bg: #9b59b6;
  --h1-gradient: #8e44ad, #9b59b6, #8e44ad, #3498db;
  --h2-gradient: #9b59b6, #8e44ad, #eee;
  --h2-icon-color: #8e44ad;
  --h3-h6-icon-color: #9b59b6;
}

.theme-dark {
  --code-block-fg: #928b78;
  --code-block-bg: #303030;
}

.theme-light {
  --code-block-fg: #161616;
  --code-block-bg: #e4e3e0;
}

* {
  font-family: var(--text-normal, var(--base-font-face));
  -webkit-font-feature-settings: "liga" on, "calt" on;
  font-feature-settings: "liga" on, "calt" on;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cm-s-obsidian,
body {
  line-height: 1.7rem;
  --file-line-width: var(--max-width-text);
}


.view-header-title {
  font-size: var(--font-size-h4);
}
.inline-title {
  display: none;
}



.markdown-preview-sizer {
  margin: 0 auto;
  max-width: calc(var(--max-width-text) - var(--prev-margin)) !important;
}


.markdown-reading-view div:not(.admonition-content) > p {
  margin: 0 0 0 0.5em;
}

.markdown-reading-view div.admonition-content > p {
  margin: 0.5em 1em;
}

*::selection {
  background: var(--main-node);
  color: var(--main-background);
}
.markdown-preview-view div p {
  margin-bottom: 1.5rem;
}

.markdown-source-view.is-readable-line-width .CodeMirror {
  max-width: 750px;
}
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer,
.cm-contentContainer {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .cm-contentContainer {
  max-width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .cm-contentContainer .cm-gutters {
  width: 50px;
}
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer .cm-content,
.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .cm-contentContainer .cm-content {
  display: flex;
  flex-direction: column;
}

.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > *:not(iframe),
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer .frontmatter-container,
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer .block-language-tasks,
.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl)
  .cm-contentContainer
  > *:not(iframe),
.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl)
  .cm-contentContainer
  .frontmatter-container,
.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl)
  .cm-contentContainer
  .block-language-tasks {
  max-width: var(--max-width-text);
  width: 100%;
  
}
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > table,
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .mermaid,
.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .cm-contentContainer > table,
.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .cm-contentContainer > .mermaid {
  max-width: fit-content;
  min-width: var(--max-width-text);
}
.cm-s-obsidian .cm-strong,
strong {
  color: var(--accent-3);
  font-weight: 900;
}
.cm-em,
em {
  color: #f1eca5;
  color: var(--accent-3);
}
.cm-s-obsidian span.cm-formatting-highlight,
.cm-s-obsidian span.cm-highlight,
.markdown-preview-view mark {
  color: var(--background-primary);
  font-weight: 600;
}
.markdown-preview-view mark {
  padding: 0 0.5rem;
}
mark .cm-s-obsidian .cm-strong,
mark strong {
  color: #3d0731;
  font-weight: 900;
}
mark .cm-em,
mark em {
  color: #8a1370;
}
.cm-s-obsidian span.cm-hmd-internal-link.cm-overlay {
  color: var(--main-node);
  font-weight: 900;
}
.cm-s-obsidian span.cm-formatting-link {
  color: var(--main-node);
  font-weight: 500;
}
.cm-s-obsidian span.cm-url,
.cm-s-obsidian span.cm-formatting-link.cm-link {
  color: var(--external-link);
}
span.cm-formatting.cm-url + span.cm-url {
  color: var(--external-link-hidden);
}


.cm-header-1,
.HyperMD-header-1,
.markdown-preview-view h1 {
  font-weight: 1000;
  font-size: var(--font-size-h1);
  color: var(--accent-1);
  
  margin-top: 1.5em;
  margin-bottom: 1em;
  left: -20px;
}

.cm-header-2,
.HyperMD-header-2,
.markdown-preview-view h2 {
  font-weight: 1000;
  font-size: var(--font-size-h2);
  color: var(--accent-2);
  margin-top: 1em;
  margin-bottom: 0.5em;
  left: -15px; 
}

.cm-header-3,
.HyperMD-header-3,
.markdown-preview-view h3 {
  font-weight: 1000;
  font-size: var(--font-size-h3);
  color: var(--accent-3);
  left: -8px;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

.cm-header-4,
.HyperMD-header-4,
.markdown-preview-view h4 {
  font-weight: 500;
  font-size: var(--font-size-h4);
  color: var(--accent-4);
  left: -8px;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

.cm-header-5,
.HyperMD-header-5,
.markdown-preview-view h5 {
  font-weight: 500;
  font-size: var(--font-size-h5);
  color: var(--accent-5);
  left: -8px;
  line-height: 2em;
  margin: 0;
  margin-top: 0.5em;
  margin-bottom: 0.4em;
}

.cm-header-6,
.HyperMD-header-6,
.markdown-preview-view h6 {
  font-weight: 500;
  font-size: var(--font-size-h6);
  color: var(--accent-6);
  margin: 0;
  margin-top: 0.4em;
  margin-bottom: 0.3em;
}


.cm-formatting-header {
  color: var(--text-faint);
  font-size: 0.6em;
}

.cm-s-obsidian .cm-line.HyperMD-header {
  margin-bottom: 0.5em !important;
}


.cm-formatting.cm-formatting-header.cm-formatting-header-1.cm-header.cm-header-1:before {
  content: "H1";
  font-size: 14px;
  color: var(--h1ys);
  left: -36.5px;
  top: 15px;
  position: absolute;
}
.cm-formatting.cm-formatting-header.cm-formatting-header-2.cm-header.cm-header-2:before {
  content: "H2";
  font-size: 13px;
  color: var(--h2ys);
  left: -36.5px;
  top: 13px;
  position: absolute;
}
.cm-formatting.cm-formatting-header.cm-formatting-header-3.cm-header.cm-header-3:before {
  content: "H3";
  font-size: 12px;
  color: var(--h3ys);
  left: -36.7px;
  top: 11px;
  position: absolute;
}
.cm-formatting.cm-formatting-header.cm-formatting-header-4.cm-header.cm-header-4:before {
  content: "H4";
  font-size: 11px;
  color: var(--h4ys);
  left: -20.5px;
  top: 10px;
  position: absolute;
}
.cm-formatting.cm-formatting-header.cm-formatting-header-5.cm-header.cm-header-5:before {
  content: "H5";
  font-size: 10px;
  color: var(--h5ys);
  left: -20px;
  top: 9px;
  position: absolute;
}
.cm-formatting.cm-formatting-header.cm-formatting-header-6.cm-header.cm-header-6:before {
  content: "H6";
  font-size: 9px;
  color: var(--h6ys);
  left: -19.5px;
  top: 9px;
  position: absolute;
}


.dkem-is-decoration {
  
  .HyperMD-header-1,
  .markdown-preview-view h1,
  .HyperMD-header-2,
  .markdown-preview-view h2,
  .HyperMD-header-3,
  .markdown-preview-view h3,
  .HyperMD-header-4,
  .markdown-preview-view h4,
  .HyperMD-header-5,
  .markdown-preview-view h5 {
    margin-left: -8px !important;
  }

  
  .HyperMD-header-1,
  .markdown-preview-view h1 {
    border-bottom: 5px solid;
    border-image: linear-gradient(to right, var(--h1-gradient)) 1/0 0 5px;
    margin-left: -20px;
  }

  
  .HyperMD-header-2::before,
  .HyperMD-header-3::before,
  .HyperMD-header-4::before,
  .HyperMD-header-5::before,
  .markdown-preview-view h2::before,
  .markdown-preview-view h3::before,
  .markdown-preview-view h4::before,
  .markdown-preview-view h5::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
  }

  
  .HyperMD-header-2,
  .markdown-preview-view h2 {
    border-bottom: 3px solid;
    border-image: linear-gradient(to right, var(--h2-gradient)) 1/0px 0 3px;
    margin-left: -15px;

    &::before {
      width: 0.8em;
      height: 0.8em;
      margin-right: 9px;
      position: relative;
      bottom: 2px;
      background-color: var(--h2-icon-color);
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
    }
  }

  
  .HyperMD-header-3,
  .markdown-preview-view h3 {
    &::before {
      width: 1em;
      height: 1em;
      margin-right: -4px;
      background-color: var(--h3-h6-icon-color);
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath d='M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z'/%3E%3C/svg%3E");
      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath d='M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z'/%3E%3C/svg%3E");
    }
  }

  
  .HyperMD-header-4,
  .markdown-preview-view h4 {
    &::before {
      width: 0.7em;
      height: 0.7em;
      margin-left: 6px;
      margin-right: 6px;
      background-color: var(--h3-h6-icon-color);
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
    }
  }

  
  .HyperMD-header-5,
  .markdown-preview-view h5 {
    &::before {
      width: 0.5em;
      height: 0.5em;
      margin-left: 12px;
      margin-right: 6px;
      background-color: var(--h3-h6-icon-color);
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M478.21 334.093L336 256l142.21-78.093c11.795-6.477 15.961-21.384 9.232-33.037l-19.48-33.741c-6.728-11.653-21.72-15.499-33.227-8.523L296 186.718l3.475-162.204C299.763 11.061 288.937 0 275.48 0h-38.96c-13.456 0-24.283 11.061-23.994 24.514L216 186.718 77.265 102.607c-11.506-6.976-26.499-3.13-33.227 8.523l-19.48 33.741c-6.728 11.653-2.562 26.56 9.233 33.037L176 256 33.79 334.093c-11.795 6.477-15.961 21.384-9.232 33.037l19.48 33.741c6.728 11.653 21.721 15.499 33.227 8.523L216 325.282l-3.475 162.204C212.237 500.939 223.064 512 236.52 512h38.961c13.456 0 24.283-11.061 23.995-24.514L296 325.282l138.735 84.111c11.506 6.976 26.499 3.13 33.227-8.523l19.48-33.741c6.728-11.653 2.563-26.559-9.232-33.036z'/%3E%3C/svg%3E");
      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M478.21 334.093L336 256l142.21-78.093c11.795-6.477 15.961-21.384 9.232-33.037l-19.48-33.741c-6.728-11.653-21.72-15.499-33.227-8.523L296 186.718l3.475-162.204C299.763 11.061 288.937 0 275.48 0h-38.96c-13.456 0-24.283 11.061-23.994 24.514L216 186.718 77.265 102.607c-11.506-6.976-26.499-3.13-33.227 8.523l-19.48 33.741c-6.728 11.653-2.562 26.56 9.233 33.037L176 256 33.79 334.093c-11.795 6.477-15.961 21.384-9.232 33.037l19.48 33.741c6.728 11.653 21.721 15.499 33.227 8.523L216 325.282l-3.475 162.204C212.237 500.939 223.064 512 236.52 512h38.961c13.456 0 24.283-11.061 23.995-24.514L296 325.282l138.735 84.111c11.506 6.976 26.499 3.13 33.227-8.523l19.48-33.741c6.728-11.653 2.563-26.559-9.232-33.036z'/%3E%3C/svg%3E");
    }
  }

  
  .HyperMD-header-6,
  .markdown-preview-view h6 {
    &::before {
      content: "-";
      font-weight: 900;
      margin-left: 12px;
      margin-right: 6px;
      font-size: 1em;
      color: var(--h3-h6-icon-color);
    }
  }
}


.CodeMirror-activeline
  > pre
  > span
  .cm-formatting.cm-formatting-header.cm-formatting-header-1.cm-header.cm-header-1 {
  font-size: var(--font-size-h1);
  display: inline;
}
.CodeMirror-activeline
  > pre
  > span
  .cm-formatting.cm-formatting-header.cm-formatting-header-2.cm-header.cm-header-2 {
  font-size: var(--font-size-h2);
  display: inline;
}
.CodeMirror-activeline
  > pre
  > span
  .cm-formatting.cm-formatting-header.cm-formatting-header-3.cm-header.cm-header-3 {
  font-size: var(--font-size-h3);
  display: inline;
}
.CodeMirror-activeline
  > pre
  > span
  .cm-formatting.cm-formatting-header.cm-formatting-header-4.cm-header.cm-header-4 {
  font-size: var(--font-size-h4);
  display: inline;
}
.CodeMirror-activeline
  > pre
  > span
  .cm-formatting.cm-formatting-header.cm-formatting-header-5.cm-header.cm-header-5 {
  font-size: var(--font-size-h5);
  display: inline;
}
.CodeMirror-activeline
  > pre
  > span
  .cm-formatting.cm-formatting-header.cm-formatting-header-6.cm-header.cm-header-6 {
  font-size: var(--font-size-h6);
  display: inline;
}

.markdown-source-view .HyperMD-header-1 .isc-icon > img,
.markdown-source-view .HyperMD-header-1 .isc-icon > svg,
.markdown-preview-view h1 .isc-icon > img,
.markdown-preview-view h1 .isc-icon > svg {
  height: var(--font-size-h1);
  width: var(--font-size-h1);
}
.markdown-source-view .HyperMD-header-2 .isc-icon > img,
.markdown-source-view .HyperMD-header-2 .isc-icon > svg,
.markdown-preview-view h2 .isc-icon > img,
.markdown-preview-view h2 .isc-icon > svg {
  height: var(--font-size-h2);
  width: var(--font-size-h2);
}
.markdown-source-view .HyperMD-header-3 .isc-icon > img,
.markdown-source-view .HyperMD-header-3 .isc-icon > svg,
.markdown-preview-view h3 .isc-icon > img,
.markdown-preview-view h3 .isc-icon > svg {
  height: var(--font-size-h3);
  width: var(--font-size-h3);
}
.markdown-source-view .HyperMD-header-4 .isc-icon > img,
.markdown-source-view .HyperMD-header-4 .isc-icon > svg,
.markdown-preview-view h4 .isc-icon > img,
.markdown-preview-view h4 .isc-icon > svg {
  height: var(--font-size-h4);
  width: var(--font-size-h4);
}
.markdown-source-view .HyperMD-header-5 .isc-icon > img,
.markdown-source-view .HyperMD-header-5 .isc-icon > svg,
.markdown-preview-view h5 .isc-icon > img,
.markdown-preview-view h5 .isc-icon > svg {
  height: var(--font-size-h5);
  width: var(--font-size-h5);
}
.markdown-source-view .HyperMD-header-6 .isc-icon > img,
.markdown-source-view .HyperMD-header-6 .isc-icon > svg,
.markdown-preview-view h6 .isc-icon > img,
.markdown-preview-view h6 .isc-icon > svg {
  height: var(--font-size-h6);
  width: var(--font-size-h6);
}

.cm-trailing-space-new-line,
.cm-trailing-space-a,
.cm-trailing-space-b,
.cm-tab {
  font-size: 0;
}
.cm-trailing-space-a::before,
.cm-trailing-space-b::before,
.cm-trailing-space-new-line::before,
.cm-tab::before {
  content: "·";
  color: var(--text-faint);
  font-size: initial;
}
.cm-trailing-space-new-line::before {
  content: "↵";
}
.cm-tab::before {
  content: "⟶";
}

.CodeMirror-cursor,
.CodeMirror div.CodeMirror-secondarycursor {
  border-color: var(--main-node);
}
.cm-s-obsidian span.cm-hashtag,
.tag {
  color: var(--tags);
}
.nav-file-tag {
  background: none;
  border: 1px solid var(--attachments);
  color: var(--attachments);
  font-weight: 400;
}
.workspace-ribbon.mod-left.is-collapsed,
.workspace-ribbon.mod-right.is-collapsed {
  border: 0;
}
.workspace-ribbon-collapse-btn {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.workspace-ribbon {
  background: var(--background-secondary);
}
.workspace-ribbon.mod-left {
  display: flex;
}
.workspace-ribbon.mod-left .side-dock-actions {
  order: 1;
}
.workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
  order: 2;
}
.workspace-ribbon.mod-left .side-dock-settings {
  order: 3;
}
.side-dock-ribbon {
  flex: 0 0 30px;
  transition: flex 0.3s cubic-bezier(0.76, 0, 0.24, 1);
}
.workspace-split.mod-left-split > .workspace-leaf-resize-handle,
.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
  background: var(--background-secondary);
}
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle {
  background: var(--main-background);
}
.workspace-split.mod-left-split > .workspace-leaf-resize-handle:hover,
.workspace-split.mod-right-split > .workspace-leaf-resize-handle:hover,
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:hover {
  background: var(--main-node);
}
.nav-action-button.is-active,
.nav-action-button.is-active .widget-icon {
  background-color: var(--main-node);
  color: var(--background-secondary);
  fill: var(--background-secondary);
}
.nav-action-button.is-active:hover {
  color: var(--secondary-background);
  background: var(--main-node-hover);
}
.nav-action-button:hover,
.nav-action-button:hover .widget-icon {
  color: var(--main-node-hover);
  fill: var(--main-node-hover);
}
.workspace-split.mod-root > .workspace-leaf:last-of-type .workspace-leaf-content,
.workspace-split.mod-root > .workspace-leaf:first-of-type .workspace-leaf-content {
  border-radius: 0;
}
.workspace-split.mod-right-split .workspace-tabs .workspace-leaf {
  border-radius: 0;
}
.workspace-tab-header-container,
.workspace-tab-container-before.is-before-active,
.workspace-tab-container-after.is-after-active,
.workspace-tab-header.is-before-active,
.workspace-tab-header.is-after-active,
.workspace-tab-container-before.is-before-active .workspace-tab-header-inner,
.workspace-tab-container-after.is-after-active .workspace-tab-header-inner,
.workspace-tab-header.is-before-active .workspace-tab-header-inner,
.workspace-tab-header.is-after-active .workspace-tab-header-inner {
  background: var(--background-secondary);
}
.workspace-tab-header-container {
  padding-top: var(--size-2-5);
  height: auto;
}
.workspace-tabs {
  background-color: var(--background-secondary);
}
.workspace-tab-header.is-active
  .workspace-tab-header-inner
  .workspace-tab-header-inner-icon
  svg
  path {
  stroke: var(--main-node);
}
.workspace-split.mod-left-split .workspace-tabs .workspace-leaf {
  border-top-left-radius: 0;
}
.workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header {
  border-bottom: var(--size-0-5) solid var(--main-node);
}
.titlebar-inner {
  color: var(--main-node);
}
.titlebar-text {
  display: none;
}
::-webkit-scrollbar {
  width: var(--size-0-5);
  background-color: var(--main-background);
}
.workspace-split.mod-vertical.mod-root::-webkit-schollbar,
::-webkit-schollbar {
  -webkit-border-radius: 0;
  border-radius: 0;
}
.nav-folder.is-collapsed .nav-folder-title .nav-folder-title-content {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.nav-folder.is-collapsed .nav-folder-title .nav-folder-title-content:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.43 12' height='13px'%3E%3Cpath style='fill:%23999999' d='M6.15,1a.67.67,0,0,1,.5.21L8.22,2.78a2.69,2.69,0,0,0,1.92.79h3.57a.72.72,0,0,1,.72.72v6a.71.71,0,0,1-.72.71h-12A.71.71,0,0,1,1,10.29V1.71A.71.71,0,0,1,1.71,1H6.15m0-1H1.71A1.72,1.72,0,0,0,0,1.71v8.58A1.72,1.72,0,0,0,1.71,12h12a1.72,1.72,0,0,0,1.72-1.71v-6a1.72,1.72,0,0,0-1.72-1.72H10.14a1.7,1.7,0,0,1-1.21-.5L7.36.5A1.72,1.72,0,0,0,6.15,0Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  width: var(--size-7);
  height: var(--size-4);
}
.nav-folder .nav-folder-title .nav-folder-title-content:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.12 12' height='13px'%3E%3Cpath style='fill:%23999999' d='M16.11,4H16a1.76,1.76,0,0,0-1.75-1.43H10.51a1.8,1.8,0,0,1-1.25-.5L7.63.5A1.8,1.8,0,0,0,6.37,0H1.78A1.75,1.75,0,0,0,0,1.71v8.58A1.75,1.75,0,0,0,1.78,12H14.61a2,2,0,0,0,1.88-1.3l1.5-4A2,2,0,0,0,16.11,4ZM1,1.71A.75.75,0,0,1,1.78,1H6.37a.83.83,0,0,1,.57.22L8.56,2.79a2.83,2.83,0,0,0,1.95.78h3.71a.78.78,0,0,1,.71.43H4.39A2,2,0,0,0,2.51,5.3L1,9.3a.06.06,0,0,0,0,0ZM17.05,6.35,16,9.15l-.45,1.2a1,1,0,0,1-.94.65H2.89a1,1,0,0,1-.83-.43A1,1,0,0,1,2,9.65l1.5-4A1,1,0,0,1,4.39,5H16.11a1,1,0,0,1,.83.43A1,1,0,0,1,17.05,6.35Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  width: var(--size-7);
  height: var(--size-4);
}
.dropdown {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.64 9'%3E%3Cpath d='M1.19,0H14.45a1.19,1.19,0,0,1,.84,2L8.66,8.65A1.17,1.17,0,0,1,7,8.65L.35,2A1.19,1.19,0,0,1,1.19,0Z' style='fill:%23ffbe00'/%3E%3C/svg%3E");
}

.mermaid {
  display: flex;
  justify-content: center;
}
.mermaid-scroll .mermaid {
  overflow: auto;
  min-width: 750px;
  align-self: flex-start;
}
.cm-s-obsidian div.HyperMD-codeblock-begin-bg,
.cm-s-obsidian div.HyperMD-codeblock-end-bg,
.cm-s-obsidian div.HyperMD-codeblock-bg,
.cm-s-obsidian span.cm-inline-code {
  background-color: var(--code-block-bg);
  border-color: #000;
}
.cm-s-obsidian pre.HyperMD-codeblock-begin {
  padding-top: 0.5rem;
}
.cm-s-obsidian div.HyperMD-codeblock-end-bg {
  border-bottom: 1px solid black;
}
.cm-s-obsidian .HyperMD-codeblock,
.cm-s-obsidian .cm-inline-code {
  color: var(--code-block-fg);
  background-color: var(--code-block-bg);
  width: 95%;
}

.markdown-preview-view pre {
  color: var(--code-block-fg);
  background-color: var(--code-block-bg);
  width: 95%;
  font-family: var(--font-monospace, var(--code-font-face));
}

.markdown-preview-view pre button.copy-code-button {
  margin-right: 30px !important;
}

.theme-dark pre {
  position: relative;
}
.cm-s-obsidian .CodeMirror-code {
  padding-right: 0;
}
.internal-embed.is-loaded:not(.image-embed) {
  border: 1px solid black;
  border-radius: var(--size-2-5);
}
.internal-embed.is-loaded .markdown-embed {
  border: 0px solid black;
}
.progress-bar-subline {
  position: absolute;
  background-color: var(--main-node);
  height: var(--size-2);
}
.progress-bar-line {
  position: absolute;
  opacity: 0.4;
  background-color: #ffbf007c;
  width: 150%;
  height: var(--size-2);
}
.footnote-backref {
  color: var(--main-node);
}
.footnote-backref:hover {
  color: var(--main-node-hover);
}
.footnotes li::marker {
  color: var(--main-node);
}
.footnote-ref {
  font-size: 0.7rem;
}
:root {
  --list-padding-num: 2.5;
  --list-padding: var(--size-6);
  --list-marker-num: 1.5;
  --list-marker: 1.5rem;
}
.cm-hmd-list-indent .cm-tab,
ol,
ul {
  position: relative;
}
ul {
  padding-left: var(--list-padding);
  box-sizing: border-box;
}
ul,
ol {
  padding-left: var(--list-padding);
}
ol:before {
  position: absolute;
  display: block;
  content: "";
  width: var(--list-padding);
  left: 0;
  height: 100%;
}

li::marker,
.cm-s-obsidian span.cm-formatting-list {
  color: var(--main-node) !important;
  font-size: var(--editor-font-size);
}
.theme-light li::marker {
  color: #000;
}
.markdown-preview-view div li p {
  margin: 0;
}
.view-content ul > li.task-list-item.is-checked {
  text-decoration: line-through;
}

.list-subway ul {
  list-style: none;
}
.list-subway ul:before {
  border-color: var(--main-node);
}
.list-subway ul ul {
  list-style: none;
}
.list-subway ul ul:before {
  border-color: var(--accent-1);
}
.list-subway ul ul .collapse-indicator svg {
  color: var(--accent-1);
}
.list-subway ul ul li:after {
  color: var(--accent-1);
}
.list-subway ul ul li:before {
  border-color: var(--accent-1);
}
.list-subway ul ul ul {
  list-style: none;
}
.list-subway ul ul ul:before {
  border-color: var(--accent-2);
}
.list-subway ul ul ul .collapse-indicator svg {
  color: var(--accent-2);
}
.list-subway ul ul ul li:after {
  color: var(--accent-2);
}
.list-subway ul ul ul li:before {
  border-color: var(--accent-2);
}
.list-subway ul ul ul ul {
  list-style: none;
}
.list-subway ul ul ul ul:before {
  border-color: var(--accent-3);
}
.list-subway ul ul ul ul .collapse-indicator svg {
  color: var(--accent-3);
}
.list-subway ul ul ul ul li:after {
  color: var(--accent-3);
}
.list-subway ul ul ul ul li:before {
  border-color: var(--accent-3);
}
.list-subway ul ul ul ul ul {
  list-style: none;
}
.list-subway ul ul ul ul ul:before {
  border-color: var(--accent-4);
}
.list-subway ul ul ul ul ul .collapse-indicator svg {
  color: var(--accent-4);
}
.list-subway ul ul ul ul ul li:after {
  color: var(--accent-4);
}
.list-subway ul ul ul ul ul li:before {
  border-color: var(--accent-4);
}
.list-subway ul ul ul ul ul ul {
  list-style: none;
}
.list-subway ul ul ul ul ul ul:before {
  border-color: var(--accent-5);
}
.list-subway ul ul ul ul ul ul .collapse-indicator svg {
  color: var(--accent-5);
}
.list-subway ul ul ul ul ul ul li:after {
  color: var(--accent-5);
}
.list-subway ul ul ul ul ul ul li:before {
  border-color: var(--accent-5);
}
.list-subway ul ul ul ul ul ul ul {
  list-style: none;
}
.list-subway ul ul ul ul ul ul ul:before {
  border-color: var(--accent-6);
}
.list-subway ul ul ul ul ul ul ul .collapse-indicator svg {
  color: var(--accent-6);
}
.list-subway ul ul ul ul ul ul ul li:after {
  color: var(--accent-6);
}
.list-subway ul ul ul ul ul ul ul li:before {
  border-color: var(--accent-6);
}
.list-indent-color ol:before {
  background-color: color-mix(in srgb, var(--main-node) 7.5%, transparent);
}
.list-indent-color ol ol:before {
  background-color: color-mix(in srgb, var(--accent-1) 7.5%, transparent);
}
.list-indent-color ol ol li::marker {
  color: var(--accent-1);
}
.list-indent-color ol ol ol:before {
  background-color: color-mix(in srgb, var(--accent-2) 7.5%, transparent);
}
.list-indent-color ol ol ol li::marker {
  color: var(--accent-2);
}
.list-indent-color ol ol ol ol:before {
  background-color: color-mix(in srgb, var(--accent-3) 7.5%, transparent);
}
.list-indent-color ol ol ol ol li::marker {
  color: var(--accent-3);
}
.list-indent-color ol ol ol ol ol:before {
  background-color: color-mix(in srgb, var(--accent-4) 7.5%, transparent);
}
.list-indent-color ol ol ol ol ol li::marker {
  color: var(--accent-4);
}
.list-indent-color ol ol ol ol ol ol:before {
  background-color: color-mix(in srgb, var(--accent-5) 7.5%, transparent);
}
.list-indent-color ol ol ol ol ol ol li::marker {
  color: var(--accent-5);
}
.list-indent-color ol ol ol ol ol ol ol:before {
  background-color: color-mix(in srgb, var(--accent-6) 7.5%, transparent);
}
.list-indent-color ol ol ol ol ol ol ol li::marker {
  color: var(--accent-6);
}
.list-lines ul li:after {
  content: "\2022";
  position: absolute;
  display: block;
  left: calc(0px - 0.28em - var(--list-padding));
  top: calc(0px - 0.325em);
  font-size: 2em;
  line-height: 1.5;
  color: var(--main-node);
}
.list-lines ul ul:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  border-right: var(--size-0-5) solid red;
  height: calc(100% - 1.5 * var(--editor-font-size) / 2 - var(--size-2-5));
  box-sizing: border-box;
  top: calc(1.5 * var(--editor-font-size) / 2);
}
.list-lines ul,
.list-lines ul ul {
  list-style: none;
}
.list-lines ul ul:before {
  border-color: var(--main-node);
}
.list-lines ul ul ul {
  list-style: none;
}
.list-lines ul ul ul:before {
  border-color: var(--accent-1);
}
.list-lines ul ul ul li:after {
  color: var(--accent-1);
}
.list-lines ul ul ul ul {
  list-style: none;
}
.list-lines ul ul ul ul:before {
  border-color: var(--accent-2);
}
.list-lines ul ul ul ul li:after {
  color: var(--accent-2);
}
.list-lines ul ul ul ul ul {
  list-style: none;
}
.list-lines ul ul ul ul ul:before {
  border-color: var(--accent-3);
}
.list-lines ul ul ul ul ul li:after {
  color: var(--accent-3);
}
.list-lines ul ul ul ul ul ul {
  list-style: none;
}
.list-lines ul ul ul ul ul ul:before {
  border-color: var(--accent-4);
}
.list-lines ul ul ul ul ul ul li:after {
  color: var(--accent-4);
}
.list-lines ul ul ul ul ul ul ul {
  list-style: none;
}
.list-lines ul ul ul ul ul ul ul:before {
  border-color: var(--accent-5);
}
.list-lines ul ul ul ul ul ul ul li:after {
  color: var(--accent-5);
}
.list-lines ul ul ul ul ul ul ul ul {
  list-style: none;
}
.list-lines ul ul ul ul ul ul ul ul:before {
  border-color: var(--accent-6);
}
.list-lines ul ul ul ul ul ul ul ul li:after {
  color: var(--accent-6);
}
.view-content iframe {
  background: var(--secondary-background);
}
.graph-view.color-fill {
  color: var(--main-node);
}
.theme-dark .graph-view.color-fill-unresolved {
  color: var(--main-node);
  opacity: 0.5;
}
* .theme-dark .graph-view.color-fill-tag {
  color: var(--tags);
}
.theme-dark .graph-view.color-fill-attachment {
  color: var(--attachments);
}
.graph-view.color-line {
  color: #676767;
}
.graph-view.color-line-highlight,
.graph-view.color-fill-highlight {
  color: #fe6a26;
}
.graph-controls {
  resize: horizontal;
  max-width: none;
}
.graph-view.color-fill-focused {
  color: var(--accent-5);
}
.search-result-file-matched-text {
  background: #d44521;
}
.tree-item-self .tree-item-inner .search-result-file-matched-text {
  background: none;
}
.internal-query .internal-query-header {
  background: #00000034;
}
.internal-query .search-results-children .tree-item.search-result:nth-child(odd) {
  background: #00000034;
}
.markdown-preview-view blockquote {
  border-color: var(--accent-6);
  border-width: 1px;
  border-radius: 5px;
}


.markdown-rendered ul,
.markdown-rendered ol {
  padding-inline-start: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

.markdown-source-view.mod-cm6 .cm-blockquote-border {
  --background-modifier-border: var(--main-node);
  border-left-width: var(--size-1);
}
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote {
  border-color: var(--main-node);
  border-width: 1px;
  border-left-width: var(--size-1);
  border-radius: var(--size-1);
  background-color: var(--background-primary);
  padding: 1em;
}
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote span.cm-quote {
  color: var(--main-text);
}
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote + .HyperMD-quote {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
  margin-top: -3px !important;
  background-color: var(--background-primary);
}
.kanban ul {
  display: flex;
  flex-direction: row;
  border: var(--size-0-5) solid var(--secondary-background);
  background-color: var(--secondary-background-low-opacity);
  padding: 1rem;
  border-radius: 1rem;
  flex-wrap: wrap;
}
.kanban ul li {
  flex: 1 1 20%;
  list-style: none;
}
.kanban ul ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0rem;
  margin-right: 2.5rem;
  margin-top: 1rem;
  border-radius: 0;
  border: 0;
  background: none;
}
.kanban ul ul li {
  width: 100%;
  display: block;
  background: var(--secondary-background);
  margin-bottom: 5px;
  padding: var(--size-2-5);
  border: 1px solid black;
  border-radius: 5px;
}
.kanban ul ul li:nth-child(even) {
  background: var(--main-background);
}
.kanban ul ul li:hover {
  background: #afafaf10;
}
.kanban ul ul li .task-list-item-checkbox {
  margin-left: 1.5rem;
}
.kanban ul ul ul {
  margin-right: 0;
}
.kanban ul ul:before {
  border-left: 0;
}
.markdown-preview-view.is-readable-line-width.kanban .markdown-preview-sizer > div > ul {
  max-width: 100%;
}
.theme-light .kanban ul {
  background-color: #dadada2b;
}
.theme-light .kanban ul li ul li:hover {
  background: white;
}
img {
  margin-top: 1rem;
}
img[alt~="float-right"] {
  float: right;
  margin-left: 1rem;
}
img[alt~="float-left"] {
  float: left;
  margin-right: 1rem;
}
img[alt~="float-center"] {
  display: block;
  margin: auto;
}
img[alt~="float-clear"] {
  clear: both;
}
img[alt~="type-banner"] {
  width: 100%;
  height: 250px;
  object-fit: cover;
}
img[alt~="type-profile"] {
  width: 100px;
  height: 100px;
  object-fit: cover;
}
img[alt~="type-portrait"] {
  width: 281px;
  height: 500px;
  object-fit: cover;
}
img[alt~="radius-small"] {
  border-radius: var(--size-3-5);
}
img[alt~="radius-medium"] {
  border-radius: 30px;
}
img[alt~="radius-large"] {
  border-radius: 60px;
}
img[alt~="radius-circle"] {
  border-radius: 50%;
}
img[alt~="border-small"] {
  border: var(--size-0-5) solid var(--main-node);
}
img[alt~="border-medium"] {
  border: 5px solid var(--main-node);
}
img[alt~="border-large"] {
  border: var(--size-2-5) solid var(--main-node);
}


#calendar-container div {
  margin-top: 1px;
  margin-bottom: 1px;
}
#calendar-container table {
  min-width: 100%;
  font-size: large;
}

#calendar-container table tr td {
  padding: 0px;
}

#calendar-container table td div {
  padding-bottom: 0px;
}


table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0;
  min-width: 750px;
  font-size: 0.9em;
}


thead tr {
  background-color: color-mix(
    in srgb,
    var(--interactive-accent) 20%,
    var(--secondary-background)
  ) !important;
  opacity: 0.9;
  color: var(--text-on-accent);
  text-align: left;
}


th,
td {
  padding: 12px 15px;
}


tbody tr {
  border-bottom: 1px solid var(--background-modifier-border);
}


tbody tr:nth-of-type(even) {
  background-color: var(--background-secondary);
}

tbody tr:nth-of-type(odd) {
  background-color: var(--background-primary);
}


tbody tr:hover {
  background-color: var(--background-modifier-hover);
}


.theme-dark table {
  --table-border-color: rgba(255, 255, 255, 0.1);
}


.theme-light table {
  --table-border-color: rgba(0, 0, 0, 0.1);
}

.MJX-TEX,
.cm-s-obsidian .cm-math {
  color: #7bd5f6;
}
.theme-light .MJX-TEX,
.theme-light .cm-s-obsidian .cm-math {
  color: #024ea2;
}
span.math {
  font-family: MJXZERO, MJXTEX-I;
  font-size: 1.1em;
}
.MJX-TEX,
.MJX-TEX * {
  font-family: MJXZERO, MJXTEX;
}
kbd {
  box-shadow: 0 1px 1px #000;
  border: 1px solid black;
}
.theme-light kbd {
  box-shadow: 0 1px 1px #cacaca;
  border: 1px solid #cacaca;
}
.is-mobile .notice {
  background-color: var(--interactive-accent);
}
.day-planner .day-planner-progress-bar {
  background: var(--secondary-background);
  background: #cfcfcf;
}
img.isc-icon.isc-luc {
  margin: 0;
}

.isc-icon:not(.isc-char-icon) {
  vertical-align: text-bottom;
  
}

:root {
  --chart-color-1: var(--accent-1);
  --chart-color-2: var(--accent-2);
  --chart-color-3: var(--accent-3);
  --chart-color-4: var(--accent-4);
  --chart-color-5: var(--accent-5);
  --chart-color-6: var(--accent-6);
}
.dataview.table-view-table > thead > tr > th {
  font-size: var(--font-size-sm);
  letter-spacing: 0.08em;
  text-indent: 0.5em;
}
.dataview.table-view-table > tbody > tr > td {
  max-width: 18em;
  min-width: 8em;
  width: fit-content;
  padding: var(--size-2);
  font-size: var(--font-size-sm);
}
.dataview .dataview-result-list-root-ul {
  padding-left: var(--size-6) !important;
}
.theme-dark .statblock-plugin-parent {
  --statblock-primary-color: hsl(10, 79%, 81%);
  --statblock-rule-color: hsl(10, 75%, 65%);
  --statblock-bar-color: var(--statblock-rule-color);
  --statblock-background-color: #383530;
}
.markdown-source-view.mod-cm6 .cm-content > .statblock-plugin-parent {
  --statblock-width: 850px;
  width: var(--statblock-width);
  margin-left: calc(-1 * (var(--statblock-width) - var(--max-width-text)) / 2) !important;
}


.cm-s-obsidian span.cm-link,
.cm-s-obsidian span.cm-formatting.cm-url,
.external-link {
  color: var(--external-link);
}
a.external-link[href*="youtube.com"] {
  position: relative;
  margin-left: 1.3rem;
}
a.external-link[href*="youtube.com"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff3636' viewBox='0 0 24 24'%3E%3Cpath d='M10 9.333l5.333 2.662-5.333 2.672v-5.334zm14-4.333v14c0 2.761-2.238 5-5 5h-14c-2.761 0-5-2.239-5-5v-14c0-2.761 2.239-5 5-5h14c2.762 0 5 2.239 5 5zm-4 7c-.02-4.123-.323-5.7-2.923-5.877-2.403-.164-7.754-.163-10.153 0-2.598.177-2.904 1.747-2.924 5.877.02 4.123.323 5.7 2.923 5.877 2.399.163 7.75.164 10.153 0 2.598-.177 2.904-1.747 2.924-5.877z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}
a.external-link[href*="linkedin.com"] {
  position: relative;
  margin-left: 1.3rem;
}
a.external-link[href*="linkedin.com"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232867B2' viewBox='0 0 24 24'%3E%3Cpath d='M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}
a.external-link[href*="github"] {
  position: relative;
  margin-left: 1.3rem;
}
.theme-dark a.external-link[href*="github"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fafafa' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}
.theme-light a.external-link[href*="github"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333333' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}
a.external-link[href*="twitter"] {
  position: relative;
  margin-left: 1.3rem;
}
a.external-link[href*="twitter"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231da1f2' viewBox='0 0 24 24'%3E%3Cpath d='M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}
a.external-link[href*="reddit"] {
  position: relative;
  margin-left: 1.3rem;
}
a.external-link[href*="reddit"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff6a33' viewBox='0 0 24 24'%3E%3Cpath d='M24 11.779c0-1.459-1.192-2.645-2.657-2.645-.715 0-1.363.286-1.84.746-1.81-1.191-4.259-1.949-6.971-2.046l1.483-4.669 4.016.941-.006.058c0 1.193.975 2.163 2.174 2.163 1.198 0 2.172-.97 2.172-2.163s-.975-2.164-2.172-2.164c-.92 0-1.704.574-2.021 1.379l-4.329-1.015c-.189-.046-.381.063-.44.249l-1.654 5.207c-2.838.034-5.409.798-7.3 2.025-.474-.438-1.103-.712-1.799-.712-1.465 0-2.656 1.187-2.656 2.646 0 .97.533 1.811 1.317 2.271-.052.282-.086.567-.086.857 0 3.911 4.808 7.093 10.719 7.093s10.72-3.182 10.72-7.093c0-.274-.029-.544-.075-.81.832-.447 1.405-1.312 1.405-2.318zm-17.224 1.816c0-.868.71-1.575 1.582-1.575.872 0 1.581.707 1.581 1.575s-.709 1.574-1.581 1.574-1.582-.706-1.582-1.574zm9.061 4.669c-.797.793-2.048 1.179-3.824 1.179l-.013-.003-.013.003c-1.777 0-3.028-.386-3.824-1.179-.145-.144-.145-.379 0-.523.145-.145.381-.145.526 0 .65.647 1.729.961 3.298.961l.013.003.013-.003c1.569 0 2.648-.315 3.298-.962.145-.145.381-.144.526 0 .145.145.145.379 0 .524zm-.189-3.095c-.872 0-1.581-.706-1.581-1.574 0-.868.709-1.575 1.581-1.575s1.581.707 1.581 1.575-.709 1.574-1.581 1.574z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}
a.external-link[href*="facebook"] {
  position: relative;
  margin-left: 1.3rem;
}
a.external-link[href*="facebook"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233b5998' viewBox='0 0 24 24'%3E%3Cpath d='M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}
a.external-link[href*="patreon"] {
  position: relative;
  margin-left: 1.3rem;
}
a.external-link[href*="patreon"]:before {
  background-image: url("data:image/svg+xml,%3Csvg fill ='%23FF424D' viewBox='0 0 569 546' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EPatreon logo%3C/title%3E%3Cg%3E%3Ccircle cx='362.589996' cy='204.589996' r='204.589996'%3E%3C/circle%3E%3Crect data-fill='1' height='545.799988' width='100' x='0' y='0'%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}
a.external-link[href*="wikipedia"] {
  position: relative;
  margin-left: 1.3rem;
}
.theme-light a.external-link[href*="wikipedia"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 20 20'%3E%3Cpath d='M11.14 4H14a.69.69 0 0 1 0 .65c-1 .16-1.36.91-1.81 1.83l-1.4 2.75 2.35 5.21h.07l3.52-8.1c.44-1.07.4-1.59-.79-1.7a.68.68 0 0 1 0-.65h3.45a.68.68 0 0 1 0 .65c-1.21.16-1.42.91-1.81 1.83l-4.37 10.08c-.13.3-.24.45-.44.45s-.33-.16-.42-.45l-2.48-5.73-2.72 5.73c-.11.3-.24.45-.44.45s-.31-.16-.42-.45l-4-10.09c-.57-1.4-.6-1.7-1.65-1.8A.68.68 0 0 1 .62 4h3.91a.68.68 0 0 1 0 .65c-1.16.13-1.21.45-.74 1.58l3.41 8.19h.05L9.3 10 7.78 6.45C7.17 5.05 7 4.77 6.24 4.66a.69.69 0 0 1 0-.65h3.32a.68.68 0 0 1 0 .65c-.74.12-.7.45-.19 1.58l.87 2 .08.09 1-2c.57-1.14.64-1.58-.15-1.7a.69.69 0 0 1-.03-.63z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}
.theme-dark a.external-link[href*="wikipedia"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c7c8ca' viewBox='0 0 20 20'%3E%3Cpath d='M11.14 4H14a.69.69 0 0 1 0 .65c-1 .16-1.36.91-1.81 1.83l-1.4 2.75 2.35 5.21h.07l3.52-8.1c.44-1.07.4-1.59-.79-1.7a.68.68 0 0 1 0-.65h3.45a.68.68 0 0 1 0 .65c-1.21.16-1.42.91-1.81 1.83l-4.37 10.08c-.13.3-.24.45-.44.45s-.33-.16-.42-.45l-2.48-5.73-2.72 5.73c-.11.3-.24.45-.44.45s-.31-.16-.42-.45l-4-10.09c-.57-1.4-.6-1.7-1.65-1.8A.68.68 0 0 1 .62 4h3.91a.68.68 0 0 1 0 .65c-1.16.13-1.21.45-.74 1.58l3.41 8.19h.05L9.3 10 7.78 6.45C7.17 5.05 7 4.77 6.24 4.66a.69.69 0 0 1 0-.65h3.32a.68.68 0 0 1 0 .65c-.74.12-.7.45-.19 1.58l.87 2 .08.09 1-2c.57-1.14.64-1.58-.15-1.7a.69.69 0 0 1-.03-.63z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}
a.external-link[href*="instagram"] {
  position: relative;
  margin-left: 1.3rem;
}
a.external-link[href*="instagram"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3CradialGradient id='rg' r='150%25' cx='30%25' cy='107%25'%3E%3Cstop stop-color='%23fdf497' offset='0' /%3E%3Cstop stop-color='%23fdf497' offset='0.05' /%3E%3Cstop stop-color='%23fd5949' offset='0.45' /%3E%3Cstop stop-color='%23d6249f' offset='0.6' /%3E%3Cstop stop-color='%23285AEB' offset='0.9' /%3E%3C/radialGradient%3E%3Cpath fill='url(%23rg)' d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}
a.external-link[href*="deviantart"] {
  position: relative;
  margin-left: 1.3rem;
}
a.external-link[href*="deviantart"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2305cc47' viewBox='0 0 24 24'%3E%3Cpath d='M20 4.364v-4.364h-4.364l-.435.439-2.179 4.124-.647.437h-7.375v6h4.103l.359.404-4.462 8.232v4.364h4.509l.435-.439 2.174-4.124.648-.437h7.234v-6h-3.938l-.359-.438z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}
a.external-link[href*="medium"] {
  position: relative;
  margin-left: 1.3rem;
}
.theme-light a.external-link[href*="medium"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1043.63 592.71' fill='%23000000'%3E%3Cpath d='M588.67 296.36c0 163.67-131.78 296.35-294.33 296.35S0 460 0 296.36 131.78 0 294.34 0s294.33 132.69 294.33 296.36M911.56 296.36c0 154.06-65.89 279-147.17 279s-147.17-124.94-147.17-279 65.88-279 147.16-279 147.17 124.9 147.17 279M1043.63 296.36c0 138-23.17 249.94-51.76 249.94s-51.75-111.91-51.75-249.94 23.17-249.94 51.75-249.94 51.76 111.9 51.76 249.94'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}
.theme-dark a.external-link[href*="medium"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1043.63 592.71' fill='%23ffffff'%3E%3Cpath d='M588.67 296.36c0 163.67-131.78 296.35-294.33 296.35S0 460 0 296.36 131.78 0 294.34 0s294.33 132.69 294.33 296.36M911.56 296.36c0 154.06-65.89 279-147.17 279s-147.17-124.94-147.17-279 65.88-279 147.16-279 147.17 124.9 147.17 279M1043.63 296.36c0 138-23.17 249.94-51.76 249.94s-51.75-111.91-51.75-249.94 23.17-249.94 51.75-249.94 51.76 111.9 51.76 249.94'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}
a.external-link[href*="stackoverflow"] {
  position: relative;
  margin-left: 1.3rem;
}
a.external-link[href*="stackoverflow"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 124'%3E%3Cpolygon fill='%23BBBBBB' points='88 80 99 80 99 124 0 124 0 80 11 80 11 113 88 113'/%3E%3Cpath fill='%23F58025' d='M22.9878906,76.73 L77.0128906,88.085 L79.2838906,77.285 L25.2588906,65.925 L22.9878906,76.73 Z M30.1368906,50.861 L80.1828906,74.169 L84.8448906,64.16 L34.7978906,40.852 L30.1368906,50.861 Z M43.9848906,26.308 L86.4128906,61.639 L93.4788906,53.154 L51.0508906,17.824 L43.9848906,26.308 Z M71.3718906,0.192 L62.5118906,6.782 L95.4598906,51.082 L104.319891,44.493 L71.3718906,0.192 Z M22,102 L77,102 L77,91 L22,91 L22,102 Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}
a.external-link[href*="steam"] {
  position: relative;
  margin-left: 1.3rem;
}
a.external-link[href*="steam"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 233 233'%3E%3Cdefs%3E%3ClinearGradient id='a' x2='50%25' x1='50%25' y2='100%25'%3E%3Cstop stop-color='%23111D2E' offset='0'/%3E%3Cstop stop-color='%23051839' offset='.21248'/%3E%3Cstop stop-color='%230A1B48' offset='.40695'/%3E%3Cstop stop-color='%23132E62' offset='.58110'/%3E%3Cstop stop-color='%23144B7E' offset='.73760'/%3E%3Cstop stop-color='%23136497' offset='.87279'/%3E%3Cstop stop-color='%231387B8' offset='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='m4.8911 150.01c14.393 48.01 58.916 82.99 111.61 82.99 64.34 0 116.5-52.16 116.5-116.5 0-64.341-52.16-116.5-116.5-116.5-61.741 0-112.26 48.029-116.25 108.76 7.5391 12.66 10.481 20.49 4.6411 41.25z'/%3E%3Cpath fill='%23fff' d='m110.5 87.322c0 0.196 0 0.392 0.01 0.576l-28.508 41.412c-4.618-0.21-9.252 0.6-13.646 2.41-1.937 0.79-3.752 1.76-5.455 2.88l-62.599-25.77c0.00049 0-1.4485 23.83 4.588 41.59l44.254 18.26c2.222 9.93 9.034 18.64 19.084 22.83 16.443 6.87 35.402-0.96 42.242-17.41 1.78-4.3 2.61-8.81 2.49-13.31l40.79-29.15c0.33 0.01 0.67 0.02 1 0.02 24.41 0 44.25-19.9 44.25-44.338 0-24.44-19.84-44.322-44.25-44.322-24.4 0-44.25 19.882-44.25 44.322zm-6.84 83.918c-5.294 12.71-19.9 18.74-32.596 13.45-5.857-2.44-10.279-6.91-12.83-12.24l14.405 5.97c9.363 3.9 20.105-0.54 23.997-9.9 3.904-9.37-0.525-20.13-9.883-24.03l-14.891-6.17c5.746-2.18 12.278-2.26 18.381 0.28 6.153 2.56 10.927 7.38 13.457 13.54s2.52 12.96-0.04 19.1m51.09-54.38c-16.25 0-29.48-13.25-29.48-29.538 0-16.275 13.23-29.529 29.48-29.529 16.26 0 29.49 13.254 29.49 29.529 0 16.288-13.23 29.538-29.49 29.538m-22.09-29.583c0-12.253 9.92-22.191 22.14-22.191 12.23 0 22.15 9.938 22.15 22.191 0 12.254-9.92 22.183-22.15 22.183-12.22 0-22.14-9.929-22.14-22.183z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}
a.external-link[href*="dev.to"] {
  position: relative;
  margin-left: 1.3rem;
}
a.external-link[href*="dev.to"]:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 50 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='50' height='40' rx='3' fill='black'%3E%3C/rect%3E%3Cpath d='M19.099 23.508c0 1.31-.423 2.388-1.27 3.234-.838.839-1.942 1.258-3.312 1.258h-4.403V12.277h4.492c1.31 0 2.385.423 3.224 1.27.846.838 1.269 1.912 1.269 3.223v6.738zm-2.808 0V16.77c0-.562-.187-.981-.562-1.258-.374-.285-.748-.427-1.122-.427h-1.685v10.107h1.684c.375 0 .75-.138 1.123-.415.375-.285.562-.708.562-1.27zM28.185 28h-5.896c-.562 0-1.03-.187-1.404-.561-.375-.375-.562-.843-.562-1.404V14.243c0-.562.187-1.03.562-1.404.374-.375.842-.562 1.404-.562h5.896v2.808H23.13v3.65h3.088v2.808h-3.088v3.65h5.054V28zm7.12 0c-.936 0-1.684-.655-2.246-1.965l-3.65-13.758h3.089l2.807 10.804 2.808-10.804H41.2l-3.65 13.758C36.99 27.345 36.241 28 35.305 28z' fill='white'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}
.theme-light a.external-link[href*="dev.to"]:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 50 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='50' height='40' rx='3' fill='white'%3E%3C/rect%3E%3Cpath d='M19.099 23.508c0 1.31-.423 2.388-1.27 3.234-.838.839-1.942 1.258-3.312 1.258h-4.403V12.277h4.492c1.31 0 2.385.423 3.224 1.27.846.838 1.269 1.912 1.269 3.223v6.738zm-2.808 0V16.77c0-.562-.187-.981-.562-1.258-.374-.285-.748-.427-1.122-.427h-1.685v10.107h1.684c.375 0 .75-.138 1.123-.415.375-.285.562-.708.562-1.27zM28.185 28h-5.896c-.562 0-1.03-.187-1.404-.561-.375-.375-.562-.843-.562-1.404V14.243c0-.562.187-1.03.562-1.404.374-.375.842-.562 1.404-.562h5.896v2.808H23.13v3.65h3.088v2.808h-3.088v3.65h5.054V28zm7.12 0c-.936 0-1.684-.655-2.246-1.965l-3.65-13.758h3.089l2.807 10.804 2.808-10.804H41.2l-3.65 13.758C36.99 27.345 36.241 28 35.305 28z' fill='black'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}
a.external-link[href*="mdn.dev"],
a.external-link[href*="developer.mozilla.org"] {
  position: relative;
  margin-left: 1.3rem;
}
a.external-link[href*="mdn.dev"]:before,
a.external-link[href*="developer.mozilla.org"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 135 135'%3E%3Cpath d='M7.14,8.35V119.41H118.19V8.35Zm103.71,56c-.48.92-1,1.79-1.46,2.71a3.44,3.44,0,0,1-3.54,2,2.4,2.4,0,0,0-1.55.5c-1.37.9-2.76,1.79-4.18,2.63a7.33,7.33,0,0,1-6.35.34,29.71,29.71,0,0,0-10.63-2,11.7,11.7,0,0,0-9.46,4.31,14.84,14.84,0,0,0-2.13,4.29c-1.24,3.07-2.3,21.38-2.3,26.05,0,0-17.62-3.42-34.15-20.34l4.31-11.32H25.91l9.76-10.35H18.87l9.77-10.34H12.69L30.45,34A40.9,40.9,0,0,1,50.22,23.17c7.1-1.22,8.93-.53,13.31.77l2.43.73.85.25,3.1.95a12.56,12.56,0,0,0,6.21.09,11.37,11.37,0,0,1,8.25,1,8.24,8.24,0,0,1,4.1,6.22,7.29,7.29,0,0,0,3.61,5.49,59.45,59.45,0,0,0,9.32,4.11c2.27.86,4.54,1.84,6.79,2.72a6.81,6.81,0,0,1,2.86,2.06,4.81,4.81,0,0,1,1.1,2.73c.14,2,.37,4,.47,6h0A15.24,15.24,0,0,1,110.85,64.32Z' fill='white'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}
.theme-light a.external-link[href*="mdn.dev"]:before,
.theme-light a.external-link[href*="developer.mozilla.org"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 135 135'%3E%3Cpath d='M7.14,8.35V119.41H118.19V8.35Zm103.71,56c-.48.92-1,1.79-1.46,2.71a3.44,3.44,0,0,1-3.54,2,2.4,2.4,0,0,0-1.55.5c-1.37.9-2.76,1.79-4.18,2.63a7.33,7.33,0,0,1-6.35.34,29.71,29.71,0,0,0-10.63-2,11.7,11.7,0,0,0-9.46,4.31,14.84,14.84,0,0,0-2.13,4.29c-1.24,3.07-2.3,21.38-2.3,26.05,0,0-17.62-3.42-34.15-20.34l4.31-11.32H25.91l9.76-10.35H18.87l9.77-10.34H12.69L30.45,34A40.9,40.9,0,0,1,50.22,23.17c7.1-1.22,8.93-.53,13.31.77l2.43.73.85.25,3.1.95a12.56,12.56,0,0,0,6.21.09,11.37,11.37,0,0,1,8.25,1,8.24,8.24,0,0,1,4.1,6.22,7.29,7.29,0,0,0,3.61,5.49,59.45,59.45,0,0,0,9.32,4.11c2.27.86,4.54,1.84,6.79,2.72a6.81,6.81,0,0,1,2.86,2.06,4.81,4.81,0,0,1,1.1,2.73c.14,2,.37,4,.47,6h0A15.24,15.24,0,0,1,110.85,64.32Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}
a.external-link[href*="reactjs.org"] {
  position: relative;
  margin-left: 1.3rem;
}
a.external-link[href*="reactjs.org"]:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMS41IC0xMC4yMzE3NCAyMyAyMC40NjM0OCI+CiAgPHRpdGxlPlJlYWN0IExvZ288L3RpdGxlPgogIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSIyLjA1IiBmaWxsPSIjNjFkYWZiIi8+CiAgPGcgc3Ryb2tlPSIjNjFkYWZiIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIi8+CiAgICA8ZWxsaXBzZSByeD0iMTEiIHJ5PSI0LjIiIHRyYW5zZm9ybT0icm90YXRlKDYwKSIvPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjApIi8+CiAgPC9nPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: var(--size-1);
  left: -1.3rem;
  height: 1rem;
  width: 1rem;
  content: "";
}