@charset "UTF-8";

/* ────────────────────────────────────────────────────────────────────────
>>> LIGHT THEME
───────────────────────────────────────────────────────────────────────── */
.theme-light {
  /* ─────────────────────────────────────────────────────────────────
  >>>> HEADINGS > Colours > Text
  ───────────────────────────────────────────────────────────────── */
  --col-h1: hsl(155, 100%, 37%); /* DEFAULT GREEN */
  --col-h2: hsl(184, 74%, 20%); /* DARK TURQOIUSE */
  --col-h3: hsl(238, 70%, 39%);
  --col-h4: hsl(19, 100%, 57%);
  /* rgb(254 80 0) rgb(255 125 0);*/
  --col-h5: hsl(324, 100%, 15%);
  --col-h6: hsl(184, 74%, 20%);
  /* ─────────────────────────────────────────────────────────────────
  >>>> HEADINGS > Colours > Background
  ───────────────────────────────────────────────────────────────── */
  --col-h1-bg: transparent;
  --col-h2-bg: transparent;
  --col-h3-bg: transparent;
  --col-h4-bg: transparent;
  --col-h5-bg: transparent;
  --col-h6-bg: transparent;
  /* ─────────────────────────────────────────────────────────────────
  >>>> COLOURS > Miscellany
  
  **** RETURNHERE
  ───────────────────────────────────────────────────────────────── */
  --text-accent: hsl(360 97.7% 43.1%); /* RED */
  --text-accent-hover: hsl(358 100% 67.5%); /* BRIGHT PALE RED */
  --col-bg-table: hsl(360 97.7% 43.1%); /* RED */
  --col-header-title-active: hsl(360 97.7% 43.1%); /* RED */
  --col-header-title-dormant: hsl(358 100% 7.9%); /* DARK BLOOD RED */
  --interactive-bg: hsl(360 97.7% 43.1%); /* RED */
  --interactive-border-color: hsl(360 97.7% 43.1%); /* RED */
  
  /* CHANGES INFOBOX SIDE BORDER COLOR */
  --interactive-accent: hsl(var(--interactive-accent-hsl));
  --interactive-accent-hsl: 360 97.7% 43.1%; /* RED */
  /* CHANGES INFOBOX SIDE BORDER COLOR */
  
  --interactive-accent-hover: hsl(358 100% 7.9%); /* DARK BLOOD RED */
  --scroll-hover: hsl(358 100% 7.9%); /* DARK BLOOD RED */
  --col-selection: hsl(203 88.6% 85%);  /* PASTEL BLUE */
  /* CHANGES TEXT ACTIVE CURSOR HIGHLIGHT */
  /* .THEME-LIGHT :SELECTION CHANGES TEXT COLOR */
  --text-dark: hsl(358 100% 7.9%); /* DARK BLOOD RED */
  --text-light: hsl(358 100% 67.5%); /* BRIGHT PALE RED */
  --col-sd: hsl(184, 75%, 20%);
}

/* ────────────────────────────────────────────────────────────────────────
>>> DARK THEME
───────────────────────────────────────────────────────────────────────── */
.theme-dark {
  /* ─────────────────────────────────────────────────────────────────
  >>>> HEADINGS > Colours > Text
  ───────────────────────────────────────────────────────────────── */
  --col-h1: hsl(187, 13%, 87%);
  --col-h2: hsl(155, 100%, 37%); /* DEFAULT GREEN */
  --col-h3: hsl(188, 100%, 39%);
  --col-h4: hsl(41, 100%, 55%);
  --col-h5: hsl(352, 100%, 85%);
  --col-h6: hsl(155, 100%, 37%); /* DEFAULT GREEN */
  /* ─────────────────────────────────────────────────────────────────
  >>>> HEADINGS > Colours > Background
  ───────────────────────────────────────────────────────────────── */
  --col-h1-bg: transparent;
  --col-h2-bg: transparent;
  --col-h3-bg: transparent;
  --col-h4-bg: transparent;
  --col-h5-bg: transparent;
  --col-h6-bg: transparent;
  /* ─────────────────────────────────────────────────────────────────
  >>>> COLOURS > Miscellany
  
  RETURNHERE
  
  **** ADDED
  ───────────────────────────────────────────────────────────────── */
  --text-accent: hsl(203 88.6% 42.9%); /* BLUE */
  --text-accent-hover: hsl(203 88.6% 60.2%); /* BRIGHT BLUE */
  --col-bg-table: hsl(203 88.6% 31.6%); /* MID BLUE */
  --col-header-title-active: hsl(203 88.6% 42.9%); /* BRIGHT BLUE */
  --col-header-title-dormant: hsl(203 88.6% 19.1%); /* DARK BLUE */
  --interactive-bg: hsl(203 88.6% 60.2%); /* BRIGHT BLUE */
  --interactive-border-color: hsl(203 88.6% 60.2%); /* BRIGHT BLUE */
  
  /* CHANGES INFOBOX SIDE BORDER COLOR */
  --interactive-accent: hsl(var(--interactive-accent-hsl));
  --interactive-accent-hsl: 203, 88.6%, 42.9%; /* BLUE */
  /* CHANGES INFOBOX SIDE BORDER COLOR */
  
  --interactive-accent-hover: hsl(203 88.6% 19.1%); /* DARK BLUE */
  --scroll-hover: hsl(203 88.6% 60.2%); /* BRIGHT BLUE */
  --col-selection: hsl(360 97.7% 20.3%); /* DEEP RED */
  /* CHANGES TEXT ACTIVE CURSOR HIGHLIGHT */
  /* .THEME-DARK :SELECTION CHANGES TEXT COLOR */
  --text-dark: hsl(203 88.6% 19.1%); /* DARK BLUE */
  --text-light: hsl(203 88.6% 60.2%); /* BRIGHT BLUE */
  --col-sd: hsl(203 88.6% 60.2%); /* BRIGHT BLUE */
}


/* ────────────────────────────────────────────────────────────────────────
>>> SETTING BASE COLOURS AND ALL | CODE: HIUMAA

───────────────────────────────────────────────────────────────────────── */
.theme-light {
  --background-primary: hsl(47 89.4% 97.6%); /* PALE OFF WHITE */
  --background-primary-alt: hsl(47 89.4% 93.1%); /* OFF WHITE */
  --background-secondary: hsl(47 89.4% 97.6%); /* PALE OFF WHITE */
  --background-secondary-alt: hsl(47 89.4% 97.6%); /* PALE OFF WHITE */
  /* secondary-alt-2 was hsl(218, 11.5%, 92.5%); tertiary was hsl(212, 9%, 85%); tertiary-alt was hsl(208, 8%, 80%) */
  --text-normal: hsl(210, 10%, 20%);
  --text-muted: hsl(0, 0%, 53%);
  --text-faint: hsl(0, 0%, 60%);
  --text-error: hsl(203 88.6% 19.1%); /* DARK BLUE */
  --text-error-hover: hsl(203 88.6% 60.2%); /* BRIGHT BLUE */
  --text-on-accent: hsl(0, 0%, 95%);
  --background-modifier-border: hsl(0, 0%, 87%);
  --background-modifier-form-field: hsl(0, 0%, 100%);
  --background-modifier-form-field-highlighted: hsl(0, 0%, 100%);
  --background-modifier-box-shadow: hsla(0, 0%, 0%, 0.1);
  --background-modifier-success: hsl(148, 58%, 77%);
  --background-modifier-error: hsl(0, 100%, 30%);
  --background-modifier-error-hover: hsl(0, 100%, 37%);
  --background-modifier-cover: hsla(0, 0%, 0%, 0.8);
  --highlight-mix-blend-mode: darken;
  /* things im not sure what it does, lol */
  --text-selection: hsla(209, 100%, 90%, 0.99); /* SOFT BLUE */
  --interactive-normal: hsl(220, 13%, 95%); /* SOFT GRAY */
  --interactive-hover: hsl(0, 0%, 91%); /* SOFT GRAY - BROKEN */
  --interactive-success: hsl(107, 100%, 23%); /* UGGO GREEN */
  --scrollbar-active-thumb-bg: hsla(0, 0%, 0%, 0.2);
  --scrollbar-bg: hsla(0, 0%, 0%, 0.05);
  --scrollbar-thumb-bg: hsla(0, 0%, 0%, 0.102);
  
  --text-highlight-bg: hsl(203 88.6% 85%);  /* PASTEL BLUE */
}



.theme-dark {
  --background-primary: hsl(203 88.6% 6.5%); /* BLUE BLACK */
  --background-primary-alt: hsl(203 88.6% 8.9%);
  --background-secondary: hsl(203 88.6% 6.8%);
  --background-secondary-alt: hsl(203 88.6% 7%);
  --text-normal: hsl(210, 3%, 87%); /* WHITE */
  --text-muted: hsl(0, 0%, 60%);
  --text-faint: hsl(0, 0%, 40%);
  --text-error: hsl(0, 100%, 60%); /* RED */
  --text-error-hover: hsl(0, 100%, 30%); /* DARK RED */
  --text-on-accent: hsl(203 88.6% 42.9%);
  --background-modifier-border: hsl(0, 0%, 20%);
  --background-modifier-form-field: hsla(0, 0%, 0%, 0.302);
  --background-modifier-form-field-highlighted: hsla(0, 0%, 0%, 0.22);
  --background-modifier-box-shadow: hsla(0, 0%, 0%, 0.3);
  --background-modifier-success: hsl(107, 100%, 23%);
  --background-modifier-error: hsl(0, 100%, 12%);
  --background-modifier-error-hover: hsl(0, 100%, 14%);
  --background-modifier-cover: hsla(0, 0%, 0%, 0.8);
  --highlight-mix-blend-mode: lighten;
  /* things im not sure what it does, lol */
  --text-selection: hsl(210, 3%, 87%); /* WHITE */
  --interactive-normal: hsl(0, 0%, 16%); /* DARK GRAY */
  --interactive-hover: hsl(0, 0%, 19%); /* LESS DARK GRAY */
  --interactive-success: hsl(107, 100%, 23%);
  --scrollbar-active-thumb-bg: hsla(0, 0%, 100%, 0.2);
  --scrollbar-bg: hsla(0, 0%, 100%, 0.05);
  --scrollbar-thumb-bg: hsla(0, 0%, 100%, 0.1);
  
  --text-highlight-bg: hsl(360 97.7% 20.3%); /* DEEP RED */
}

.theme-light ::selection {
  color: hsl(229 31% 7.3%); /* BLUE BLACK */
  /* TEXT COLOR WHEN HIGHLIGHTING WITH CURSOR */
}

.theme-dark ::selection {
  color: hsl(210, 3%, 87%); /* WHITE */
  /* TEXT COLOR WHEN HIGHLIGHTING WITH CURSOR */
}

/* ────────────────────────────────────────────────────────────────────────────────
> BT
\ Root
\ Typography
──────────────────────────────────────────────────────────────────────────────── */


body {
  text-rendering: optimizeLegibility;
  --font-interface-theme: var(--font-ui);
  /* my changes to stick */
  --font-interface: var(--font-interface-override), var(--font-interface-theme), var(--default-font);
  /* replace this with font-interface in 0.14.5 */
  --font-text-theme: var(--font-editor);
  /* my changes to stick */
  --font-text: var(--font-text-override), var(--font-text-theme), var(--font-interface), var(--default-font);
  /* change in 0.14.5 */
  /* --font-monospace-theme: see below */
  --font-monospace: var(--font-monospace-override), var(--font-monospace-theme), "DM Mono";
}
body:not(.is-mobile) {
  --default-font: var(--font-editor);
  --menu-font: var(--font-menu);
  --ui-font: var(--font-ui);
}
body.is-mobile {
  --default-font: var(--font-editor-m);
  --menu-font: var(--font-menu-m);
  --ui-font: var(--font-ui-m);
}

