@charset "UTF-8";
body {
  /** Variables controlling many core aspects of Obsidian's appearance.
   * At present (5/15/23), some of these may be overwritten inside other
   * selectors.
   * If a change you make here is not reflected in the theme,
   * cmd/ctrl+f to see if the variable is being defined elsewhere.
   * -- Original theme author's notes:
  * List of variables is placed in body rather than :root so
  * that we can	combine all property types including colors
  * and sort alphabetically to maximize readability in
  * the compiled app.css file.
  */
  /* Animations */
  --anim-duration-none: 0;
  --anim-duration-superfast: 70ms;
  --anim-duration-fast: 140ms;
  --anim-duration-moderate: 300ms;
  --anim-duration-slow: 560ms;
  --anim-motion-smooth: cubic-bezier(0.45, 0.05, 0.55, 0.95);
  --anim-motion-delay: cubic-bezier(0.65, 0.05, 0.36, 1);
  --anim-motion-jumpy: cubic-bezier(0.68, -0.55, 0.27, 1.55);
  --anim-motion-swing: cubic-bezier(0, 0.55, 0.45, 1);
  /* Blockquotes */
  --blockquote-border-thickness: 2px;
  --blockquote-border-color: rgb(var(--ctp-accent));
  --blockquote-font-style: normal;
  --blockquote-color: inherit;
  --blockquote-background-color: transparent;
  /* Bold */
  --bold-weight: var(--font-semibold);
  --bold-color: inherit;
  /* Borders */
  --border-width: 1px;
  /* Buttons */
  --button-radius: var(--input-radius);
  /* Callouts */
  --callout-border-width: 0.25px;
  --callout-border-opacity: 0.2;
  --callout-padding:
    var(--size-4-3) var(--size-4-3)
    var(--size-4-3) var(--size-4-6);
  --callout-radius: var(--radius-s);
  --callout-blend-mode: var(--highlight-mix-blend-mode);
  --callout-title-padding: 0;
  --callout-title-size: inherit;
  --callout-content-padding: 0;
  --callout-content-background: transparent;
  --callout-bug: var(--color-red-rgb);
  --callout-default: var(--color-blue-rgb);
  --callout-error: var(--color-red-rgb);
  --callout-example: var(--color-purple-rgb);
  --callout-fail: var(--color-red-rgb);
  --callout-important: var(--color-cyan-rgb);
  --callout-info: var(--color-blue-rgb);
  --callout-question: var(--color-yellow-rgb);
  --callout-success: var(--color-green-rgb);
  --callout-summary: var(--color-cyan-rgb);
  --callout-tip: var(--color-cyan-rgb);
  --callout-todo: var(--color-blue-rgb);
  --callout-warning: var(--color-orange-rgb);
  --callout-quote: 158, 158, 158;
  /* Canvas */
  --canvas-background: var(--background-primary);
  --canvas-card-label-color: var(--text-faint);
  --canvas-color-1: var(--color-red-rgb);
  --canvas-color-2: var(--color-orange-rgb);
  --canvas-color-3: var(--color-yellow-rgb);
  --canvas-color-4: var(--color-green-rgb);
  --canvas-color-5: var(--color-cyan-rgb);
  --canvas-color-6: var(--color-purple-rgb);
  --canvas-dot-pattern: var(--color-base-30);
  /* Checkboxes */
  --checkbox-radius: var(--radius-s);
  --checkbox-size: 15px;
  --checkbox-marker-color: var(--background-primary);
  --checkbox-color: var(--interactive-accent);
  --checkbox-color-hover: var(--interactive-accent-hover);
  --checkbox-border-color: var(--text-faint);
  --checkbox-border-color-hover: var(--text-muted);
  --checklist-done-decoration: line-through;
  --checklist-done-color: rgb(var(--ctp-accent));
  /* Code */
  --code-white-space: pre-wrap;
  --code-size: var(--font-smaller);
  --code-background: var(--background-primary-alt);
  --code-normal: var(--text-muted);
  --code-comment: var(--text-faint);
  --code-function: var(--color-yellow);
  --code-important: var(--color-orange);
  --code-keyword: var(--color-pink);
  --code-property: var(--color-cyan);
  --code-punctuation: var(--text-muted);
  --code-string: var(--color-green);
  --code-tag: var(--color-red);
  --code-value: var(--color-purple);
  /* Collapse icons */
  --collapse-icon-color: var(--text-faint);
  --collapse-icon-color-collapsed: var(--text-muted);
  /* Cursor */
  --cursor: default;
  --cursor-link: pointer;
  /* Dialogs - e.g. small modals, confirmations */
  --dialog-width: 560px;
  --dialog-max-width: 80vw;
  --dialog-max-height: 85vh;
  /* Dividers â€” between panes */
  --divider-color: var(--background-modifier-border);
  --divider-color-hover: var(--interactive-accent);
  --divider-width: 1px;
  --divider-width-hover: 2px;
  --divider-vertical-height: calc(100% - var(--header-height));
  /* Dragging */
  --drag-ghost-background: rgb(0, 0, 0, 85%);
  --drag-ghost-text-color: var(--text-normal);
  /* Embeds */
  --embed-max-height: 4000px;
  --embed-canvas-max-height: 400px;
  --embed-background: inherit;
  --embed-border-left: 2px solid var(--interactive-accent);
  --embed-border-right: none;
  --embed-border-top: none;
  --embed-border-bottom: none;
  --embed-padding: 0 0 0 var(--size-4-6);
  --embed-font-style: inherit;
  /* Blocks */
  --embed-block-shadow-hover:
    0 0 0 1px
    var(--background-modifier-border),
    inset 0 0 0 1px var(--background-modifier-border);
  /* File layout */
  --file-line-width: 65ch;
  --file-folding-offset: 24px;
  --file-margins: var(--size-4-8);
  --file-header-font-size: var(--font-ui-small);
  --file-header-font-weight: 400;
  --file-header-border: var(--border-width) solid transparent;
  --file-header-justify: center;
  /* Relative font sizes */
  --font-smallest: 0.8em;
  --font-smaller: 0.875em;
  --font-small: 0.933em;
  /* UI font sizes */
  --font-ui-smaller: 12px;
  --font-ui-small: 13px;
  --font-ui-medium: 16px;
  --font-ui-large: 20px;
  /* Font weights */
  --font-thin: 100;
  --font-extralight: 200;
  --font-light: 300;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-extrabold: 800;
  --font-black: 900;
  /* Footnotes */
  --footnote-size: var(--font-smaller);
  /* Graphs */
  --graph-controls-width: 240px;
  --graph-text: var(--text-normal);
  --graph-line:
    var(
      --color-base-35,
      var(--background-modifier-border-focus)
    );
  --graph-node: var(--text-muted);
  --graph-node-unresolved: var(--text-faint);
  --graph-node-focused: var(--text-accent);
  --graph-node-tag: var(--color-green);
  --graph-node-attachment: var(--color-yellow);
  /* Headings */
  --heading-formatting: var(--text-faint);
  --h1-color: inherit;
  --h2-color: inherit;
  --h3-color: inherit;
  --h4-color: inherit;
  --h5-color: inherit;
  --h6-color: inherit;
  --h1-font: inherit;
  --h2-font: inherit;
  --h3-font: inherit;
  --h4-font: inherit;
  --h5-font: inherit;
  --h6-font: inherit;
  --h1-line-height: 1.5;
  --h2-line-height: 1.5;
  --h3-line-height: 1.5;
  --h4-line-height: 1.5;
  --h5-line-height: var(--line-height-normal);
  --h6-line-height: var(--line-height-normal);
  --h1-size: 2em;
  --h2-size: 1.6em;
  --h3-size: 1.37em;
  --h4-size: 1.25em;
  --h5-size: 1.12em;
  --h6-size: 1.12em;
  --h1-style: normal;
  --h2-style: normal;
  --h3-style: normal;
  --h4-style: normal;
  --h5-style: normal;
  --h6-style: normal;
  --h1-variant: normal;
  --h2-variant: normal;
  --h3-variant: normal;
  --h4-variant: normal;
  --h5-variant: normal;
  --h6-variant: normal;
  --h1-weight: 700;
  --h2-weight: 600;
  --h3-weight: 600;
  --h4-weight: 600;
  --h5-weight: 600;
  --h6-weight: 600;
  /* View header */
  --header-height: 40px;
  /* Horizontal rules */
  --hr-color: var(--background-modifier-border);
  --hr-thickness: 2px;
  /* Icons */
  --icon-size: var(--icon-m);
  --icon-stroke: var(--icon-m-stroke-width);
  --icon-xs: 14px;
  --icon-s: 16px;
  --icon-m: 18px;
  --icon-l: 18px;
  --icon-xl: 32px;
  --icon-xs-stroke-width: 2px;
  --icon-s-stroke-width: 2px;
  --icon-m-stroke-width: 1.75px;
  --icon-l-stroke-width: 1.75px;
  --icon-xl-stroke-width: 1.25px;
  --icon-color: var(--text-muted);
  --icon-color-hover: var(--text-on-accent);
  --icon-color-active: var(--text-accent);
  --icon-color-focused: var(--text-normal);
  --icon-opacity: 1;
  --icon-opacity-hover: 1;
  --icon-opacity-active: 1;
  --clickable-icon-radius: var(--radius-s);
  /* Indentation guide */
  --indentation-guide-color: rgba(var(--ctp-surface1));
  --indentation-guide-color-active: rgb(var(--ctp-accent), 70%);
  --indentation-guide-width: 2px;
  /* Inline title */
  --inline-title-color: var(--h1-color);
  --inline-title-font: var(--h1-font);
  --inline-title-line-height: var(--h1-line-height);
  --inline-title-size: var(--h1-size);
  --inline-title-style: var(--h1-style);
  --inline-title-variant: var(--h1-variant);
  --inline-title-weight: var(--h1-weight);
  --inline-title-margin-bottom: 0.5em;
  /* Inputs */
  --input-height: 30px;
  --input-radius: 5px;
  --input-font-weight: var(--font-normal);
  --input-border-width: 1px;
  /* Italic */
  --italic-color: inherit;
  --italic-weight: inherit;
  /* Z-index */
  --layer-cover: 5;
  --layer-sidedock: 10;
  --layer-status-bar: 15;
  --layer-popover: 30;
  --layer-slides: 45;
  --layer-modal: 50;
  --layer-notice: 60;
  --layer-menu: 65;
  --layer-tooltip: 70;
  --layer-dragged-item: 80;
  /* Line heights */
  --line-height-normal: 1.5;
  --line-height-tight: 1.25;
  /* Links */
  --link-color: rgb(var(--ctp-blue));
  --link-color-hover: rgb(var(--ctp-blue));
  --link-decoration: none;
  --link-decoration-hover: underline;
  --link-decoration-thickness: 2px;
  --link-external-color: rgb(var(--ctp-teal));
  --link-external-color-hover: rgb(var(--ctp-teal));
  --link-external-decoration: none;
  --link-external-decoration-hover: underline;
  --link-external-filter: none;
  --link-unresolved-color: rgb(var(--ctp-maroon));
  --link-unresolved-opacity: 1;
  --link-unresolved-filter: none;
  --link-unresolved-decoration-style: solid;
  --link-unresolved-decoration-color: rgb(var(--ctp-red));
  /* Lists */
  --list-indent: 2em;
  --list-spacing: 0.1em;
  --list-marker-color: rgb(var(--ctp-accent));
  --list-marker-color-hover: var(--text-muted);
  --list-marker-color-collapsed: var(--text-accent);
  --list-bullet-border: none;
  --list-bullet-radius: 50%;
  --list-bullet-size: 0.3em;
  --list-bullet-transform: none;
  --list-numbered-style: decimal;
  /* File navigator */
  --nav-item-size: var(--font-ui-small);
  --nav-item-color: var(--text-muted);
  --nav-item-color-hover: var(--text-on-accent);
  --nav-item-color-active: var(--text-on-accent);
  --nav-item-color-selected: var(--text-on-accent);
  --nav-item-color-highlighted: var(--text-accent-hover);
  --nav-item-background-hover: var(--background-modifier-hover);
  --nav-item-background-active: var(--background-modifier-hover);
  --nav-item-background-selected: hsl(var(--color-accent-hsl), 20%);
  --nav-item-padding: var(--size-4-1) var(--size-4-2) var(--size-4-1) var(--size-4-6);
  --nav-item-parent-padding: var(--nav-item-padding);
  --nav-item-children-padding-left: var(--size-2-2);
  --nav-item-children-margin-left: var(--size-4-3);
  --nav-item-weight: inherit;
  --nav-item-weight-hover: inherit;
  --nav-item-weight-active: inherit;
  --nav-item-white-space: nowrap;
  --nav-indentation-guide-width: var(--indentation-guide-width);
  --nav-indentation-guide-color: var(--indentation-guide-color);
  --nav-collapse-icon-color: var(--collapse-icon-color);
  --nav-collapse-icon-color-collapsed: var(--text-faint);
  /* Modals - e.g. settings, community themes, community plugins */
  --modal-background: var(--background-primary);
  --modal-width: 90vw;
  --modal-height: 85vh;
  --modal-max-width: 1100px;
  --modal-max-height: 1000px;
  --modal-max-width-narrow: 800px;
  --modal-border-width: var(--border-width);
  --modal-border-color:
    var(
      --color-base-40,
      var(--background-modifier-border-focus)
    );
  --modal-radius: var(--radius-l);
  --modal-community-sidebar-width: 280px;
  /* PDF view */
  --pdf-background: var(--background-primary);
  --pdf-shadow: 0 0 0 1px rgba(0, 0, 0, 5%), 0 2px 8px rgba(0, 0, 0, 10%);
  --pdf-spread-shadow: 0 0 0 1px rgba(0, 0, 0, 5%);
  --pdf-sidebar-background: var(--background-primary);
  --pdf-thumbnail-shadow: 0 0 0 1px rgba(0, 0, 0, 15%), 0 2px 8px rgba(0, 0, 0, 20%);
  /* Popovers - file previews */
  --popover-width: 450px;
  --popover-height: 400px;
  --popover-max-height: 70vh;
  --popover-pdf-width: 600px;
  --popover-pdf-height: 800px;
  --popover-font-size: var(--font-text-size);
  /* Prompts - e.g. quick switcher, command palette */
  --prompt-width: 700px;
  --prompt-max-width: 80vw;
  --prompt-max-height: 70vh;
  --prompt-border-width: var(--border-width);
  --prompt-border-color:
    var(
      --color-base-40,
      var(--background-modifier-border-focus)
    );
  /* Radiuses */
  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 10px;
  --radius-xl: 16px;
  /* Ribbon */
  --ribbon-background: var(--background-secondary);
  --ribbon-background-collapsed: var(--background-primary);
  --ribbon-width: 44px;
  --ribbon-padding:
    var(--size-4-2) var(--size-4-1)
    var(--size-4-3);
  /* Scrollbars */
  --scrollbar-active-thumb-bg: rgb(var(--mono-rgb-100), 20%);
  --scrollbar-bg: rgb(var(--mono-rgb-100), 5%);
  --scrollbar-thumb-bg: rgb(var(--mono-rgb-100), 10%);
  /* Search */
  --search-clear-button-color: var(--text-muted);
  --search-clear-button-size: 13px;
  --search-icon-color: var(--text-muted);
  --search-icon-size: 18px;
  --search-result-background: var(--background-primary);
  /* Layout sizing - for padding and margins */
  --size-2-1: 2px;
  --size-2-2: 4px;
  --size-2-3: 6px;
  --size-4-1: 4px;
  --size-4-2: 8px;
  --size-4-3: 12px;
  --size-4-4: 16px;
  --size-4-5: 20px;
  --size-4-6: 24px;
  --size-4-8: 32px;
  --size-4-9: 36px;
  --size-4-12: 48px;
  --size-4-16: 64px;
  --size-4-18: 72px;
  /* Sidebar */
  --sidebar-markdown-font-size:
    calc(
      var(--font-text-size) * 0.9
    );
  --sidebar-tab-text-display: none;
  /* Sliders */
  --slider-thumb-border-width: 1px;
  --slider-thumb-border-color:
    var(
      --background-modifier-border-hover
    );
  --slider-thumb-height: 18px;
  --slider-thumb-width: 18px;
  --slider-thumb-y: -6px;
  --slider-thumb-radius: 50%;
  --slider-s-thumb-size: 15px;
  --slider-s-thumb-position: -5px;
  --slider-track-background: var(--background-modifier-border);
  --slider-track-height: 3px;
  /* Status bar */
  --status-bar-background: var(--background-secondary);
  --status-bar-border-color: var(--divider-color);
  --status-bar-border-width: 1px 0 0 1px;
  --status-bar-font-size: var(--font-ui-smaller);
  --status-bar-text-color: var(--text-muted);
  --status-bar-position: fixed;
  --status-bar-radius: var(--radius-m) 0 0 0;
  --status-bar-scroll-padding: calc(var(--status-bar-font-size) + 18px);
  /* Swatch for color inputs */
  --swatch-radius: 14px;
  --swatch-height: 24px;
  --swatch-width: 24px;
  --swatch-shadow:
    inset 0 0 0 1px
    rgb(var(--mono-rgb-100), 15%);
  /* Tabs */
  --tab-background-active: var(--background-primary);
  --tab-text-color: var(--text-faint);
  --tab-text-color-active: var(--text-muted);
  --tab-text-color-focused: var(--text-muted);
  --tab-text-color-focused-active: var(--text-normal);
  --tab-text-color-focused-highlighted: var(--text-accent);
  --tab-text-color-focused-active-current: var(--text-normal);
  --tab-font-size: var(--font-ui-small);
  --tab-font-weight: inherit;
  --tab-container-background: var(--background-secondary);
  --tab-divider-color: var(--background-modifier-border-hover);
  --tab-outline-color: var(--divider-color);
  --tab-outline-width: 1px;
  --tab-curve: 6px;
  --tab-radius: var(--radius-s);
  --tab-radius-active: 6px 6px 0 0;
  --tab-width: 200px;
  --tab-max-width: 320px;
  /* Stacked tabs */
  --tab-stacked-pane-width: 700px;
  --tab-stacked-header-width: var(--header-height);
  --tab-stacked-font-size: var(--font-ui-small);
  --tab-stacked-font-weight: 400;
  --tab-stacked-text-align: left;
  --tab-stacked-text-transform: rotate(0deg);
  --tab-stacked-text-writing-mode: vertical-lr;
  --tab-stacked-shadow: -8px 0 8px 0 rgb(0, 0, 0, 5%);
  /* Tables */
  --table-background: transparent;
  --table-border-width: 1px;
  --table-border-color: var(--background-modifier-border);
  --table-white-space: normal;
  --table-header-background: var(--table-background);
  --table-header-background-hover: inherit;
  --table-header-border-width: var(--table-border-width);
  --table-header-border-color: var(--table-border-color);
  --table-header-font: inherit;
  --table-header-size: var(--font-smaller);
  --table-header-weight: var(--font-normal);
  --table-header-color: var(--text-muted);
  --table-text-size: inherit;
  --table-text-color: inherit;
  --table-column-max-width: none;
  --table-column-alt-background: var(--table-background);
  --table-column-first-border-width: var(--table-border-width);
  --table-column-last-border-width: var(--table-border-width);
  --table-row-background-hover: var(--table-background);
  --table-row-alt-background: var(--table-background);
  --table-row-last-border-width: var(--table-border-width);
  /* Tags */
  --tag-size: max(var(--font-ui-medium), var(--font-small));
  --tag-color: rgb(var(--ctp-accent));
  --tag-color-hover: rgb(var(--ctp-accent));
  --tag-decoration: none;
  --tag-decoration-hover: underline;
  --tag-background: transparent;
  --tag-background-hover: 0;
  --tag-border-color: hsl(var(--interactive-accent-hsl), 10%);
  --tag-border-color-hover:
    hsl(
      var(--interactive-accent-hsl),
      15%
    );
  --tag-border-width: 0;
  --tag-padding-x: 0;
  --tag-padding-y: 0;
  --tag-radius: 0.8em;
  /* Window frame */
  --titlebar-background: var(--background-secondary);
  --titlebar-background-focused:
    var(
      --background-secondary-alt
    );
  --titlebar-border-width: 0;
  --titlebar-border-color: var(--background-modifier-border);
  --titlebar-text-color: var(--text-muted);
  --titlebar-text-color-focused: var(--text-normal);
  --titlebar-text-color-highlighted: var(--text-accent-hover);
  --titlebar-text-weight: var(--font-bold);
  /* Toggles */
  --toggle-border-width: 2px;
  --toggle-width: 40px;
  --toggle-radius: 18px;
  --toggle-thumb-color: var(--text-normal);
  --toggle-thumb-radius: 18px;
  --toggle-thumb-height: 18px;
  --toggle-thumb-width: 18px;
  --toggle-s-border-width: 2px;
  --toggle-s-width: 34px;
  --toggle-s-thumb-height: 15px;
  --toggle-s-thumb-width: 15px;
  /* Vault name */
  --vault-name-font-size: var(--font-ui-small);
  --vault-name-font-weight: var(--font-medium);
  --vault-name-color: var(--text-normal);
  /* Workspace */
  --workspace-background-translucent: rgb(var(--mono-rgb-0), 60%);
  /* Color mappings ------------------------ */
  /* Accent HSL values */
  --accent-h: 254;
  --accent-s: 80%;
  --accent-l: 68%;
  /* Backgrounds */
  --background-primary: var(--color-base-00);
  --background-primary-alt: var(--color-base-10);
  --background-secondary: var(--color-base-20);
  --background-modifier-hover: rgb(var(--mono-rgb-100), 7.5%);
  --background-modifier-active-hover: hsl(var(--interactive-accent-hsl), 15%);
  --background-modifier-border: var(--color-base-30);
  --background-modifier-border-hover: var(--color-base-35);
  --background-modifier-border-focus: var(--color-base-40);
  --background-modifier-error-rgb: var(--color-red-rgb);
  --background-modifier-error: var(--color-red);
  --background-modifier-error-hover: var(--color-red);
  --background-modifier-success-rgb: var(--color-green-rgb);
  --background-modifier-success: var(--color-green);
  --background-modifier-message: rgb(0, 0, 0, 90%);
  /* Inputs */
  --background-modifier-form-field: var(--color-base-00);
  /* Text */
  --text-normal: var(--color-base-100);
  --text-muted: var(--color-base-70);
  --text-faint: var(--color-base-50);
  --text-on-accent: var(--text-normal);
  --text-error: var(--color-red);
  --text-success: var(--color-green);
  --text-selection: hsla(var(--color-accent-hsl), 2%);
  --text-accent: var(--color-accent);
  --text-accent-hover: var(--color-accent-2);
  --interactive-normal: var(--color-base-00);
  --interactive-hover: var(--color-base-10);
  --interactive-accent-hsl: var(--color-accent-hsl);
  --interactive-accent: var(--color-accent-1);
  --interactive-accent-hover: var(--color-accent-2);
}

/* @settings
name: Catppuccin Accents
id: catppuccin-theme-settings
settings:
  -
    id: catppuccin-theme-dark
    title: Dark theme flavor
    description: Select your preferred dark mode flavor
    type: class-select
    allowEmpty: false
    default: ctp-mocha
    options:
      -
        label: Frappe
        value: ctp-frappe
      -
        label: Macchiato
        value: ctp-macchiato
      -
        label: Mocha
        value: ctp-mocha
  -
    id: catppuccin-theme-accents
    title: Theme accent
    description: Select your preferred accent
    type: class-select
    allowEmpty: false
    default: ctp-full-palette
    options:
      -
        label: Full palette
        value: ctp-full-palette
      -
        label: Rosewater
        value: ctp-accent-rosewater
      -
        label: Flamingo
        value: ctp-accent-flamingo
      -
        label: Pink
        value: ctp-accent-pink
      -
        label: Mauve
        value: ctp-accent-mauve
      -
        label: Red
        value: ctp-accent-red
      -
        label: Maroon
        value: ctp-accent-maroon
      -
        label: Peach
        value: ctp-accent-peach
      -
        label: Yellow
        value: ctp-accent-yellow
      -
        label: Green
        value: ctp-accent-green
      -
        label: Teal
        value: ctp-accent-teal
      -
        label: Sky
        value: ctp-accent-sky
      -
        label: Sapphire
        value: ctp-accent-sapphire
      -
        label: Blue
        value: ctp-accent-blue
      -
        label: Lavender
        value: ctp-accent-lavender
*/
/* @settings
name: Icon Styles
id: catppuccin-icon-styles
settings:
  -
    id: ctp-icon-hide
    title: Hide icons
    description: Hide icons styled or created by the theme. May solve compatibility issues between the theme and other third party plugins. Currently applies to folder icons in the file sidebar.
    type: class-toggle
*/
/* @settings
name: Interface Styles
id: catppuccin-interface-styles
settings:
  -
    id: ctp-bold-folder-title
    title: Bold folder title
    description: Show folder title in bold
    type: class-toggle
*/
/* @settings
name: Font Styles
id: catppuccin-font-styles
settings:
  -
    id: ctp-bold
    title: Bold font color
    description: Select your bold font color
    type: variable-select
    allowEmpty: false
    default: var(--ctp-sapphire)
    options:
      -
        label: Rosewater
        value: var(--ctp-rosewater)
      -
        label: Flamingo
        value: var(--ctp-flamingo)
      -
        label: Pink
        value: var(--ctp-pink)
      -
        label: Mauve
        value: var(--ctp-mauve)
      -
        label: Red
        value: var(--ctp-red)
      -
        label: Maroon
        value: var(--ctp-maroon)
      -
        label: Peach
        value: var(--ctp-peach)
      -
        label: Yellow
        value: var(--ctp-yellow)
      -
        label: Green
        value: var(--ctp-green)
      -
        label: Teal
        value: var(--ctp-teal)
      -
        label: Sky
        value: var(--ctp-sky)
      -
        label: Sapphire
        value: var(--ctp-sapphire)
      -
        label: Blue
        value: var(--ctp-blue)
      -
        label: Lavender
        value: var(--ctp-lavender)
      -
        label: White
        value: var(--ctp-text)
      -
        label: Gray
        value: var(--ctp-subtext0)
  -
    id: ctp-italic
    title: Italic font color
    description: Select your italic font color
    type: variable-select
    allowEmpty: false
    default: var(--ctp-green)
    options:
      -
        label: Accent
        value: var(--ctp-accent)
      -
        label: Rosewater
        value: var(--ctp-rosewater)
      -
        label: Flamingo
        value: var(--ctp-flamingo)
      -
        label: Pink
        value: var(--ctp-pink)
      -
        label: Mauve
        value: var(--ctp-mauve)
      -
        label: Red
        value: var(--ctp-red)
      -
        label: Maroon
        value: var(--ctp-maroon)
      -
        label: Peach
        value: var(--ctp-peach)
      -
        label: Yellow
        value: var(--ctp-yellow)
      -
        label: Green
        value: var(--ctp-green)
      -
        label: Teal
        value: var(--ctp-teal)
      -
        label: Sky
        value: var(--ctp-sky)
      -
        label: Sapphire
        value: var(--ctp-sapphire)
      -
        label: Blue
        value: var(--ctp-blue)
      -
        label: Lavender
        value: var(--ctp-lavender)
      -
        label: White
        value: var(--ctp-text)
      -
        label: Gray
        value: var(--ctp-subtext0)
  -
    id: ctp-strikethrough
    title: Strikethrough color
    description: Select your strikethrough color
    type: variable-select
    allowEmpty: false
    default: var(--ctp-maroon)
    options:
      -
        label: Accent
        value: var(--ctp-accent)
      -
        label: Rosewater
        value: var(--ctp-rosewater)
      -
        label: Flamingo
        value: var(--ctp-flamingo)
      -
        label: Pink
        value: var(--ctp-pink)
      -
        label: Mauve
        value: var(--ctp-mauve)
      -
        label: Red
        value: var(--ctp-red)
      -
        label: Maroon
        value: var(--ctp-maroon)
      -
        label: Peach
        value: var(--ctp-peach)
      -
        label: Yellow
        value: var(--ctp-yellow)
      -
        label: Green
        value: var(--ctp-green)
      -
        label: Teal
        value: var(--ctp-teal)
      -
        label: Sky
        value: var(--ctp-sky)
      -
        label: Sapphire
        value: var(--ctp-sapphire)
      -
        label: Blue
        value: var(--ctp-blue)
      -
        label: Lavender
        value: var(--ctp-lavender)
      -
        label: White
        value: var(--ctp-text)
      -
        label: Gray
        value: var(--ctp-subtext0)
  -
    id: ctp-blockquote
    title: Blockquote color
    description: Select your blockquote text color
    type: variable-select
    allowEmpty: false
    default: var(--ctp-rosewater)
    options:
      -
        label: Accent
        value: var(--ctp-accent)
      -
        label: Rosewater
        value: var(--ctp-rosewater)
      -
        label: Flamingo
        value: var(--ctp-flamingo)
      -
        label: Pink
        value: var(--ctp-pink)
      -
        label: Mauve
        value: var(--ctp-mauve)
      -
        label: Red
        value: var(--ctp-red)
      -
        label: Maroon
        value: var(--ctp-maroon)
      -
        label: Peach
        value: var(--ctp-peach)
      -
        label: Yellow
        value: var(--ctp-yellow)
      -
        label: Green
        value: var(--ctp-green)
      -
        label: Teal
        value: var(--ctp-teal)
      -
        label: Sky
        value: var(--ctp-sky)
      -
        label: Sapphire
        value: var(--ctp-sapphire)
      -
        label: Blue
        value: var(--ctp-blue)
      -
        label: Lavender
        value: var(--ctp-lavender)
      -
        label: White
        value: var(--ctp-text)
      -
        label: Gray
        value: var(--ctp-subtext0)
  -
  */