/* ────────────────────────────────────────────────────────────────────────
>>> FONT SIZES
──────────────────────────────────────────────────────────────────────── */
:is(.theme-light, .theme-dark) {
  --size-font-searchbox: 0.9em;
  --size-font-editor-table: 0.8em;
  --size-font-preview-table-th: 1em;
  --size-font-preview-table-td: 1em;
  /* move these away */
  /* ────────────────────────────────────────────────────────────────────────
  >>> FONT TYPEFACE > Obsidian Core > Set + Enable changes
  ──────────────────────────────────────────────────────────────────────── */
  /* to edit --default-font, edit the mobile/desktop equivalents (--font-editor-m) and (--font-editor) */
  --font-monospace-theme: "DM Mono";
  --font-heading: "Manrope", "Inter 3.19", "DM Sans";
  /* to edit --menu-font, edit the mobile/desktop equivalents (--font-menu-m) and (--font-menu) */
  /* to edit --ui-font, edit the mobile/desktop equivalents (--font-ui-m) and (--font-ui) */
  --smallcap-font: "DM Sans", "Inter 3.19", "Manrope";
  /* what is this for again? */
  --setting-heading: "DM Sans", "Inter 3.19", "Manrope";
  /* what is this for again? */
  --font-mermaid: "DM Sans", "Inter 3.19", "Manrope";
  /* for Mermaid.js */
  --font-reveal: "DM Sans", "Inter 3.19", "Manrope";
  /* for Slides core plugin - not in use atm */
  /* ──────────────────────────────────────────────────────────────────────
  >>> FONT TYPEFACE > Desktop
  ────────────────────────────────────────────────────────────────────── */
  --font-editor: "DM Sans", "Inter 3.19", "Manrope";
  --font-menu: "Manrope", "Inter 3.19", "DM Sans";
  --font-ui: "Manrope", "Inter 3.19", "DM Sans";
  /* ──────────────────────────────────────────────────────────────────────
  >>> FONT TYPEFACE > Mobile
  ────────────────────────────────────────────────────────────────────── */
  --font-editor-m: "DM Sans", "Inter 3.19", "Manrope";
  --font-menu-m: "Manrope", "Inter 3.19", "DM Sans";
  --font-ui-m: "Manrope", "Inter 3.19", "DM Sans";
  /* ──────────────────────────────────────────────────────────────────────
  >>> FONT > Additional + Plugins
  ────────────────────────────────────────────────────────────────────── */
  --font-longform: "Crimson Pro";
  /* ──────────────────────────────────────────────────────────────────────
  >>> HEADINGS > Size | a la Shimmering Focus | thanks @pseudometa
  ────────────────────────────────────────────────────────────────────── */
  --h1: 1.8em;
  --h2: 1.6em;
  --h3: 1.45em;
  --h4: 1.3em;
  --h5: 1.15em;
  --h6: 1.05em;

}

/* ────────────────────────────────────────────────────────────────────────────
>> FONT PAIRINGS | QUICK FONTS
\\ need to add :not(.is-mobile) somehow later down th eline
───────────────────────────────────────────────────────────────────────────────
    >>> INTER 3.19
    ──────────────────────────────────────────────────────────────────────── */
.fp-inter:is(.theme-light, .theme-dark) {
  --font-monospace-theme: "DM Mono";
  --font-heading: "Inter 3.19";
  --font-editor: "Inter 3.19";
  --font-menu: "Inter 3.19";
  --font-ui: "Inter 3.19";
}

/* ────────────────────────────────────────────────────────────────────────
>>> MANROPE + DM SANS
──────────────────────────────────────────────────────────────────────── */
.fp-manDM:is(.theme-light, .theme-dark) {
  --font-monospace-theme: "DM Mono";
  --font-heading: "Manrope";
  --font-editor: "DM Sans";
  --font-menu: "Manrope";
  --font-ui: "Manrope";
}

/* ────────────────────────────────────────────────────────────────────────────
>> FONTS | HEADERS
───────────────────────────────────────────────────────────────────────────────
    >>> 
    ──────────────────────────────────────────────────────────────────────── */
:is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-heading);
}

/* ────────────────────────────────────────────────────────────────────────────
>> FONTS | MONOSPACE
───────────────────────────────────────────────────────────────────────────────
    >>> Δ LETTER SPACING + FONT SIZE
    \\\ (need to Style Settings this?)
    ──────────────────────────────────────────────────────────────────────── */
.cm-s-obsidian .hmd-fold-html-stub, .cm-s-obsidian .hmd-fold-code-stub,
.cm-s-obsidian.CodeMirror .HyperMD-hover > .HyperMD-hover-content code,
.cm-s-obsidian .cm-formatting-hashtag, .cm-s-obsidian .cm-inline-code,
.cm-s-obsidian .HyperMD-codeblock, .cm-s-obsidian .HyperMD-hr,
.cm-s-obsidian .cm-hmd-frontmatter, .cm-s-obsidian .cm-hmd-orgmode-markup,
.cm-s-obsidian .cm-formatting-code, .cm-s-obsidian .cm-math,
.cm-s-obsidian span.hmd-fold-math-placeholder,
.cm-s-obsidian .CodeMirror-linewidget kbd,
.cm-s-obsidian .hmd-fold-html kbd,
.cm-s-obsidian span.cm-hmd-callout {
  font-size: 0.9em;
  letter-spacing: -0.015rem;
}

.setting-hotkey {
  font-family: var(--font-monospace);
  font-size: 0.8em;
  padding: 0 0.6rem 0 0.6rem;
  border-radius: calc(var(--shape-roundish) * 1.25);
}

/* ────────────────────────────────────────────────────────────────────────
>>> Δ MONOSPACE COLOURS | code from Shimmering Focus, thanks @pseudometa
──────────────────────────────────────────────────────────────────────── */
body > .app-container .cm-s-obsidian .cm-def.cm-hmd-frontmatter {
  letter-spacing: -0.04rem;
  color: var(--accent-light);
}

/* ────────────────────────────────────────────────────────────────────────────
>> FONTS | UI
───────────────────────────────────────────────────────────────────────────────
    >>> Delineation of UI font elements
    ──────────────────────────────────────────────────────────────────────── */
body :is(.status-bar, .view-header-title),
.workspace-tabs .workspace-leaf .workspace-leaf-content :is(.view-content div, .view-content) {
  font-family: var(--font-ui);
}

input[type=text], input[type=search], input[type=email], input[type=password], input[type=number] {
  font-family: var(--font-ui);
}

.empty-state-title {
  font-family: var(--font-ui);
}

/* ────────────────────────────────────────────────────────────────────────────
>> FONTS | MENU
───────────────────────────────────────────────────────────────────────────────
    >>> Delineation of Menu font elements
    ──────────────────────────────────────────────────────────────────────── */
.vertical-tab-nav-item,
.modal-container .modal.mod-settings,
.modal.mod-community-plugin,
.modal.mod-community-theme,
.titlebar-text,
.community-plugin-info :is(.community-plugin-version, .community-plugin-author),
.community-theme.is-selected .community-theme-info::after {
  font-family: var(--font-menu);
}

/* ────────────────────────────────────────────────────────────────────────────────
> BV01
\ Root > Smaller Global Variables
\ Rounded Shapes
──────────────────────────────────────────────────────────────────────────────── */
/* ────────────────────────────────────────────────────────────────────────────
>> [ROUNDER SHAPES] a la Shimmering Focus, ja? | thanks to @pseudometa
──────────────────────────────────────────────────────────────────────────── */
.theme-light, .theme-dark {
  --shape-roundish: 0.40rem;
  --shape-round: 3.125rem;
}

/* ────────────────────────────────────────────────────────────────────────────
>> OPTIONAL ROUND SHAPES BORDERS
───────────────────────────────────────────────────────────────────────────────
    >>> {DRAFT} HEADERS
    ───────────────────────────────────────────────────────────────────────────
        >>>> for READING MODE
        ──────────────────────────────────────────────────────────────────── */
body.headers-round .cm-s-obsidian .cm-header,
body.headers-round .markdown-preview-view :is(h1, h2, h3, h4, h5, h6) {
  border-radius: calc(var(--shape-roundish) * 1.25);
}

/* ────────────────────────────────────────────────────────────────────
>>>> for EDITING MODE (LIVE PREVIEW) | SEEMS TO INTERFERE WITH CODE BLOCKS

CHANGED
──────────────────────────────────────────────────────────────────── 
.headers-round :is(.HyperMD-header-1.cm-line, .HyperMD-header-2.cm-line, .HyperMD-header-3.cm-line, .HyperMD-header-4.cm-line, .HyperMD-header-5.cm-line, .HyperMD-header-6.cm-line) {
  border-radius: calc(var(--shape-roundish) * 1.25);
}

*/

/* ─────────────────────────────────────────────────────────────────────────
>>> CALLOUTS

───────────────────────────────────────────────────────────────────────── */
.headers-round .callout {
  border-radius: calc(var(--shape-roundish) * 1.25);
}

/* for round headers, need to change? */
/* ────────────────────────────────────────────────────────────────────────────────
> BV01
\ Root > Smaller Global Variables
\ Animations
───────────────────────────────────────────────────────────────────────────────────
    >> (OPTION) ANIMATIONS! | from Shimmering Focus | thanks to @pseudometa
    ──────────────────────────────────────────────────────────────────────────── */
body:not(.no-animations) {
  --quicker-transition: 100ms ease-in-out;
  --quick-transition: 200ms ease-in-out;
  --medium-transition: 350ms ease-in-out;
  --slow-transition: 550ms ease-in-out;
}

/* ────────────────────────────────────────────────────────────────────────────────
> EB
\ Blocks Visual Surroundings
───────────────────────────────────────────────────────────────────────────────────
    >> [EMBED BLOCKS] 
    ───────────────────────────────────────────────────────────────────────────────
        >>> REMOVE BORDERS AND PADDINGS
        ──────────────────────────────────────────────────────────────────────── */
.markdown-embed, .file-embed {
  padding: 0 0;
  margin: 0 0;
}

.markdown-embed .markdown-preview-view {
  padding: 0 0 0 0;
}

/*
.markdown-embed-content, .markdown-embed-block {
    padding: 0 0;
    margin: 0 0;
}
*/
.file-embed {
  border: none;
  border-radius: calc(var(--shape-roundish) * 1.25);
}

.markdown-source-view.mod-cm6 .cm-embed-block {
  padding: 0;
  border: 0px;
}

/* remove LP view border */
/* ────────────────────────────────────────────────────────────────────
>>>> EMBED FILE LINK ICON PLACEMENTS
──────────────────────────────────────────────────────────────────── */
.markdown-embed-link, .file-embed-link {
  top: 0.25rem;
  right: 0.25rem;
  transition: var(--quicker-transition);
}
.markdown-embed-link:hover, .file-embed-link:hover {
  color: var(--text-faint);
  transition: var(--quicker-transition);
}



/* ─────────────────────────────────────────────────────────────────────────
>>> NO MAX HEIGHT (display all embed content)
───────────────────────────────────────────────────────────────────────── */
.markdown-embed-content {
  max-height: none;
}

/* ────────────────────────────────────────────────────────────────────────────
>> [BLOCKQUOTES]
───────────────────────────────────────────────────────────────────────────────
    >>> Δ MARGINS + PADDING + ADD ROUNDER SHAPES
    ──────────────────────────────────────────────────────────────────────── */
.markdown-preview-view blockquote {
  background-color: var(--background-primary-alt);
  padding: 0.35rem 0.5rem;
  margin: 0.5rem 0;
  border-radius: calc(var(--shape-roundish) * 1.25);
  border-left-width: 0.3rem;
}