/* @settings
name: File Name and Headings
id: catppuccin-heading-settings
settings:
  -
    id: ctp-page-title
    title: File name color
    description: Select your file name color
    type: variable-select
    allowEmpty: false
    default: var(--ctp-text)
    options:
      -
        label: Accent
        value: var(--ctp-accent)
      -
        label: Rosewater
        value: var(--ctp-rosewater)
      -
        label: Flamingo
        value: var(--ctp-flamingo)
      -
        label: Pink
        value: var(--ctp-pink)
      -
        label: Mauve
        value: var(--ctp-mauve)
      -
        label: Red
        value: var(--ctp-red)
      -
        label: Maroon
        value: var(--ctp-maroon)
      -
        label: Peach
        value: var(--ctp-peach)
      -
        label: Yellow
        value: var(--ctp-yellow)
      -
        label: Green
        value: var(--ctp-green)
      -
        label: Teal
        value: var(--ctp-teal)
      -
        label: Sky
        value: var(--ctp-sky)
      -
        label: Sapphire
        value: var(--ctp-sapphire)
      -
        label: Blue
        value: var(--ctp-blue)
      -
        label: Lavender
        value: var(--ctp-lavender)
      -
        label: White
        value: var(--ctp-text)
      -
        label: Gray
        value: var(--ctp-subtext0)
  -
    id: ctp-h1
    title: H1 color
    description: Select your H1 color
    type: variable-select
    allowEmpty: false
    default: var(--ctp-accent)
    options:
      -
        label: Accent
        value: var(--ctp-accent)
      -
        label: Rosewater
        value: var(--ctp-rosewater)
      -
        label: Flamingo
        value: var(--ctp-flamingo)
      -
        label: Pink
        value: var(--ctp-pink)
      -
        label: Mauve
        value: var(--ctp-mauve)
      -
        label: Red
        value: var(--ctp-red)
      -
        label: Maroon
        value: var(--ctp-maroon)
      -
        label: Peach
        value: var(--ctp-peach)
      -
        label: Yellow
        value: var(--ctp-yellow)
      -
        label: Green
        value: var(--ctp-green)
      -
        label: Teal
        value: var(--ctp-teal)
      -
        label: Sky
        value: var(--ctp-sky)
      -
        label: Sapphire
        value: var(--ctp-sapphire)
      -
        label: Blue
        value: var(--ctp-blue)
      -
        label: Lavender
        value: var(--ctp-lavender)
      -
        label: White
        value: var(--ctp-text)
      -
        label: Gray
        value: var(--ctp-subtext0)
  -
    id: ctp-h2
    title: H2 color
    description: Select your H2 color
    type: variable-select
    allowEmpty: false
    default: var(--ctp-accent)
    options:
      -
        label: Accent
        value: var(--ctp-accent)
      -
        label: Rosewater
        value: var(--ctp-rosewater)
      -
        label: Flamingo
        value: var(--ctp-flamingo)
      -
        label: Pink
        value: var(--ctp-pink)
      -
        label: Mauve
        value: var(--ctp-mauve)
      -
        label: Red
        value: var(--ctp-red)
      -
        label: Maroon
        value: var(--ctp-maroon)
      -
        label: Peach
        value: var(--ctp-peach)
      -
        label: Yellow
        value: var(--ctp-yellow)
      -
        label: Green
        value: var(--ctp-green)
      -
        label: Teal
        value: var(--ctp-teal)
      -
        label: Sky
        value: var(--ctp-sky)
      -
        label: Sapphire
        value: var(--ctp-sapphire)
      -
        label: Blue
        value: var(--ctp-blue)
      -
        label: Lavender
        value: var(--ctp-lavender)
      -
        label: White
        value: var(--ctp-text)
      -
        label: Gray
        value: var(--ctp-subtext0)
  -
    id: ctp-h3
    title: H3 color
    description: Select your H3 color
    type: variable-select
    allowEmpty: false
    default: var(--ctp-accent)
    options:
      -
        label: Accent
        value: var(--ctp-accent)
      -
        label: Rosewater
        value: var(--ctp-rosewater)
      -
        label: Flamingo
        value: var(--ctp-flamingo)
      -
        label: Pink
        value: var(--ctp-pink)
      -
        label: Mauve
        value: var(--ctp-mauve)
      -
        label: Red
        value: var(--ctp-red)
      -
        label: Maroon
        value: var(--ctp-maroon)
      -
        label: Peach
        value: var(--ctp-peach)
      -
        label: Yellow
        value: var(--ctp-yellow)
      -
        label: Green
        value: var(--ctp-green)
      -
        label: Teal
        value: var(--ctp-teal)
      -
        label: Sky
        value: var(--ctp-sky)
      -
        label: Sapphire
        value: var(--ctp-sapphire)
      -
        label: Blue
        value: var(--ctp-blue)
      -
        label: Lavender
        value: var(--ctp-lavender)
      -
        label: White
        value: var(--ctp-text)
      -
        label: Gray
        value: var(--ctp-subtext0)
  -
    id: ctp-h4
    title: H4 color
    description: Select your H4 color
    type: variable-select
    allowEmpty: false
    default: var(--ctp-accent)
    options:
      -
        label: Accent
        value: var(--ctp-accent)
      -
        label: Rosewater
        value: var(--ctp-rosewater)
      -
        label: Flamingo
        value: var(--ctp-flamingo)
      -
        label: Pink
        value: var(--ctp-pink)
      -
        label: Mauve
        value: var(--ctp-mauve)
      -
        label: Red
        value: var(--ctp-red)
      -
        label: Maroon
        value: var(--ctp-maroon)
      -
        label: Peach
        value: var(--ctp-peach)
      -
        label: Yellow
        value: var(--ctp-yellow)
      -
        label: Green
        value: var(--ctp-green)
      -
        label: Teal
        value: var(--ctp-teal)
      -
        label: Sky
        value: var(--ctp-sky)
      -
        label: Sapphire
        value: var(--ctp-sapphire)
      -
        label: Blue
        value: var(--ctp-blue)
      -
        label: Lavender
        value: var(--ctp-lavender)
      -
        label: White
        value: var(--ctp-text)
      -
        label: Gray
        value: var(--ctp-subtext0)
  -
    id: ctp-h5
    title: H5 color
    description: Select your H5 color
    type: variable-select
    allowEmpty: false
    default: var(--ctp-accent)
    options:
      -
        label: Accent
        value: var(--ctp-accent)
      -
        label: Rosewater
        value: var(--ctp-rosewater)
      -
        label: Flamingo
        value: var(--ctp-flamingo)
      -
        label: Pink
        value: var(--ctp-pink)
      -
        label: Mauve
        value: var(--ctp-mauve)
      -
        label: Red
        value: var(--ctp-red)
      -
        label: Maroon
        value: var(--ctp-maroon)
      -
        label: Peach
        value: var(--ctp-peach)
      -
        label: Yellow
        value: var(--ctp-yellow)
      -
        label: Green
        value: var(--ctp-green)
      -
        label: Teal
        value: var(--ctp-teal)
      -
        label: Sky
        value: var(--ctp-sky)
      -
        label: Sapphire
        value: var(--ctp-sapphire)
      -
        label: Blue
        value: var(--ctp-blue)
      -
        label: Lavender
        value: var(--ctp-lavender)
      -
        label: White
        value: var(--ctp-text)
      -
        label: Gray
        value: var(--ctp-subtext0)
  -
    id: ctp-h6
    title: H6 color
    description: Select your H6 color
    type: variable-select
    allowEmpty: false
    default: var(--ctp-accent)
    options:
      -
        label: Accent
        value: var(--ctp-accent)
      -
        label: Rosewater
        value: var(--ctp-rosewater)
      -
        label: Flamingo
        value: var(--ctp-flamingo)
      -
        label: Pink
        value: var(--ctp-pink)
      -
        label: Mauve
        value: var(--ctp-mauve)
      -
        label: Red
        value: var(--ctp-red)
      -
        label: Maroon
        value: var(--ctp-maroon)
      -
        label: Peach
        value: var(--ctp-peach)
      -
        label: Yellow
        value: var(--ctp-yellow)
      -
        label: Green
        value: var(--ctp-green)
      -
        label: Teal
        value: var(--ctp-teal)
      -
        label: Sky
        value: var(--ctp-sky)
      -
        label: Sapphire
        value: var(--ctp-sapphire)
      -
        label: Blue
        value: var(--ctp-blue)
      -
        label: Lavender
        value: var(--ctp-lavender)
      -
        label: White
        value: var(--ctp-text)
      -
        label: Gray
        value: var(--ctp-subtext0)
*/
/* @settings

name: Credits and Source Code
id: source-code
settings:
  -
    id: catppuccin-theme-credits-link
    title: Credits and Source Code
    type: heading
    level: 1
    collapsed: false
    description: 💎 View and contribute to the port at github.com/catppuccin/obsidian
*/
.theme-light,
.theme-light.ctp-latte {
  --ctp-rosewater: 220, 138, 120;
  --ctp-flamingo: 221, 120, 120;
  --ctp-pink: 234, 118, 203;
  --ctp-mauve: 136, 57, 239;
  --ctp-red: 210, 15, 57;
  --ctp-maroon: 230, 69, 83;
  --ctp-peach: 254, 100, 11;
  --ctp-yellow: 223, 142, 29;
  --ctp-green: 64, 160, 43;
  --ctp-teal: 23, 146, 153;
  --ctp-sky: 4, 165, 229;
  --ctp-sapphire: 32, 159, 181;
  --ctp-blue: 30, 102, 245;
  --ctp-lavender: 114, 135, 253;
  --ctp-text: 76, 79, 105;
  --ctp-subtext1: 92, 95, 119;
  --ctp-subtext0: 108, 111, 133;
  --ctp-overlay2: 124, 127, 147;
  --ctp-overlay1: 140, 143, 161;
  --ctp-overlay0: 156, 160, 176;
  --ctp-surface2: 172, 176, 190;
  --ctp-surface1: 188, 192, 204;
  --ctp-surface0: 204, 208, 218;
  --ctp-base: 239, 241, 245;
  --ctp-mantle: 230, 233, 239;
  --ctp-crust: 220, 224, 232;
  --hex-pink: #ea76cb;
  --hex-mauve: #8839ef;
  --hex-red: #d20f39;
  --hex-peach: #fe640b;
  --hex-yellow: #df8e1d;
  --hex-green: #40a02b;
  --hex-teal: #179299;
  --hex-sky: #04a5e5;
  --hex-sapphire: #209fb5;
  --hex-blue: #1e66f5;
  --hex-lavender: #7287fd;
}

.theme-dark.ctp-frappe {
  --ctp-rosewater: 242, 213, 207;
  --ctp-flamingo: 238, 190, 190;
  --ctp-pink: 244, 184, 228;
  --ctp-mauve: 202, 158, 230;
  --ctp-red: 231, 130, 132;
  --ctp-maroon: 234, 153, 156;
  --ctp-peach: 239, 159, 118;
  --ctp-yellow: 229, 200, 144;
  --ctp-green: 166, 209, 137;
  --ctp-teal: 129, 200, 190;
  --ctp-sky: 153, 209, 219;
  --ctp-sapphire: 133, 193, 220;
  --ctp-blue: 140, 170, 238;
  --ctp-lavender: 186, 187, 241;
  --ctp-text: 198, 208, 245;
  --ctp-subtext1: 181, 191, 226;
  --ctp-subtext0: 165, 173, 206;
  --ctp-overlay2: 148, 156, 187;
  --ctp-overlay1: 131, 139, 167;
  --ctp-overlay0: 115, 121, 148;
  --ctp-surface2: 98, 104, 128;
  --ctp-surface1: 81, 87, 109;
  --ctp-surface0: 65, 69, 89;
  --ctp-base: 48, 52, 70;
  --ctp-mantle: 41, 44, 60;
  --ctp-crust: 35, 38, 52;
  --hex-pink: #f4b8e4;
  --hex-mauve: #ca9ee6;
  --hex-red: #e78284;
  --hex-peach: #ef9f76;
  --hex-yellow: #e5c890;
  --hex-green: #a6d189;
  --hex-teal: #81c8be;
  --hex-sky: #99d1db;
  --hex-sapphire: #85c1dc;
  --hex-blue: #8caaee;
  --hex-lavender: #babbf1;
}

.theme-dark.ctp-macchiato {
  --ctp-rosewater: 244, 219, 214;
  --ctp-flamingo: 240, 198, 198;
  --ctp-pink: 245, 189, 230;
  --ctp-mauve: 198, 160, 246;
  --ctp-red: 237, 135, 150;
  --ctp-maroon: 238, 153, 160;
  --ctp-peach: 245, 169, 127;
  --ctp-yellow: 238, 212, 159;
  --ctp-green: 166, 218, 149;
  --ctp-teal: 139, 213, 202;
  --ctp-sky: 145, 215, 227;
  --ctp-sapphire: 125, 196, 228;
  --ctp-blue: 138, 173, 244;
  --ctp-lavender: 183, 189, 248;
  --ctp-text: 202, 211, 245;
  --ctp-subtext1: 184, 192, 224;
  --ctp-subtext0: 165, 173, 203;
  --ctp-overlay2: 147, 154, 183;
  --ctp-overlay1: 128, 135, 162;
  --ctp-overlay0: 110, 115, 141;
  --ctp-surface2: 91, 96, 120;
  --ctp-surface1: 73, 77, 100;
  --ctp-surface0: 54, 58, 79;
  --ctp-base: 36, 39, 58;
  --ctp-mantle: 30, 32, 48;
  --ctp-crust: 24, 25, 38;
  --hex-pink: #f5bde6;
  --hex-mauve: #c6a0f6;
  --hex-red: #ed8796;
  --hex-peach: #f5a97f;
  --hex-yellow: #eed49f;
  --hex-green: #a6da95;
  --hex-teal: #8bd5ca;
  --hex-sky: #91d7e3;
  --hex-sapphire: #7dc4e4;
  --hex-blue: #8aadf4;
  --hex-lavender: #b7bdf8;
}

.theme-dark,
.theme-dark.ctp-mocha {
  --ctp-rosewater: 245, 224, 220;
  --ctp-flamingo: 242, 205, 205;
  --ctp-pink: 245, 194, 231;
  --ctp-mauve: 203, 166, 247;
  --ctp-red: 243, 139, 168;
  --ctp-maroon: 235, 160, 172;
  --ctp-peach: 250, 179, 135;
  --ctp-yellow: 249, 226, 175;
  --ctp-green: 166, 227, 161;
  --ctp-teal: 148, 226, 213;
  --ctp-sky: 137, 220, 235;
  --ctp-sapphire: 116, 199, 236;
  --ctp-blue: 137, 180, 250;
  --ctp-lavender: 180, 190, 254;
  --ctp-text: 205, 214, 244;
  --ctp-subtext1: 186, 194, 222;
  --ctp-subtext0: 166, 173, 200;
  --ctp-overlay2: 147, 153, 178;
  --ctp-overlay1: 127, 132, 156;
  --ctp-overlay0: 108, 112, 134;
  --ctp-surface2: 88, 91, 112;
  --ctp-surface1: 69, 71, 90;
  --ctp-surface0: 49, 50, 68;
  --ctp-base: 30, 30, 46;
  --ctp-mantle: 24, 24, 37;
  --ctp-crust: 17, 17, 27;
  --hex-pink: #f5c2e7;
  --hex-mauve: #cba6f7;
  --hex-red: #f38ba8;
  --hex-peach: #fab387;
  --hex-yellow: #f9e2af;
  --hex-green: #a6e3a1;
  --hex-teal: #94e2d5;
  --hex-sky: #89dceb;
  --hex-sapphire: #74c7ec;
  --hex-blue: #89b4fa;
  --hex-lavender: #b4befe;
}

.theme-light,
.theme-dark {
  --color-red-rgb: var(--ctp-red);
  --color-red: var(--hex-red);
  --color-orange-rgb: var(--ctp-peach);
  --color-orange: var(--hex-peach);
  --color-yellow-rgb: var(--ctp-yellow);
  --color-yellow: var(--hex-yellow);
  --color-green-rgb: var(--ctp-green);
  --color-green: var(--hex-green);
  --color-cyan-rgb: var(--ctp-sapphire);
  --color-cyan: var(--hex-sapphire);
  --color-blue-rgb: var(--ctp-blue);
  --color-blue: var(--hex-blue);
  --color-purple-rgb: var(--ctp-mauve);
  --color-purple: var(--hex-mauve);
  --color-pink-rgb: var(--ctp-pink);
  --color-pink: var(--hex-pink);
}

/* ------------------Selecting Accents------------------- */
.ctp-full-palette {
  --ctp-accent: var(--ctp-lavender);
}

.ctp-accent-rosewater {
  --ctp-accent: var(--ctp-rosewater);
}

.ctp-accent-flamingo {
  --ctp-accent: var(--ctp-flamingo);
}

.ctp-accent-pink {
  --ctp-accent: var(--ctp-pink);
}

.ctp-accent-mauve {
  --ctp-accent: var(--ctp-mauve);
}

.ctp-accent-red {
  --ctp-accent: var(--ctp-red);
}

.ctp-accent-maroon {
  --ctp-accent: var(--ctp-maroon);
}

.ctp-accent-peach {
  --ctp-accent: var(--ctp-peach);
}

.ctp-accent-yellow {
  --ctp-accent: var(--ctp-yellow);
}

.ctp-accent-green {
  --ctp-accent: var(--ctp-green);
}

.ctp-accent-teal {
  --ctp-accent: var(--ctp-teal);
}

.ctp-accent-sky {
  --ctp-accent: var(--ctp-sky);
}

.ctp-accent-sapphire {
  --ctp-accent: var(--ctp-sapphire);
}

.ctp-accent-blue {
  --ctp-accent: var(--ctp-blue);
}

.ctp-accent-lavender {
  --ctp-accent: var(--ctp-lavender);
}

/* ------------------Actual Configs-------------------- */
.theme-dark,
.theme-light {
  --background-primary: rgb(var(--ctp-base));
  --background-primary-rgb: var(--ctp-base);
  --background-primary-alt: rgb(var(--ctp-mantle));
  --background-secondary: rgb(var(--ctp-mantle));
  --background-secondary-alt: rgb(var(--ctp-crust));
  --background-modifier-border: rgb(var(--ctp-surface0));
  --background-modifier-form-field: rgb(var(--ctp-crust), 30%);
  --background-modifier-form-field-highlighted: rgb(var(--ctp-crust), 22%);
  --background-modifier-box-shadow: rgb(var(--ctp-crust), 30%);
  --background-modifier-success: rgb(var(--ctp-green), 90%);
  --background-modifier-success-rgb: var(--ctp-green);
  --background-modifier-error: rgb(var(--ctp-red), 90%);
  --background-modifier-error-rgb: var(--ctp-red);
  --background-modifier-error-hover: rgb(var(--ctp-red), 100%);
  --background-modifier-cover: rgb(var(--ctp-crust), 90%);
  --color-accent: rgb(var(--ctp-accent));
  --color-accent-1: rgb(var(--ctp-accent));
  --color-accent-2: rgb(var(--ctp-accent), 90%);
  --text-accent: rgb(var(--ctp-accent));
  --text-accent-hover: rgb(var(--ctp-accent));
  --text-normal: rgb(var(--ctp-text));
  --text-muted: rgb(var(--ctp-subtext0));
  --text-muted-rgb: var(--ctp-subtext0);
  --text-faint: rgb(var(--ctp-surface1));
  --text-error: rgb(var(--ctp-red));
  --text-error-hover: rgb(var(--ctp-red), 80%);
  --text-highlight-bg: rgb(var(--ctp-rosewater), 100%);
  --text-highlight-bg-active: rgb(var(--ctp-rosewater), 100%);
  --text-selection: rgb(var(--ctp-rosewater), 100%);
  --text-on-accent: rgb(var(--ctp-base));
  --interactive-normal: rgb(var(--ctp-surface0));
  --interactive-hover: rgb(var(--ctp-surface1));
  --interactive-accent: rgb(var(--ctp-accent));
  --interactive-accent-rgb: var(--ctp-accent);
  --interactive-accent-hover: rgb(var(--ctp-accent));
  --interactive-success: rgb(var(--ctp-green));
  --scrollbar-active-thumb-bg: rgb(var(--ctp-text), 20%);
  --scrollbar-bg: rgb(var(--ctp-text), 5%);
  --scrollbar-thumb-bg: rgb(var(--ctp-text), 10%);
  --mono-rgb-0: var(--ctp-crust);
  --mono-rgb-100: var(--ctp-text);
  --color-red-rgb: var(--ctp-red);
  --color-red: rgb(var(--ctp-red));
  --color-green-rgb: var(--ctp-green);
  --color-green: rgb(var(--ctp-green));
  --color-orange: rgb(var(--ctp-peach));
  --color-yellow: rgb(var(--ctp-yellow));
  --color-cyan: rgb(var(--ctp-sky));
  --color-blue: rgb(var(--ctp-blue));
  --color-purple: rgb(var(--ctp-lavender));
  --color-pink: rgb(var(--ctp-pink));
  --color-base-00: rgb(var(--ctp-crust));
  --color-base-10: rgb(var(--ctp-mantle));
  --color-base-20: rgb(var(--ctp-base));
  --color-base-25: rgb(var(--ctp-surface0));
  --color-base-30: rgb(var(--ctp-surface1));
  --color-base-35: rgb(var(--ctp-surface2));
  --color-base-40: rgb(var(--ctp-overlay0));
  --color-base-50: rgb(var(--ctp-overlay1));
  --color-base-60: rgb(var(--ctp-overlay2));
  --color-base-70: rgb(var(--ctp-subtext0));
  --color-base-100: rgb(var(--ctp-text));
}

.theme-dark {
  color-scheme: dark;
  --highlight-mix-blend-mode: lighten;
}

.theme-light {
  color-scheme: light;
  --highlight-mix-blend-mode: darken;
}

/* ------------------CSS Snippets------------------ */
.ctp-bold-folder-title .nav-folder-title-content {
  font-weight: var(--font-bold);
}

body {
  --font-text-theme:
    "Vollkorn",
    -apple-system,
    blinkmacsystemfont,
    "Segoe UI",
    "Microsoft YaHei Light",
    roboto,
    inter,
    sans-serif;
  --font-interface-theme:
    "Nunito Sans",
    -apple-system,
    blinkmacsystemfont,
    "Segoe UI",
    "Microsoft YaHei Light",
    roboto,
    inter,
    sans-serif;
}

strong,
.cm-strong {
  --bold-color: rgb(var(--ctp-bold, var(--ctp-sapphire)));
}

em,
.cm-em {
  --italic-color: rgb(var(--ctp-italic, var(--ctp-green)));
}

del,
.cm-strikethrough {
  color: rgb(var(--ctp-strikethrough, var(--ctp-maroon)));
}

.markdown-rendered blockquote,
.cm-s-obsidian span.cm-quote {
  --blockquote-border-color: rgb(var(--ctp-blockquote, var(--ctp-accent)));
  --blockquote-color: rgb(var(--ctp-blockquote, var(--ctp-rosewater)));
}

.cm-em.cm-strong,
strong > em,
em > strong {
  color: rgb(var(--ctp-teal));
}

.markdown-source-view ol > li,
.markdown-source-view ul > li,
.markdown-preview-view ol > li,
.markdown-preview-view ul > li,
.markdown-rendered ul > li,
.mod-cm6 .HyperMD-list-line.cm-line {
  padding-top: 0;
  padding-bottom: 0;
}

.inline-title {
  --inline-title-color: rgb(var(--ctp-page-title, var(--ctp-text)));
}

h1,
.markdown-rendered h1,
.HyperMD-header-1,
.HyperMD-list-line .cm-header-1 {
  --h1-color: rgb(var(--ctp-h1, var(--ctp-accent)));
  line-height: var(--h1-line-height);
}

h2,
.markdown-rendered h2,
.HyperMD-header-2,
.HyperMD-list-line .cm-header-2 {
  --h2-color: rgb(var(--ctp-h2, var(--ctp-accent)));
  line-height: var(--h2-line-height);
}

h3,
.markdown-rendered h3,
.HyperMD-header-3,
.HyperMD-list-line .cm-header-3 {
  --h3-color: rgb(var(--ctp-h3, var(--ctp-accent)));
  line-height: var(--h3-line-height);
}

h4,
.markdown-rendered h4,
.HyperMD-header-4,
.HyperMD-list-line .cm-header-4 {
  --h4-color: rgb(var(--ctp-h4, var(--ctp-accent)));
  line-height: var(--h4-line-height);
}

h5,
.markdown-rendered h5,
.HyperMD-header-5,
.HyperMD-list-line .cm-header-5 {
  --h5-color: rgb(var(--ctp-h5, var(--ctp-accent)));
  line-height: var(--line-height-normal);
}

h6,
.markdown-rendered h6,
.HyperMD-header-6,
.HyperMD-list-line .cm-header-6 {
  --h6-color: rgb(var(--ctp-h6, var(--ctp-accent)));
  line-height: var(--line-height-normal);
}

.markdown-source-view.mod-cm6 .cm-indent::before {
  width: 0;
}

.markdown-rendered.show-indentation-guide li > ul::before,
.markdown-rendered.show-indentation-guide li > ol::before {
  left: -13px;
}

/* markdown ==highlight== colors */
.markdown-rendered mark,
.cm-s-obsidian span.cm-formatting-highlight,
.cm-s-obsidian span.cm-highlight {
  background-color: rgb(var(--ctp-rosewater));
  color: var(--text-on-accent);
}
.markdown-rendered mark.cm-em,
.markdown-rendered mark em,
.cm-s-obsidian span.cm-formatting-highlight.cm-em,
.cm-s-obsidian span.cm-formatting-highlight em,
.cm-s-obsidian span.cm-highlight.cm-em,
.cm-s-obsidian span.cm-highlight em {
  background-image: linear-gradient(rgb(var(--ctp-green), 40%), rgb(var(--ctp-green), 60%), rgb(var(--ctp-green), 60%));
  color: var(--text-on-accent);
  text-align: left;
}
.markdown-rendered mark.cm-strong,
.markdown-rendered mark strong,
.cm-s-obsidian span.cm-formatting-highlight.cm-strong,
.cm-s-obsidian span.cm-formatting-highlight strong,
.cm-s-obsidian span.cm-highlight.cm-strong,
.cm-s-obsidian span.cm-highlight strong {
  background-image: linear-gradient(rgb(var(--ctp-sapphire), 40%), rgb(var(--ctp-sapphire), 60%), rgb(var(--ctp-sapphire), 40%));
  color: var(--text-on-accent);
}
.markdown-rendered mark.cm-strikethrough,
.markdown-rendered mark del,
.cm-s-obsidian span.cm-formatting-highlight.cm-strikethrough,
.cm-s-obsidian span.cm-formatting-highlight del,
.cm-s-obsidian span.cm-highlight.cm-strikethrough,
.cm-s-obsidian span.cm-highlight del {
  background-image: linear-gradient(rgb(var(--ctp-red), 40%), rgb(var(--ctp-red), 60%), rgb(var(--ctp-red), 40%));
  color: var(--text-on-accent);
}

::selection {
  color: var(--text-on-accent);
}

.cm-s-obsidian span.cm-error {
  color: rgb(var(--ctp-red));
}

.tooltip {
  border: 1px solid rgb(var(--ctp-rosewater), 60%);
  background-color: var(--background-secondary);
  box-shadow: 0 0 4px rgb(var(--ctp-mantle));
  color: rgb(var(--ctp-rosewater), 80%);
}

/*
* From app.css
*/
/*
* TODO: Add border to popups that appear during plugin, theme, etc.
* updates.
*/
/* Triangle hack to make tooltip look like a speech bubble */
.tooltip .tooltip-arrow {
  position: absolute;
  top: -5px;
  left: 50%;
  width: 0;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgb(var(--ctp-rosewater), 60%);
  border-left: 5px solid transparent;
  margin-left: -5px;
  content: " ";
  font-size: 0;
  line-height: 0;
}

.tooltip.mod-right .tooltip-arrow {
  top: calc(50% - 5px);
  left: -5px;
  border-top: 5px solid transparent;
  border-right: 5px solid rgb(var(--ctp-rosewater), 60%);
  border-bottom: 5px solid transparent;
}

.tooltip.mod-left .tooltip-arrow {
  top: calc(50% - 5px);
  left: calc(100% + 5px);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid rgb(var(--ctp-rosewater), 60%);
}

.tooltip.mod-top .tooltip-arrow {
  top: 100%;
  border-top: 5px solid rgb(var(--ctp-rosewater), 60%);
  border-bottom: 5px solid transparent;
}

.tooltip.mod-error .tooltip-arrow {
  border-bottom-color: rgb(var(--ctp-red), 60%);
}

.tooltip.mod-error.mod-right .tooltip-arrow {
  border-right-color: rgb(var(--ctp-red), 60%);
  border-bottom: 5px solid transparent;
}

.tooltip.mod-error.mod-left .tooltip-arrow {
  border-bottom: 5px solid transparent;
  border-left-color: rgb(var(--ctp-red), 60%);
}