/* ────────────────────────────────────────────────────────────────────────────
>> [CODEBLOCKS]
───────────────────────────────────────────────────────────────────────────────
    >>> Δ TO ROUNDER SHAPES
    ──────────────────────────────────────────────────────────────────────── */
.cm-s-obsidian div.HyperMD-codeblock-begin-bg {
  border-radius: calc(var(--shape-roundish) * 1.25) calc(var(--shape-roundish) * 1.25) 0 0;
}

.cm-s-obsidian div.HyperMD-codeblock-end-bg {
  border-radius: 0 0 calc(var(--shape-roundish) * 1.25) calc(var(--shape-roundish) * 1.25);
}

/* ─────────────────────────────────────────────────────────────────────────
>>> COLOURS OF TOP OF A CODEBLOCK
───────────────────────────────────────────────────────────────────────── */
.cm-s-obsidian div.HyperMD-codeblock-begin-bg {
  background-color: var(--background-secondary);
  /* was background-secondary-alt-2 - phased out */
}

/* ────────────────────────────────────────────────────────────────────────────
>> PRISM.JS CODEBLOCKS
───────────────────────────────────────────────────────────────────────────────
    >>> Δ TO ROUNDER SHAPES
    ──────────────────────────────────────────────────────────────────────── */
:not(pre) > code[class*=language-],
pre[class*=language-] {
  border-radius: calc(var(--shape-roundish) * 1.25);
}

/* ─────────────────────────────────────────────────────────────────────────
>>> NO PADDING!
───────────────────────────────────────────────────────────────────────── */
.markdown-rendered pre {
  padding: 0;
}

/* ─────────────────────────────────────────────────────────────────────────
>>> COLOURS OF TOP OF A CODEBLOCK
───────────────────────────────────────────────────────────────────────── */
.markdown-reading-view pre[class*=language-]::before {
  display: block;
  content: attr(class) " ";

  font-size: 0.9em;
  line-height: 1.5em;
  text-align: right;

  color: var(--col-code-open);
  background-color: var(--background-secondary);
}

/* ─────────────────────────────────────────────────────────────────────────
>>> COLOURS INSIDE CODEBLOCK
───────────────────────────────────────────────────────────────────────── */
/*code[class*=language-]*/
:is(.theme-light, .theme-dark) :is(:not(pre) > code[class*=language-], pre[class*=language-]) {
  background-color: var(--background-primary-alt);
}

:is(.theme-light, .theme-dark) :is(code[class*=language-],
pre[class*=language-]) {
  text-shadow: none;
}


/* ────────────────────────────────────────────────────────────────────────────
>> [QUOTE BLOCKS]
───────────────────────────────────────────────────────────────────────────────
    >>> SOURCE MODE > Δ TO GREY
    ──────────────────────────────────────────────────────────────────────── */
.HyperMD-quote-1.cm-line {
  background-color: var(--background-primary-alt);
}

/* ─────────────────────────────────────────────────────────────────────────
>>> MORE COLOURS IN CODE
───────────────────────────────────────────────────────────────────────── */
.cm-s-obsidian :is(.HyperMD-codeblock-begin,
.HyperMD-codeblock-end,
span.cm-hmd-callout) {
  color: var(--col-code-open);
}

.theme-light .token.operator,
.theme-light .token.entity,
.theme-light .token.url,
.theme-light .language-css .token.string,
.theme-light .style .token.string,
.theme-light .cm-operator,
.theme-light .cm-string,
.theme-light .cm-string-2,
.theme-light .cm-link {
  color: #9b703b;
}


/* ─────────────────────────────────────────────────────────────────────────────
>> Colours
───────────────────────────────────────────────────────────────────────────── */
/* default Coloured YAML colours */
.theme-light, .theme-dark {
  --col-frontmatter-default: var(--text-accent-hover);
  --col-frontmatter-atom: var(--text-accent);
  --col-frontmatter-meta: var(--text-accent-hover);
  --col-frontmatter-number: var(--text-accent-hover);
}

/* if Coloured YAML turned on */
body.yaml-coloured .cm-s-obsidian .cm-hmd-frontmatter {
  color: var(--col-frontmatter-default);
  /* general frontmatter */
}
body.yaml-coloured .cm-s-obsidian .cm-hmd-frontmatter.cm-atom {
  font-weight: bold;
  color: var(--col-frontmatter-atom);
}
body.yaml-coloured .cm-s-obsidian .cm-hmd-frontmatter.cm-meta {
  color: var(--col-frontmatter-meta);
}
body.yaml-coloured .cm-s-obsidian .cm-hmd-frontmatter.cm-number {
  color: var(--col-frontmatter-number);
}

body:not(.yaml-no-colour) .cm-s-obsidian .cm-hmd-frontmatter {
  color: var(--col-frontmatter-default);
  /* general frontmatter */
}
body:not(.yaml-no-colour) .cm-s-obsidian .cm-hmd-frontmatter.cm-atom {
  font-weight: bold;
  color: var(--col-frontmatter-atom);
}
body:not(.yaml-no-colour) .cm-s-obsidian .cm-hmd-frontmatter.cm-meta {
  color: var(--col-frontmatter-meta);
}
body:not(.yaml-no-colour) .cm-s-obsidian .cm-hmd-frontmatter.cm-number {
  color: var(--col-frontmatter-number);
}

/* ─────────────────────────────────────────────────────────────────────────────
>> Frontmatter Container Appearance Options
───────────────────────────────────────────────────────────────────────────── */
div.frontmatter-container {
  overflow: auto;
  /* let it scroll */
}

/* none at all*/
.metadata-container-none div.frontmatter-container {
  display: none;
}

/* single line */
.metadata-container-blankline div.frontmatter-container.frontmatter-container > * {
  display: none;
}
.metadata-container-blankline div.frontmatter-container.frontmatter-container:hover > * {
  display: block;
}
.metadata-container-blankline div.frontmatter-container.frontmatter-container::before {
  display: block;
  content: "";

  height: 100%;
  width: 100%;

  opacity: 0.1;

  position: absolute;
  top: 0;
  left: 0;

  border-radius: calc(var(--shape-roundish) * 1.25);
}

/* single dot */
.metadata-container-dot div.frontmatter-container.frontmatter-container {
  /* max(100%, calc(50% + calc(0.5 * var(--width-vll)))); */
  display: inline-block;

  height: 1em;
  width: 1em;

  background-color: var(--col-frontmatter-hide);

  position: absolute;
  top: 0.25em;
  left: 1rem;

  border: none;
  border-radius: var(--shape-round);
}
.metadata-container-dot div.frontmatter-container.frontmatter-container:hover {
  display: block;

  height: unset;
  width: unset;

  background-color: unset;
  background-color: var(--background-primary-alt);

  border: 1px solid var(--background-modifier-border);
  border-radius: calc(var(--shape-roundish) * 1.25);
}
.metadata-container-dot div.frontmatter-container.frontmatter-container > * {
  display: none;
}
.metadata-container-dot div.frontmatter-container.frontmatter-container:hover > * {
  display: block;
}

/* variables */
.theme-light, .theme-dark {
  --col-frontmatter-hide: var(--interactive-accent);
}

/* ────────────────────────────────────────────────────────────────────────────────
> EL
\ Editor
───────────────────────────────────────────────────────────────────────────────────
        Variable Line Length
        ──────────────────────────────────────────────────────────────────────── */
.length-line-var .markdown-source-view.markdown-source-view.markdown-source-view.mod-cm6 .cm-contentContainer {
  max-width: unset;
}
.length-line-var .markdown-source-view.markdown-source-view.markdown-source-view.mod-cm6 :is(.cm-content,
.cm-line:not(.HyperMD-table-row)) {
  max-width: var(--width-vll);
  margin: auto;
}
.length-line-var .markdown-preview-view.markdown-preview-view .markdown-preview-sizer {
  max-width: var(--width-vll);
  margin: auto;
}

.theme-dark, .theme-light {
  --width-vll: 700px;
}

/* ────────────────────────────────────────────────────────────────────────────
>> Document Titles fitted to Varying Line Length
──────────────────────────────────────────────────────────────────────────── */
body:not(.plugin-sliding-panes-rotate-header).fit-titles-vll.length-line-var .workspace-leaf-content[data-type=markdown] {
  /*
  max-width: var(--width-vll);
  margin: auto;
  */
}
body:not(.plugin-sliding-panes-rotate-header).fit-titles-vll.length-line-var .workspace-leaf-content[data-type=markdown] div.view-header {
  /*
  max-width: calc(100% - 2rem);

  width: var(--width-vll);
  */
  /* was for content-box, but didn't take into account borders */
  max-width: 100%;
  /* thank the lords that negative padding is not a thing */
  padding-right: max(50% - 0.5 * var(--width-vll), var(--padding-content-lr));
  padding-left: max(50% - 0.5 * var(--width-vll), var(--padding-content-lr));
  box-sizing: border-box;
  /* calc(50% - (0.5 * var(--width-vll)));*/
  /* 1rem comes from the markdown-preview-view padding */
  /* see ED for more changes */
}


/* ─────────────────────────────────────────────────────────────────────
>>>> FORCE font size
───────────────────────────────────────────────────────────────────── */
.markdown-rendered h1 {
  font-size: var(--h1);
}
.markdown-rendered h2 {
  font-size: var(--h2);
}
.markdown-rendered h3 {
  font-size: var(--h3);
}
.markdown-rendered h4 {
  font-size: var(--h4);
}
.markdown-rendered h5 {
  font-size: var(--h5);
}
.markdown-rendered h6 {
  font-size: var(--h6);
}

/* ────────────────────────────────────────────────────────────────────────────
>> [HEADINGS > Typography and Display of Text]
───────────────────────────────────────────────────────────────────────────────
    >>> FONT > to var --font heading + LINE HEIGHT
    ──────────────────────────────────────────────────────────────────────── */
.markdown-preview-view :is(h1, h2, h3, h4, h5, h6),
.HyperMD-header-1, .HyperMD-header-2, .HyperMD-header-3, .HyperMD-header-4, .HyperMD-header-5, .HyperMD-header-6 {
  font-family: var(--font-heading);
}

body .cm-s-obsidian .cm-header, body .markdown-preview-view :is(h1, h2, h3, h4, h5, h6) {
  /* line-height: */
}



/* ─────────────────────────────────────────────────────────────────────────
>>> SELECTION (SELECTED TEXT COLOUR)


**** CHANGES HIGHLIGHTED TEXT MARKDOWN
───────────────────────────────────────────────────────────────────────── */
:is(.theme-light, .theme-dark) {
  --text-selection: var(--col-selection);

  --col-highlight-0-org: hsl(60, 100%, 50%);
  --col-highlight-1-org: hsl(120, 100%, 50%);
  --col-highlight-2-org: hsl(180, 100%, 50%);
  --col-highlight-3-org: hsl(300, 100%, 50%);
  /* yellow, lime, cyan */
  /* REMOVED 1 */
  --col-highlight-1: hsl(76, 100%, 50%);
  --col-highlight-2: hsl(166, 100%, 50%);
  --col-highlight-3: hsl(262, 44%, 82%);
  /* should I make this default now */
  
}


/* CHANGES TEXT COLOR FOR ==TEXT== */

:is(.theme-light) {
	--col-highlight-0: hsl(203 88.6% 85%);  /* PASTEL BLUE */
	--col-highlight-text: hsl(0, 0%, 0%); /* BLACK */
}

:is(.theme-dark) {
	--col-highlight-0: hsl(360 97.7% 20.3%); /* DEEP RED */
	--col-highlight-text: hsl(210, 3%, 87%); /* WHITE */
}

.highlight-col-original:is(.theme-light, .theme-dark) {
  --col-highlight-0: var(--col-highlight-0-org);
  --col-highlight-1: var(--col-highlight-1-org);
  --col-highlight-2: var(--col-highlight-2-org);
  --col-highlight-3: var(--col-highlight-3-org);
}