/* bezier from Josh Comeau's blog */
body {
  --transition-hover-bg: background-color 0.3s cubic-bezier(0.44, 0.21, 0, 1);
  --transition-hover-color: color 0.3s cubic-bezier(0.44, 0.21, 0, 1);
  --transition-hover-color-fast: color 0.2s cubic-bezier(0.44, 0.21, 0, 1);
  --transition-hover-box-shadow: box-shadow 0.3s cubic-bezier(0.44, 0.21, 0, 1);
  --transition-text-decoration-color: text-decoration-color 0.3s cubic-bezier(0.44, 0.21, 0, 1);
}

.callout {
  --callout-icon: lucide-pencil;
  border-color: rgb(var(--callout-color), 60%);
  background-color: rgb(var(--callout-color), 10%);
}

.cm-s-obsidian span.cm-formatting-quote {
  color: rgb(var(--ctp-accent));
}

.callout[data-callout=abstract],
.callout[data-callout=summary],
.callout[data-callout=tldr] {
  --callout-icon: lucide-clipboard-list;
}

.callout[data-callout=info] {
  --callout-icon: lucide-info;
}

.callout[data-callout=todo] {
  --callout-icon: lucide-check-circle-2;
}

.callout[data-callout=tip],
.callout[data-callout=hint],
.callout[data-callout=important] {
  --callout-icon: lucide-flame;
}

.callout[data-callout=success],
.callout[data-callout=check],
.callout[data-callout=done] {
  --callout-icon: lucide-check;
}

.callout[data-callout=question],
.callout[data-callout=help],
.callout[data-callout=faq] {
  --callout-icon: help-circle;
}

.callout[data-callout=warning],
.callout[data-callout=caution],
.callout[data-callout=attention] {
  --callout-icon: lucide-alert-triangle;
}

.callout[data-callout=failure],
.callout[data-callout=fail],
.callout[data-callout=missing] {
  --callout-icon: lucide-x;
}

.callout[data-callout=danger],
.callout[data-callout=error] {
  --callout-icon: lucide-zap;
}

.callout[data-callout=bug] {
  --callout-icon: lucide-bug;
}

.callout[data-callout=example] {
  --callout-icon: lucide-list;
}

.callout[data-callout=quote],
.callout[data-callout=cite] {
  --callout-icon: quote-glyph;
}

.prompt {
  --prompt-border-color: rgb(var(--ctp-surface1));
}
.prompt .prompt-input[type=text] {
  border: 0;
}
.prompt .prompt-results {
  background-color: var(--background-secondary);
  box-shadow: inset 0 0 10px rgb(var(--ctp-crust)), inset 0 0 12px rgb(var(--ctp-base));
}
.prompt:hover .suggestion-hotkey {
  box-shadow: inset 0 0 2px rgb(var(--ctp-crust)), inset 0 0 4px rgb(var(--ctp-base));
}

.suggestion-item.is-selected {
  background-color: rgb(var(--ctp-accent));
  color: var(--text-on-accent);
}
.suggestion-item.is-selected .suggestion-flair {
  color: var(--text-on-accent);
}

.suggestion-item.mod-complex .suggestion-hotkey {
  background-color: rgb(var(--ctp-surface0));
  color: var(--text-normal);
}

.suggestion-item.mod-complex.is-selected .suggestion-note {
  color: var(--text-on-accent);
}

.clickable-icon,
.mod-left-split .workspace-tab-header,
.mod-right-split .workspace-tab-header {
  margin: 0 2px;
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}
.clickable-icon:hover,
.mod-left-split .workspace-tab-header:hover,
.mod-right-split .workspace-tab-header:hover {
  --background-modifier-hover: rgb(var(--ctp-accent));
  color: var(--text-on-accent);
}
.clickable-icon:hover svg,
.mod-left-split .workspace-tab-header:hover svg,
.mod-right-split .workspace-tab-header:hover svg {
  color: var(--text-on-accent);
}

.clickable-icon[aria-disabled=true]:hover {
  background-color: rgb(var(--ctp-accent));
}

.clickable-icon.is-active,
.mod-left-split .workspace-tab-header.has-active-menu,
.mod-right-split .workspace-tab-header.has-active-menu,
.mod-left-split .workspace-tab-header.is-active,
.mod-right-split .workspace-tab-header.is-active {
  box-shadow: inset 0 0 4px rgb(var(--ctp-crust)), inset 0 0 6px rgb(var(--ctp-base));
  outline: 1px solid rgb(var(--ctp-surface1));
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}
.clickable-icon.is-active svg,
.mod-left-split .workspace-tab-header.has-active-menu svg,
.mod-right-split .workspace-tab-header.has-active-menu svg,
.mod-left-split .workspace-tab-header.is-active svg,
.mod-right-split .workspace-tab-header.is-active svg {
  color: rgb(var(--ctp-accent));
  transition: background-color 3s ease-in-out;
}
.clickable-icon.is-active:hover, .clickable-icon.is-active:hover svg,
.mod-left-split .workspace-tab-header.has-active-menu:hover,
.mod-left-split .workspace-tab-header.has-active-menu:hover svg,
.mod-right-split .workspace-tab-header.has-active-menu:hover,
.mod-right-split .workspace-tab-header.has-active-menu:hover svg,
.mod-left-split .workspace-tab-header.is-active:hover,
.mod-left-split .workspace-tab-header.is-active:hover svg,
.mod-right-split .workspace-tab-header.is-active:hover,
.mod-right-split .workspace-tab-header.is-active:hover svg {
  background-color: rgb(var(--ctp-accent));
  box-shadow: none;
  color: var(--text-on-accent);
}

.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-close-button:hover,
.workspace-tab-header.is-active .workspace-tab-header-inner-close-button:hover,
.suggestion :hover.list-item-part.clickable-icon[aria-label="Clear search history"],
.modal-close-button:hover {
  background-color: rgb(var(--ctp-red));
  box-shadow: 0 0 2px 1px rgb(var(--ctp-surface1));
  color: rgb(var(--ctp-base));
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}

.workspace-tab-header-inner-close-button:hover {
  background-color: rgb(var(--ctp-red), 50%);
}

.workspace-tab-header-inner:hover .workspace-tab-header-inner-icon {
  --icon-color-hover: var(--text-faint);
  --opacity-icon-hover: 1;
}

.search-input-clear-button:hover,
.search-input-clear-button:active {
  color: rgb(var(--ctp-red));
}

/*
* Windows and Linux min, max, and close buttons
*/
.mod-linux .titlebar-button,
.mod-windows .titlebar-button {
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}

.mod-linux .titlebar-button:hover,
.mod-windows .titlebar-button:hover {
  background-color: rgb(var(--ctp-pink));
  color: var(--text-on-accent);
}

.mod-linux .titlebar-button.mod-close:hover,
.mod-windows .titlebar-button.mod-close:hover {
  background-color: rgb(var(--ctp-red));
  color: var(--text-on-accent);
}

/*
* Folder icons
*/
.nav-folder-collapse-indicator,
.nav-folder.mod-root > .nav-folder-title .nav-folder-title-content::before {
  display: none;
}

/*
* Closed folder
*/
.nav-folder.is-collapsed .nav-folder-title .nav-folder-title-content::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z'%3E%3C/path%3E%3Cpath d='M2 10h20'%3E%3C/path%3E%3C/svg%3E");
  transition: -webkit-mask-image 0.2s ease;
}

.nav-folder.is-collapsed .nav-folder-title .nav-folder-title-content::before,
.nav-folder .nav-folder-title .nav-folder-title-content::before {
  width: var(--icon-xs);
  height: var(--icon-xs);
  margin-right: 8px;
  background-color: currentcolor;
  background-repeat: no-repeat;
  vertical-align: -2px;
}
.nav-folder.is-collapsed .nav-folder-title .nav-folder-title-content::before:hover,
.nav-folder .nav-folder-title .nav-folder-title-content::before:hover {
  color: var(--text-on-accent);
}

/*
* Open folder
*/
.nav-folder .nav-folder-title .nav-folder-title-content::before {
  display: inline-block;
  width: var(--icon-xs);
  height: var(--icon-xs);
  background-size: 16px 16px;
  content: "";
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H18a2 2 0 0 1 2 2v2'%3E%3C/path%3E%3C/svg%3E");
  transition: -webkit-mask-image 0.2s ease;
}

/*
* Hide icons with Style Settings
*/
.ctp-icon-hide .nav-folder .nav-folder-title .nav-folder-title-content::before,
.ctp-icon-hide .nav-folder.is-collapsed .nav-folder-title .nav-folder-title-content::before,
.ctp-icon-hide .nav-folder .nav-folder-title .nav-folder-title-content::before,
.ctp-icon-hide .nav-folder.is-collapsed .nav-folder-title .nav-folder-title-content::before {
  display: none;
}

select:focus,
.dropdown:focus {
  box-shadow: 0 0 0 2px rgb(var(--ctp-accent), 70%);
}

textarea:active,
input[type=text]:active,
input[type=search]:active,
input[type=email]:active,
input[type=password]:active,
input[type=number]:active,
textarea:focus,
input[type=text]:focus,
input[type=search]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
textarea:focus-visible,
input[type=text]:focus-visible,
input[type=search]:focus-visible,
input[type=email]:focus-visible,
input[type=password]:focus-visible,
input[type=number]:focus-visible {
  box-shadow: 0 0 0 2px rgb(var(--ctp-accent), 70%);
}

.checkbox-container {
  --background-modifier-border-hover: rgb(var(--ctp-red));
  box-shadow: 0 0 2px inset rgb(var(--ctp-base));
}
.checkbox-container::after {
  --toggle-thumb-color: var(--text-on-accent);
  box-shadow: 0 0 4px rgb(var(--ctp-base));
}
.checkbox-container:hover {
  box-shadow: none;
}

.markdown-rendered button.copy-code-button {
  background-color: rgb(var(--ctp-crust));
}

.cm-s-obsidian .cm-formatting-link.cm-url,
.cm-s-obsidian .cm-url,
.cm-s-obsidian .cm-link,
.cm-s-obsidian .cm-hmd-internal-link,
.markdown-source-view.mod-cm6 .cm-link .cm-underline,
.markdown-source-view.mod-cm6 .cm-url .cm-underline {
  text-decoration-color: transparent;
  text-decoration-line: underline;
  text-decoration-style: solid;
  transition: var(--transition-text-decoration-color);
}
.cm-s-obsidian .cm-formatting-link.cm-url:hover,
.cm-s-obsidian .cm-url:hover,
.cm-s-obsidian .cm-link:hover,
.cm-s-obsidian .cm-hmd-internal-link:hover,
.markdown-source-view.mod-cm6 .cm-link .cm-underline:hover,
.markdown-source-view.mod-cm6 .cm-url .cm-underline:hover {
  text-decoration-color: inherit;
}

.cm-s-obsidian .is-flashing .cm-hmd-internal-link,
.cm-s-obsidian .is-flashing .cm-hmd-internal-link:hover,
.cm-s-obsidian .is-flashing .cm-formatting-link-start.cm-formatting-link,
.cm-s-obsidian .is-flashing .cm-formatting-link-end.cm-formatting-link {
  --link-color: var(--text-on-accent);
  color: var(--link-color);
}

.cm-hashtag.cm-hashtag-end {
  text-decoration-color: transparent;
  text-decoration-line: underline;
  text-decoration-style: solid;
  transition: var(--transition-text-decoration-color);
}

.cm-hashtag.cm-hashtag-end:hover {
  text-decoration: underline 1px rgb(var(--ctp-accent));
  text-underline-offset: 1px;
}

.cm-hashtag::selection {
  text-shadow: 0.4px 0 0 rgb(var(--ctp-crust));
}

.markdown-source-view.mod-cm6 .is-unresolved .cm-underline {
  text-decoration-line: none;
}
.markdown-source-view.mod-cm6 .is-unresolved:hover {
  color: rgb(var(--ctp-red));
  text-decoration-line: none;
}

.cm-s-obsidian .cm-formatting-link-string.cm-url,
.cm-s-obsidian .cm-formatting-link.cm-link,
.cm-s-obsidian .cm-formatting-link.cm-hmd-barelink,
.cm-s-obsidian .cm-formatting-link.cm-formatting-link-start,
.cm-s-obsidian .cm-formatting-link.cm-formatting-link-end {
  color: rgb(var(--ctp-accent));
}

.empty-state-action {
  transition: var(--transition-hover-bg), var(--transition-hover-color);
  border-radius: var(--radius-s);
}

@media (hover: hover) {
  .empty-state-action:hover {
    background-color: rgb(var(--ctp-accent));
    color: var(--text-on-accent);
  }
}
/* TODO Add to Style Settings instead */
.cm-s-obsidian span.obsidian-search-match-highlight {
  background-color: rgb(var(--ctp-rosewater));
  box-shadow: 0 0 0 3px rgb(var(--ctp-accent));
  color: var(--text-on-accent);
}

.search-result-file-matches {
  background-color: rgb(var(--background-secondary));
  color: var(--text-normal);
}

/*
* Prevents super strong box-shadow when using arrow keys to highlight searches
*/
.workspace-leaf.mod-active .search-result.has-focus .tree-item-self,
.workspace-leaf.mod-active .search-result-file-match.has-focus {
  box-shadow: inset 0 0 0 1px rgb(var(--ctp-accent));
}

@media (hover: hover) {
  .search-result-file-match:hover .search-result-file-match-destination-file {
    background-color: var(--background-secondary);
  }
  .search-result-file-match:hover {
    background-color: rgb(var(--ctp-accent), 80%);
    color: var(--text-on-accent);
  }
  .search-result-file-match:hover .search-result-file-match-destination-file:hover {
    background-color: var(--interactive-hover);
    box-shadow: var(--input-shadow-hover);
    color: var(--text-normal);
  }
}
.search-suggest-item.is-selected {
  background-color: rgb(var(--ctp-accent));
  color: var(--text-on-accent);
}
.search-suggest-item.is-selected .search-suggest-info-text {
  color: var(--text-on-accent);
}

.suggestion .suggestion-item.mod-group {
  background-color: inherit;
  color: var(--text-muted);
  font-size: var(--font-ui-medium);
  font-variant: all-small-caps;
}

.search-suggest-item.is-selected {
  background-color: rgb(var(--ctp-accent));
  color: var(--text-on-accent);
}
.search-suggest-item.is-selected .list-item-part.clickable-icon {
  color: var(--text-muted);
}
.search-suggest-item.is-selected .search-suggest-info-text {
  color: var(--text-on-accent);
}

.list-item-part.clickable-icon:hover,
.list-item-part.clickable-icon:active {
  background-color: rgb(var(--ctp-accent));
}

.search-result-file-match {
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}

.search-result-file-match:hover .search-result-file-matched-text {
  background-color: rgb(var(--ctp-rosewater), 60%);
  color: var(--text-on-accent);
}

.search-result-file-matched-text {
  background-color: rgb(var(--ctp-rosewater));
  color: var(--text-on-accent);
}

.is-flashing,
.cm-s-obsidian .is-flashing .cm-url {
  --tag-color: var(--text-on-accent);
  background-color: rgb(var(--ctp-rosewater));
  color: var(--text-on-accent);
}