/* ────────────────────────────────────────────────────────────────────────────
>> Make sure External Link isn't over padded
──────────────────────────────────────────────────────────────────────────── */
.external-link.external-link {
  padding-right: 1rem;
  text-decoration-line: none !important; /* REMOVES UNDERLINE */
}

.yeOlde .external-link.external-link {
  font-variant: small-caps;
}

/* ────────────────────────────────────────────────────────────────────────────────
> EW00
\ Callouts Visual Surroundings
───────────────────────────────────────────────────────────────────────────────────
    >> [CALLOUTS]
    \\ \ Introduced in Obsidian 0.14.0
    ───────────────────────────────────────────────────────────────────────────────
        >>> 
        ──────────────────────────────────────────────────────────────────────── */
.theme-light, .theme-dark {
  --margin-callout: 0.5em;
}

.callout {
  /* ensures that it wouldn't eat into other things as well */
  margin-top: var(--margin-callout);
  margin-bottom: var(--margin-callout);
  overflow-x: hidden;
  /* wth is there even this */
}
.callout .callout .callout-content {
  border: none;
}
.callout .callout:not(.admonition).drop-shadow {
  box-shadow: none;
}
.callout .callout-content table {
  margin-bottom: 0.75rem;
}
.callout .callout-content table:first-child {
  margin-top: 0.75rem;
}

.callout-icon svg {
  display: inline-block;
  height: 1em;
  width: 1em;
  /* font-size: inherit; */
}

/* to make sure they scale properly - bug fix */
/* ─────────────────────────────────────────────────────────────────────────
>>> CALLOUT STYLING - RETURNHERE
───────────────────────────────────────────────────────────────────────── */
.HyperMD-callout.HyperMD-callout {
  background-color: var(--background-secondary);
  /* was background-secondary-alt-2 - phased out */
  /*  border-radius: calc(var(--shape-roundish) * 1.25) calc(var(--shape-roundish) * 1.25) 0 0; */
}
.HyperMD-callout.HyperMD-callout > :not(.cm-hmd-callout) {
  color: var(--text-normal);
}
.HyperMD-callout.HyperMD-callout > span.cm-hmd-callout {
  font-family: var(--font-monospace);
  color: var(--col-code-open);
}
.HyperMD-callout.HyperMD-callout > span.cm-hmd-callout ~ span {
  font-family: var(--font-monospace);
  font-size: 0.9em;
}

/* key fixes */
.callout-title {
  gap: 0.5em;
  /* should it be 5? */
}
.callout-title .callout-title-inner {
  word-break: break-all;
  /* ensure that it doesn't break callouts */
}
.callout-title .callout-fold, .callout-title .callout-icon {
  display: flex;
  align-items: center;
  /* ensures that the svg is centered */
}
.callout-title .callout-fold svg {
  height: 1em;
  width: 1em;
  /* fix tp custom size, follows admonitions */
}

/* opinionated stuff - RETURNHERE */
body:not(.callout-standard) .callout {
  border-left: 0rem solid rgb(var(--callout-color));
  border-radius: calc(var(--shape-roundish) * 1.25);
  transition: var(--quick-transition);
}

/* TURNS OFF ANIMATIONS
body:not(.callout-standard) .callout:hover {
  border-left: 0.3rem solid rgb(var(--callout-color));
  transition: var(--quick-transition);
}
*/
body:not(.callout-standard) .callout-title {
  /* make it thinner */
  font-family: var(--font-heading);
  padding: 0.35em 1em;
  /* ensures this appears first */
}
body:not(.callout-standard) .callout-title .callout-title-inner {
  font-weight: 600;
  word-break: break-word;
  /* ensure that it doesn't break callouts */
  order: -2;
}
body:not(.callout-standard) .callout-title .callout-fold {
  /* ensures this appears before all the svg */
  opacity: 0.3;
  transition: var(--quicker-transition);
  order: -1;
}
body:not(.callout-standard) .callout-title:hover .callout-fold {
  opacity: 1;
  transition: var(--quicker-transition);
}
body:not(.callout-standard) .callout-title .callout-fold, body:not(.callout-standard) .callout-title .callout-icon {
  display: flex;
  align-items: center;
  /* ensures that the svg is centered */
}
body:not(.callout-standard) .callout-content {
  padding: 0 1em;
}
body:not(.callout-standard) .callout-content p {
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
}
body:not(.callout-standard) svg.ChevronDown {
  background-color: var(--text-muted);
  -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D%0A%3C/style%3E%3Cpolygon points='16,22 6,12 7.4,10.6 16,19.2 24.6,10.6 26,12 '/%3E%3Crect id='_x3C_Transparent_Rectangle_x3E_' class='st0' width='32' height='32'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D%0A%3C/style%3E%3Cpolygon points='16,22 6,12 7.4,10.6 16,19.2 24.6,10.6 26,12 '/%3E%3Crect id='_x3C_Transparent_Rectangle_x3E_' class='st0' width='32' height='32'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
}
body:not(.callout-standard) svg.ChevronDown > * {
  display: none;
}

/* ─────────────────────────────────────────────────────────────────────────
>>> BRIGHTER ICONS
\\\ thanks to @pseudometa! :carrrl:
>>> incl. svg fixes
───────────────────────────────────────────────────────────────────────── */
.callout-icon.callout-icon {
  /* transform: scale(calc(var(-font-text-size) * 0.8)); */
}
.callout-icon.callout-icon svg {
  /* admonitions is 1em */
  height: 1em;
  width: 1em;
}
.theme-light .callout-icon.callout-icon svg {
  filter: brightness(95%);
}

.theme-light :not(.callout-standard) .callout-title-inner {
  filter: brightness(75%) contrast(2.25) hue-rotate(-5deg);
}
.theme-dark :not(.callout-standard) .callout-title-inner {
  filter: contrast(1.75) hue-rotate(-5deg);
}


/* ────────────────────────────────────────────────────────────────────────────────
> EW01
\ Callouts 
\ Global Classes + Metadata
──────────────────────────────────────────────────────────────────────────────── */
/* no title */
body div.callout:is([data-callout-metadata*=no-t],
[data-callout-metadata*=no-title]) > .callout-title {
  display: none;
}
body div.callout:is([data-callout-metadata*=no-t],
[data-callout-metadata*=no-title]):is([data-callout=kanban]) {
  border-radius: calc(var(--shape-roundish) * 2);
}
body div.callout:is([data-callout-metadata*=opp],
[data-callout-metadata*=opposite]) {
  display: flex;
  flex-direction: column;
  /*
  &.is-collapsed .callout-fold svg {
      transform: rotate(-90deg);
  }
  */
}
body div.callout:is([data-callout-metadata*=opp],
[data-callout-metadata*=opposite]) .callout-content {
  order: -1;
}
body div.callout:is([data-callout-metadata*=opp],
[data-callout-metadata*=opposite]):not(.is-collapsed) .callout-fold svg {
  transform: rotate(180deg);
}
body div.callout:is([data-callout-metadata*=no-s],
[data-callout-metadata*=no-style]) {
  background-color: transparent;
}
body div.callout:is([data-callout-metadata*=no-s],
[data-callout-metadata*=no-style]) > .callout-content {
  background-color: transparent;
}
body div.callout:is([data-callout-metadata*=no-s],
[data-callout-metadata*=no-style]) > .callout-title {
  background-color: transparent;
}
body div.callout:is([data-callout-metadata*=monospace]) .callout-content {
  font-family: var(--font-monospace);
}

/*

*/
/* ────────────────────────────────────────────────────────────────────────────────
> EW02
\ Callouts (Standard))
───────────────────────────────────────────────────────────────────────────────────
        >>> CALLOUT COLOURS
        ───────────────────────────────────────────────────────────────────────── */

/* 0.125 - 12.5% opacity for TITLE ONLY */
body:not(.callout-standard) .callout .callout-title {
  background-color: rgba(var(--callout-color), 0.125);
}

/* TITLE TEXT COLOR */
body:not(.callout-standard) .callout .callout-title-inner {
  /* opacity: 0.9; */
  color: rgb(var(--callout-color));
  -webkit-font-smoothing: antialiased;
}
body:not(.callout-standard) .callout:is([data-callout=note],
[data-callout=aside]) {
  --callout-color: 160, 199, 92;
}
body:not(.callout-standard) .callout:is([data-callout=abstract],
[data-callout=summary],
[data-callout=tldr]) {
  --callout-color: 91, 197, 219;
  --callout-icon: loader;
}
body:not(.callout-standard) .callout:is([data-callout=info],
[data-callout=todo]) {
  --callout-color: 0, 170, 199;
}
body:not(.callout-standard) .callout:is([data-callout=tip],
[data-callout=hint]) {
  --callout-color: 34, 148, 1;
  --callout-icon: asterisk;
}
body:not(.callout-standard).theme-dark .callout:is([data-callout=tip], [data-callout=hint]) :is(.callout-title-inner, .callout-icon svg) {
  color: #2dcb01;
}

body:not(.callout-standard) .callout:is([data-callout=check],
[data-callout=done]) {
  --callout-color: 0, 158, 76;
}
body:not(.callout-standard).theme-dark .callout:is([data-callout=check], [data-callout=done]) :is(.callout-title-inner, .callout-icon svg) {
  color: #00cc63;
}

body:not(.callout-standard) .callout:is([data-callout=question],
[data-callout=help],
[data-callout=faq]) {
  --callout-color: 160, 199, 92;
}
body:not(.callout-standard) .callout:is([data-callout=warning],
[data-callout=caution],
[data-callout=attention]) {
  /* --callout-color: 237, 183, 50; */
  --callout-color: 255, 182, 26;
}
body:not(.callout-standard) .callout:is([data-callout=failure],
[data-callout=fail],
[data-callout=missing]) {
  --callout-color: 161, 40, 100;
}
body:not(.callout-standard).theme-dark .callout:is([data-callout=failure], [data-callout=fail], [data-callout=missing]) :is(.callout-title-inner, .callout-icon svg) {
  color: #db70a6;
}

body:not(.callout-standard) .callout:is([data-callout=danger],
[data-callout=error]) {
  --callout-color: 241, 0, 34;
  --callout-icon: octagon-alert;
}
body:not(.callout-standard).theme-dark .callout:is([data-callout=danger], [data-callout=error]) :is(.callout-title-inner, .callout-icon svg) {
  color: #ff334e;
}

body:not(.callout-standard) .callout:is([data-callout=bug]) {
  --callout-color: 164, 103, 80;
}
body:not(.callout-standard).theme-dark .callout:is([data-callout=bug]) :is(.callout-title-inner, .callout-icon svg) {
  color: #bc8976;
}

body:not(.callout-standard) .callout:is([data-callout=example]) {
  --callout-color: 125, 84, 178;
}
body:not(.callout-standard).theme-dark .callout:is([data-callout=example]) :is(.callout-title-inner, .callout-icon svg) {
  color: #a184c8;
}

body:not(.callout-standard) .callout:is([data-callout=quote],
[data-callout=cite]) {
  --callout-color: 161, 169, 173;
}
body:not(.callout-standard) .callout:is([data-callout^=attachment],
[data-callout^=file]) {
  --callout-color: 197, 101, 199;
  --callout-icon: paperclip;
}
body:not(.callout-standard) .callout:is([data-callout=link],
[data-callout=url]) {
  --callout-color: 127, 127, 127;
  --callout-icon: link;
}
body:not(.callout-standard).theme-dark .callout:is([data-callout=link], [data-callout=url]) :is(.callout-title-inner, .callout-icon svg) {
  color: var(--text-normal);
}

body:not(.callout-standard) .callout:is([data-callout=phone]) {
  --callout-color: 250, 121, 33;
  --callout-icon: phone;
}
body:not(.callout-standard) .callout:is([data-callout=email],
[data-callout=mail]) {
  --callout-color: 250, 121, 33;
  --callout-icon: at-sign;
}
body:not(.callout-standard) .callout:is([data-callout=goal]) {
  --callout-color: 140, 102, 255;
  --callout-icon: ungroup;
}
body:not(.callout-standard).theme-dark .callout:is([data-callout=goal]) :is(.callout-title-inner, .callout-icon svg) {
  color: #9f80ff;
}

body:not(.callout-standard) .callout:is([data-callout=plus],
[data-callout=positive]) {
  --callout-color: 50, 205, 50;
  --callout-icon: plus;
}
body:not(.callout-standard) .callout:is([data-callout=minus],
[data-callout=negative]) {
  --callout-color: 124, 13, 14;
  --callout-icon: minus;
}
body:not(.callout-standard) .callout:is([data-callout=code]) {
  --callout-color: 0, 0, 0;
  --callout-icon: code-2;
}
body:not(.callout-standard).theme-dark .callout:is([data-callout=code]) {
  border-left-color: var(--text-normal);
}

body:not(.callout-standard).theme-dark .callout:is([data-callout=code]) :is(.callout-title-inner, .callout-icon svg) {
  color: var(--text-normal);
}