.is-flashing .cm-quote.cm-quote {
  color: var(--text-on-accent);
}

.cm-s-obsidian .is-flashing .cm-url .cm-underline:hover,
.cm-s-obsidian .is-flashing span.cm-url:hover {
  --link-external-color-hover: var(--text-on-accent);
}

.community-item .suggestion-highlight {
  color: var(--text-on-accent);
}

.community-item:hover {
  --background-modifier-border-hover: rgb(var(--ctp-accent));
}

.community-item.is-selected,
.community-item.is-selected:hover {
  --interactive-accent: rgb(var(--ctp-mauve));
}

.status-bar-item {
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}

.status-bar-item.mod-clickable:hover {
  --background-modifier-hover: rgb(var(--ctp-accent));
  color: var(--text-on-accent);
}

.view-header-title-parent .view-header-breadcrumb {
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}
.view-header-title-parent .view-header-breadcrumb:hover {
  background-color: rgb(var(--ctp-accent));
  color: var(--text-on-accent);
}

.horizontal-tab-nav-item,
.vertical-tab-nav-item {
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}

.horizontal-tab-nav-item:hover,
.vertical-tab-nav-item:hover {
  background-color: rgb(var(--ctp-accent));
  color: var(--text-on-accent);
}

.horizontal-tab-nav-item.is-active,
.vertical-tab-nav-item.is-active {
  background-color: rgb(var(--ctp-accent));
}
.horizontal-tab-nav-item.is-active:hover,
.vertical-tab-nav-item.is-active:hover {
  background-color: rgb(var(--ctp-accent));
}

.nav-folder-title,
.nav-file-title {
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}

.search-result:not(.is-collapsed) .search-result-file-title {
  --nav-item-color-active: var(--text-normal);
}

.tree-item-self,
.embedded-backlinks .backlink-pane .tree-item-flair {
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}

:not(.is-grabbing) .nav-file-title:hover,
:not(.is-grabbing) .nav-folder-title:hover,
.nav-file-title.is-active,
.nav-folder-title.is-active,
.tree-item-self.is-clickable:hover {
  --nav-item-background-active: rgb(var(--ctp-accent));
  --nav-item-background-hover: rgb(var(--ctp-accent));
  --nav-item-color-hover: var(--text-on-accent);
  --nav-item-color-active: var(--text-on-accent);
}

.nav-folder.mod-root > .nav-folder-title:hover {
  color: rgb(var(--text-normal));
}

.tree-item-flair {
  color: var(--text-muted);
}

.tree-item-self:hover .tree-item-flair,
.backlink-pane > .tree-item-self.is-collapsed:hover,
.outgoing-link-pane > .tree-item-self.is-collapsed:hover {
  color: var(--text-on-accent);
}

.nav-file-tag {
  background-color: rgb(var(--ctp-surface0));
  color: var(--text-normal);
  outline: 1px solid rgb(var(--ctp-surface1));
}

.is-active .nav-file-tag {
  box-shadow: inset 0 0 2px rgb(var(--ctp-crust)), inset 0 0 4px rgb(var(--ctp-mantle));
}

/*
* #TODO?
* This is trying to minimize how jarring this weird thing
* that happens when you click the folder name in the header title.
* It looks odd in the default theme, too.
*/
.is-flashing .nav-folder-title,
.is-flashing .nav-file-title {
  color: var(--text-on-accent);
}

/*
* Bookmarks
*/
.tree-item-self.is-selected {
  background-color: rgb(var(--ctp-accent));
  color: var(--text-on-accent);
}
.tree-item-self.is-selected .tree-item-icon {
  color: var(--text-on-accent);
}

body:not(.is-grabbing) .tree-item-self.is-active,
.tree-item-self.is-active,
.tree-item-self.is-clickable {
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}

body:not(.is-grabbing) .tree-item-self.is-active:hover,
.tree-item-self.is-active {
  --nav-item-color-active: var(--text-on-accent);
  --nav-item-background-active: rgb(var(--ctp-accent));
}
body:not(.is-grabbing) .tree-item-self.is-active:hover .tree-item-icon,
.tree-item-self.is-active .tree-item-icon {
  --icon-color: var(--text-on-accent);
}

@media (hover: hover) {
  body:not(.is-grabbing) .tree-item-self.is-clickable:hover .tree-item-icon {
    --icon-color: var(--text-on-accent);
  }
}
.tree-item-icon {
  transition: var(--transition-hover-color);
}

.mod-vertical .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
  --background-modifier-hover: rgb(var(--ctp-accent));
  --background-modifier-active-hover: rgb(var(--ctp-accent));
}
.mod-vertical .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner .workspace-tab-header-inner-title {
  color: var(--text-on-accent);
}
.mod-vertical .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner svg {
  color: var(--text-on-accent);
}

.workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}

/* Stacked tabs */
/* TODO disentangle all the tabs css */
.mod-vertical .workspace-tabs.mod-stacked .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
  --background-modifier-hover: transparent;
  --background-modifier-active-hover: transparent;
}
.mod-vertical .workspace-tabs.mod-stacked .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner .workspace-tab-header-inner-title {
  color: rgb(var(--ctp-accent));
}

.mod-vertical .workspace-tabs.mod-stacked .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button:hover svg {
  color: var(--text-on-accent);
}

.mod-vertical .workspace-tabs.mod-stacked .workspace-tab-header:not(.is-active) .workspace-tab-header-inner svg {
  color: var(--text-muted);
}

.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-header-inner:hover .workspace-tab-header-inner-title {
  color: rgb(var(--ctp-accent));
}

.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-icon:hover {
  background-color: transparent;
}

.canvas-node-label {
  color: var(--text-muted);
}

/* Indicates item is selected/focused */
.canvas-node.is-selected .canvas-node-label,
.canvas-node.is-focused .canvas-node-label {
  color: rgb(var(--canvas-color));
}

.canvas-controls button:hover {
  --interactive-hover: rgb(var(--ctp-accent));
  --text-normal: var(--text-on-accent);
}

.canvas-controls button:disabled:hover {
  opacity: 40%;
}

.canvas-control-item {
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}

@media (hover: hover) {
  .canvas-control-item:hover {
    background-color: rgb(var(--ctp-pink));
    color: var(--text-on-accent);
  }
}
.canvas-node-container {
  border-radius: var(--radius-l);
}

/* Makes boxes a little less intense */
.canvas-node.is-themed .canvas-node-container {
  border-width: 1px;
  border-color: rgb(var(--canvas-color), 60%);
  box-shadow: none;
}

.canvas-node.is-selected.is-themed .canvas-node-container,
.canvas-node.is-focused.is-themed .canvas-node-container {
  border-width: 2px;
  box-shadow: none;
}

.canvas-node.is-themed .canvas-node-content {
  background-color: rgb(var(--canvas-color), 10%);
}

.mod-settings input.slider {
  --slider-track-background: rgb(var(--ctp-accent));
}
.mod-settings input[type=color]::-webkit-color-swatch:hover {
  box-shadow: inset 0 0 0 1px rgb(var(--mono-rgb-100), 25%), 0 0 0 2px rgb(var(--ctp-surface1));
}
.mod-settings .checkbox-container {
  --background-modifier-border-hover: rgb(var(--ctp-red));
  box-shadow: 0 0 2px inset rgb(var(--ctp-base));
}
.mod-settings .checkbox-container::after {
  --toggle-thumb-color: var(--text-on-accent);
  box-shadow: 0 0 4px rgb(var(--ctp-base));
}
.mod-settings .checkbox-container:hover {
  box-shadow: none;
}
.mod-settings .vertical-tab-header-group-title {
  color: var(--text-muted);
  font-size: var(--font-ui-medium);
  font-variant: all-small-caps;
}

.checkbox-container.is-enabled {
  background-color: rgb(var(--ctp-green));
}

button.mod-cta {
  border: 0;
  border-radius: var(--button-radius);
  -webkit-app-region: no-drag;
  color: var(--text-normal);
  cursor: var(--cursor);
  font-family: inherit;
  font-size: var(--font-ui-small);
  font-weight: var(--input-font-weight);
  outline: none;
  user-select: none;
  white-space: nowrap;
}
button.mod-cta:not(.clickable-icon) {
  background-color: var(--interactive-normal);
}
button.mod-cta:hover {
  background-color: var(--interactive-hover);
}

.modal {
  border-color: rgb(var(--ctp-surface1));
}

.style-settings-heading[data-id=catppuccin-theme-credits-link] + .style-settings-container,
.style-settings-heading[data-id=catppuccin-theme-credits-link] .style-settings-collapse-indicator {
  display: none;
}
.style-settings-heading[data-id=catppuccin-theme-credits-link]:not(.is-collapsed) {
  margin-bottom: 0;
}

.community-item .flair:not(.mod-pop) {
  --tag-background: rgb(var(--ctp-accent));
  --tag-color: var(--text-on-accent);
  text-transform: lowercase;
}

.theme-dark:not(.css-settings-manager),
.theme-light:not(.css-settings-manager),
.ctp-full-palette {
  --blockquote-border-color: rgb(var(--ctp-lavender));
  --ctp-accent: var(--ctp-lavender);
  --divider-color-hover: rgb(var(--ctp-blue));
  --hr-color: rgb(var(--ctp-blue));
  --indentation-guide-color: rgb(var(--ctp-surface1));
  --indentation-guide-color-active: rgb(var(--ctp-sapphire), 70%);
  --indentation-guide-width: 2px;
  --list-marker-color: rgb(var(--ctp-sapphire));
  --checklist-done-color: rgb(var(--ctp-green));
  /*
  * Nav bar
  */
  /*
  * Icons
  */
  /*
  * Tabs
  */
  /*
  * Prompts
  */
  /*
  * Search
  */
  /*
  * Dropdowns
  */
  /*
  * Checkboxes
  */
  /*
  ? I think !important is necessary to overwrite app.css's
  */
  /*
  *  settings slider
  */
  /*
  * Canvas
  */
  /*
  * Bookmarks
  */
}
.theme-dark:not(.css-settings-manager) .workspace-tab-header-inner-close-button:hover,
.theme-light:not(.css-settings-manager) .workspace-tab-header-inner-close-button:hover,
.ctp-full-palette .workspace-tab-header-inner-close-button:hover {
  box-shadow: none;
}
.theme-dark:not(.css-settings-manager) .nav-file-title.is-active,
.theme-dark:not(.css-settings-manager) .nav-folder-title.is-active,
.theme-light:not(.css-settings-manager) .nav-file-title.is-active,
.theme-light:not(.css-settings-manager) .nav-folder-title.is-active,
.ctp-full-palette .nav-file-title.is-active,
.ctp-full-palette .nav-folder-title.is-active {
  --nav-item-background-active: rgb(var(--ctp-mauve));
}
.theme-dark:not(.css-settings-manager) :not(.is-grabbing) .nav-file-title:hover,
.theme-dark:not(.css-settings-manager) :not(.is-grabbing) .nav-folder-title:hover,
.theme-dark:not(.css-settings-manager) .tree-item-self.is-clickable:hover,
.theme-light:not(.css-settings-manager) :not(.is-grabbing) .nav-file-title:hover,
.theme-light:not(.css-settings-manager) :not(.is-grabbing) .nav-folder-title:hover,
.theme-light:not(.css-settings-manager) .tree-item-self.is-clickable:hover,
.ctp-full-palette :not(.is-grabbing) .nav-file-title:hover,
.ctp-full-palette :not(.is-grabbing) .nav-folder-title:hover,
.ctp-full-palette .tree-item-self.is-clickable:hover {
  background-color: rgb(var(--ctp-accent));
  color: var(--text-on-accent);
}
.theme-dark:not(.css-settings-manager) .nav-folder.mod-root > .nav-folder-title:hover,
.theme-light:not(.css-settings-manager) .nav-folder.mod-root > .nav-folder-title:hover,
.ctp-full-palette .nav-folder.mod-root > .nav-folder-title:hover {
  background-color: transparent;
  color: rgb(var(--text-normal));
}
.theme-dark:not(.css-settings-manager) .clickable-icon.is-active,
.theme-dark:not(.css-settings-manager) .mod-left-split .workspace-tab-header.has-active-menu,
.theme-dark:not(.css-settings-manager) .mod-right-split .workspace-tab-header.has-active-menu,
.theme-dark:not(.css-settings-manager) .mod-left-split .workspace-tab-header.is-active,
.theme-dark:not(.css-settings-manager) .mod-right-split .workspace-tab-header.is-active,
.theme-light:not(.css-settings-manager) .clickable-icon.is-active,
.theme-light:not(.css-settings-manager) .mod-left-split .workspace-tab-header.has-active-menu,
.theme-light:not(.css-settings-manager) .mod-right-split .workspace-tab-header.has-active-menu,
.theme-light:not(.css-settings-manager) .mod-left-split .workspace-tab-header.is-active,
.theme-light:not(.css-settings-manager) .mod-right-split .workspace-tab-header.is-active,
.ctp-full-palette .clickable-icon.is-active,
.ctp-full-palette .mod-left-split .workspace-tab-header.has-active-menu,
.ctp-full-palette .mod-right-split .workspace-tab-header.has-active-menu,
.ctp-full-palette .mod-left-split .workspace-tab-header.is-active,
.ctp-full-palette .mod-right-split .workspace-tab-header.is-active {
  box-shadow: inset 0 0 4px rgb(var(--ctp-crust)), inset 0 0 6px rgb(var(--ctp-base));
  outline: 1px solid rgb(var(--ctp-surface1));
  transition: var(--transition-hover-bg), var(--transition-hover-box-shadow);
}
.theme-dark:not(.css-settings-manager) .clickable-icon.is-active svg,
.theme-dark:not(.css-settings-manager) .mod-left-split .workspace-tab-header.has-active-menu svg,
.theme-dark:not(.css-settings-manager) .mod-right-split .workspace-tab-header.has-active-menu svg,
.theme-dark:not(.css-settings-manager) .mod-left-split .workspace-tab-header.is-active svg,
.theme-dark:not(.css-settings-manager) .mod-right-split .workspace-tab-header.is-active svg,
.theme-light:not(.css-settings-manager) .clickable-icon.is-active svg,
.theme-light:not(.css-settings-manager) .mod-left-split .workspace-tab-header.has-active-menu svg,
.theme-light:not(.css-settings-manager) .mod-right-split .workspace-tab-header.has-active-menu svg,
.theme-light:not(.css-settings-manager) .mod-left-split .workspace-tab-header.is-active svg,
.theme-light:not(.css-settings-manager) .mod-right-split .workspace-tab-header.is-active svg,
.ctp-full-palette .clickable-icon.is-active svg,
.ctp-full-palette .mod-left-split .workspace-tab-header.has-active-menu svg,
.ctp-full-palette .mod-right-split .workspace-tab-header.has-active-menu svg,
.ctp-full-palette .mod-left-split .workspace-tab-header.is-active svg,
.ctp-full-palette .mod-right-split .workspace-tab-header.is-active svg {
  color: rgb(var(--ctp-pink));
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}
.theme-dark:not(.css-settings-manager) .clickable-icon.is-active:hover, .theme-dark:not(.css-settings-manager) .clickable-icon.is-active:hover svg,
.theme-dark:not(.css-settings-manager) .mod-left-split .workspace-tab-header.has-active-menu:hover,
.theme-dark:not(.css-settings-manager) .mod-left-split .workspace-tab-header.has-active-menu:hover svg,
.theme-dark:not(.css-settings-manager) .mod-right-split .workspace-tab-header.has-active-menu:hover,
.theme-dark:not(.css-settings-manager) .mod-right-split .workspace-tab-header.has-active-menu:hover svg,
.theme-dark:not(.css-settings-manager) .mod-left-split .workspace-tab-header.is-active:hover,
.theme-dark:not(.css-settings-manager) .mod-left-split .workspace-tab-header.is-active:hover svg,
.theme-dark:not(.css-settings-manager) .mod-right-split .workspace-tab-header.is-active:hover,
.theme-dark:not(.css-settings-manager) .mod-right-split .workspace-tab-header.is-active:hover svg,
.theme-light:not(.css-settings-manager) .clickable-icon.is-active:hover,
.theme-light:not(.css-settings-manager) .clickable-icon.is-active:hover svg,
.theme-light:not(.css-settings-manager) .mod-left-split .workspace-tab-header.has-active-menu:hover,
.theme-light:not(.css-settings-manager) .mod-left-split .workspace-tab-header.has-active-menu:hover svg,
.theme-light:not(.css-settings-manager) .mod-right-split .workspace-tab-header.has-active-menu:hover,
.theme-light:not(.css-settings-manager) .mod-right-split .workspace-tab-header.has-active-menu:hover svg,
.theme-light:not(.css-settings-manager) .mod-left-split .workspace-tab-header.is-active:hover,
.theme-light:not(.css-settings-manager) .mod-left-split .workspace-tab-header.is-active:hover svg,
.theme-light:not(.css-settings-manager) .mod-right-split .workspace-tab-header.is-active:hover,
.theme-light:not(.css-settings-manager) .mod-right-split .workspace-tab-header.is-active:hover svg,
.ctp-full-palette .clickable-icon.is-active:hover,
.ctp-full-palette .clickable-icon.is-active:hover svg,
.ctp-full-palette .mod-left-split .workspace-tab-header.has-active-menu:hover,
.ctp-full-palette .mod-left-split .workspace-tab-header.has-active-menu:hover svg,
.ctp-full-palette .mod-right-split .workspace-tab-header.has-active-menu:hover,
.ctp-full-palette .mod-right-split .workspace-tab-header.has-active-menu:hover svg,
.ctp-full-palette .mod-left-split .workspace-tab-header.is-active:hover,
.ctp-full-palette .mod-left-split .workspace-tab-header.is-active:hover svg,
.ctp-full-palette .mod-right-split .workspace-tab-header.is-active:hover,
.ctp-full-palette .mod-right-split .workspace-tab-header.is-active:hover svg {
  background-color: rgb(var(--ctp-pink));
  box-shadow: none;
  color: var(--text-on-accent);
}
.theme-dark:not(.css-settings-manager) .clickable-icon,
.theme-dark:not(.css-settings-manager) .mod-left-split .workspace-tab-header,
.theme-dark:not(.css-settings-manager) .mod-right-split .workspace-tab-header,
.theme-light:not(.css-settings-manager) .clickable-icon,
.theme-light:not(.css-settings-manager) .mod-left-split .workspace-tab-header,
.theme-light:not(.css-settings-manager) .mod-right-split .workspace-tab-header,
.ctp-full-palette .clickable-icon,
.ctp-full-palette .mod-left-split .workspace-tab-header,
.ctp-full-palette .mod-right-split .workspace-tab-header {
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}
.theme-dark:not(.css-settings-manager) .clickable-icon:hover,
.theme-dark:not(.css-settings-manager) .mod-left-split .workspace-tab-header:hover,
.theme-dark:not(.css-settings-manager) .mod-right-split .workspace-tab-header:hover,
.theme-light:not(.css-settings-manager) .clickable-icon:hover,
.theme-light:not(.css-settings-manager) .mod-left-split .workspace-tab-header:hover,
.theme-light:not(.css-settings-manager) .mod-right-split .workspace-tab-header:hover,
.ctp-full-palette .clickable-icon:hover,
.ctp-full-palette .mod-left-split .workspace-tab-header:hover,
.ctp-full-palette .mod-right-split .workspace-tab-header:hover {
  background-color: rgb(var(--ctp-pink));
  color: var(--text-on-accent);
}
.theme-dark:not(.css-settings-manager) .clickable-icon:hover svg,
.theme-dark:not(.css-settings-manager) .mod-left-split .workspace-tab-header:hover svg,
.theme-dark:not(.css-settings-manager) .mod-right-split .workspace-tab-header:hover svg,
.theme-light:not(.css-settings-manager) .clickable-icon:hover svg,
.theme-light:not(.css-settings-manager) .mod-left-split .workspace-tab-header:hover svg,
.theme-light:not(.css-settings-manager) .mod-right-split .workspace-tab-header:hover svg,
.ctp-full-palette .clickable-icon:hover svg,
.ctp-full-palette .mod-left-split .workspace-tab-header:hover svg,
.ctp-full-palette .mod-right-split .workspace-tab-header:hover svg {
  color: var(--text-on-accent);
}
.theme-dark:not(.css-settings-manager) .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner,
.theme-light:not(.css-settings-manager) .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner,
.ctp-full-palette .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
  --background-modifier-hover: rgb(var(--ctp-pink));
}
.theme-dark:not(.css-settings-manager) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-icon:hover,
.theme-light:not(.css-settings-manager) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-icon:hover,
.ctp-full-palette .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-icon:hover {
  background-color: transparent;
}
.theme-dark:not(.css-settings-manager) .mod-vertical .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner svg,
.theme-light:not(.css-settings-manager) .mod-vertical .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner svg,
.ctp-full-palette .mod-vertical .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner svg {
  color: var(--text-on-accent);
}
.theme-dark:not(.css-settings-manager) .mod-vertical .workspace-tabs.mod-stacked .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button:hover svg,
.theme-light:not(.css-settings-manager) .mod-vertical .workspace-tabs.mod-stacked .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button:hover svg,
.ctp-full-palette .mod-vertical .workspace-tabs.mod-stacked .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button:hover svg {
  color: var(--text-on-accent);
}
.theme-dark:not(.css-settings-manager) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-header-inner:hover .workspace-tab-header-inner-title,
.theme-light:not(.css-settings-manager) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-header-inner:hover .workspace-tab-header-inner-title,
.ctp-full-palette .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-header-inner:hover .workspace-tab-header-inner-title {
  color: rgb(var(--ctp-pink));
}
.theme-dark:not(.css-settings-manager) .mod-vertical .workspace-tabs.mod-stacked .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner .workspace-tab-header-inner-title,
.theme-light:not(.css-settings-manager) .mod-vertical .workspace-tabs.mod-stacked .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner .workspace-tab-header-inner-title,
.ctp-full-palette .mod-vertical .workspace-tabs.mod-stacked .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner .workspace-tab-header-inner-title {
  color: rgb(var(--ctp-pink));
}
.theme-dark:not(.css-settings-manager) .suggestion-item.is-selected,
.theme-light:not(.css-settings-manager) .suggestion-item.is-selected,
.ctp-full-palette .suggestion-item.is-selected {
  --background-modifier-hover: rgb(var(--ctp-lavender));
  color: var(--text-on-accent);
}
.theme-dark:not(.css-settings-manager) .suggestion-item.is-selected:hover .suggestion-flair,
.theme-light:not(.css-settings-manager) .suggestion-item.is-selected:hover .suggestion-flair,
.ctp-full-palette .suggestion-item.is-selected:hover .suggestion-flair {
  color: var(--text-on-accent);
}
.theme-dark:not(.css-settings-manager) .suggestion .suggestion-item.mod-group,
.theme-light:not(.css-settings-manager) .suggestion .suggestion-item.mod-group,
.ctp-full-palette .suggestion .suggestion-item.mod-group {
  background-color: inherit;
  color: var(--text-muted);
  font-size: var(--font-ui-medium);
  font-variant: all-small-caps;
}
.theme-dark:not(.css-settings-manager) .search-suggest-item.is-selected,
.theme-light:not(.css-settings-manager) .search-suggest-item.is-selected,
.ctp-full-palette .search-suggest-item.is-selected {
  background-color: rgb(var(--ctp-accent));
  color: var(--text-on-accent);
}
.theme-dark:not(.css-settings-manager) .search-suggest-item.is-selected .list-item-part.clickable-icon,
.theme-light:not(.css-settings-manager) .search-suggest-item.is-selected .list-item-part.clickable-icon,
.ctp-full-palette .search-suggest-item.is-selected .list-item-part.clickable-icon {
  color: var(--text-muted);
}
.theme-dark:not(.css-settings-manager) .search-suggest-item.is-selected .search-suggest-info-text,
.theme-light:not(.css-settings-manager) .search-suggest-item.is-selected .search-suggest-info-text,
.ctp-full-palette .search-suggest-item.is-selected .search-suggest-info-text {
  color: var(--text-on-accent);
}
.theme-dark:not(.css-settings-manager) select:focus,
.theme-dark:not(.css-settings-manager) .dropdown:focus,
.theme-light:not(.css-settings-manager) select:focus,
.theme-light:not(.css-settings-manager) .dropdown:focus,
.ctp-full-palette select:focus,
.ctp-full-palette .dropdown:focus {
  box-shadow: 0 0 0 2px rgb(var(--ctp-blue), 70%);
}
.theme-dark:not(.css-settings-manager) textarea:active,
.theme-dark:not(.css-settings-manager) input[type=text]:active,
.theme-dark:not(.css-settings-manager) input[type=search]:active,
.theme-dark:not(.css-settings-manager) input[type=email]:active,
.theme-dark:not(.css-settings-manager) input[type=password]:active,
.theme-dark:not(.css-settings-manager) input[type=number]:active,
.theme-dark:not(.css-settings-manager) textarea:focus,
.theme-dark:not(.css-settings-manager) input[type=text]:focus,
.theme-dark:not(.css-settings-manager) input[type=search]:focus,
.theme-dark:not(.css-settings-manager) input[type=email]:focus,
.theme-dark:not(.css-settings-manager) input[type=password]:focus,
.theme-dark:not(.css-settings-manager) input[type=number]:focus,
.theme-dark:not(.css-settings-manager) textarea:focus-visible,
.theme-dark:not(.css-settings-manager) input[type=text]:focus-visible,
.theme-dark:not(.css-settings-manager) input[type=search]:focus-visible,
.theme-dark:not(.css-settings-manager) input[type=email]:focus-visible,
.theme-dark:not(.css-settings-manager) input[type=password]:focus-visible,
.theme-dark:not(.css-settings-manager) input[type=number]:focus-visible,
.theme-light:not(.css-settings-manager) textarea:active,
.theme-light:not(.css-settings-manager) input[type=text]:active,
.theme-light:not(.css-settings-manager) input[type=search]:active,
.theme-light:not(.css-settings-manager) input[type=email]:active,
.theme-light:not(.css-settings-manager) input[type=password]:active,
.theme-light:not(.css-settings-manager) input[type=number]:active,
.theme-light:not(.css-settings-manager) textarea:focus,
.theme-light:not(.css-settings-manager) input[type=text]:focus,
.theme-light:not(.css-settings-manager) input[type=search]:focus,
.theme-light:not(.css-settings-manager) input[type=email]:focus,
.theme-light:not(.css-settings-manager) input[type=password]:focus,
.theme-light:not(.css-settings-manager) input[type=number]:focus,
.theme-light:not(.css-settings-manager) textarea:focus-visible,
.theme-light:not(.css-settings-manager) input[type=text]:focus-visible,
.theme-light:not(.css-settings-manager) input[type=search]:focus-visible,
.theme-light:not(.css-settings-manager) input[type=email]:focus-visible,
.theme-light:not(.css-settings-manager) input[type=password]:focus-visible,
.theme-light:not(.css-settings-manager) input[type=number]:focus-visible,
.ctp-full-palette textarea:active,
.ctp-full-palette input[type=text]:active,
.ctp-full-palette input[type=search]:active,
.ctp-full-palette input[type=email]:active,
.ctp-full-palette input[type=password]:active,
.ctp-full-palette input[type=number]:active,
.ctp-full-palette textarea:focus,
.ctp-full-palette input[type=text]:focus,
.ctp-full-palette input[type=search]:focus,
.ctp-full-palette input[type=email]:focus,
.ctp-full-palette input[type=password]:focus,
.ctp-full-palette input[type=number]:focus,
.ctp-full-palette textarea:focus-visible,
.ctp-full-palette input[type=text]:focus-visible,
.ctp-full-palette input[type=search]:focus-visible,
.ctp-full-palette input[type=email]:focus-visible,
.ctp-full-palette input[type=password]:focus-visible,
.ctp-full-palette input[type=number]:focus-visible {
  box-shadow: 0 0 0 2px rgb(var(--ctp-blue), 70%);
}
.theme-dark:not(.css-settings-manager) input[type=checkbox]:not(:checked),
.theme-light:not(.css-settings-manager) input[type=checkbox]:not(:checked),
.ctp-full-palette input[type=checkbox]:not(:checked) {
  border-color: rgb(var(--ctp-maroon));
  background-color: rgb(var(--ctp-red));
  box-shadow: inset 4px 4px 12px rgb(var(--ctp-mantle)), inset -4px -4px 12px rgb(var(--ctp-mantle));
}
.theme-dark:not(.css-settings-manager) input[type=checkbox]:not(:checked):hover,
.theme-light:not(.css-settings-manager) input[type=checkbox]:not(:checked):hover,
.ctp-full-palette input[type=checkbox]:not(:checked):hover {
  border-width: 2px;
}
.theme-dark:not(.css-settings-manager) input[type=checkbox]:checked,
.theme-light:not(.css-settings-manager) input[type=checkbox]:checked,
.ctp-full-palette input[type=checkbox]:checked {
  border-color: transparent;
  background-color: rgb(var(--ctp-green));
  box-shadow: 0 0 0 1px rgb(var(--ctp-green), 40%);
}
.theme-dark:not(.css-settings-manager) input[type=checkbox]:checked:hover,
.theme-light:not(.css-settings-manager) input[type=checkbox]:checked:hover,
.ctp-full-palette input[type=checkbox]:checked:hover {
  background-color: rgb(var(--ctp-maroon));
  box-shadow: 0 0 0 1px rgb(var(--ctp-maroon), 40%);
}
.theme-dark:not(.css-settings-manager) .horizontal-tab-nav-item:hover,
.theme-dark:not(.css-settings-manager) .vertical-tab-nav-item:hover,
.theme-light:not(.css-settings-manager) .horizontal-tab-nav-item:hover,
.theme-light:not(.css-settings-manager) .vertical-tab-nav-item:hover,
.ctp-full-palette .horizontal-tab-nav-item:hover,
.ctp-full-palette .vertical-tab-nav-item:hover {
  background-color: rgb(var(--ctp-accent));
  color: var(--text-on-accent);
}
.theme-dark:not(.css-settings-manager) .horizontal-tab-nav-item.is-active,
.theme-dark:not(.css-settings-manager) .vertical-tab-nav-item.is-active,
.theme-light:not(.css-settings-manager) .horizontal-tab-nav-item.is-active,
.theme-light:not(.css-settings-manager) .vertical-tab-nav-item.is-active,
.ctp-full-palette .horizontal-tab-nav-item.is-active,
.ctp-full-palette .vertical-tab-nav-item.is-active {
  background-color: rgb(var(--ctp-mauve));
}
.theme-dark:not(.css-settings-manager) .horizontal-tab-nav-item.is-active:hover,
.theme-dark:not(.css-settings-manager) .vertical-tab-nav-item.is-active:hover,
.theme-light:not(.css-settings-manager) .horizontal-tab-nav-item.is-active:hover,
.theme-light:not(.css-settings-manager) .vertical-tab-nav-item.is-active:hover,
.ctp-full-palette .horizontal-tab-nav-item.is-active:hover,
.ctp-full-palette .vertical-tab-nav-item.is-active:hover {
  background-color: rgb(var(--ctp-accent));
}
.theme-dark:not(.css-settings-manager) .HyperMD-header .cm-formatting-header,
.theme-light:not(.css-settings-manager) .HyperMD-header .cm-formatting-header,
.ctp-full-palette .HyperMD-header .cm-formatting-header {
  color: rgb(var(--ctp-sapphire));
  font-size: 75% !important;
}
.theme-dark:not(.css-settings-manager) .mod-settings input.slider,
.theme-light:not(.css-settings-manager) .mod-settings input.slider,
.ctp-full-palette .mod-settings input.slider {
  --slider-track-background: rgb(var(--ctp-green));
}
.theme-dark:not(.css-settings-manager) .mod-settings input[type=color]::-webkit-color-swatch:hover,
.theme-light:not(.css-settings-manager) .mod-settings input[type=color]::-webkit-color-swatch:hover,
.ctp-full-palette .mod-settings input[type=color]::-webkit-color-swatch:hover {
  box-shadow: inset 0 0 0 1px rgb(var(--mono-rgb-100), 25%), 0 0 0 2px rgb(var(--ctp-surface1));
}
.theme-dark:not(.css-settings-manager) .canvas-controls button:hover,
.theme-light:not(.css-settings-manager) .canvas-controls button:hover,
.ctp-full-palette .canvas-controls button:hover {
  background-color: rgb(var(--ctp-pink));
}
.theme-dark:not(.css-settings-manager) body:not(.is-grabbing) .tree-item-self.is-active:hover,
.theme-dark:not(.css-settings-manager) .tree-item-self.is-active,
.theme-light:not(.css-settings-manager) body:not(.is-grabbing) .tree-item-self.is-active:hover,
.theme-light:not(.css-settings-manager) .tree-item-self.is-active,
.ctp-full-palette body:not(.is-grabbing) .tree-item-self.is-active:hover,
.ctp-full-palette .tree-item-self.is-active {
  --nav-item-color-active: var(--text-on-accent);
  --nav-item-background-active: rgb(var(--ctp-mauve));
}
.theme-dark:not(.css-settings-manager) body:not(.is-grabbing) .tree-item-self.is-active:hover .tree-item-icon,
.theme-dark:not(.css-settings-manager) .tree-item-self.is-active .tree-item-icon,
.theme-light:not(.css-settings-manager) body:not(.is-grabbing) .tree-item-self.is-active:hover .tree-item-icon,
.theme-light:not(.css-settings-manager) .tree-item-self.is-active .tree-item-icon,
.ctp-full-palette body:not(.is-grabbing) .tree-item-self.is-active:hover .tree-item-icon,
.ctp-full-palette .tree-item-self.is-active .tree-item-icon {
  --icon-color: var(--text-on-accent);
}