body:not(.callout-standard) .callout:is([data-callout=code]) .callout-content {
  font-family: var(--font-monospace);
}
body:not(.callout-standard) .callout:is([data-callout=code]) .callout-content pre[class*=language-] {
  background-color: transparent;
}
body:not(.callout-standard) .callout:is([data-callout=success]) {
  --callout-color: 0, 158, 76;
  --callout-icon: star;
}
body:not(.callout-standard) .callout:is([data-callout=success]) :is(.callout-title-inner) {
  /* color: var(--background-primary); */
  /* -webkit-text-stroke: 1px var(--background-secondary-alt); */
  filter: brightness(65%) contrast(0.9) hue-rotate(-5deg);
}
body:not(.callout-standard) .callout:is([data-callout=success]) :is(.callout-title) {
  background: linear-gradient(258deg, yellow 0%, #eefc0a 11%, #ddfa15 22%, #ccf71e 33%, #bbf327 44%, #aaf02f 55%, #99ec36 66%, #87e83e 77%, #74e444 88%, #60e04b 100%);
  background-color: transparent;
  background-size: 200% 200%;
}
body:not(.callout-standard):not(.no-animations) .callout:is([data-callout=success]) :is(.callout-title) {
  animation: CalloutSuccess 10s infinite;
}
@keyframes CalloutSuccess {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
@-webkit-keyframes CalloutSuccess {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}

body:not(.callout-standard) .callout:is([data-callout=important]) {
  --callout-color: 191, 63, 54;
  --callout-icon: flag;
}


/* ────────────────────────────────────────────────────────────────────────────
>> CUSTOM CALLOUT ICONS
──────────────────────────────────────────────────────────────────────────── */
body:not(.icons-obsidian-standard) .callout[data-callout=success] svg.star {
  /* background-color: rgb(0, 158, 76); */
  /* sama-sama */
  background-color: #009e4c;
  transform: rotate(45deg);
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m8.587 8.236l2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232l5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07l.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75l-4.202-4.07a.902.902 0 0 1 .503-1.54l5.808-.845Z"%2F%3E%3C%2Fsvg%3E');
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
}
body:not(.icons-obsidian-standard) .callout[data-callout=success] svg.star > * {
  display: none;
}


/* CUSTOM CALLOUT - DETECTIVE'S NOTES RETURNHERE */

body div.callout[data-callout="detective"] {
  position: relative;
  z-index: 1;

  font-size: .835em;
}

body:is(.theme-light) div.callout[data-callout="detective"] {
  background-color: rgba(252 255 69 / 0.16);
  background-image:
    repeating-linear-gradient(
      to bottom,
      rgba(252 255 69 / 0.16),
      rgba(252 255 69 / 0.16) 23px,
      #0093ef 24px
    );
  background-size: 100% 24px, cover;
  border: none;
  box-shadow:
    inset 2px 0 0 #d4c4a1,
    inset -2px 0 0 #d4c4a1,
    inset 0 2px 0 #d4c4a1,
    inset 1px 1px 0 #c9b894,
    inset -1px 1px 0 #c9b894;
  border-bottom: none;
  border-radius: 0px;
  padding: 2em 2em;
  margin: 0.5em 0 1.5em 0;
  line-height: 1.65;
  max-width: 720px;
  position: relative;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

body:is(.theme-dark) div.callout[data-callout="detective"] {
  background-color: rgba(182 0 7 / 0.16);
  background-color: rgba(182 0 7 / 0.16);
  background-image:
    repeating-linear-gradient(
      to bottom,
      rgba(182 0 7 / 0.16),
      rgba(182 0 7 / 0.16) 23px,
      #0093ef 24px
    );
  background-size: 100% 24px, cover;
  border: none;
  box-shadow:
    inset 2px 0 0 #d4c4a1,
    inset -2px 0 0 #d4c4a1,
    inset 0 2px 0 #d4c4a1,
    inset 1px 1px 0 #c9b894,
    inset -1px 1px 0 #c9b894;
  border-bottom: none;
  border-radius: 0px;
  padding: 2em 2em;
  margin: 0.5em 0 1.5em 0;
  line-height: 1.65;
  max-width: 720px;
  position: relative;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}



body div.callout:is([data-callout-metadata="noicon"]) .callout-icon {
  display: none;
}

body div.callout[data-callout="detective"] .callout-title-inner {
  background-color: transparent;
}

body div.callout[data-callout="detective"] .callout-title {
  background-color: transparent;
  display: flex;
  padding-top: 1em;
  text-align: center;
  font-size: 120%;
}

body div.callout[data-callout="detective"] .callout-title::after {
  color: var(--text-accent);
  content: "𝚍𝚎𝚝𝚎𝚌𝚝𝚒𝚟𝚎'𝚜 𝚗𝚘𝚝𝚎𝚜:";
}

body div.callout[data-callout="detective"] .callout-content {
  text-align: center;
  padding-bottom: 1em;
}

body div.callout[data-callout="detective"] .callout-content::after {
  content: "𝚎𝚗𝚍.";
  /*callout-icon: lock-open;*/
  color: var(--text-accent);
}




/* ────────────────────────────────────────────────────────────────────────────────
> EW03
\ Callouts (Columns)
──────────────────────────────────────────────────────────────────────────────── */
body .callout:is([data-callout=columns]) {
  /* fallback option: grid */
  background-color: unset;
  margin-bottom: 0;
  --callout-color: 150, 150, 150;
  --callout-icon: columns;
}
body .callout:is([data-callout=columns]):hover {
  border-left: 0rem solid rgb(var(--callout-color));
}
body .callout:is([data-callout=columns]) > .callout-title {
  border-radius: calc(var(--shape-roundish) * 1.25);
}
body .callout:is([data-callout=columns]) > .callout-title:hover {
  border-left: 0.3rem solid rgb(var(--callout-color));
  transition: var(--quick-transition);
}
body .callout:is([data-callout=columns]) > .callout-content {
  display: flex;
  max-width: 100%;
  padding: 0;
  flex-direction: row;
  gap: 0.5em;
  /* padding: 0 0.5em; */
}
body .callout:is([data-callout=columns]) > .callout-content > .callout {
  margin-bottom: auto;
}
body .callout:is([data-callout=columns]) > .callout-content .callout {
  flex: 1 1 100%;
  flex-wrap: wrap;
  /* min-width: var(--callout-columns-sub-width-min); */
}
body .callout:is([data-callout=columns]) > .callout-content .callout .callout-content {
  /* border: 0px; */
}
/* clamp flex in order to force minimum width
to relook at later */
.theme-light, .theme-dark {
  --callout-columns-sub-width-min: max(50%,200px);
}

/* ────────────────────────────────────────────────────────────────────────────────
> EW11
\ Admonitions and Callouts 
\ Infobox
\ by SlRvb
\ SlRvb's rights reserved per MIT License
──────────────────────────────────────────────────────────────────────────────── */
div:not(.setting-item) > .admonition.admonition-infobox {
  max-width: 50%;
  box-shadow: none;
  margin-left: 0.5rem;
  border: 0;
  float: right;
}

/*
div:not(.setting-item) > .admonition-infobox .admonition-title {
    display: none;
}
*/
.admonition-infobox table {
  width: 100%;
}

.admonition-infobox .admonition-content {
  padding: 0;
  margin: 0;
  border: none;
}

.admonition-infobox .admonition-content-holder {
  margin: 0.5rem;
}

.admonition-infobox .admonition-content p,
.admonition-infobox table {
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

.admonition-infobox :is(h1, h2, h3, h4, h5, h6) {
  font-size: var(--font-text-size);
  text-align: center;
  padding: 0.125rem;
  margin: 0;
}

/* no need for these, perhaps?

.admonition-infobox h1 {
    background-color: var(--interactive-accent);
    color: var(--interactive-normal);
}


.admonition-infobox h6 {
    background-color: var(--interactive-normal);
}
*/
.admonition-infobox .admonition-content-holder > * > :is(h1, h2, h3, h4, h5, h6) {
  padding-right: 0;
  padding-left: 0;
  justify-content: center;
}

.admonition-infobox .admonition-title {
  background-color: var(--col-bg-table);
}

.admonition-infobox .admonition-title-icon {
  display: none;
}

/* removes the admonition-infobox icons */
.admonition-infobox .admonition-title-content {
  text-align: center;
  justify-content: center;
}

/* centers the title */
div:is(.el-h1, .el-h2, .el-h3, .el-h4, .el-h5, .el-h6,
.el-hr) + * > div.admonition-infobox {
  margin-top: calc(var(--admonition-margin-top) - 0.5em);
}

/* ensures non-excessive margin-top if infobox comes after headings */
/* 0.5em since that's the default spacing*/
/* ────────────────────────────────────────────────────────────────────────────────    
> [EW11B] Callout Infobox
\ adapted from the original Admonition Infobox by SlRvB for the Admonition Plugin

RETURNHERE

──────────────────────────────────────────────────────────────────────────────── */
body .callout[data-callout=infobox] {
  max-width: 50%;
  margin-left: 0.5rem;
  border: 0;
  float: right;
  --callout-color: var(--col-bg-table);
}

body .callout[data-callout=infobox] .callout-title {
  text-align: center;
  background-color: var(--col-bg-table);
  justify-content: center;
  
  color: hsl(47 89.4% 97.6%); /* CHANGE TEXT COLOR */
  font-weight: bold;
  font-variant: small-caps;
  font-size: 24px;
}

body .callout[data-callout=infobox] .callout-title {
  text-align: center;
}

/* RETURNHERE */

body:is(.yeOlde) .callout[data-callout=infobox] .callout-title {
  --font-text: 'EB Garamond', serif;
  --font-interface: 'EB Garamond', serif;
  --font-monospace: 'Menlo', 'Consolas', 'Roboto Mono', monospace;
}

body .callout[data-callout=infobox] .callout-title .callout-icon {
  display: none;
}

body .callout[data-callout=infobox] .callout-content {
  text-align: center;

  padding: 0;
  margin: 0.5rem;
  margin-top: 0rem;

  border: none;

  justify-content: center;
}
body .callout[data-callout=infobox] .callout-content :is(h1, h2, h3, h4, h5, h6) {
  font-size: var(--font-text-size);
  text-align: center;
  padding-right: 0.15rem;
  padding-left: 0.15rem;
}
body .callout[data-callout=infobox] table {
  margin-right: auto;
  margin-left: auto;
}

div:is(.el-h1, .el-h2, .el-h3, .el-h4, .el-h5, .el-h6,
.el-hr) + * > div.callout[data-callout=infobox] {
  margin-top: calc(var(--margin-callout) - 0.5em);
}

/* ensures non-excessive margin-top if infobox comes after headings */
/* 0.5em since that's the default spacing*/
/* ────────────────────────────────────────────────────────────────────────────────
> EW12
\ Admonitions and Callouts 
\ Tables
\ by me!

\\ legacy, kept after inclusion in Obsidian v0.14.2 for backwards compatibility
\\ also for making empty spaces in the editor
──────────────────────────────────────────────────────────────────────────────── */

/* also for callouts */
div.callout[data-callout=table] {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

div.el-div[data-callout=table] {
  padding-top: 0;
  padding-bottom: 0;
}

div.el-div[data-callout=table] + * > div.callout[data-callout=table] {
  margin-top: 0;
  margin-bottom: 0;
}

.callout[data-callout=table] {
  background-color: var(--background-primary);
  border-left: 0;
}
.callout[data-callout=table] > .callout-title {
  display: none;
}
.callout[data-callout=table] > .callout-content {
  background-color: var(--background-primary);
  padding: 0;
  margin-right: 0;
  margin-left: 0;
  border-left: 0;
}

/* ────────────────────────────────────────────────────────────────────────────────    
> [EW12B] Admonition LP Tables being like Preview!
\ :D by me!
──────────────────────────────────────────────────────────────────────────────── */
.admonition-table .admonition-title {
  display: none;
}

.admonition-table .admonition,
.admonition-table.admonition,
.admonition-table > .admonition-content-holder > .admonition-content {
  background-color: var(--background-primary);
  margin-right: 0;
  margin-left: 0;
  border-left: 0;
}

/* ────────────────────────────────────────────────────────────────────────────────
> EW13
\ Admonitions and Callouts 
\ Aside
\ by me!
────────────────────────────────────────────────────────────────────────────────

Aside Callouts and Admonitions for Obsidian
Author: @tingmelvin
Version: 0.1.0

──────────────────────────────────────────────────────────────────────────────── */
div.callout[data-callout=aside] {
  /* text-align: justify; */
  max-width: 25%;
  min-width: 125px;

  background-color: var(--background-primary-alt);

  position: relative;

  margin-left: 0.5rem;

  border-left: 4px solid var(--interactive-accent);

  float: right;
  word-break: break-word;
}
div.callout[data-callout=aside]:hover {
  border-left: 8px solid var(--interactive-accent);
}
div.callout[data-callout=aside] .callout-content {
  padding: 0.5rem;
}
div.callout[data-callout=aside] .callout-content p {
  margin: 0;
}
div.callout[data-callout=aside] .callout-title {
  background-color: var(--background-secondary);
  padding: 0.35rem 0.6rem;
}
div.callout[data-callout=aside] .callout-icon {
  display: none;
}




/* ────────────────────────────────────────────────────────────────────────────────
> EW15
\ Admonitions and Callouts 
\ ImgGrid by SlRvb
\ SlRvb's rights reserved per MIT License
──────────────────────────────────────────────────────────────────────────────── */
/* ────────────────────────────────────────────────────────────────────────────────    
> [EW15A] Image Grid Callouts by SlRvb
──────────────────────────────────────────────────────────────────────────────── */
.callout:is([data-callout=grid], [data-callout=masonry], [data-callout=grid-ext]),
.callout:is([data-callout=grid], [data-callout=masonry], [data-callout=grid-ext]) .callout-content {
  display: block;
  width: 100%;
  box-shadow: unset;
  padding: 0;
  border: 0;
}

.callout:is([data-callout=grid], [data-callout=masonry], [data-callout=grid-ext]) .callout-title {
  display: none;
}

.callout:is([data-callout=masonry], [data-callout=grid-ext]) .callout-content p {
  display: grid;
  margin: 0;
  margin-top: 5px;
  grid-template-columns: repeat(auto-fit, minmax(0, auto));
  grid-gap: 2px;
}
.callout:is([data-callout=masonry], [data-callout=grid-ext]) .callout-content img {
  display: flex;
  flex: 1;
  align-self: stretch;
  object-fit: cover;
}

.callout[data-callout=grid] .callout-content p {
  display: flex;
  margin-block-start: 0;
  margin-block-end: 0;
  /* overflow: hidden; */
}
.callout[data-callout=grid] .callout-content img {
  display: table-cell;
  max-height: 30vh;
  padding: 1px;
  vertical-align: middle;
}

/* ────────────────────────────────────────────────────────────────────────────────    
> [EW15B] Image Grid Admonitions by SlRvB
──────────────────────────────────────────────────────────────────────────────── */
.admonition-grid,
.admonition-masonry,
.admonition-grid-ext {
  display: block;
  width: 100%;
  box-shadow: unset;
  padding: 0;
  border: 0;
}

:is(.admonition-grid,
.admonition-masonry,
.admonition-grid-ext) .admonition-title {
  display: none;
}

:is(.admonition-masonry,
.admonition-grid-ext) .admonition-content p {
  display: grid;
  margin: 0;
  margin-top: 5px;
  grid-template-columns: repeat(auto-fit, minmax(0, auto));
  grid-gap: 2px;
}

:is(.admonition-masonry,
.admonition-grid-ext) .admonition-content img {
  display: flex;
  flex: 1;
  align-self: stretch;
  object-fit: cover;
}

.admonition-grid .admonition-content p {
  display: flex;
  margin-block-start: 0;
  margin-block-end: 0;
  /* overflow: hidden; */
}

.admonition-grid .admonition-content img {
  display: table-cell;
  max-height: 30vh;
  padding: 1px;
  vertical-align: middle;
}

/* ────────────────────────────────────────────────────────────────────────────────
> EX11
\ CSSClass
\ LaTeX
────────────────────────────────────────────────────────────────────────────────

LaTeX CSSClass for Obsidian
Author: @tingmelvin
Version: 0.1.0

────────────────────────────────────────────────────────────────────────────
>> FONT SIZE
──────────────────────────────────────────────────────────────────────────── */
.latex.markdown-preview-view {
  font-family: var(--font-cssclass-latex-reading);
  font-size: var(--size-cssclass-latex);
  letter-spacing: 0.01rem;
}

.latex.mod-cm6.cm-s-obsidian .cm-contentContainer,
.latex .cm-header.cm-header {
  font-family: var(--font-cssclass-latex-source);
  font-size: var(--size-cssclass-latex);
  letter-spacing: 0.01rem;
}

.theme-light, .theme-dark {
  --size-cssclass-latex: 14pt;
  --font-cssclass-latex-reading: "MathJax Main", "MJXZERO", "MJXTEX";
  --font-cssclass-latex-source: "DM Mono" ,"MathJax Main", "MJXZERO", "MJXTEX";
  --textindent-cssclass-latex: 0em;
}

/* ────────────────────────────────────────────────────────────────────────────
>> LINE HEIGHT
──────────────────────────────────────────────────────────────────────────── */
.latex.markdown-preview-view table {
  line-height: 100%;
}

/* ────────────────────────────────────────────────────────────────────────────
>> DIFFERENT HEADING STYLE
──────────────────────────────────────────────────────────────────────────── */
.latex :is(h1, h2, h3, h4, h5, h6) {
  font-family: "MathJax Main", "MJXZERO", "MJXTEX";
  line-height: 1em;
}

:is(.latex.markdown-preview-view,
.latex.mod-cm6.cm-s-obsidian .cm-contentContainer) {
  text-align: justify;
  text-justify: inter-word;
}

/* ────────────────────────────────────────────────────────────────────────────
>> P
──────────────────────────────────────────────────────────────────────────── */
.latex p {
  text-indent: var(--textindent-cssclass-latex);
}

/* ────────────────────────────────────────────────────────────────────────────
>> BLOCKQUOTES
──────────────────────────────────────────────────────────────────────────── */
.latex blockquote {
  background-color: transparent;
  padding-right: 2rem;
  padding-left: 2rem;
  border: none;
  border-radius: 0;
}

/* ────────────────────────────────────────────────────────────────────────────
>> CODEBLOCKS
──────────────────────────────────────────────────────────────────────────── */
.latex :is(.theme-light :not(pre) > code[class*=language-], .theme-light pre[class*=language-]) {
  background-color: transparent;
  border-top: 0.1rem solid black;
  border-bottom: 0.1rem solid black;
  border-radius: 0;
}

/* ────────────────────────────────────────────────────────────────────────────
>> HEADERS
──────────────────────────────────────────────────────────────────────────── */
.latex .cm-s-obsidian .cm-header,
.latex :is(h1, h2, h3, h4, h5, h6),
.latex :is(.HyperMD-header-1.cm-line,
.HyperMD-header-2.cm-line,
.HyperMD-header-3.cm-line,
.HyperMD-header-4.cm-line,
.HyperMD-header-5.cm-line,
.HyperMD-header-6.cm-line),
.latex .cm-header.cm-header {
  color: var(--text-normal);
  background-color: transparent;
}

/* ────────────────────────────────────────────────────────────────────────────
>> FIX FOR BREADCRUMB TRAIL GRID 
──────────────────────────────────────────────────────────────────────────── */
.latex div.BC-trail-grid.BC-trail-grid.BC-trail-grid {
  text-align: initial;
}

.latex .cm-cursor {
  height: 10px;
}

/* ────────────────────────────────────────────────────────────────────────────
>> TABLES (READING MODE) | I HAVE NO PATIENCE FOR A CSSCLASS, !IMPORTANT IT IS
──────────────────────────────────────────────────────────────────────────── */
.latex table {
  border-top: 0.1rem solid black;
  border-bottom: 0.1rem solid black;
}
.latex table, .latex th, .latex td {
  font-size: var(--size-font-preview-table-latex) !important;
  margin-right: auto;
  margin-left: auto;
  border-right: none !important;
  border-left: none !important;
}
.latex th {
  text-align: center;
  background-color: transparent !important;
}

.theme-light, .theme-dark {
  --size-font-preview-table-latex: 1em;
  --size-font-editor-table-latex: 0.8em;
}

/* ────────────────────────────────────────────────────────────────────────────
>> TABLES (LIVE PREVIEW) | RESET ".table-lp-magic" for latex cssclass 
──────────────────────────────────────────────────────────────────────────── */
.latex.latex.latex .HyperMD-table-row span.cm-hmd-table-sep {
  color: var(--text-faint);
}

/* blends the "|" into the background of the other columns (? columns? rows?) */
/* why you no work?? */
/* note to self, cannot put .latex in front of .cm-s-obsidian */
.latex.latex {
  /* makes borders, a la in Preview */
  /* makes first line a certain color */
  /* makes sure the "|" in the first line is the same color */
  /* disappears the divider row */
}
.latex.latex .HyperMD-table-2.HyperMD-table-row {
  padding: initial;
  border: initial;
}
.latex.latex .HyperMD-table-2.HyperMD-table-row.HyperMD-table-row-0.cm-line {
  font-weight: initial;
  background-color: initial;
}
.latex.latex .HyperMD-table-2.HyperMD-table-row.HyperMD-table-row-0.cm-line > .cm-hmd-table-sep {
  color: initial;
}
.latex.latex .HyperMD-table-2.HyperMD-table-row.HyperMD-table-row-1.cm-line {
  display: initial;
}
.latex.latex .HyperMD-table-row {
  font-size: var(--size-font-editor-table-latex);
}




/* ────────────────────────────────────────────────────────────────────────────────
> EY13
\ HTML
\ Aside
──────────────────────────────────────────────────────────────────────────────── */
div.cm-html-embed.cm-embed-block > aside {
  color: var(--text-normal);
}

aside {
  max-width: 25%;
  min-width: 125px;

  background-color: var(--background-primary-alt);
  box-shadow: none;

  padding: 0.5rem;
  margin-left: 0.5rem;

  border-left: 2px solid var(--interactive-accent);
  /* text-align: justify; */
  word-break: break-word;
  float: right;
}



/* development */
/* ────────────────────────────────────────────────────────────────────────────
>> SOURCE MODE
──────────────────────────────────────────────────────────────────────────── */
.theme-light, .theme-dark {
  --indent-indentation-guide: calc(var(--font-text-size) * var(--indent-degree));
  --indent-indentation-guide-minus: calc(var(--font-text-size) * calc(var(--indent-degree) - 1));
  --indent-indentation-guide-plus: calc(var(--font-text-size) * calc(var(--indent-degree) + 1));
  --indent-degree: 3;
  /* add style settings */
  /* this is just 1em right? */
}

body:is(.indentation-guide-experimental) {

}
body:is(.indentation-guide-experimental) .HyperMD-list-line {
  white-space: nowrap;
}
body:is(.indentation-guide-experimental) .HyperMD-list-line > * {
  display: contents;
  white-space: pre-wrap;
  vertical-align: top;
}
body:is(.indentation-guide-experimental) .markdown-source-view.mod-cm6 {
  /* collapse indicators */
}
body:is(.indentation-guide-experimental) .markdown-source-view.mod-cm6 .HyperMD-list-line .cm-fold-indicator .collapse-indicator {
  padding-right: calc(0.5 * var(--indent-indentation-guide-minus));
  /* don't ask me why +1px */
  /* deviation from the 0.875rem for normal lol */
}
body:is(.indentation-guide-experimental) .markdown-source-view.mod-cm6 .HyperMD-list-line .cm-fold-indicator .collapse-indicator svg.right-triangle {
  height: 0.875em;
  width: 0.875em;
  vertical-align: middle;
}
body:not(.remove-collapse-header-sanctum) body:is(.indentation-guide-experimental) .markdown-source-view.mod-cm6 .HyperMD-list-line .cm-fold-indicator .collapse-indicator > svg.right-triangle {
  /* position: absolute; */
  /* left: calc(0.5 * 0.875rem); */
  /* size of the sanctum one */
}
body:is(.indentation-guide-experimental) .markdown-source-view.mod-cm6 .HyperMD-list-line-1 .cm-fold-indicator .collapse-indicator {
  position: absolute;
  right: calc(-0.5 * var(--indent-indentation-guide-minus));
  padding-right: 0;
  /* remove above offset so it can close properly FOR FIRST/PRIMATE LIST ITEMS */
}
body:is(.indentation-guide-experimental) .markdown-source-view.mod-cm6 .cm-hmd-list-indent {
  white-space: nowrap;
  /* no wrap so the lines in source view looks okay*/
}
body:is(.indentation-guide-experimental) .markdown-source-view.mod-cm6 .list-bullet:after {
  left: 0;
  /* ensures centering */
}
body:is(.indentation-guide-experimental) .markdown-source-view.mod-cm6 .cm-indent::before {
  width: calc(0.5 * var(--indent-indentation-guide));
  /* fine after the additional space */
  z-index: -1;
  /* ensures the indentation lines won't cut through stuff */
}
body:is(.indentation-guide-experimental) .markdown-source-view.mod-cm6 span.cm-indent {
  width: calc(1 * var(--indent-indentation-guide));
}
body:is(.indentation-guide-experimental) span.cm-formatting-list {
  text-align: center;
  /* centers everything */
  /* wtf why does this work? */
}
body:is(.indentation-guide-experimental) span.cm-formatting-list::before {
  content: " ";
  /* needed for centered lines */
  padding-left: calc(0.5 * var(--indent-indentation-guide-minus));
  /* force padding-left changes? */
}
body:is(.indentation-guide-experimental) span:is(.cm-formatting-list-ol, .cm-formatting-list-ul) {
  width: var(--indent-indentation-guide);
  /* ensures that we get uniform box sizes */
}
body:is(.indentation-guide-experimental) .cm-s-obsidian .HyperMD-list-line {
  padding-top: 0px;
  /* makes it the same as Reading mode */
}
body:is(.indentation-guide-experimental) ul, body:is(.indentation-guide-experimental) ol {
  padding-inline-start: calc(1 * var(--indent-indentation-guide));
  /* list-style-position: inside; */
  /* reduction of 0.25, as per source mode */
}
.markdown-preview-view body:is(.indentation-guide-experimental) ul .list-collapse-indicator, .markdown-preview-view body:is(.indentation-guide-experimental) ol .list-collapse-indicator {
  padding: 0;
  /* deviation from the 0.875rem for normal lol */
}
.markdown-preview-view body:is(.indentation-guide-experimental) ul .list-collapse-indicator svg.right-triangle, .markdown-preview-view body:is(.indentation-guide-experimental) ol .list-collapse-indicator svg.right-triangle {
  height: 0.875em;
  width: 0.875em;
  vertical-align: middle;
}
.markdown-preview-view body:is(.indentation-guide-experimental) ul .list-collapse-indicator, .markdown-preview-view body:is(.indentation-guide-experimental) ol .list-collapse-indicator {
  /* margin-left: calc(((-2) * var(--indent-indentation-guide)) + var(--indent-indentation-guide) / 15); */
  /* 1px for 0-15px, 2px for 15-30px */
  /* margin-left: calc(((-1) * var(--indent-indentation-guide)) - 1em); */
  position: absolute;
  left: calc(-1 * var(--indent-indentation-guide-plus));
}
.markdown-preview-view body:is(.indentation-guide-experimental) ul li[data-line="0"] > .list-collapse-indicator, .markdown-preview-view body:is(.indentation-guide-experimental) ol li[data-line="0"] > .list-collapse-indicator {
  margin-left: calc(-1.75 * var(--indent-indentation-guide));
}
body:is(.indentation-guide-experimental) ul > li, body:is(.indentation-guide-experimental) ol > li {
  position: relative;
  /* text-indent: -5px; */
  text-indent: calc(0.5 * var(--indent-indentation-guide));
  /* I initially thought 4 cuz of how Obs work, but wtf does 5 work?? */
}
body:is(.indentation-guide-experimental) .markdown-rendered.show-indentation-guide li > :is(ul, ol)::before {
  left: calc(-0.5 * var(--indent-indentation-guide));
  /* 4px cuz of the way things are rendered in Source mode? diff between text-indent and padding-left */
}
body:is(.indentation-guide-experimental) div.el-ul > ul:first-of-type {
  padding-inline-start: calc(0.5 * var(--indent-indentation-guide));
}
body:is(.indentation-guide-experimental) div.el-ol > ol:first-of-type {
  padding-inline-start: calc(0.5 * var(--indent-indentation-guide));
}
body:is(.indentation-guide-experimental) div:is(.el-ul, .el-ol) {
  padding-left: 4px;
  /* 4px is the div-span gap in editing mode, ensures it aligns with editor */
}
body:is(.indentation-guide-experimental) div:is(.el-ul, .el-ol)::before {
  /* content: " "; */
  /* parallel to Source/LP? */
}

/* ────────────────────────────────────────────────────────────────────────────────
> YA
\ Publish > Core

──────────────────────────────────────────────────────────────────────────────── */

/* CHANGE HORIZONTAL LINE SETTINGS "***" */

.markdown-preview-view hr {
	border: none;
	border-top: 5px solid;
}

:is(.theme-dark) hr {
	border-color: hsla(203 88.6% 60.2% / 0.47);
	/*BRIGHT BLUE SEMI TRANSPARENT */
}

:is(.theme-light) hr {
	border-color: hsla(0 95% 43.7% / 0.47);
	/*BLOOD RED SEMI TRANSPARENT */
}





h1:not(.yeOlde.markdown-rendered h1),
.HyperMD-header-1
.cm-header-1 {
	color: var(--h1-color) !important;
	font-size: var(--h1-size);
	letter-spacing: -0.01em;
	border-bottom: 2px solid var(--text-accent);
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin: 0.6em 0;
	padding: 0.25rem 0.5rem 0.25rem 2rem;
}

/* 
CHANGED - EACH HEADING HAS ITS OWN MARGIN AND PADDING PROPERTIES

REMOVED FROM THE .IS(.THEME_LIGHT ETC) SETTING BELOW.
*/

.markdown-rendered h2 {
  font-size: 1.6em !important;
  color: var(--col-h2);
  background-color: var(--col-h2-bg);
  margin: 0.5rem 0 !important;
  padding: 0.25rem 0.5rem 0.25rem 2rem;
}
.markdown-rendered h3 {
  font-size: 1.45em !important;
  color: var(--col-h3);
  background-color: var(--col-h3-bg);
  margin: 0.25rem 0 !important;
  padding: 0.25rem 0.5rem 0.25rem 2rem;
}
.markdown-rendered h4 {
  font-size: 1.3em !important;
  color: var(--col-h4);
  background-color: var(--col-h4-bg);
  margin: 0.25rem 0 !important;
  padding: 0.25rem 0.5rem 0.25rem 2rem;
}
.markdown-rendered h5 {
  font-size: 1.15em !important;
  color: var(--col-h5);
  background-color: var(--col-h5-bg);
  margin: 0.25rem 0 !important;
  padding: 0.25rem 0.5rem 0.25rem 2rem;
}
.markdown-rendered h6 {
  font-size: 1.05em !important;
  color: var(--col-h6);
  background-color: var(--col-h6-bg);
  margin: 0.25rem 0 !important;
  padding: 0.25rem 0.5rem 0.25rem 2rem;
}



:is(h1, h2, h3, h4, h5, h6) {
  font-family: "Manrope" !important;
  font-weight: 700;
  font-style: normal;
  line-height: 125%;
  letter-spacing: -0.015rem;
}

div.site-footer {
  display: none;
  /* remove powered by Obsidian Publish text */
}

input.search-bar {
  border-radius: 50px;
  /* makes it curved */
}

/* move site name from left to the centre */
.published-container.has-navigation .site-header {
  display: flex !important;
}

.site-body-left-column-site-name {
  display: none;
}

div.outline-view-outer {
  margin-top: 10px;
  /* squeezes the margin */
}


/* RETURNHERE */
/* let it load first? */

body {
  opacity: 0;
  animation: cssAnimation 2.75s;
  animation-fill-mode: forwards;
}

@keyframes cssAnimation {
  50% {
	opacity: 0;
  }
  75% {
	opacity: 0.75;
  }
  99% {
	opacity: 0.99;
  }
  100% {
	opacity: 1;
  }
}
@-webkit-keyframes cssAnimation {
  50% {
	opacity: 0;
  }
  75% {
	opacity: 0.75;
  }
  99% {
	opacity: 0.99;
  }
  100% {
	opacity: 1;
  }
}




/* top border */
body.theme-light {
  border-top: 4px solid;
  border-image-source: linear-gradient(90deg, #e00303, #fd5c5c 50%, #fec6c6);
  border-image-slice: 1;
}

body.theme-dark {
  border-top: 4px solid;
  border-image-source: linear-gradient(90deg, #b7e1fb, #40aef3 50%, #0c82cc);
  border-image-slice: 1;
}

div.site-header {
  background-color: #transparent;
  padding: 10px;
  margin-top: 0;
  border-bottom: none;
}

/* ADDED - LIGHT AND DARK MODE */
/* Site Header make it nice */
.theme-light .site-header-text {
  font-weight: 700;
  color: #b60007; /* ROSE RED */
}

.theme-dark .site-header-text {
  font-weight: 700;
  color: #0093ef; /* ROSE BLUE */
}

.site-header-text::after {
  color: #b60007; /* ROSE RED */
  /* FEATURE NOT NEEDED */
}

/* remove paddings */
.site-body-left-column, .site-body-right-column {
  padding-top: 0;
}

/* CHANGES FONT SIZE ON PUBLISH */
.markdown-rendered {
  font-size: 16px;
}

/* REMOVES UNDERLINE FROM INTERNAL SITE LINKS */

body
.internal-link.internal-link {
	text-decoration-line: none !important;
}

.theme-light .markdown-rendered .internal-link.is-unresolved {
  opacity: 0.4 !important;

}

.yeOlde.markdown-preview-view .internal-link,
.yeOlde.markdown-source-view.mod-cm6 .cm-hmd-internal-link,
.yeOlde.markdown-source-view.mod-cm6 .cm-hmd-internal-link .cm-underline {
	text-decoration: none !important;
	color: var(--text-accent); /* CHANGES LINK BASE COLOR */
}

body
.internal-link.internal-link:hover {
	color: var(--text-accent-hover);
}


body:not(.yeOlde.morris-links-plain) .yeOlde.markdown-source-view.mod-cm6 .cm-hmd-internal-link,
body:not(.yeOlde.morris-links-plain) .yeOlde.markdown-preview-view .internal-link {
	font-variant: small-caps;
}

/* ────────────────────────────────────────────────────────────────────────────────
> YF
\ Publish > Fonts
──────────────────────────────────────────────────────────────────────────────── */
/* fonts */
/* latin-ext */
@font-face {
  font-family: "DM Mono";
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmmono/v8/aFTT7PB1QTsUX8KYth-orYadYY35Zlk.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "DM Mono";
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmmono/v8/aFTT7PB1QTsUX8KYth-orYadb435.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "DM Mono";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmmono/v8/aFTW7PB1QTsUX8KYth-gCKSIUKw.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "DM Mono";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmmono/v8/aFTW7PB1QTsUX8KYth-gBqSI.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "DM Mono";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmmono/v8/aFTT7PB1QTsUX8KYth-o9YedYY35Zlk.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "DM Mono";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmmono/v8/aFTT7PB1QTsUX8KYth-o9Yedb435.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "DM Mono";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmmono/v8/aFTR7PB1QTsUX8KYvrGyEY2tbZX9.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "DM Mono";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmmono/v8/aFTR7PB1QTsUX8KYvrGyEYOtbQ.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "DM Mono";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmmono/v8/aFTU7PB1QTsUX8KYthSQBLyM.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "DM Mono";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmmono/v8/aFTU7PB1QTsUX8KYthqQBA.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "DM Mono";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmmono/v8/aFTR7PB1QTsUX8KYvumzEY2tbZX9.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "DM Mono";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmmono/v8/aFTR7PB1QTsUX8KYvumzEYOtbQ.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v10/rP2Fp2ywxg089UriCZa4ET-DNl0.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v10/rP2Fp2ywxg089UriCZa4Hz-D.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "DM Sans";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v10/rP2Ap2ywxg089UriCZaw7ByWB3wTyCg.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "DM Sans";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v10/rP2Ap2ywxg089UriCZaw7ByWCXwT.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "DM Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v10/rP2Ap2ywxg089UriCZawpBqWB3wTyCg.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "DM Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v10/rP2Ap2ywxg089UriCZawpBqWCXwT.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v10/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v10/rP2Hp2ywxg089UriCZOIHQ.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "DM Sans";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v10/rP2Cp2ywxg089UriAWCrCBamC2QX.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "DM Sans";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v10/rP2Cp2ywxg089UriAWCrCBimCw.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "DM Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v10/rP2Cp2ywxg089UriASitCBamC2QX.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "DM Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v10/rP2Cp2ywxg089UriASitCBimCw.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Manrope";
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59FN_P-bnBeA.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Manrope";
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59FN_G-bnBeA.woff2) format("woff2");

  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: "Manrope";
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59FN_B-bnBeA.woff2) format("woff2");

  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Manrope";
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59FN_N-bnBeA.woff2) format("woff2");

  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Manrope";
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59FN_M-bnBeA.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Manrope";
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59FN_C-bk.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Manrope";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk6jFN_P-bnBeA.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Manrope";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk6jFN_G-bnBeA.woff2) format("woff2");

  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: "Manrope";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk6jFN_B-bnBeA.woff2) format("woff2");

  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Manrope";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk6jFN_N-bnBeA.woff2) format("woff2");

  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Manrope";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk6jFN_M-bnBeA.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Manrope";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk6jFN_C-bk.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Manrope";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_P-bnBeA.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Manrope";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_G-bnBeA.woff2) format("woff2");

  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: "Manrope";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_B-bnBeA.woff2) format("woff2");

  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Manrope";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_N-bnBeA.woff2) format("woff2");

  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Manrope";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_M-bnBeA.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Manrope";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_C-bk.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Manrope";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFN_P-bnBeA.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Manrope";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFN_G-bnBeA.woff2) format("woff2");

  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: "Manrope";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFN_B-bnBeA.woff2) format("woff2");

  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Manrope";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFN_N-bnBeA.woff2) format("woff2");

  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Manrope";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFN_M-bnBeA.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Manrope";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFN_C-bk.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Manrope";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4jE9_P-bnBeA.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Manrope";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4jE9_G-bnBeA.woff2) format("woff2");

  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: "Manrope";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4jE9_B-bnBeA.woff2) format("woff2");

  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Manrope";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4jE9_N-bnBeA.woff2) format("woff2");

  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Manrope";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4jE9_M-bnBeA.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Manrope";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4jE9_C-bk.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Manrope";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE9_P-bnBeA.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Manrope";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE9_G-bnBeA.woff2) format("woff2");

  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: "Manrope";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE9_B-bnBeA.woff2) format("woff2");

  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Manrope";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE9_N-bnBeA.woff2) format("woff2");

  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Manrope";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE9_M-bnBeA.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Manrope";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE9_C-bk.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Manrope";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E9_P-bnBeA.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Manrope";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E9_G-bnBeA.woff2) format("woff2");

  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: "Manrope";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E9_B-bnBeA.woff2) format("woff2");

  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Manrope";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E9_N-bnBeA.woff2) format("woff2");

  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Manrope";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E9_M-bnBeA.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Manrope";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v11/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E9_C-bk.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* IMPORTANT - RETURNHERE */