.better-command-palette .suggestion-item.mod-complex.is-selected .suggestion-note {
  color: var(--text-on-accent);
}

.better-command-palette .better-command-palette-title {
  padding-left: var(--size-4-3);
  margin: var(--size-4-3);
}

.better-command-palette .suggestion-item .suggestion-flair {
  border-radius: var(--radius-s);
  margin-bottom: 1px;
  background-color: rgb(var(--ctp-surface0));
  color: var(--text-muted);
}

.better-command-palette.better-command-palette .suggestion-item.is-selected:hover .suggestion-flair {
  color: var(--text-muted);
}

/*
* Improves spacing around hidden palette items box
*/
.better-command-palette.better-command-palette .suggestion-hotkey {
  padding: var(--size-2-1) var(--size-4-3);
  margin-right: var(--size-2-3);
}

.better-command-palette .hidden-items-header {
  padding-left: 12px;
  margin-bottom: 6px;
}

.better-command-palette .hidden-items-header:empty {
  margin: 1px;
}

/* Obsidian Git */
.git-commit-msg .git-commit-msg-clear-button:hover {
  --search-clear-button-color: rgb(var(--ctp-red));
}

/* Another Quick Switcher */
.suggestion-item.is-selected .another-quick-switcher__item__directory,
.suggestion-item.is-selected .another-quick-switcher__item__description {
  color: var(--text-on-accent);
}

.another-quick-switcher__hit_word {
  background-color: rgb(var(--ctp-rosewater), 60%);
  color: var(--text-on-accent);
}

/*
* Adds some padding for larger Catppuccin separator
*/
.another-quick-switcher__status__search-command {
  padding-bottom: 0.5rem;
}

.another-quick-switcher__grep__path-input__wrapper {
  margin: var(--size-4-1);
}

/* Omnisearch */
.suggestion-item.is-selected .omnisearch-result__body {
  color: var(--text-on-accent);
}

.omnisearch-default-highlight {
  color: var(--text-on-accent);
}

.omnisearch-result.is-selected .omnisearch-default-highlight {
  background-color: rgb(var(--ctp-rosewater), 60%);
}

/*
* MAKE.md
*/
body:not(.is-mobile) .mk-main-menu-button:hover {
  background-color: rgb(var(--ctp-accent));
  color: var(--text-on-accent);
}

.ctp-full-palette .mk-sidebar-item {
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}
.ctp-full-palette .mk-sidebar-item:hover {
  background-color: rgb(var(--ctp-pink));
  color: var(--text-on-accent);
}
.ctp-full-palette .mk-sidebar-item:hover svg {
  color: var(--text-on-accent);
}

.ctp-full-palette .mk-sidebar-item-active {
  box-shadow: inset 0 0 4px rgb(var(--ctp-crust)), inset 0 0 6px rgb(var(--ctp-base));
  outline: 1px solid rgb(var(--ctp-surface1));
  transition: var(--transition-hover-bg), var(--transition-hover-box-shadow);
}
.ctp-full-palette .mk-sidebar-item-active svg {
  color: rgb(var(--ctp-pink)) !important;
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}
.ctp-full-palette .mk-sidebar-item-active:hover svg, .ctp-full-palette .mk-sidebar-item-active:hover {
  background-color: rgb(var(--ctp-pink));
  box-shadow: none;
  color: var(--text-on-accent) !important;
}

.mk-sidebar-item {
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}
.mk-sidebar-item:hover {
  background-color: rgb(var(--ctp-accent));
  color: var(--text-on-accent);
}
.mk-sidebar-item:hover svg {
  color: var(--text-on-accent);
}

.mk-sidebar-item-active {
  box-shadow: inset 0 0 4px rgb(var(--ctp-crust)), inset 0 0 6px rgb(var(--ctp-base));
  outline: 1px solid rgb(var(--ctp-surface1));
  transition: var(--transition-hover-bg), var(--transition-hover-box-shadow);
}
.mk-sidebar-item-active svg {
  color: rgb(var(--ctp-accent)) !important;
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}
.mk-sidebar-item-active:hover svg, .mk-sidebar-item-active:hover {
  background-color: rgb(var(--ctp-accent));
  box-shadow: none;
  color: var(--text-on-accent) !important;
}

.mk-tree-item {
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}

.mk-tree-item svg {
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}

body:not(.is-mobile) .mk-tree-item:hover {
  background-color: rgb(var(--ctp-accent));
  color: var(--text-on-accent);
}

.mk-tree-item:hover svg {
  color: var(--text-on-accent) !important;
}

.mk-options-menu__suggestions li {
  transition: var(--transition-hover-bg), var(--transition-hover-color);
}

.mk-options-menu__suggestions li.is-active,
.mk-options-menu__suggestions li:hover {
  background-color: rgb(var(--ctp-accent));
  color: var(--text-on-accent);
}

.mk-file-context-field,
.mk-file-context-field-new button,
.mk-file-context-field-new button svg {
  color: var(--text-muted) !important;
}

.mk-file-context-field-new button:hover {
  color: rgb(var(--ctp-accent)) !important;
}

body:not(.is-mobile) .mk-tree-wrapper button {
  transition: var(--transition-hover-bg), var(--transition-hover-color), var(--transition-hover-box-shadow);
}

body:not(.is-mobile) .mk-folder-buttons button {
  margin-left: 2px;
  background-color: transparent !important;
}
body:not(.is-mobile) .mk-folder-buttons button svg {
  border-radius: 4px;
}
body:not(.is-mobile) .mk-folder-buttons button:hover svg {
  background-color: rgb(var(--ctp-surface0));
  box-shadow: var(--box-shadow-large);
  color: var(--text-normal) !important;
  outline: 1px solid rgb(var(--ctp-surface1));
}

/*
* TODO: Some of this is redundant in that it's css from app.css
* but not required for the theme to work when MAKE.md is off, so
* it should be simplified at some point.
*/
body:not(.is-grabbing).ctp-full-palette .mk-sidebar {
  --nav-item-background-active: rgb(var(--ctp-mauve));
  --nav-item-background-selected: rgb(var(--ctp-mauve));
  --nav-item-color-active: var(--text-on-accent);
  --nav-item-color-selected: var(--text-on-accent);
}

body:not(.is-grabbing .ctp-full-palette) .mk-sidebar {
  --nav-item-background-active: rgb(var(--ctp-accent), 90%);
  --nav-item-background-selected: rgb(var(--ctp-accent), 90%);
  --nav-item-color-active: var(--text-on-accent);
  --nav-item-color-selected: var(--text-on-accent);
}

/*
* Vollkorn is included as a base64 font in this theme.
* See font website here: http://vollkorn-typeface.com
*/
/* cyrillic-ext */
@font-face {
  font-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 400;
  src: url(data:font/woff2;base64,[encoded data, 38408 characters]) 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-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 400;
  src: url(data:font/woff2;base64,[encoded data, 35880 characters]) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 400;
  src: url(data:font/woff2;base64,[encoded data, 22796 characters]) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 400;
  src: url(data:font/woff2;base64,[encoded data, 12232 characters]) 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-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 400;
  src: url(data:font/woff2;base64,[encoded data, 43640 characters]) 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-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 400;
  src: url(data:font/woff2;base64,[encoded data, 58608 characters]) 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-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 500;
  src: url(data:font/woff2;base64,[encoded data, 38408 characters]) 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-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 500;
  src: url(data:font/woff2;base64,[encoded data, 35880 characters]) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 500;
  src: url(data:font/woff2;base64,[encoded data, 22796 characters]) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 500;
  src: url(data:font/woff2;base64,[encoded data, 12232 characters]) 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-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 500;
  src: url(data:font/woff2;base64,[encoded data, 43640 characters]) 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-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 500;
  src: url(data:font/woff2;base64,[encoded data, 58608 characters]) 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-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 600;
  src: url(data:font/woff2;base64,[encoded data, 38408 characters]) 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-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 600;
  src: url(data:font/woff2;base64,[encoded data, 35880 characters]) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 600;
  src: url(data:font/woff2;base64,[encoded data, 22796 characters]) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 600;
  src: url(data:font/woff2;base64,[encoded data, 12232 characters]) 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-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 600;
  src: url(data:font/woff2;base64,[encoded data, 43640 characters]) 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-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 600;
  src: url(data:font/woff2;base64,[encoded data, 58608 characters]) 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-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 700;
  src: url(data:font/woff2;base64,[encoded data, 38408 characters]) 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-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 700;
  src: url(data:font/woff2;base64,[encoded data, 35880 characters]) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 700;
  src: url(data:font/woff2;base64,[encoded data, 22796 characters]) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 700;
  src: url(data:font/woff2;base64,[encoded data, 12232 characters]) 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-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 700;
  src: url(data:font/woff2;base64,[encoded data, 43640 characters]) 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-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 700;
  src: url(data:font/woff2;base64,[encoded data, 58608 characters]) 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-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 800;
  src: url(data:font/woff2;base64,[encoded data, 38408 characters]) 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-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 800;
  src: url(data:font/woff2;base64,[encoded data, 35880 characters]) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 800;
  src: url(data:font/woff2;base64,[encoded data, 22796 characters]) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 800;
  src: url(data:font/woff2;base64,[encoded data, 12232 characters]) 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-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 800;
  src: url(data:font/woff2;base64,[encoded data, 43640 characters]) 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-display: swap;
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 800;
  src: url(data:font/woff2;base64,[encoded data, 58608 characters]) 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: "Vollkorn";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(data:font/woff;base64,[encoded data, 26508 characters]) format("woff");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Vollkorn";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(data:font/woff;base64,[encoded data, 23420 characters]) format("woff");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: "Vollkorn";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(data:font/woff;base64,[encoded data, 16368 characters]) format("woff");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Vollkorn";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(data:font/woff;base64,[encoded data, 12456 characters]) format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Vollkorn";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(data:font/woff;base64,[encoded data, 38048 characters]) format("woff");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Vollkorn";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(data:font/woff;base64,[encoded data, 41528 characters]) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, 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: Vollkorn;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 40684 characters]) 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: Vollkorn;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 36060 characters]) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 24480 characters]) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 16240 characters]) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 53916 characters]) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 63296 characters]) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, 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: Vollkorn;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 40684 characters]) 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: Vollkorn;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 36060 characters]) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 24480 characters]) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 16240 characters]) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 53916 characters]) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 63296 characters]) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, 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: Vollkorn;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 40684 characters]) 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: Vollkorn;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 36060 characters]) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 24480 characters]) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 16240 characters]) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 53916 characters]) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 63296 characters]) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, 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: Vollkorn;
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 40684 characters]) 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: Vollkorn;
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 36060 characters]) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 24480 characters]) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 16240 characters]) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 53916 characters]) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(data:font/woff2;base64,[encoded data, 63296 characters]) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*# sourceMappingURL=theme.css.map */