body {
  --font-interface-override: "Manrope" !important;
  --font-monospace-override: "DM Mono" !important;
  --font-text-override: "DM Sans" !important;
  --font-default: "DM Sans" !important;
}











/*
 * Kelmscott Theme CSS Snippet
 *
 * "Have nothing in your houses that you do not know to be useful, or believe to be beautiful."
 *
 * !WARNING! This snippet requires EB Garamond font to be installed on your system. 
 * Download it for free from Google Fonts: https://fonts.google.com/specimen/EB+Garamond
 * Alternatively for free from GitHub: https://github.com/georgd/EB-Garamond
 */
 
 /* yeOlde RETURNHERE */

.yeOlde {
	/* -- Typography -- */
	--font-text: 'EB Garamond', serif;
	--font-interface: 'EB Garamond', serif;
	--font-monospace: 'Menlo', 'Consolas', 'Roboto Mono', monospace;

	/* -- Natural Dyes Palette -- */
	--morris-red: #A33333;
	--morris-green: #4A7A4A;
	--morris-blue: #4A6A8A;
	--morris-purple: #7A4A7A;
	--morris-orange: #B35900;
	--morris-yellow: #B39900;

	--morris-red-hover: #C44343;

	--morris-dark-accent: #E57373;
	--morris-dark-accent-hover: #FF8A8A;

	/* -- Sizes & Weights -- */
	--h1-size: 2.2em;
	--h2-size: 1.75em;
	--h3-size: 1.4em;
	--h4-size: 1.25em;
	--h5-size: 1.15em;
	--h6-size: 1.1em;
	--header-weight: 500;
}

/* -- Typography Adjustments -- */
.yeOlde {
	font-variant-ligatures: common-ligatures;
	line-height: 1.6;
}

/* Justified Text - .body*/
.yeOlde.morris-justify .markdown-preview-view p,
.yeOlde.morris-justify .cm-line {
	text-align: justify;
	text-justify: inter-word;
}


/* Specific Header Colors & Sizes */
h1,
.yeOlde.markdown-preview-view h1,
.yeOlde .cm-header-1 {
	color: var(--h1-color) !important;
	font-size: var(--h1-size);
	letter-spacing: -0.01em;
	border-bottom: 2px solid var(--text-accent);
	padding-bottom: 0.2em;
	margin-top: 2em;
	font-variant: small-caps;
}

h2,
.yeOlde.markdown-preview-view h2,
.yeOlde .cm-header-2 {
	color: var(--h2-color) !important;
	font-size: var(--h2-size);
	border-bottom: none;
	font-variant: small-caps;
}

h3,
.yeOlde.markdown-preview-view h3,
.yeOlde .cm-header-3 {
	color: var(--h3-color) !important;
	font-size: var(--h3-size);
	font-weight: 400;
	font-variant: small-caps;	
}

h4,
.yeOlde.markdown-preview-view h4,
.yeOlde .cm-header-4 {
	color: var(--h4-color) !important;
	font-size: var(--h4-size);
	font-variant: small-caps;
}

h5,
.yeOlde.markdown-preview-view h5,
.yeOlde .cm-header-5 {
	color: var(--h5-color) !important;
	font-size: var(--h5-size);
	font-variant: small-caps;
}

h6,
.yeOlde.markdown-preview-view h6,
.yeOlde .cm-header-6 {
	color: var(--h6-color) !important;
	font-size: var(--h6-size);
	font-variant: small-caps;
}

/* -- Colorful Headings Mode - body -- */
.yeOlde.morris-colorful-headers.theme-light {
	--h1-color: #FCF5E5 !important;
	--h2-color: #FCF5E5 !important;
	--h3-color: #FCF5E5 !important;
	--h4-color: #FCF5E5 !important;
	--h5-color: #FCF5E5 !important;
	--h6-color: #FCF5E5 !important;
}

.yeOlde.morris-colorful-headers.theme-dark {
	--h1-color: #E07A7A !important;
	--h2-color: #98BC98 !important;
	--h3-color: #8FB1CC !important;
	--h4-color: #B89CC7 !important;
	--h5-color: #E6B37C !important;
	--h6-color: #E6D690 !important;
}


/* Dividers */
hr {
	border: none;
	border-top: 2px solid var(--hr-color);
	height: 1px;
	margin: 2em 0;
	opacity: 0.3;
	background-image: none;
}

/* Tables */
table {
	border-collapse: collapse;
	margin: 1.5em 0;
	width: 100%;
	border-top: 2px solid var(--text-normal);
	border-bottom: 2px solid var(--text-normal);
	font-size: 0.95em;
}

th {
	font-family: var(--font-text);
	font-weight: 600;
	font-variant: small-caps;
	letter-spacing: 0.05em;
	padding: 12px 10px;
	border-bottom: 1px solid var(--text-muted);
	background-color: var(--background-secondary);
	color: var(--text-normal);
}

td {
	padding: 8px 10px;
	border-bottom: 1px solid var(--background-secondary-alt);
}

tr:nth-child(even) {
	background-color: var(--background-secondary-alt);
}

/* -- Code Blocks -- */
.yeOlde.markdown-source-view.mod-cm6 .cm-scroller pre.cm-content,
.yeOlde.markdown-preview-view pre {
	background-color: var(--background-secondary) !important;
	border: 1px solid var(--background-modifier-border) !important;
	border-radius: 4px;
}

/* Syntax Highlighting */
.yeOlde.token.comment,
.yeOlde.cm-comment {
	color: var(--text-muted);
	font-style: italic;
}

.yeOlde.token.keyword,
.yeOlde.cm-keyword {
	color: var(--morris-red);
	font-weight: bold;
}

.token.string,
.yeOlde.cm-string {
	color: var(--morris-green);
}

.yeOlde.token.number,
.yeOlde.cm-number {
	color: var(--morris-orange);
}

.yeOlde.token.function,
.yeOlde.cm-def {
	color: var(--morris-blue);
	font-weight: bold;
}