/* =====================================================
MagicUser Theme by Bernardo Pires (@drbap)

MagicUser is a custom theme for Obsidian.md aiming to create a pleasant environment for note-taking activities with greater focus and concentration.

I hope this theme helps to increase your productivity and inspiration.

GitHub Repository:
https://github.com/drbap/magicuser-theme-for-obsidian

MIT License
Copyright (c) 2023-2025 Bernardo Pires (@drbap)

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

=============================
Icons License and Attribution

Most of the icons for the checkboxes and the quote icon were created by me (Bernardo Pires - @drbap - MIT License). You can find the comment in the embedded SVG.

The icons used by the file icon, folders, some callouts and checkboxes icons are from Lucide icons used by Obsidian. Lucide is totally free for commercial use and personal use, the Lucide icon library is licensed under the ISC License. You can find more information below:

Lucide Icons Link:
https://lucide.dev/

Lucide Github Link:
https://github.com/lucide-icons/lucide

Lucide Icons License:
ISC License

Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2022 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2022.

Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted, provided that the above
copyright notice and this permission notice appear in all copies.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

=============================
Acknowledgements

Some checkbox icons were inspired by the excellent Minimal Theme by Stephan Ango (@kepano) and the Things Theme by Colin Eckert (@colineckert). You can find more information about @kepano and @colineckert below, please check their themes and support their work:

Minimal Theme by Stephan Ango (@kepano)
https://github.com/kepano/obsidian-minimal

Things Theme by Colin Eckert (@colineckert)
https://github.com/colineckert/obsidian-things

=============================
*/

@charset "UTF-8";

body {
  /* Blockquotes */
  --blockquote-border-thickness: 4px;
  --blockquote-border-color: var(--mu-blockquote-border);
  --blockquote-font-style: normal;
  --blockquote-color: var(--text-normal);
  --blockquote-background-color: var(--mu-blockquote-background);

  /* Bold */
  --bold-weight: var(--font-bold);
  --bold-color: var(--mu-text-bold);

  /* 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(--cyan-1-rgb);
  --canvas-color-6: var(--color-purple-rgb);
  --canvas-dot-pattern: var(--color-base-30);

  /* Checkboxes */
  --checkbox-radius: var(--radius-s);
  --checkbox-size: var(--font-text-size);
  --checkbox-marker-color: var(--background-primary);
  --checkbox-color: #00bfff;
  --checkbox-color-hover: #00cfff;
  --checkbox-border-color: #0072d3;
  --checkbox-border-color-hover: #00bfff;
  --checklist-done-decoration: underline;
  --checklist-done-color: #00cf48;

  --code-white-space: pre-wrap;
  --code-size: var(--font-smaller);
  --code-background: var(--mu-background-color-2);
  --code-normal: var(--mu-text-1);
  --code-comment: #a3a3a3;
  --code-function: #48f148;
  --code-important: #ff7f00;
  --code-keyword: var(--mu-purple-1);
  --code-operator: var(--mu-purple-1);
  --code-property: #0088f1;
  --code-punctuation: #d372ff;
  --code-string: #00d8ff;
  --code-tag: var(--mu-purple-1);
  --code-value: #ffa300;

  /* Collapse icons */
  --mu-collapse-icon-size: 1.2;
  --collapse-icon-color: #0072d3;
  --collapse-icon-color-collapsed: #0072d3;

  /* Cursor */
  --cursor: default;
  --cursor-link: pointer;

  /* Dividers */
  --divider-color: var(--mu-divider-color);
  --divider-color-hover: var(--mu-divider-color-hover);
  --mu-divider-width-value: 1;
  --mu-divider-hover-width-value: 3;
  --divider-width: calc(var(--mu-divider-width-value) * 1px);
  --divider-width-hover: calc(var(--mu-divider-hover-width-value) * 1px);
  --divider-vertical-height: calc(100% - var(--header-height));

  /* Dragging */
  --drag-ghost-background: rgba(0, 0, 0, 0.85);
  --drag-ghost-text-color: #fff;

  /* Embeds */
  --embed-max-height: 4000px;
  --embed-canvas-max-height: 400px;
  --embed-background: inherit;
  --embed-border-left: 2px solid #0072d348;
  --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;

  /* File layout */
  --mu-file-line-width-value: 700;
  --file-line-width: calc(var(--mu-file-line-width-value) * 1px);
  --file-folding-offset: 24px;
  --file-margins: var(--size-4-8);
  --file-header-font-size: var(--font-ui-medium);
  --file-header-font-weight: 600;
  --mu-file-header-border-value: 1;
  --mu-file-header-border-width: calc(var(--mu-file-header-border-value) * 1px);
  --mu-file-header-border-color: #007fff20;
  --file-header-border: var(--mu-file-header-border-width) solid var(--mu-file-header-border-color);
  --file-header-justify: left;

  /* Relative font sizes */
  --font-smallest: 0.8em;
  --font-smaller: 0.875em;
  --font-small: 0.933em;

  /* 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;

  /* 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(--mu-text-1);
  --graph-line: var(--mu-color-lig);
  --graph-node: var(--mu-purple-1);
  --graph-node-unresolved: var(--mu-gray-1);
  --graph-node-focused: #00cfff;
  --graph-node-tag: var(--mu-green-1);
  --graph-node-attachment: var(--mu-color-lig);

  /* Headings */
  --heading-formatting: var(--text-faint);
  --h1-color: var(--mu-h1);
  --h2-color: var(--mu-h2);
  --h3-color: var(--mu-h3);
  --h4-color: var(--mu-h4);
  --h5-color: var(--mu-h5);
  --h6-color: var(--mu-h6);
  --h1-font: var(--mu-font-headings);
  --h2-font: var(--mu-font-headings);
  --h3-font: var(--mu-font-headings);
  --h4-font: var(--mu-font-headings);
  --h5-font: var(--mu-font-headings);
  --h6-font: var(--mu-font-headings);
  --h1-line-height: 1.2;
  --h2-line-height: 1.2;
  --h3-line-height: 1.3;
  --h4-line-height: 1.4;
  --h5-line-height: var(--line-height-normal);
  --h6-line-height: var(--line-height-normal);
  --h1-size: 2em;
  --h2-size: 1.5em;
  --h3-size: 1.17em;
  --h4-size: 1em;
  --h5-size: .83em;
  --h6-size: .67em;
  --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: 800;
  --h2-weight: 800;
  --h3-weight: 800;
  --h4-weight: 800;
  --h5-weight: 800;
  --h6-weight: 800;

  /* View header */
  --header-height: 40px;

  /* Horizontal rules */
  --hr-color: var(--mu-hr-color);
  --hr-thickness: 1px;

  /* 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(--mu-icon);
  --icon-color-hover: var(--mu-icon-hover);
  --icon-color-active: var(--mu-icon-active);
  --icon-color-focused: var(--mu-icon-focused);
  --icon-opacity: 0.95;
  --icon-opacity-hover: 1;
  --icon-opacity-active: 1;
  --clickable-icon-radius: var(--radius-s);

  /* Indentation guide */
  --indentation-guide-width: 1px;
  --indentation-guide-color: var(--mu-indent-color-level-1);
  --indentation-guide-color-active: #bf00ff;

  /* Inline title */
  --inline-title-margin-bottom: .5em;

  /* Inputs */
  --input-height: 30px;
  --input-radius: 5px;
  --input-font-weight: var(--font-normal);
  --input-border-width: 1px;

  /* Italic */
  --italic-color: var(--mu-text-italic);
  --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.3;

  /* Links */
  --link-color: var(--mu-link);
  --link-color-hover: var(--mu-link-hover);
  --link-decoration: underline;
  --link-decoration-hover: underline;
  --link-decoration-thickness: auto;
  --link-external-color: var(--mu-external-link);
  --link-external-color-hover: var(--mu-external-link-hover);
  --link-external-decoration: underline;
  --link-external-decoration-hover: underline;
  --link-external-filter: none;
  --link-unresolved-color: var(--mu-link);
  --link-unresolved-opacity: 0.7;
  --link-unresolved-filter: none;
  --link-unresolved-decoration-style: solid;
  --link-unresolved-decoration-color: hsla(var(--interactive-accent-hsl), 0.3);

  /* Lists */
  --list-indent: 2em;
  --list-spacing: 0.075em;
  --list-marker-color: #007fff;
  --list-marker-color-hover: var(--list-marker-color);
  --list-marker-color-collapsed: #f100f1;
  --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-background-active: #007fff28;
  --nav-item-background-hover: var(--background-modifier-hover);
  --nav-item-size: var(--font-ui-small);
  --nav-item-color: var(--text-normal);
  --nav-item-color-hover: var(--text-normal);
  --nav-item-color-active: var(--text-normal);
  --nav-item-color-selected: var(--text-normal);
  --nav-item-color-highlighted: var(--text-accent-hover);
  --nav-item-background-selected: #0072d338;
  --nav-item-weight: inherit;
  --nav-item-weight-hover: inherit;
  --nav-item-weight-active: var(--font-semibold);
  --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: #0072d3;
  --nav-collapse-icon-color-collapsed: #0072d3;

  /* Metadata */
  --metadata-background: transparent;
  --metadata-display-reading: block;
  --metadata-display-editing: block;
  --metadata-max-width: none;
  --metadata-padding: var(--size-4-2) var(--size-2-1);
  --metadata-border-color: transparent;
  --metadata-border-radius: 0;
  --metadata-border-width: 0;
  --metadata-divider-color: transparent;
  --metadata-divider-color-hover: transparent;
  --metadata-divider-color-focus: transparent;
  --metadata-divider-width: 0;
  --metadata-gap: 2px;
  --metadata-property-padding: 0;
  --metadata-property-radius: 6px;
  --metadata-property-background: transparent;
  --metadata-property-background-hover: transparent;
  --metadata-property-background-active: transparent;
  --metadata-label-background-hover: transparent;
  --metadata-label-background-active: var(--mu-background-color-1);
  --metadata-label-font-size: var(--font-small);
  --metadata-label-font-weight: inherit;
  --metadata-label-text-color: var(--mu-property-color);
  --metadata-label-text-color-hover: #00bfff;
  --metadata-label-width: 9em;
  --metadata-input-height: calc(var(--font-text-size) * 1.75);
  --metadata-input-text-color: var(--text-normal);
  --metadata-input-font-size: var(--font-small);
  --metadata-input-background: transparent;
  --metadata-input-background-hover: transparent;
  --metadata-input-background-active: var(--mu-background-color-1);
  --metadata-sidebar-label-font-size: var(--font-ui-small);
  --metadata-sidebar-input-font-size: var(--font-ui-small);

  /* Modals */
  --modal-background: var(--background-primary);
  --modal-width: 90vw;
  --modal-height: 92vh;
  --modal-max-width: 1100px;
  --modal-max-height: 1000px;
  --modal-max-width-narrow: 800px;
  --mu-border-width-value: 1;
  --mu-border-width: calc(var(--mu-border-width-value) * 1px);
  --modal-border-width: var(--mu-border-width);
  --modal-border-color: #007fff30;
  --modal-radius: var(--radius-l);
  --modal-community-sidebar-width: 280px;

  /* Popovers */
  --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 */
  --prompt-width: 700px;
  --prompt-max-width: 80vw;
  --prompt-max-height: 70vh;
  --prompt-border-width: var(--modal-border-width);
  --prompt-border-color: var(--modal-border-color);

  /* Radiuses */
  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 12px;
  --radius-xl: 16px;

  /* Ribbon */
  --ribbon-background: var(--mu-titlebar-background);
  --ribbon-background-collapsed: var(--mu-titlebar-background);
  --ribbon-width: 44px;
  --ribbon-padding: var(--size-4-2) var(--size-4-1) var(--size-4-3);

  /* Scrollbars */
  --scrollbar-active-thumb-bg: rgba(var(--mono-rgb-100), 0.2);
  --scrollbar-bg: rgba(var(--mono-rgb-100), 0.05);
  --scrollbar-thumb-bg: rgba(var(--mono-rgb-100), 0.1);

  /* Search */
  --search-clear-button-color: var(--text-muted);
  --search-clear-button-size: 13px;
  --search-icon-color: #007fff;
  --search-icon-size: 18px;
  --search-result-background: var(--background-primary);

  /* Layout sizing */
  --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: 2px;
  --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: 5px;

  /* 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(--mu-text-1);
  --status-bar-position: fixed;
  --status-bar-radius: var(--radius-m) 0 0 0;
  --status-bar-scroll-padding: calc(var(--status-bar-font-size) + 18px);

  /* Tabs */
  --tab-background-active: var(--background-primary);
  --tab-text-color: var(--text-muted);
  --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-normal);
  --tab-text-color-focused-active-current: var(--text-normal);
  --tab-font-size: var(--font-ui-small);
  --tab-font-weight: 500;
  --tab-container-background: var(--background-secondary);
  --tab-divider-color: #007fff20;
  --tab-outline-color: var(--divider-color);
  --tab-outline-width: 0;
  --tab-curve: 6px;
  --tab-radius: var(--radius-s);
  --tab-radius-active: 6px 6px 0 0;
  --tab-width: 200px;
  --tab-max-width: 320px;

  /* Swatch for color inputs */
  --swatch-radius: 14px;
  --swatch-height: 24px;
  --swatch-width: 24px;
  --swatch-shadow: inset 0 0 0 1px rgba(var(--mono-rgb-100), 0.15);

  /* 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 rgba(0, 0, 0, 0.05);

  /* Tables */
  --table-border-width: 1px;
  --table-border-color: inherit;
  --table-white-space: normal;
  --table-header-border-width: 0;
  --table-header-border-color: var(--table-border-color);
  --table-header-font: inherit;
  --table-header-size: var(--font-text-size);
  --table-header-weight: var(--bold-weight);
  --table-header-color: var(--mu-table-th-foreground-edit);
  --table-text-size: inherit;
  --table-text-color: inherit;
  --table-column-max-width: none;
  --table-column-alt-background: transparent;
  --table-column-first-border-width: 0;
  --table-column-last-border-width: 0;
  --table-row-last-border-width: 0;
  --table-background: var(--mu-table-color-1);
  --table-row-alt-background: var(--mu-table-color-2);
  --table-row-background-hover: var(--mu-table-row-hover);

  /* Tags */
  --tag-size: var(--font-small);
  --tag-color: var(--text-accent);
  --tag-color-hover: var(--text-accent-hover);
  --tag-decoration: none;
  --tag-decoration-hover: none;
  --tag-background: hsla(var(--interactive-accent-hsl), 0.1);
  --tag-background-hover: hsla(var(--interactive-accent-hsl), 0.2);
  --tag-border-color: #0072d33f;
  --tag-border-color-hover: #00bfff;
  --tag-border-width: 1px;
  --tag-padding-x: 8px;
  --tag-padding-y: 4px;
  --tag-radius: 1em;

  /* Window frame */
  --titlebar-background: var(--mu-titlebar-background);
  --titlebar-background-focused: var(--mu-titlebar-background);
  --titlebar-border-width: 0px;
  --titlebar-border-color: var(--background-modifier-border);
  --titlebar-text-color: var(--mu-titlebar-text);
  --titlebar-text-color-focused: var(--mu-titlebar-text);
  --titlebar-text-weight: var(--font-semibold);
  --mu-new-window-border-value: 1;
  --mu-new-window-border-width: calc(var(--mu-new-window-border-value) * 1px);
  --mu-new-window-border-color: #007fff;

  /* Toggles */
  --toggle-border-width: 2px;
  --toggle-width: 40px;
  --toggle-radius: 18px;
  --toggle-thumb-color: white;
  --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(--mu-vault-title);

  /* UI font sizes */
  --font-ui-smaller: 12px;
  --font-ui-small: 14px;
  --font-ui-medium: 16px;
  --font-ui-large: 20px;

  /* Workspace */
  --workspace-background-translucent: rgba(var(--mono-rgb-0), .8);

  /* ============================================= */
  /* Color mappings  */
  /* Accent HSL values */
  --accent-h: 254;
  --accent-s: 80%;
  --accent-l: 68%;

  /* Backgrounds */
  --background-primary: var(--mu-background-color-1);
  --background-secondary: var(--mu-background-color-2);
  /* Background Modifiers*/
  --background-modifier-hover: #007fff28;
  --background-modifier-active-hover: var(--background-modifier-hover);
  --background-modifier-border: #007fff38;
  --background-modifier-border-hover: #007fff48;

  --background-modifier-border-focus: var(--mu-icon-active);

  --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: rgba(0, 0, 0, 0.9);

  /* Inputs */
  --background-modifier-form-field: #007fff21;

  /* Text */
  --text-normal: var(--color-base-100);
  --text-muted: var(--color-base-70);
  --text-faint: var(--color-base-50);
  --text-on-accent: white;
  --text-on-accent-inverted: black;
  --text-error: var(--color-red);
  --text-success: var(--color-green);
  --text-selection: hsla(var(--color-accent-hsl), 0.2);
  --text-highlight-bg: #ffff0088;
  --text-accent: var(--color-accent);
  --text-accent-hover: var(--color-accent-2);

  /* Font Settings */
  --mu-font-headings: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mu-font-ui: Inter, Helvetica, Arial, sans-serif;
  --mu-font-mono: "JetBrains Mono", Consolas, "Roboto Mono", Menlo, Monaco, "Courier New", monospace;
  --mu-global-font: "JetBrains Mono", Consolas, "Roboto Mono", Menlo, monospace;
  --mu-global-font-stylistic-set: normal;
  --mu-global-font-letter-spacing: normal;
  --mu-max-letter-spacing: 2px;

  /* UI Settings - User Interface */
  --ui-status-bar: 1;
  --ui-side-dock-actions: 1;
  --ui-side-dock-settings: 1;
  --ui-titlebar-top-left-buttons: 1;
  --ui-view-header-nav-buttons: flex;
  --ui-nav-buttons-container: flex;
  --ui-distraction-free-toggle-button: flex;
  --ui-display-vault-title: flex;

  /* MagicUser Callouts */
  --mu-callout-magic: 207, 88, 255;
  --mu-callout-green: 0, 180, 88;
  --mu-callout-blue: 0, 136, 255;
  --mu-callout-orange: 255, 97, 0;
  --mu-callout-yellow: 237, 188, 0;
  --mu-callout-red: 255, 48, 48;
  --mu-callout-pink: 255, 18, 241;
  --mu-callout-purple: 201, 0, 255;
  --mu-callout-video: 237, 48, 48;
  --mu-callout-mic: 0, 188, 82;
  --mu-callout-paperclip: 255, 163, 33;
  --mu-callout-book: 0, 163, 255;
  --mu-callout-target: 255, 72, 72;
  --mu-callout-comment: 0, 188, 188;
  --mu-callout-pro: 0, 197, 88;
  --mu-callout-con: 228, 48, 48;
  --mu-callout-link: 48, 142, 255;
  --mu-quote-icon: '<svg version="1.1" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --><path d="m185 89.2-124 177a84.4 91.3 0 0 0-15.6 22.2l-5.09 7.26 2.05-0.186a84.4 91.3 0 0 0-7.11 35.9 84.4 91.3 0 0 0 84.4 91.3 84.4 91.3 0 0 0 84.4-91.3 84.4 91.3 0 0 0-36.5-74.8l103-167zm206 0-124 177a84.4 91.3 0 0 0-15.6 22.2l-5.09 7.25 2.05-0.186a84.4 91.3 0 0 0-7.11 35.9 84.4 91.3 0 0 0 84.4 91.3 84.4 91.3 0 0 0 84.4-91.3 84.4 91.3 0 0 0-36.5-74.8l103-167z" fill="currentColor" stroke="currentColor"/></svg>';
  --mu-box-callout-icon: '<svg version="1.1" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --><path d="m135 97.8h242c20.6 0 37.3 17.2 37.3 38.7v239c0 21.4-16.6 38.7-37.3 38.7h-242c-20.6 0-37.3-17.2-37.3-38.7v-239c0-21.4 16.6-38.7 37.3-38.7z" fill="currentColor" fill-rule="evenodd"/></svg>';
  --mu-line-highlight-border: transparent;
  --mu-line-highlight-background: transparent;

  --mu-folder-icon-opened-default: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/></svg>');
  --mu-folder-icon-closed-default: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/></svg>');

  --mu-folder-icon-opened-unfilled: url('data:image/svg+xml;utf8,<svg 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"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/></svg>');
  --mu-folder-icon-opened-op3: url('data:image/svg+xml;utf8,<svg 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"><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"/></svg>');

  --mu-folder-icon-closed-unfilled: url('data:image/svg+xml;utf8,<svg 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"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/></svg>');
  --mu-folder-icon-closed-op3: url('data:image/svg+xml;utf8,<svg 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"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/><path d="M2 10h20"/></svg>');

  --mu-folder-icon-opened-selected: var(--mu-folder-icon-opened-default);
  --mu-folder-icon-closed-selected: var(--mu-folder-icon-closed-default);

  --mu-gallery-callout-icon: '<svg version="1.1" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --><path d="m304 45c-12 0-22 10-22 23v140c0 13 10 23 22 23h142c12 0 22-10 22-23v-140c0-13-10-23-22-23h-142zm-245 240c-12 0-22 10-22 23v140c0 13 10 23 22 23h142c12 0 22-10 22-23v-140c0-13-10-23-22-23h-142zm245 0c-12 0-22 10-22 23v140c0 13 10 23 22 23h142c12 0 22-10 22-23v-140c0-13-10-23-22-23h-142z" fill="#00a3ffcf" stroke="none" stroke-width="0"/><path d="m61 47h142c12 0 22 10 22 23v140c0 13-10 23-22 23h-142c-12 0-22-10-22-23v-140c0-13 10-23 22-23z" fill="currentColor" stroke="none" stroke-width="0"/></svg>';

  --mu-reading-glow-color: #00a3ff;
  --mu-reading-glow-radius-value: 1;
  --mu-reading-glow-radius: calc(var(--mu-reading-glow-radius-value) * 4px);
  --mu-reading-glow-border-size-value: 3;
  --mu-reading-glow-border-size: calc(var(--mu-reading-glow-border-size-value) * 1px);

  --mu-reading-indicator-color: #007fffa3;
  --mu-reading-indicator-width-value-rem: 0.3;
  --mu-reading-indicator-width: calc(var(--mu-reading-indicator-width-value-rem) * -1rem);

  --mu-indent-color-level-1: #007fff7f;
  --mu-indent-color-level-2: #d372ff7f;
  --mu-indent-color-level-3: #ff7f007f;
  --mu-indent-color-level-4: #00a3487f;
  --mu-indent-color-level-5: #e500007f;
  --mu-indent-color-level-6: #8282007f;

  --mu-style-settings-indent-color-1: #007fff7f;
  --mu-style-settings-indent-color-2: #d372ff7f;
  --mu-style-settings-indent-color-3: #ff7f007f;

  --mu-header-title-drag: no-drag;
  --mu-dark-sidebar-color: #001122;
  --mu-bg-search-results: #001836;
  --mu-folder-area-border: #007fff30;
  --mu-folder-area-background: #007fff10;

  --mu-stacked-mode-border-value: 1;
  --mu-stacked-mode-border-width: calc(var(--mu-stacked-mode-border-value) * 1px);
  --mu-stacked-mode-border-color: #0088ff;
  --mu-footnote-color: #f07f48;

  /* Inline title font size slider */
  --mu-inline-title-font-size-value: 0.88;
  --mu-inline-title-font-size: calc(var(--mu-inline-title-font-size-value) * 1em);

  /* Th Cards Layout */
  --cards-th-display: none;
  --mu-transparency-menus-level: 0.5;
  --mu-transparency-blur-level-value: 8;
  --mu-transparency-blur-level: calc(var(--mu-transparency-blur-level-value) * 1px);

  --mu-neon-mode-glow-value: 0.5;
  --mu-neon-mode-glow-intensity: calc(var(--mu-neon-mode-glow-value) * 1em);
  --mu-bg-image-overlay: 0.0;

  /* MU Tables */
  --mu-table-outer-border-width-value: 2;
  --mu-table-outer-border-width: calc(var(--mu-table-outer-border-width-value) * 1px);

  --mu-table-inner-border-width-value: 0;
  --mu-table-inner-border-width: calc(var(--mu-table-inner-border-width-value) * 1px);

  --mu-table-th-background: #004882;
  --mu-table-th-foreground-edit: var(--mu-text-1);
  --mu-table-th-foreground-main: #e1e1e1;

  --mu-table-color-1: var(--mu-background-color-2);
  --mu-table-color-2: var(--mu-background-color-1);
  --mu-table-row-hover: #0088ff33;
  --mu-underline-text-color-rgb: 255, 40, 72;

  --hidden-text-underline-background-color: #ffff0088;
  --hidden-text-underline-foreground-color: var(--text-normal);

  --muc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 24 24' fill='%23ffff4848' stroke='%23ffbf00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
  --muc-icon-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 24 24' fill='%23ffbf00' stroke='%23ffbf00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
  --mu-default-mode-border-color: #0088ff;
  --mu-default-mode-border-value: 1;
  --mu-default-mode-border-width: calc(var(--mu-default-mode-border-value) * 1px);

  --mu-laser-top-value: 50;
  --mu-laser-top: calc(var(--mu-laser-top-value) * 1%);
  --mu-laser-color-bg: #80ffaa;
  --mu-laser-color-glow: #00ff55;
  --mu-laser-intensity: 1.5;
  --mu-laser-area-value: 82;
  --mu-laser-area: calc(var(--mu-laser-area-value) * 1px);

  --mu-hover-underline-color: #ff0000cf;
  --mu-hover-underline-style: solid;
  --mu-hover-underline-thickness-value: 2;
  --mu-hover-underline-thickness: calc(var(--mu-hover-underline-thickness-value)*1px);
  --mu-hover-underline-offset-value: 2;
  --mu-hover-underline-offset: calc(var(--mu-hover-underline-offset-value)*1px);

  --mu-amulet-hue: 224;
  --mu-amulet-sat-value: 50;
  --mu-amulet-sat: calc(var(--mu-amulet-sat-value) * 1%);

  --mu-titlebar-button-fg: var(--mu-icon);
  --mu-menu-separator-color: #0072d322;

  --mu-scrollbar-width-value: 12;
  --mu-scrollbar-width: calc(var(--mu-scrollbar-width-value)*1px);

  --mu-scrollbar-thumb-size-value: 10;
  --mu-scrollbar-thumb-size-adjusted-value: calc(12 - var(--mu-scrollbar-thumb-size-value));
  --mu-scrollbar-thumb-size: calc(var(--mu-scrollbar-thumb-size-adjusted-value)*1px);

  --mu-scrollbar-track-bg: transparent;
  --mu-scrollbar-track-bg-hover: transparent;

  --mu-inline-code-border: #0072d3;
  --mu-code-block-border: #0072d3;

  --mu-num-table-bg-row: #00000022;
  --mu-num-table-bg-col: #00000082;

  --mu-column-stripped-background: #00000082;
  --mu-o-ui-border: #0072d3;
  --mu-tag-border-color: #0072d3;

  --mu-divider-color-hover: #007fff;
  --mu-modal-background: #000;

  --mu-folder-icon-color: #0048a3;
  --mu-folder-icon-color-active: #00a3ff;
  --mu-file-icon-color: #0072d3;

  /* Hues */
  --mu-rainbow-hue-start-value: 0;
  --mu-rainbow-hue-1: var(--mu-rainbow-hue-start-value);
  --mu-rainbow-hue-2: calc(var(--mu-rainbow-hue-1) + 30);
  --mu-rainbow-hue-3: calc(var(--mu-rainbow-hue-1) + 60);
  --mu-rainbow-hue-4: calc(var(--mu-rainbow-hue-1) + 90);
  --mu-rainbow-hue-5: calc(var(--mu-rainbow-hue-1) + 120);
  --mu-rainbow-hue-6: calc(var(--mu-rainbow-hue-1) + 150);
  --mu-rainbow-hue-7: calc(var(--mu-rainbow-hue-1) + 180);
  --mu-rainbow-hue-8: calc(var(--mu-rainbow-hue-1) + 210);
  --mu-rainbow-hue-9: calc(var(--mu-rainbow-hue-1) + 240);
  --mu-rainbow-hue-10: calc(var(--mu-rainbow-hue-1) + 270);

  --mu-properties-container-color: #007fff10;

  --mu-tags-hashtag-padding-value: 2;
  --mu-tags-hashtag-padding: calc(var(--mu-tags-hashtag-padding-value)*1px);
  --tag-radius-value: 1;
  --tag-radius: calc(var(--tag-radius-value)*1em);

  /* Sidebar */
  --mu-sidebar-top-buttons-container-bg-color: transparent;
  --mu-sidebar-bottom-vault-profile-bg-color: var(--background-secondary);
  --mu-suggestion-search-panel-bg-color: var(--background-secondary);
  --mu-sidebar-pane-numbers: #007fff;

  --mu-cards-border: var(--mu-background-color-1);
  --mu-warm-screen-mode: 0;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 225, 170, var(--mu-warm-screen-mode));
  mix-blend-mode: multiply;
  z-index: 10000;
  pointer-events: none;
}

.cm-s-obsidian span.cm-formatting-link,
.cm-formatting-header,
.cm-s-obsidian span.cm-formatting-quote {
  color: var(--code-punctuation);
  font-weight: var(--font-semibold);
}

.modal-bg {
  opacity: 0.3 !important;
  background-color: var(--mu-modal-background);
}

.prompt,
.modal {
  border: 0;
  box-shadow: 0 0 0 var(--modal-border-width) var(--modal-border-color), 0 0 0 var(--modal-border-width) var(--modal-border-color), 0 0 0 var(--modal-border-width) var(--modal-border-color), var(--shadow-l) !important;
}

/* Files and folders */
body:not(.mu-hide-folders) .nav-folder-title-content:not(:nth-child(1))::before {
  content: "";
  display: inline-block;
  position: relative;
  top: -1px;
  left: 0;
  width: var(--icon-size);
  height: var(--icon-size);
  margin-right: var(--size-4-2);
  vertical-align: middle;
  background-position: center;
  background-color: currentColor;
  background-size: contain;
  background-repeat: no-repeat;
  mask-image: var(--mu-folder-icon-opened-selected);
  -webkit-mask-image: var(--mu-folder-icon-opened-selected);
  color: var(--mu-folder-icon-color-active);
}

body:not(.mu-disable-folder-style) .nav-folder-title-content:not(:nth-child(1)) {
  font-weight: var(--font-semibold);
  color: var(--mu-folder-text-color);
}

body:not(.mu-hide-folders) .is-collapsed .nav-folder-title-content:not(:nth-child(1))::before {
  mask-image: var(--mu-folder-icon-closed-selected);
  -webkit-mask-image: var(--mu-folder-icon-closed-selected);
  color: var(--mu-folder-icon-color);
}

/* File */
body:not(.mu-hide-file-icons) .nav-file-title-content:before {
  content: "";
  display: inline-block;
  position: relative;
  top: -1px;
  left: 0;
  width: 1em;
  height: 1em;
  margin-right: var(--size-4-2);
  vertical-align: middle;
  padding: 1px;
  background-position: center;
  background-color: currentColor;
  background-size: cover;
  background-repeat: no-repeat;
  mask-image: url('data:image/svg+xml;utf8,<svg 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"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg 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"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/></svg>');
  color: var(--mu-file-icon-color);
}

body:not(.mu-hide-file-icons) .tree-item-self[data-path*=".canvas"] .nav-file-title-content::before {
  mask-image: url('data:image/svg+xml;utf8,<svg 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"><rect width="7" height="9" x="3" y="3" rx="1"/><rect width="7" height="5" x="14" y="3" rx="1"/><rect width="7" height="9" x="14" y="12" rx="1"/><rect width="7" height="5" x="3" y="16" rx="1"/></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg 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"><rect width="7" height="9" x="3" y="3" rx="1"/><rect width="7" height="5" x="14" y="3" rx="1"/><rect width="7" height="9" x="14" y="12" rx="1"/><rect width="7" height="5" x="3" y="16" rx="1"/></svg>');
}

body.mu-folder-icon-opened-unfilled {
  --mu-folder-icon-opened-selected: var(--mu-folder-icon-opened-unfilled);
}

body.mu-folder-icon-opened-op3 {
  --mu-folder-icon-opened-selected: var(--mu-folder-icon-opened-op3);
}

body.mu-folder-icon-closed-unfilled {
  --mu-folder-icon-closed-selected: var(--mu-folder-icon-closed-unfilled);
}

body.mu-folder-icon-closed-op3 {
  --mu-folder-icon-closed-selected: var(--mu-folder-icon-closed-op3);
}

/* Folder/File Dragging */
.is-being-dragged .nav-folder-title-content,
.is-being-dragged .nav-folder-title-content:not(:nth-child(1))::before,
.is-being-dragged .nav-file-title-content:before {
  color: var(--text-on-accent) !important;
}

body.mu-disable-folder-style {
  --nav-item-color: currentColor;
  --nav-item-color-hover: currentColor;
  --nav-item-color-active: currentColor;
  --nav-item-color-selected: currentColor;
  --nav-item-color-highlighted: currentColor;
}

span.is-flashing {
  color: #000;
  -webkit-text-fill-color: #000;
  border-radius: 0;
  border-bottom: 3px solid var(--mu-caret-color);
  --code-background: var(--text-highlight-bg);
}

.markdown-reading-view .is-flashing {
  color: #000;
  -webkit-text-fill-color: #000;
  border-radius: 0;
  --code-background: var(--text-highlight-bg);
}

.tree-item-self.is-clickable.mod-collapsible.nav-folder-title.is-flashing {
  background-color: #bf00ff48 !important;
}

.community-item .suggestion-highlight {
  background-color: var(--text-highlight-bg) !important;
  color: #000 !important;
}

.menu-separator {
  border-color: var(--mu-menu-separator-color);
}

.setting-hotkey {
  background-color: var(--mu-background-color-2);
}

.cm-active.HyperMD-codeblock.HyperMD-codeblock-bg.cm-line,
.cm-active:not(.cm-gutterElement) {
  box-shadow: inset 0 0 2px 2px var(--mu-line-highlight-border);
  background-color: var(--mu-line-highlight-background);
}

.cm-gutterElement.cm-active {
  color: var(--mu-caret-color);
}

.cm-lineNumbers {
  font-size: var(--font-text-size);
}

.search-result-file-matched-text {
  color: var(--text-normal);
  background-color: var(--text-highlight-bg);
  font-weight: var(--font-semibold);
}

.nav-file-icon.svg-icon,
.suggestion-flair.svg-icon,
.menu-item-icon .svg-icon,
.status-bar-item .svg-icon {
  color: var(--mu-icon-statusbar-menu);
}

.is-warning .nav-file-icon.svg-icon,
.is-warning .suggestion-flair.svg-icon,
.is-warning .menu-item-icon .svg-icon,
.is-warning .status-bar-item .svg-icon {
  color: #f14848;
}

.input-right-decorator.clickable-icon.is-active {
  background-color: var(--nav-item-background-active);
}

.workspace-tab-header {
  background-color: var(--background-secondary);
}

.workspace-tab-header-status-icon.mod-pinned:hover {
  background-color: #00a3ff48 !important;
}

.nav-folder.mod-root>.nav-folder-title:hover,
.nav-folder.mod-root>.nav-folder-title {
  font-weight: var(--font-semibold);
  color: var(--mu-vault-title) !important;
  display: var(--ui-display-vault-title);
}

.canvas-card-menu {
  background-color: var(--background-modifier-hover);
}

.suggestion-item.mod-complex.search-suggest-item .suggestion-content>div>span:nth-child(1) {
  font-weight: var(--font-semibold);
  color: #0072d3;
}

span.obsidian-search-match-highlight .cm-inline-code,
span.obsidian-search-match-highlight {
  background-color: var(--text-highlight-bg) !important;
  box-shadow: 0 0 0px 3px var(--mu-caret-color) !important;
  color: #000;
  -webkit-text-fill-color: #000;
}

.clickable-icon.view-action.mod-bookmark {
  background-color: var(--mu-bookmarked-note-icon-bg);
}

.clickable-icon.is-active {
  background-color: var(--nav-item-background-active);
}

.setting-item {
  display: flex;
  align-items: center;
  padding: var(--size-4-2) 0;
  border: 0;
  border-bottom: 1px solid var(--mu-menu-separator-color);
}

.setting-item.setting-item-heading {
  margin-top: var(--size-4-2);
  border-bottom: 1px solid var(--mu-menu-separator-color);
}

.installed-plugins-container {
  border-top: 0;
}

* {
  caret-color: var(--mu-caret-color) !important;
}

input[type="text"],
input[type="search"] {
  background-color: var(--mu-input-bg-color);
  color: var(--mu-caret-color);
}

.inline-title:not([data-level]) {
  font-family: var(--mu-font-mono);
  font-size: var(--mu-inline-title-font-size);
  font-weight: bold;
  color: var(--mu-text-title);
}

.dropdown {
  color: var(--text-normal);
  background-color: var(--background-primary);
  outline: 2px solid var(--background-modifier-hover);
}

.dropdown:hover {
  color: var(--text-normal) !important;
  outline: 2px solid var(--mu-icon-active);
}

::selection {
  background-color: var(--mu-text-selection) !important;
}

::placeholder {
  color: #a3a3a3 !important;
  opacity: 1;
}

.status-bar-item.plugin-editor-status::after {
  content: attr(aria-label);
  margin-left: var(--size-4-1);
}

.mod-left-split .workspace-tab-header.has-active-menu .workspace-tab-header-inner-icon,
.mod-right-split .workspace-tab-header.has-active-menu .workspace-tab-header-inner-icon,
.mod-left-split .workspace-tab-header.is-active .workspace-tab-header-inner-icon,
.mod-right-split .workspace-tab-header.is-active .workspace-tab-header-inner-icon {
  opacity: var(--icon-opacity-active);
  color: var(--mu-icon-focused) !important;
}

body:not(.is-mobile) button:not(.mod-cta, .clickable-icon.view-action, .clickable-icon[aria-disabled='true'], .mod-warning, .mod-tappable, .kanban-plugin__new-item-button, .kanban-plugin__lane-action-add, .color-picker__button, .excalidraw .dropdown-menu-item.dropdown-menu-item-base, .Dialog__action-button, .ToolIcon_type_button, .fc-button) {
  color: var(--text-normal);
  background-color: var(--background-primary);
  border: 1px solid var(--background-modifier-hover);
}

body:not(.is-mobile) button:not(.mod-cta, .clickable-icon.view-action, .clickable-icon[aria-disabled='true'], .mod-warning, .mod-tappable, .kanban-plugin__new-item-button, .kanban-plugin__lane-action-add, .color-picker__button, .excalidraw .dropdown-menu-item.dropdown-menu-item-base, .Dialog__action-button, .ToolIcon_type_button, .fc-button):hover {
  color: var(--text-normal);
  background-color: var(--background-modifier-hover);
}

.CodeMirror-cursor,
.cm-cursor,
.cm-dropCursor {
  border-color: var(--mu-caret-color) !important;
}

.cm-layer.cm-layer-above.cm-cursorLayer {
  animation: none !important;
}

.cm-cursor,
.cm-dropCursor {
  border-left-width: 3px !important;
}

.suggestion-highlight {
  color: var(--mu-suggestion-color);
}

.theme-dark {
  --mu-background-color-1: #002248;
  --mu-background-color-2: #001122;
  --mu-titlebar-background: #003388;
  --mu-color-lig: #007fff;
  --mu-gray-1: #a3a3a3;
  --mu-purple-1: #d372ff;
  --mu-purple-2: #a273d8;
  --mu-magenta-1: #f100f1;
  --mu-hr-color: #0072d3;
  --mu-text-1: #f1f1f1;
  --mu-text-title: hsl(278, 80%, 60%);
  --mu-text-bold: inherit;
  --mu-text-italic: inherit;
  --mu-blockquote-background: #cfcfcf20;
  --mu-blockquote-border: #007fff;
  --mu-divider-color: #007fff10;
  --mu-h1: #00a3ff;
  --mu-h2: #00a3ff;
  --mu-h3: #00a3ff;
  --mu-h4: #00a3ff;
  --mu-h5: #00a3ff;
  --mu-h6: #00a3ff;
  --mu-green-1: #20f120;
  --mu-green-2: #20a320;
  --mu-icon: #5382d3;
  --mu-icon-hover: #007fff;
  --mu-icon-active: #007fff;
  --mu-icon-focused: #00a3ff;
  --mu-icon-statusbar-menu: #0072d3;
  --mu-titlebar-text: #f1f1f1;
  --mu-vault-title: var(--mu-purple-2);
  --mu-folder-text-color: #72a3ff;
  --mu-link: #d372ff;
  --mu-link-hover: #db8fff;
  --mu-external-link: #00a9dd;
  --mu-external-link-hover: #00c3ff;
  --tab-divider-color: #003364;
  --mu-folder-zoom: 82%;
  --mu-notes-icon-zoom: 72%;
  --interactive-normal: var(--mu-background-color-2);
  --interactive-hover: var(--background-modifier-hover);
  --mu-code-attribute: #ffa3a3;
  --mu-input-bg-color: #001836;
  --mu-label-h1: #a35fbf;
  --mu-label-h2: #a35fbf;
  --mu-label-h3: #a35fbf;
  --mu-label-h4: #a35fbf;
  --mu-label-h5: #a35fbf;
  --mu-label-h6: #a35fbf;
  --mu-text-selection: #0051f1a3;
  --mu-special-folder-color: #000;
  --mu-suggestion-color: #00d3ff;
  --mu-caret-color: #00cfff;
  /* highlight blend mode */
  --highlight-mix-blend-mode: normal;
  --background-primary-alt: #212121;
  --background-secondary-alt: #383838;
  --mu-bookmarked-note-icon-bg: #007fff40;
  --mu-property-color: #00a3ff;
  --mu-property-title-color: #00a3ff;

  --mu-modal-background: #000;
  --mu-column-stripped-background: #00000082;
  --mu-scrollbar-thumb-bg: #84848422;
  --mu-scrollbar-thumb-bg-hover: #84848433;
  --mu-scrollbar-track-bg-hover: #00000021;
}

/* Dark theme settings */
/* ======================================================== */

.theme-dark .workspace-tabs.workspace-leaf {
  background-color: var(--mu-background-color-2);
}

.theme-dark .search-result-file-matched-text {
  color: #000;
}

.theme-dark .vertical-tab-header-group-title {
  color: #00a3ff;
}

.theme-dark .setting-item.setting-item-heading>.setting-item-info>.setting-item-name {
  color: #00a3ff;
}

/* Light theme settings */
/* ======================================================== */

.theme-light {
  --mu-background-color-1: #e8efff;
  --mu-background-color-2: #d1dfff;
  --mu-titlebar-background: #003388;
  --mu-color-lig: #007fff;
  --mu-gray-1: #a3a3a3;
  --mu-purple-1: #d372ff;
  --mu-purple-2: #b10aff;
  --mu-magenta-1: #f100f1;
  --mu-hr-color: #0072d3;
  --mu-text-1: #000;
  --mu-text-title: #a300cf;
  --mu-text-bold: inherit;
  --mu-text-italic: inherit;
  --mu-blockquote-background: #cfcfcf88;
  --mu-blockquote-border: #007fff;
  --mu-divider-color: #007fff10;
  --mu-h1: #0072d3;
  --mu-h2: #0072d3;
  --mu-h3: #0072d3;
  --mu-h4: #0072d3;
  --mu-h5: #0072d3;
  --mu-h6: #0072d3;
  --mu-green-1: #20cf20;
  --mu-green-2: #20a320;
  --mu-icon: #5382d3;
  --mu-icon-hover: #007fff;
  --mu-icon-active: #007fff;
  --mu-icon-focused: #00a3ff;
  --mu-icon-statusbar-menu: #0072d3;
  --mu-titlebar-text: #f1f1f1;
  --mu-vault-title: #a300cf;
  --mu-folder-text-color: #0048a3;
  --mu-link: #a200ff;
  --mu-link-hover: #c300ff;
  --mu-external-link: #0033ff;
  --mu-external-link-hover: #00a3ff;
  --mu-code-attribute: #e50000;
  --mu-input-bg-color: #fff;
  --mu-label-h1: #bf72d8;
  --mu-label-h2: #bf72d8;
  --mu-label-h3: #bf72d8;
  --mu-label-h4: #bf72d8;
  --mu-label-h5: #bf72d8;
  --mu-label-h6: #bf72d8;
  --mu-caret-color: #cf00ff;
  /* Code */
  --code-white-space: pre-wrap;
  --code-size: var(--font-smaller);
  --code-background: #f1f1ff;
  --code-normal: var(--mu-text-1);
  --code-comment: #a3a3a3;
  --code-function: #00a300;
  --code-important: #ff7f00;
  --code-keyword: #c300f1;
  --code-operator: #c300f1;
  --code-property: #0048a3;
  --code-punctuation: #c300f1;
  --code-string: #0000f1;
  --code-tag: #c300f1;
  --code-value: #f18f00;
  --tab-divider-color: #003364;
  --mu-folder-zoom: 82%;
  --mu-notes-icon-zoom: 72%;
  --text-normal: #000;
  --text-muted: #353535;
  --mu-text-selection: #0051f136;
  --mu-suggestion-color: #0072d3;
  --mu-special-folder-color: #000;
  --interactive-normal: var(--mu-background-color-2);
  --interactive-hover: var(--background-modifier-hover);
  /* highlight blend mode */
  --highlight-mix-blend-mode: normal;
  --background-primary-alt: #e1e1e1;
  --background-secondary-alt: #ffffff;
  --graph-node-focused: #0048a3;
  --mu-bookmarked-note-icon-bg: #007fff30;
  --mu-property-color: #0072d3;
  --mu-property-title-color: #0072d3;

  --mu-modal-background: #cfcfcf;
  --mu-column-stripped-background: #00000011;
  --mu-scrollbar-thumb-bg: #48484822;
  --mu-scrollbar-thumb-bg-hover: #48484833;
  --mu-scrollbar-track-bg-hover: #82828221;
}

.theme-light .workspace-tabs .workspace-leaf {
  background-color: var(--mu-background-color-2);
}

input.slider {
  background-color: var(--background-modifier-hover);
  border: 1px solid var(--background-modifier-hover);
}

.theme-light .vertical-tab-header-group-title {
  color: #0048f1;
}

.theme-light .setting-item.setting-item-heading>.setting-item-info>.setting-item-name {
  color: #0048f1;
}

/* Extra checkboxes */
body:not(.disable-alt-checkboxes) input[data-task="!"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="!"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="!"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="?"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="?"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="?"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[type=checkbox][data-task="-"]:checked::before,
body:not(.disable-alt-checkboxes) li[data-task="-"]>input:checked::before,
body:not(.disable-alt-checkboxes) li[data-task="-"]>p>input:checked::before,
body:not(.disable-alt-checkboxes) input[data-task="b"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="b"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="b"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="I"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="I"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="I"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="p"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="p"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="p"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="c"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="c"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="c"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="i"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="i"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="i"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="l"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="l"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="l"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="s"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="s"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="s"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="*"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="*"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="*"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="n"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="n"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="n"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="S"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="S"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="S"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="/"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="/"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="/"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="<"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="<"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="<"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task=">"]:checked,
body:not(.disable-alt-checkboxes) li[data-task=">"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task=">"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task='"']:checked,
body:not(.disable-alt-checkboxes) li[data-task='"']>input:checked,
body:not(.disable-alt-checkboxes) li[data-task='"']>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="1"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="1"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="1"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="2"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="2"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="2"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="3"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="3"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="3"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="f"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="f"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="f"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="F"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="F"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="F"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="e"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="e"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="e"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="m"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="m"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="m"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="t"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="t"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="t"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="g"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="g"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="g"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="k"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="k"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="k"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="w"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="w"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="w"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="u"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="u"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="u"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="d"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="d"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="d"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="D"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="D"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="D"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="P"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="P"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="P"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="M"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="M"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="M"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="B"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="B"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="B"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="U"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="U"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="U"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="W"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="W"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="W"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="C"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="C"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="C"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="a"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="a"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="a"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="r"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="r"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="r"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="o"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="o"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="o"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="O"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="O"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="O"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="T"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="T"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="T"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="E"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="E"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="E"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="Q"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="Q"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="Q"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="q"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="q"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="q"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="G"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="G"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="G"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="L"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="L"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="L"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="h"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="h"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="h"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="H"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="H"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="H"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="A"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="A"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="A"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="R"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="R"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="R"]>p>input:checked {
  --checkbox-color-hover: transparent;
  --checkbox-color: transparent;
  border-width: 0;
}

body:not(.disable-alt-checkboxes) input[data-task="!"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="!"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="!"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap)--%3E%3Cpath d='m256 21c-130 0-235 105-235 235 0 130 105 235 235 235s235-105 235-235-105-235-235-235zm-34.7 58.9h69.3c5.14 0 9.27 25.5 9.27 57.2v128c0 31.7-4.14 57.2-9.27 57.2h-69.3c-5.14 0-9.27-25.5-9.27-57.2v-128c0-31.7 4.14-57.2 9.27-57.2zm3.77 272h59.5c3.46 0 6.45 1.26 8.97 3.78s3.78 5.51 3.78 8.97v47.7c0 3.46-1.26 6.45-3.78 8.97-2.52 2.52-5.51 3.78-8.97 3.78h-59.5c-3.46 0-6.45-1.26-8.97-3.78-2.52-2.52-3.78-5.51-3.78-8.97v-47.7c0-3.46 1.26-6.45 3.78-8.97 2.52-2.52 5.51-3.78 8.97-3.78z' fill='%23f13535' stroke-dashoffset='211' stroke-linecap='round' stroke-linejoin='round' stroke-width='9.98'/%3E%3C/svg%3E");
  vertical-align: middle;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="?"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="?"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="?"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap)--%3E%3Cpath d='m256 21a235 235 0 0 0-235 235 235 235 0 0 0 235 235 235 235 0 0 0 235-235 235 235 0 0 0-235-235zm0.273 69.1c23.3 0 44.7 4.25 64.2 12.7 19.5 8.18 34.9 19.8 46.3 34.9 11.3 14.8 17 31.3 17 49.6 0 12.3-2.36 23.3-7.08 33.1-4.72 9.44-10.4 17.5-17 24.1-6.3 6.3-15 14-26 23.1-11.3 9.13-19.8 16.7-25.5 22.7s-9.6 12.9-11.8 20.8c-2.2 8.5-6.45 12.7-12.7 12.7h-57.6c-3.46 0-6.45-1.26-8.97-3.78-2.52-2.52-3.78-5.51-3.78-8.97 0-11 2.36-20.9 7.08-29.7 5.04-8.81 10.9-16.4 17.5-22.7 6.61-6.61 15.4-14.3 26.4-23.1 11.6-9.13 20.3-16.7 26-22.7 5.67-6.3 8.5-13.1 8.5-20.3 0-9.13-3.62-16.2-10.9-21.2-6.92-5.35-17.5-8.03-31.6-8.03-10.7 0-19.2 1.42-25.5 4.25-5.98 2.52-10.4 5.51-13.2 8.97s-5.67 7.87-8.5 13.2c-1.89 4.72-3.93 8.34-6.14 10.9-2.2 2.2-5.51 3.3-9.92 3.3h-57.6c-2.83 0-5.35-0.943-7.55-2.83-1.89-1.89-2.83-4.41-2.83-7.55 0.315-15.4 5.82-31.2 16.5-47.2 11-16.1 26.3-29.4 45.8-40.1 19.8-10.7 42.8-16.1 68.9-16.1zm-31.2 262h59.5c3.46 0 6.45 1.26 8.97 3.78s3.78 5.51 3.78 8.97v47.7c0 3.46-1.26 6.45-3.78 8.97-2.52 2.52-5.51 3.78-8.97 3.78h-59.5c-3.46 0-6.45-1.26-8.97-3.78-2.52-2.52-3.78-5.51-3.78-8.97v-47.7c0-3.46 1.26-6.45 3.78-8.97s5.51-3.78 8.97-3.78z' fill='%23ffa300' stroke-dashoffset='211' stroke-linecap='round' stroke-linejoin='round' stroke-width='9.98'/%3E%3C/svg%3E");
  vertical-align: middle;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Cancelled */
body:not(.disable-alt-checkboxes) input[data-task="-"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="-"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="-"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --%3E%3Cpath d='m96.9 209h318c0.264 0 0.476 0.154 0.476 0.345v92.4c0 0.191-0.212 0.345-0.476 0.345h-318c-0.264 0-0.476-0.154-0.476-0.345v-92.4c0-0.191 0.212-0.345 0.476-0.345z' fill='%23a30000' stroke-dashoffset='211' stroke-linecap='round' stroke-width='20'/%3E%3C/svg%3E");
  background-color: #f13535;
  vertical-align: middle;
  text-align: center;
  border-radius: inherit;
  top: -1px;
  left: -1px;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
  color: white;
}

body:not(.disable-alt-checkboxes) input[data-task="b"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="b"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="b"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --%3E%3Cpath d='m56.1 12.8h400c0.317 0 0.571 0.255 0.571 0.571v485c0 0.317-0.255 0.571-0.571 0.571l-206-127-194 127c-0.265 0.173-0.571-0.255-0.571-0.571v-485c0-0.317 0.255-0.571 0.571-0.571z' fill='%23c300ff' stroke-dashoffset='211' stroke-linecap='round' stroke-width='28.2'/%3E%3C/svg%3E");
  vertical-align: middle;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="I"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="I"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="I"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap)--%3E%3Cpath d='m173 331c-6.86-46.4-39-83.5-55.8-126-5.82-25.3-4.61-52-1.14-77.6 14.5-52.5 60.9-96.8 117-105 52.5-9.38 111 6.13 146 47.4 20.1 23.5 35.9 52.5 34.3 83.9 0.467 24.9 2.6 51.7-12.5 73.4-22.9 39.4-51.3 81-48.6 128-3.91 2.97-13.6 0.334-19.7 1.23h-156c-1.02-8.36-2.04-16.7-3.05-25.1z' fill='%23ffc300' stroke-width='4.85'/%3E%3Cpath d='m143 170c2.18-35.2 20.5-68.7 45.9-93.4 19.5-14.5 42.6-27.1 67.5-29.2 20.9 15.9-17 31.5-31.9 36-32.1 14.7-53.3 46.8-56.2 80.9 5.59 17.4-26 38.4-25.1 11.4l-0.0926-2.67z' fill='%23ffff00' fill-opacity='.492' stroke-width='6.57'/%3E%3Cpath d='m241 497c-16.7-3.43-56.3-21.9-40.9-40.6 33.9-4.44 68.5-1.85 103-2.15 15.4-3.65 38.6 6.63 19.6 21.5-15.5 18.6-39.6 22.8-62.7 23.5-6.3-0.234-12.6-1.05-18.8-2.26z' fill='%23ffc300' stroke-width='5.18'/%3E%3Cpath d='m173 413c61.1 0.239 122-0.479 183 0.36 13 7.12 11.4 37.2-6.7 35.2-59.6-0.239-119 0.479-179-0.36-11.5-6.19-11.7-31.7 2.08-35.2zm0-44.2c61.1 0.239 122-0.479 183 0.36 13 7.12 11.4 37.2-6.7 35.2-59.6-0.239-119 0.479-179-0.36-11.5-6.19-11.7-31.7 2.08-35.2z' fill='%23ffc300' stroke-dashoffset='211' stroke-linecap='round' stroke-linejoin='round' stroke-width='7.65'/%3E%3C/svg%3E");
  vertical-align: middle;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="p"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="p"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="p"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --%3E%3Cpath d='m15.4 442h121l-4.57-176-117-1.62zm277 26.2c-44.7-8.36-88.6-21.4-134-23.9v-180c27.2-12.2 51-24.9 60.9-51 0 0 17.1-42.7 35.5-58 20.2-20.3 40.9-36.3 46.9-64.9 8.96-19.5 15.7-58.1 50.8-48.3 27.9 18.1 12.5 39 10.3 68.2-6.27 27.4-33 36.3-37.6 64.2 4.08 8.57 14.3 18.3 25.4 16.6 38.9 0.709 70.2-2.15 108 6.85 22.6 11.9 34.4 39.4 18.9 60.9-3.48 7.19-9.57 14.5-2 21.3 12.5 14.8 11.9 35-2.32 48.6-5.7 6.22-10 12.6-4.7 20.5 8.19 16.3-0.869 32.8-11.6 45.6-7.18 5.9-5.41 13.6-3.23 21.3 8.28 25.8-16.1 38.6-37.5 42.5-40.4 7.91-82.3 15.2-124 9.79z' fill='%2300cf48'/%3E%3C/svg%3E");
  vertical-align: middle;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="c"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="c"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="c"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap)--%3E%3Cpath d='m15.4 68.6h121l-4.57 176-117 1.62zm277-26.2c-44.7 8.36-88.6 21.4-134 23.9v180c27.2 12.2 51 24.9 60.9 51 0 0 17.1 42.7 35.5 58 20.2 20.3 40.9 36.3 46.9 64.9 8.96 19.5 15.7 58.1 50.8 48.3 27.9-18.1 12.5-39 10.3-68.2-6.27-27.4-33-36.3-37.6-64.2 4.08-8.57 14.3-18.3 25.4-16.6 38.9-0.709 70.2 2.15 108-6.85 22.6-11.9 34.4-39.4 18.9-60.9-3.48-7.19-9.57-14.5-2-21.3 12.5-14.8 11.9-35-2.32-48.6-5.7-6.22-10-12.6-4.7-20.5 8.19-16.3-0.869-32.8-11.6-45.6-7.18-5.9-5.41-13.6-3.23-21.3 8.28-25.8-16.1-38.6-37.5-42.5-40.4-7.91-82.3-15.2-124-9.79z' fill='%23f14848'/%3E%3C/svg%3E");
  vertical-align: middle;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="i"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="i"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="i"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap)--%3E%3Cpath d='m256 21a235 235 0 0 0-235 235 235 235 0 0 0 235 235 235 235 0 0 0 235-235 235 235 0 0 0-235-235zm0.293 120c7.44 0 13.3 1.96 17.6 5.87 4.31 3.72 6.46 8.81 6.46 15.3 0 6.46-2.15 11.6-6.46 15.6-4.31 3.72-10.2 5.58-17.6 5.58-7.44 0-13.3-1.86-17.6-5.58-4.31-3.92-6.46-9.1-6.46-15.6 0-6.46 2.15-11.6 6.46-15.3 4.31-3.92 10.2-5.87 17.6-5.87zm-65.2 69.3h86v128h49.6v33.2h-142v-33.2h55.2v-95.1h-49.3v-33.2z' fill='%2300a3f1'/%3E%3C/svg%3E");
  vertical-align: middle;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Location */
body:not(.disable-alt-checkboxes) input[data-task="l"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="l"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="l"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --%3E%3Cpath d='m252 15.3c-104 2e-6 -188 83-188 185 0 102 188 297 188 297s188-195 188-297c0-102-84.4-185-188-185zm0 123a64 64 0 0 1 64 64 64 64 0 0 1-64 64 64 64 0 0 1-64-64 64 64 0 0 1 64-64z' fill='%23f14848' stroke-linecap='round' stroke-width='2.8'/%3E%3C/svg%3E");
  vertical-align: middle;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Star */
body:not(.disable-alt-checkboxes) input[data-task="s"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="s"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="s"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --%3E%3Cpath d='m411 473c-8.2 6.01-141-79-151-78.8-10.3 0.205-139 90.4-147 84.7-8.45-5.67 34.3-154 30.9-163-3.38-9.39-132-99.7-129-109 2.98-9.51 162-15.9 170-21.9 8.2-6.01 57.4-152 67.7-152 10.3-0.205 65.7 144 74.2 149 8.45 5.67 167 5.74 171 15.1s-121 105-124 114c-2.98 9.51 46.1 156 37.9 162z' color='%23000000' fill='%23ffc200' /%3E%3C/svg%3E");
  vertical-align: middle;
  background: transparent;
  position: absolute;
  top: -5%;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="*"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="*"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="*"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --%3E%3Cpath d='m411 473c-8.2 6.01-141-79-151-78.8-10.3 0.205-139 90.4-147 84.7-8.45-5.67 34.3-154 30.9-163-3.38-9.39-132-99.7-129-109 2.98-9.51 162-15.9 170-21.9 8.2-6.01 57.4-152 67.7-152 10.3-0.205 65.7 144 74.2 149 8.45 5.67 167 5.74 171 15.1s-121 105-124 114c-2.98 9.51 46.1 156 37.9 162z' color='%23000000' fill='%23ffc200' /%3E%3C/svg%3E");
  vertical-align: middle;
  background: transparent;
  position: absolute;
  top: -5%;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="n"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="n"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="n"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap)--%3E%3Cg transform='matrix(.808 .76 -.732 .838 237 -150)'%3E%3Crect x='227' y='340' width='58.5' height='151' rx='26' ry='31.8' fill='%23979797'/%3E%3Cpath d='m181 43.1c-18.8 0-34 18-34 40.4v16.8c0 21.6 14.1 39.1 32.1 40.3-2.31 11.3-3.93 28.7-4.21 48.2l-0.629 44.1h-33.4c-29 0-52.3 23-52.3 51.6v21.4c0 28.6 23.3 51.6 52.3 51.6h230c29 0 52.3-23 52.3-51.6v-21.4c0-28.6-23.3-51.6-52.3-51.6h-33.7l0.568-39.9c0.314-22.1-1.16-41.4-3.64-52.5 17.2-2.03 30.6-19.2 30.6-40.2v-16.8c0-22.4-15.2-40.4-34-40.4z' fill='%23f13535' stroke-dashoffset='211' stroke-linecap='round' stroke-linejoin='round' stroke-width='9.75'/%3E%3C/g%3E%3C/svg%3E");
  vertical-align: middle;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="S"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="S"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="S"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap)--%3E%3Cpath d='m256 21a235 235 0 0 0-235 235 235 235 0 0 0 235 235 235 235 0 0 0 235-235 235 235 0 0 0-235-235zm-17.5 54h31.6v44.3c13 1.04 26 2.67 39 4.88 13 2.21 26.1 5.07 39.2 8.58v49.5c-13-5.46-26-9.68-39-12.7-13-3.12-26.1-5-39.2-5.65v56l6.24 1.17c33 5.2 56.2 13.9 69.4 26.1 13.4 12.1 20.1 30 20.1 53.8 0 23.9-7.93 42.3-23.8 55.2-15.9 12.7-39.8 20-71.9 21.8v59.1h-31.6l-0.195-58.7c-16.2-0.65-32-2.47-47.2-5.46s-30-7.15-44.5-12.5v-51.1c14.9 7.67 30 13.6 45.2 17.7 15.3 4.03 30.9 6.3 46.6 6.82v-60.6l-6.43-1.17c-31.1-5.46-53.2-14-66.3-25.7-13-11.7-19.5-28.5-19.5-50.5-1e-5 -23.3 7.93-41.4 23.8-54.4 16-13.1 38.7-20.3 68.2-21.4l0.195-45zm0 89.5c-9.23 0.52-16.6 3.05-22.2 7.6-5.46 4.42-8.19 10.1-8.19 17 0 7.67 2.53 13.7 7.6 18.1 5.07 4.29 12.7 7.02 22.8 8.19v-50.9zm31.6 114v54.2c11.3-0.13 19.8-2.34 25.3-6.63 5.72-4.29 8.58-10.7 8.58-19.3 0-8.84-2.6-15.4-7.8-19.7-5.2-4.42-13.9-7.28-26.1-8.58z' fill='%2300cf48'/%3E%3C/svg%3E");
  vertical-align: middle;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Work in Progress */
body:not(.disable-alt-checkboxes) input[data-task="/"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="/"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="/"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --%3E%3Cpath d='m251 12.6c-28.8-5.53-39.7 19.7-38.7 43.6-10.9 21.3-37.4 32-60.5 31.5-21.3-6.79-42.7-36.9-63.3-8.33-23.5 14.9-32.4 45.2-6.55 62.6 11 22.3-1.02 49.4-16.4 66.6-15.7 15.8-53.5 0.874-52.4 33.5-2.96 21.6-2.45 59.8 29.2 55 28.9 0.315 42.7 32.2 45.5 56.8 3.43 24.1-37.6 40.1-13.9 63.3 13.1 17.4 40.7 44.6 59.7 19.1 20.5-20.5 52.9-7.78 72.4 7.64 20.2 13.5 1.27 52 32.1 54.2 20.5 2.15 59.2 6.38 58.6-23.9-2.82-30.1 28.6-46.3 54-50 25.2-7.34 39.3 35.5 63.4 15.8 17.4-13 48.3-40.3 23-60.8-21.8-20.6-8.97-54.3 7.26-74 14.9-18.9 55.2-1.47 54.3-35.4 2.96-21.6 2.45-59.8-29.2-55-28.9-0.313-42.7-32.2-45.5-56.8-3.43-24.1 37.6-40.1 13.9-63.3-13.1-17.4-40.7-44.6-59.7-19.1-20.5 20.5-52.9 7.78-72.4-7.64-20.2-13.5-1.27-51.9-32-54.2-7.51-1.32-15.2-1.38-22.8-1.28zm4.84 165c46.1-1.39 85.9 44 78.2 89.6-4.76 46.2-55.8 79.5-100 65.3-45.9-11.5-71.3-68.4-49.3-110 12.7-26.9 41.4-44.8 71.1-44.6z' color='%23000000' fill='%2300b3b3'/%3E%3C/svg%3E");
  vertical-align: middle;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="<"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="<"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="<"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --%3E%3Cg stroke-dashoffset='211' stroke-linecap='round'%3E%3Cpath d='m68.1 110h376c1.33 19.4 0.19 39.8 0.571 59.6-0.395 7.2 0.781 15-0.571 21.9h-376c-1.33-19.4-0.19-39.8-0.571-59.6 0.393-7.18-0.778-15.1 0.571-21.9z' fill='%230082ff' stroke-width='28.2' /%3E%3Cpath d='m68.1 191h376c1.33 19.4 0.19 39.8 0.571 59.6v216c-19.4 1.33-39.8 0.19-59.6 0.571h-317c-1.33-19.4-0.19-39.8-0.571-59.6v-216z' fill='%2368c0e1' stroke-width='51.9' /%3E%3Cpath d='m147 44.2c11.1 0.4 23-0.788 33.7 0.571v55.9c-10.8 1.33-22.5 0.19-33.7 0.571-1.33-18.4-0.19-37.7-0.571-56.5z' fill='%230082ff' stroke-width='29.7' /%3E%3Cpath d='m340 44.2c11.1 0.4 23-0.788 33.7 0.571v55.9c-10.8 1.33-22.5 0.19-33.7 0.571-1.33-18.4-0.19-37.7-0.571-56.5z' fill='%230082ff' stroke-width='29.7' /%3E%3Cpath d='m116 212c-1.43 3.85-0.117 9.01-0.57 13.3 0.381 19.8-0.763 40.2 0.57 59.6h77.7c10.1 3.26 7.13-6.98 7.38-13.3-0.381-19.8 0.763-40.2-0.57-59.6zm97.7 0c-1.43 3.85-0.119 9.01-0.572 13.3 0.381 19.8-0.761 40.2 0.572 59.6h77.7c10.1 3.26 7.13-6.98 7.38-13.3-0.381-19.8 0.761-40.2-0.572-59.6zm95.7 0c-1.43 3.85-0.117 9.01-0.57 13.3 0.381 19.8-0.763 40.2 0.57 59.6h77.7c10.1 3.26 7.13-6.98 7.38-13.3-0.381-19.8 0.763-40.2-0.57-59.6zm-193 82.8c-1.43 3.85-0.117 9.01-0.57 13.3 0.381 19.8-0.763 40.2 0.57 59.6h77.7c10.1 3.26 7.13-6.98 7.38-13.3-0.381-19.8 0.763-40.2-0.57-59.6zm97.7 0c-1.43 3.85-0.119 9.01-0.572 13.3 0.381 19.8-0.761 40.2 0.572 59.6h77.7c10.1 3.26 7.13-6.98 7.38-13.3-0.381-19.8 0.761-40.2-0.572-59.6zm95.7 0c-1.43 3.85-0.117 9.01-0.57 13.3 0.381 19.8-0.763 40.2 0.57 59.6h77.7c10.1 3.26 7.13-6.98 7.38-13.3-0.381-19.8 0.763-40.2-0.57-59.6z' fill='%23b9e2f1' stroke-width='28.2' /%3E%3C/g%3E%3C/svg%3E");
  vertical-align: middle;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task=">"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task=">"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task=">"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap)--%3E%3Cg stroke-dashoffset='211' stroke-linecap='round'%3E%3Cpath d='m68.1 110h376c1.33 19.4 0.19 39.8 0.571 59.6-0.395 7.2 0.781 15-0.571 21.9h-376c-1.33-19.4-0.19-39.8-0.571-59.6 0.393-7.18-0.778-15.1 0.571-21.9z' color='%23000000' fill='%230082ff' stroke-width='28.2' /%3E%3Cpath d='m68.1 191h376c1.33 19.4 0.19 39.8 0.571 59.6v216c-19.4 1.33-39.8 0.19-59.6 0.571h-317c-1.33-19.4-0.19-39.8-0.571-59.6v-216z' color='%23000000' fill='%2368c0e1' stroke-width='51.9' /%3E%3Cpath d='m340 44.2c11.1 0.4 23-0.788 33.7 0.571v55.9c-10.8 1.33-22.5 0.19-33.7 0.571-1.33-18.4-0.19-37.7-0.571-56.5zm-193 0c11.1 0.4 23-0.788 33.7 0.571v55.9c-10.8 1.33-22.5 0.19-33.7 0.571-1.33-18.4-0.19-37.7-0.571-56.5z' fill='%230082ff' /%3E%3Cpath d='m116 212c-1.43 3.85-0.117 9.01-0.57 13.3 0.381 19.8-0.763 40.2 0.57 59.6h77.7c10.1 3.26 7.13-6.98 7.38-13.3-0.381-19.8 0.763-40.2-0.57-59.6zm97.7 0c-1.43 3.85-0.119 9.01-0.572 13.3 0.381 19.8-0.761 40.2 0.572 59.6h77.7c10.1 3.26 7.13-6.98 7.38-13.3-0.381-19.8 0.761-40.2-0.572-59.6zm95.7 0c-1.43 3.85-0.117 9.01-0.57 13.3 0.381 19.8-0.763 40.2 0.57 59.6h77.7c10.1 3.26 7.13-6.98 7.38-13.3-0.381-19.8 0.763-40.2-0.57-59.6zm-193 82.8c-1.43 3.85-0.117 9.01-0.57 13.3 0.381 19.8-0.763 40.2 0.57 59.6h77.7c10.1 3.26 7.13-6.98 7.38-13.3-0.381-19.8 0.763-40.2-0.57-59.6zm97.7 0c-1.43 3.85-0.119 9.01-0.572 13.3 0.381 19.8-0.761 40.2 0.572 59.6h77.7c10.1 3.26 7.13-6.98 7.38-13.3-0.381-19.8 0.761-40.2-0.572-59.6zm95.7 0c-1.43 3.85-0.117 9.01-0.57 13.3 0.381 19.8-0.763 40.2 0.57 59.6h77.7c10.1 3.26 7.13-6.98 7.38-13.3-0.381-19.8 0.763-40.2-0.57-59.6z' color='%23000000' fill='%23b9e2f1' stroke-width='28.2' /%3E%3C/g%3E%3Cpath d='m14.3 254 289-1.57 1.48-108 191 175-197 152v-104h-285z' fill='%23f14848'/%3E%3C/svg%3E");
  vertical-align: middle;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="q"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="q"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="q"]>p>input:checked::after,
body:not(.disable-alt-checkboxes) input[data-task='"']:checked::after,
li[data-task='"']>input:checked::after,
li[data-task='"']>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --%3E%3Cpath d='m185 89.2-124 177a84.4 91.3 0 0 0-15.6 22.2l-5.09 7.26 2.05-0.186a84.4 91.3 0 0 0-7.11 35.9 84.4 91.3 0 0 0 84.4 91.3 84.4 91.3 0 0 0 84.4-91.3 84.4 91.3 0 0 0-36.5-74.8l103-167zm206 0-124 177a84.4 91.3 0 0 0-15.6 22.2l-5.09 7.25 2.05-0.186a84.4 91.3 0 0 0-7.11 35.9 84.4 91.3 0 0 0 84.4 91.3 84.4 91.3 0 0 0 84.4-91.3 84.4 91.3 0 0 0-36.5-74.8l103-167z' color='%23000000' fill='%23828282' stroke-width='1px'/%3E%3C/svg%3E");
  vertical-align: middle;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="x"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="x"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="x"]>p>input:checked,
body:not(.disable-alt-checkboxes) input[data-task="X"]:checked,
body:not(.disable-alt-checkboxes) li[data-task="X"]>input:checked,
body:not(.disable-alt-checkboxes) li[data-task="X"]>p>input:checked {
  --checkbox-color: #00cf48;
  --checkbox-color-hover: #00d84c;
}

body:not(.disable-alt-checkboxes) input[data-task="x"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="x"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="x"]>p>input:checked::after,
body:not(.disable-alt-checkboxes) input[data-task="X"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="X"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="X"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap)--%3E%3Cpath d='m45.9 241 167 151 249-309' fill='none' stroke='%23008200' stroke-width='88'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 90%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="1"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="1"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="1"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --%3E%3Cpath d='m42.8 417h426l-201-322z' fill='%2300cf48'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="2"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="2"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="2"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --%3E%3Cpath d='m42.8 94.9h426l-201 322z' fill='%23f14848'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="3"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="3"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="3"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --%3E%3Cpath d='m94.9 469v-426l322 201z' fill='%230082ff'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="f"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="f"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="f"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap)--%3E%3Cpath d='m103 58.3c-11.2 10.1 1.66 23.2 7.94 32.2 24.3 33.6 48.1 67.6 72.7 101 8.87 11.6 21.5 3.91 30.4-2.66 10.3-7.37 22.8-12.4 31.5-21.4 4.28-14.5-10.2-24.8-16.7-36.2-22.5-31-44.4-62.5-67.2-93.3-8.87-11.6-21.5-3.91-30.4 2.66-9.42 5.92-18.8 11.8-28.3 17.7zm-15.5 30.7c-33.2 79-46.6 163-8.42 238 42.3 68.3 112 140 189 147 32.9 4 66.1 5.21 99.3 5.55-27-37.6-54-75.2-81-113-37.6 18.7-81.9-0.613-109-28.8-23-24.1-49.3-54.3-43.5-90.2 1.26-20.8 23.3-36.1 32.8-47.7-26.5-37-53.1-74-79.6-111zm218 252c-11.2 10.1 1.66 23.2 7.94 32.3 24.3 33.6 48.1 67.6 72.7 101 8.87 11.6 21.5 3.91 30.4-2.66 10.3-7.37 22.8-12.4 31.5-21.4 4.28-14.5-10.2-24.8-16.7-36.2-22.5-31-44.4-62.5-67.2-93.3-8.87-11.6-21.5-3.91-30.4 2.66-9.42 5.92-18.8 11.8-28.3 17.7z' fill='%2300cf48'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="F"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="F"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="F"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap)--%3E%3Cpath d='m177 81.6 73.5 125a240 49.8 0 0 0-157 13l-30-56.5h-46.5l34 67.2a240 49.8 0 0 0-36.1 26.1 240 49.8 0 0 0 36 26.1l-34 64 46.5 3.33 28.8-56.9a240 49.8 0 0 0 157 13.2l-73.2 118 101 6.23 76.1-129a240 49.8 0 0 0 142-45.4 240 49.8 0 0 0-138-45.1l-79.9-129z' fill='%23979797'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="e"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="e"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="e"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap)--%3E%3Crect x='10.7' y='81.8' width='486' height='338' rx='22' ry='19.6' fill='%23cfcfcf'/%3E%3Cpath d='m43.9 396 128-177m284 177-128-177m-285-112 216 174 206-174' fill='none' stroke='%23484848' stroke-width='20.6'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Magic Wand */
body:not(.disable-alt-checkboxes) input[data-task="m"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="m"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="m"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap)--%3E%3Cpath d='m330 119c-2.01 1.32-32.1-20.3-34.6-20.4-2.43-0.0752-33.9 19.6-35.9 18.2-1.92-1.44 10.1-35.7 9.4-38-0.676-2.25-29.8-25-29-27.3 0.825-2.2 38.4-1.81 40.4-3.12s15.5-35.1 17.9-35c2.43 0.0753 13.6 34.6 15.6 36.1 1.92 1.44 39.4 3.36 40.1 5.61 0.676 2.25-29.9 23.2-30.8 25.4-0.825 2.2 8.86 37.2 6.85 38.5zm-230 207c-2.01 1.32-32.1-20.3-34.6-20.4-2.43-0.0752-33.9 19.6-35.9 18.2-1.92-1.44 10.1-35.7 9.4-38-0.676-2.25-29.8-25-29-27.3 0.825-2.2 38.4-1.81 40.4-3.12 2.01-1.32 15.5-35.1 17.9-35 2.43 0.0752 13.6 34.6 15.6 36.1 1.92 1.44 39.4 3.36 40.1 5.61 0.676 2.25-29.9 23.2-30.8 25.4-0.825 2.2 8.86 37.2 6.85 38.5zm317 136c-3.03 2.03-48.4-31.3-52-31.4-3.66-0.116-51.1 30.3-54 28.1-2.89-2.22 15.2-55.2 14.1-58.7-1.02-3.48-44.9-38.7-43.7-42.1 1.24-3.4 57.7-2.79 60.8-4.82 3.03-2.03 23.3-54.2 27-54.1 3.66 0.116 20.5 53.5 23.4 55.7 2.89 2.22 59.3 5.2 60.3 8.67 1.02 3.48-45.1 35.8-46.3 39.2-1.24 3.4 13.3 57.4 10.3 59.5zm60.6-202c-2.01 1.32-32.1-20.3-34.6-20.4-2.43-0.0752-33.9 19.6-35.9 18.2-1.92-1.44 10.1-35.7 9.4-38-0.676-2.25-29.8-25-29-27.3 0.825-2.2 38.4-1.81 40.4-3.12 2.01-1.32 15.5-35.1 17.9-35 2.43 0.0752 13.6 34.6 15.6 36.1 1.92 1.44 39.4 3.36 40.1 5.61 0.676 2.25-29.9 23.2-30.8 25.4-0.825 2.2 8.86 37.2 6.85 38.5zm-323-107c-2.01 1.32-32.1-20.3-34.6-20.4-2.43-0.0752-33.9 19.6-35.9 18.2-1.92-1.44 10.1-35.7 9.4-38-0.676-2.25-29.8-25-29-27.3 0.825-2.2 38.4-1.81 40.4-3.12 2.01-1.32 15.5-35.1 17.9-35 2.43 0.0752 13.6 34.6 15.6 36.1 1.92 1.44 39.4 3.36 40.1 5.61 0.676 2.25-29.9 23.2-30.8 25.4-0.825 2.2 8.86 37.2 6.85 38.5z' color='%23000000' fill='%23ffc200' stroke-dashoffset='211' stroke-linecap='square' stroke-linejoin='round' stroke-width='24.4' /%3E%3Cg stroke-width='62.4'%3E%3Cpath d='m152 367 219-222' fill='%23000000' stroke='%23000000'/%3E%3Cpath d='m372 145 91.7-93.2' fill='none' stroke='%23cfcfcf'/%3E%3Cpath d='m60.8 460 91.7-93.2' fill='none' stroke='%23cfcfcf'/%3E%3C/g%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Time */
body:not(.disable-alt-checkboxes) input[data-task="t"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="t"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="t"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap)--%3E%3Cg%3E%3Crect x='159' y='1.32' width='195' height='511' fill='%23484848' style='paint-order:fill markers stroke'/%3E%3Ccircle cx='256' cy='256' r='210' fill='%23a3a3a3' /%3E%3Ccircle cx='256' cy='256' r='190' fill='%23cccccc' stroke='%23828282' stroke-dashoffset='211' stroke-linecap='square' stroke-linejoin='round' stroke-width='22' style='paint-order:fill markers stroke'/%3E%3C/g%3E%3Cpath d='m458 216h38.6v83.5h-38.6z' fill='%23828282' stroke-dashoffset='211' stroke-linecap='square' stroke-linejoin='round' stroke-width='69' style='paint-order:fill markers stroke'/%3E%3Cpath d='m271 260a15 15 0 0 1-15 15 15 15 0 0 1-15-15 15 15 0 0 1 15-15 15 15 0 0 1 15 15zm-13.9 11.8 4.28-176m-4.28 168 94.3 66.4' fill='%2300ff00' stroke='%23000000' stroke-dashoffset='211' stroke-linecap='square' stroke-linejoin='round' stroke-width='20' /%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="g"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="g"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="g"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap)--%3E%3Cg stroke-dashoffset='211' stroke-linecap='square' stroke-linejoin='round'%3E%3Cpath d='m37.1 257h116v221h-116z' fill='%2300a3ff' stroke-width='64.5' style='paint-order:fill markers stroke'/%3E%3Cpath d='m198 173h116v304h-116z' fill='%23ff8200' stroke-width='75.7' style='paint-order:fill markers stroke'/%3E%3Cpath d='m361 41.3h116v436h-116z' fill='%2300cf48' stroke-width='90.7' style='paint-order:fill markers stroke'/%3E%3C/g%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

/*
Extra Checkbox Icons
Icons from Lucide Icons
ISC License (it is on the top of the page)
https://lucide.dev
key, win, up, down, cart, add, remove, issue, closed issue, test
*/

/* Key */
body:not(.disable-alt-checkboxes) input[data-task="k"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="k"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="k"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffd700' stroke='%2348484882' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 18v3c0 .6.4 1 1 1h4v-3h3v-3h2l1.4-1.4a6.5 6.5 0 1 0-4-4Z'/%3E%3Ccircle cx='16.5' cy='7.5' r='.5'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Win */
body:not(.disable-alt-checkboxes) input[data-task="w"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="w"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="w"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a300a3' stroke='%23bf00ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8'/%3E%3Cpath d='M4 16s.5-1 2-1 2.5 2 4 2 2.5-2 4-2 2.5 2 4 2 2-1 2-1'/%3E%3Cpath d='M2 21h20'/%3E%3Cpath d='M7 8v2'/%3E%3Cpath d='M12 8v2'/%3E%3Cpath d='M17 8v2'/%3E%3Cpath d='M7 4h.01'/%3E%3Cpath d='M12 4h.01'/%3E%3Cpath d='M17 4h.01'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Up */
body:not(.disable-alt-checkboxes) input[data-task="u"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="u"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="u"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300bf53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 7 13.5 15.5 8.5 10.5 2 17'/%3E%3Cpolyline points='16 7 22 7 22 13'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Down */
body:not(.disable-alt-checkboxes) input[data-task="d"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="d"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="d"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f10000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 17 13.5 8.5 8.5 13.5 2 7'/%3E%3Cpolyline points='16 17 22 17 22 11'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Draft Pull Request */
body:not(.disable-alt-checkboxes) input[data-task="D"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="D"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="D"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --%3E%3Cpath d='m397 146v-54m0 197v-54m59.7 190a59.7 59.7 0 0 1-59.7 59.7 59.7 59.7 0 0 1-59.7-59.7 59.7 59.7 0 0 1 59.7-59.7 59.7 59.7 0 0 1 59.7 59.7zm-332-383a59.7 59.7 0 0 0-59.7 59.7 59.7 59.7 0 0 0 59.7 59.7 59.7 59.7 0 0 0 59.7-59.7 59.7 59.7 0 0 0-59.7-59.7zm0 120v202zm0 204a59.7 59.7 0 0 0-59.7 59.7 59.7 59.7 0 0 0 59.7 59.7 59.7 59.7 0 0 0 59.7-59.7 59.7 59.7 0 0 0-59.7-59.7z' fill='none' stroke='%23a3a3a3' stroke-linecap='round' stroke-width='33.8'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Open Pull Request */
body:not(.disable-alt-checkboxes) input[data-task="P"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="P"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="P"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --%3E%3Cpath d='m266 93.3 53.6 53.5m77.1 200 0.1-254h-131l55.6-55.7m135 387c0 33-26.7 59.7-59.7 59.7s-59.7-26.7-59.7-59.7 26.7-59.7 59.7-59.7 59.7 26.7 59.7 59.7zm-332-383c-33 0-59.7 26.7-59.7 59.7s26.7 59.7 59.7 59.7 59.7-26.7 59.7-59.7-26.7-59.7-59.7-59.7zm0 120v202zm0 204c-33 0-59.7 26.7-59.7 59.7s26.7 59.7 59.7 59.7 59.7-26.7 59.7-59.7-26.7-59.7-59.7-59.7z' fill='none' stroke='%2300bf53' stroke-linecap='round' stroke-linejoin='round' stroke-width='40'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) *[data-task="P"] .cm-list-1 {
  color: #00bf53;
}

/* Merged Pull Request */
body:not(.disable-alt-checkboxes) input[data-task="M"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="M"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="M"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --%3E%3Cpath d='m330 310s-199-12.1-205-92.5m332 96c0 33-26.7 59.7-59.7 59.7s-59.7-26.7-59.7-59.7 26.7-59.7 59.7-59.7 59.7 26.7 59.7 59.7zm-332-271c-33 0-59.7 26.7-59.7 59.7s26.7 59.7 59.7 59.7 59.7-26.7 59.7-59.7-26.7-59.7-59.7-59.7zm0 120v202zm0 204c-33 0-59.7 26.7-59.7 59.7s26.7 59.7 59.7 59.7 59.7-26.7 59.7-59.7-26.7-59.7-59.7-59.7z' fill='none' stroke='%23d228ff' stroke-width='40'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) *[data-task="M"] .cm-list-1 {
  color: #828282;
}

/* Git Branch */
body:not(.disable-alt-checkboxes) input[data-task="B"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="B"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="B"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m125 364c0-154 260 2.7 260-162m72.5-68.9c0 33-26.7 59.7-59.7 59.7s-59.7-26.7-59.7-59.7 26.7-59.7 59.7-59.7 59.7 26.7 59.7 59.7zm-332-91c-33 0-59.7 26.7-59.7 59.7s26.7 59.7 59.7 59.7 59.7-26.7 59.7-59.7-26.7-59.7-59.7-59.7zm0 120v202zm0 204c-33 0-59.7 26.7-59.7 59.7s26.7 59.7 59.7 59.7 59.7-26.7 59.7-59.7-26.7-59.7-59.7-59.7z' fill='none' stroke='%23ff5f00' stroke-linecap='round' stroke-linejoin='round' stroke-width='40'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

/* User */
body:not(.disable-alt-checkboxes) input[data-task="U"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="U"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="U"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --%3E%3Cpath d='m256 291c-129 9e-5 -233 46.2-235 113-0.586 24.3-3.96 43.7-2.94 58.7-1.35 26.1 3.49 38.6 32.6 38.6h412c29.1 0 33.9-12.4 32.6-38.6 1.02-15-2.36-34.4-2.94-58.7-1.61-66.5-106-113-235-113-0.313 1.5e-4 -0.622 0.01-0.935 0.0102-0.313-6.9e-4 -0.621-0.0101-0.935-0.0102zm118-143a118 118 0 0 1-118 118 118 118 0 0 1-118-118 118 118 0 0 1 118-118 118 118 0 0 1 118 118z' fill='%230072d3' fill-rule='evenodd'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Passw */
body:not(.disable-alt-checkboxes) input[data-task="W"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="W"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="W"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --%3E%3Cpath d='m258 22c-2.15-0.04-4.29-0.0365-6.42 0.0098-10.2 0.222-20.3 1.42-30 3.37-25.8 5.2-49.3 15.5-67.5 31.2-17.2 14.9-31.4 39.2-26 65.1l3.27 103c-35 1.57-62.8 30.2-62.8 65.6v134c0 36.4 29.3 65.7 65.7 65.7h243c36.4 0 65.7-29.3 65.7-65.7v-134c0-36.4-29.3-65.7-65.7-65.7h-4.05l1.28-120-3.19-13.9c-15.4-30.8-41.2-51.1-68.5-60.7-14.9-5.28-30.2-7.72-45.3-8zm-5.26 60.7c10.7-0.204 21.2 1.23 30.3 4.46 12.8 4.53 23.2 11.7 31.2 24.8l-1.2 113h-121l-3.42-108-1.22-7.53c0.0428-0.226 0.696-1.83 6.4-6.76 7.78-6.72 23-14.3 39.8-17.7 6.3-1.27 12.8-1.98 19.2-2.1zm1.62 204c22.9 1.8e-4 44.3 17.5 44.3 41.8-1.2e-4 12.9-6.14 23.8-15.2 31.3 0 0.0126 4e-3 0.0244 4e-3 0.0371v57.7c0 15.3-13 28.4-28.4 28.4h-0.562c-15.3 0-28.4-13-28.4-28.4v-57.2c-9.5-7.47-16-18.6-16-31.8 2.2e-4 -24.3 21.4-41.8 44.3-41.8z' fill='%23a3a3a3'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Cart */
body:not(.disable-alt-checkboxes) input[data-task="C"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="C"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="C"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff5f00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Add */
body:not(.disable-alt-checkboxes) input[data-task="a"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="a"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="a"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300bf53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12h8'/%3E%3Cpath d='M12 8v8'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Remove */
body:not(.disable-alt-checkboxes) input[data-task="r"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="r"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="r"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff4848' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Issue */
body:not(.disable-alt-checkboxes) input[data-task="o"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="o"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="o"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Closed Issue */
body:not(.disable-alt-checkboxes) input[data-task="O"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="O"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="O"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dd28ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) *[data-task="O"] .cm-list-1 {
  color: #828282;
}

/* Test */
body:not(.disable-alt-checkboxes) input[data-task="T"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="T"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="T"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300a3a348' stroke='%2300bfbf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2v7.527a2 2 0 0 1-.211.896L4.72 20.55a1 1 0 0 0 .9 1.45h12.76a1 1 0 0 0 .9-1.45l-5.069-10.127A2 2 0 0 1 14 9.527V2'/%3E%3Cpath d='M8.5 2h7'/%3E%3Cpath d='M7 16h10'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="R"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="R"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="R"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cf00ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20'/%3E%3Cpolyline fill='%23cf00ff' points='10 2 10 10 13 7 16 10 16 2'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="E"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="E"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="E"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300a3ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath fill='none' d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle fill='none' cx='12' cy='12' r='3'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="Q"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="Q"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="Q"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300a3ff88' stroke='%2300a3ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12l4 6-10 13L2 9Z'/%3E%3Cpath d='M11 3 8 9l4 13 4-13-3-6'/%3E%3Cpath d='M2 9h20'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="L"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="L"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="L"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --%3E%3Cpath d='m33 64h446v311h-446z' fill='%23f1f1f1' fill-rule='evenodd' stroke='%23828282' stroke-dashoffset='211' stroke-linecap='round' stroke-linejoin='round' stroke-width='40' /%3E%3Cpath d='m321 325c-99 7e-5 -178 35-180 86-0.4 19-3 33-2 45-1 20 3 30 25 30h315c22 0 26-9 25-30 0.8-11-2-26-2-45-1-51-81-86-180-86-0.2 1e-4 -0.5 8e-3 -0.7 8e-3 -0.2-5e-4 -0.5-8e-3 -0.7-8e-3zm90-109a90 90 0 0 1-90 90 90 90 0 0 1-90-90 90 90 0 0 1 90-90 90 90 0 0 1 90 90z' fill='%230072d3' fill-rule='evenodd'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="h"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="h"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="h"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --%3E%3Cpath d='m258 57-248 195 70 0.3v203h135v-153h80v153h134v-201l73 0.3-105-85' fill='%2300a3ff' fill-rule='evenodd' stroke-dashoffset='211' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="A"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="A"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="A"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300bf48' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="H"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="H"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="H"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230072d3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18.5' cy='17.5' r='3.5'/%3E%3Ccircle cx='5.5' cy='17.5' r='3.5'/%3E%3Ccircle cx='15' cy='5' r='1'/%3E%3Cpath d='M12 17.5V14l-3-3 4-3 2 3h2'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

body:not(.disable-alt-checkboxes) input[data-task="G"]:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="G"]>input:checked::after,
body:not(.disable-alt-checkboxes) li[data-task="G"]>p>input:checked::after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- MagicUser Theme for Obsidian (c) Bernardo Pires (drbap) --%3E%3Cpath d='m147 239c-74 8e-5 -133 27-134 65-0.3 14-2 25-2 34-0.8 15 2 22 19 22h235c17 0 19-7 19-22 0.6-9-1-20-2-34-0.9-38-60-65-134-65-0.2 8e-5 -0.4 6e-3 -0.5 6e-3 -0.2-4e-4 -0.4-6e-3 -0.5-6e-3zm67-83a67 68 0 0 1-67 68 67 68 0 0 1-67-68 67 68 0 0 1 67-68 67 68 0 0 1 67 68zm167 239c-63 1e-5 -114 23-115 56-0.3 12-2 22-1 29-0.7 13 2 19 16 19h202c14 0 17-6 16-19 0.5-7-1-17-1-29-0.8-33-52-56-115-56-0.2 6e-5 -0.3 5e-3 -0.5 5e-3 -0.2-3e-4 -0.3-5e-3 -0.5-5e-3zm58-71a58 59 0 0 1-58 59 58 59 0 0 1-58-59 58 59 0 0 1 58-59 58 59 0 0 1 58 59zm-58-182c-63 1e-5 -114 23-115 56-0.3 12-2 22-1 29-0.7 13 2 19 16 19h202c14 0 17-6 16-19 0.5-7-1-17-1-29-0.8-33-52-56-115-56-0.2 6e-5 -0.3 5e-3 -0.5 5e-3 -0.2-3e-4 -0.3-5e-3 -0.5-5e-3zm58-71a58 59 0 0 1-58 59 58 59 0 0 1-58-59 58 59 0 0 1 58-59 58 59 0 0 1 58 59z' fill='%230072d3'/%3E%3C/svg%3E");
  background: transparent;
  vertical-align: middle;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  top: 0;
  left: 0;
  zoom: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Callouts */
/* Magic Callout */
.callout[data-callout="magic"] {
  --callout-color: var(--mu-callout-magic);
  --callout-icon: wand-2;
  border: .2rem double rgb(var(--mu-callout-magic));
}

/* Highlighters */
.callout[data-callout="hl-green"] {
  --callout-color: var(--mu-callout-green);
  --callout-icon: highlighter;
}

.callout[data-callout="hl-blue"] {
  --callout-color: var(--mu-callout-blue);
  --callout-icon: highlighter;
}

.callout[data-callout="hl-orange"] {
  --callout-color: var(--mu-callout-orange);
  --callout-icon: highlighter;
}

.callout[data-callout="hl-yellow"] {
  --callout-color: var(--mu-callout-yellow);
  --callout-icon: highlighter;
}

.callout[data-callout="hl-red"] {
  --callout-color: var(--mu-callout-red);
  --callout-icon: highlighter;
}

.callout[data-callout="hl-pink"] {
  --callout-color: var(--mu-callout-pink);
  --callout-icon: highlighter;
}

.callout[data-callout="hl-purple"] {
  --callout-color: var(--mu-callout-purple);
  --callout-icon: highlighter;
}

/* Pens */
.callout[data-callout="p-green"] {
  --callout-color: var(--mu-callout-green);
  --callout-icon: pen-tool;
  border: .1rem solid rgb(var(--mu-callout-green));
}

.callout[data-callout="p-blue"] {
  --callout-color: var(--mu-callout-blue);
  --callout-icon: pen-tool;
  border: .1rem solid rgb(var(--mu-callout-blue));
}

.callout[data-callout="p-orange"] {
  --callout-color: var(--mu-callout-orange);
  --callout-icon: pen-tool;
  border: .1rem solid rgb(var(--mu-callout-orange));
}

.callout[data-callout="p-yellow"] {
  --callout-color: var(--mu-callout-yellow);
  --callout-icon: pen-tool;
  border: .1rem solid rgb(var(--mu-callout-yellow));
}

.callout[data-callout="p-red"] {
  --callout-color: var(--mu-callout-red);
  --callout-icon: pen-tool;
  border: .1rem solid rgb(var(--mu-callout-red));
}

.callout[data-callout="p-pink"] {
  --callout-color: var(--mu-callout-pink);
  --callout-icon: pen-tool;
  border: .1rem solid rgb(var(--mu-callout-pink));
}

.callout[data-callout="p-purple"] {
  --callout-color: var(--mu-callout-purple);
  --callout-icon: pen-tool;
  border: .1rem solid rgb(var(--mu-callout-purple));
}

/* Video */
.callout[data-callout="video"] {
  --callout-color: var(--mu-callout-video);
  --callout-icon: video;
}

/* Mic */
.callout[data-callout="mic"] {
  --callout-color: var(--mu-callout-mic);
  --callout-icon: mic;
}

/* Clip */
.callout[data-callout="clip"],
.callout[data-callout="paperclip"] {
  --callout-color: var(--mu-callout-paperclip);
  --callout-icon: paperclip;
}

/* Book */
.callout[data-callout="book"] {
  --callout-color: var(--mu-callout-book);
  --callout-icon: book-open;
}

/* Target */
.callout[data-callout="target"] {
  --callout-color: var(--mu-callout-target);
  --callout-icon: target;
}

/* Pros */
.callout[data-callout="pro"],
.callout[data-callout="pros"] {
  --callout-color: var(--mu-callout-pro);
  --callout-icon: thumbs-up;
  border-left: .3rem solid rgb(var(--mu-callout-pro));
  border-radius: 0;
}

/* Cons */
.callout[data-callout="con"],
.callout[data-callout="cons"] {
  --callout-color: var(--mu-callout-con);
  --callout-icon: thumbs-down;
  border-left: .3rem solid rgb(var(--mu-callout-con));
  border-radius: 0;
}

/* Link */
.callout[data-callout="link"],
.callout[data-callout="links"] {
  --callout-color: var(--mu-callout-link);
  --callout-icon: link;
  border-left: .3rem solid rgb(var(--mu-callout-link));
  border-radius: 0;
  background: none;
}

/* Comment */
.callout[data-callout="comment"] {
  --callout-color: var(--mu-callout-comment);
  --callout-icon: message-square;
}

/* Quote blue */
.callout[data-callout="q-blue"] {
  --callout-color: var(--mu-text-1);
  --callout-icon: var(--mu-quote-icon);
  background-color: rgba(var(--mu-callout-blue), 0.2);
  border-left: .3rem solid rgb(var(--mu-callout-blue));
  border-radius: 0;
}

/* Quote green */
.callout[data-callout="q-green"] {
  --callout-color: var(--mu-text-1);
  --callout-icon: var(--mu-quote-icon);
  background-color: rgba(var(--mu-callout-green), 0.2);
  border-left: .3rem solid rgb(var(--mu-callout-green));
  border-radius: 0;
}

/* Quote orange */
.callout[data-callout="q-orange"] {
  --callout-color: var(--mu-text-1);
  --callout-icon: var(--mu-quote-icon);
  background-color: rgba(var(--mu-callout-orange), 0.2);
  border-left: .3rem solid rgb(var(--mu-callout-orange));
  border-radius: 0;
}

/* Quote yellow */
.callout[data-callout="q-yellow"] {
  --callout-color: var(--mu-text-1);
  --callout-icon: var(--mu-quote-icon);
  background-color: rgba(var(--mu-callout-yellow), 0.2);
  border-left: .3rem solid rgb(var(--mu-callout-yellow));
  border-radius: 0;
}

/* Quote red */
.callout[data-callout="q-red"] {
  --callout-color: var(--mu-text-1);
  --callout-icon: var(--mu-quote-icon);
  background-color: rgba(var(--mu-callout-red), 0.2);
  border-left: .3rem solid rgb(var(--mu-callout-red));
  border-radius: 0;
}

/* Quote pink */
.callout[data-callout="q-pink"] {
  --callout-color: var(--mu-text-1);
  --callout-icon: var(--mu-quote-icon);
  background-color: rgba(var(--mu-callout-pink), 0.2);
  border-left: .3rem solid rgb(var(--mu-callout-pink));
  border-radius: 0;
}

/* Quote purple */
.callout[data-callout="q-purple"] {
  --callout-color: var(--mu-text-1);
  --callout-icon: var(--mu-quote-icon);
  background-color: rgba(var(--mu-callout-purple), 0.2);
  border-left: .3rem solid rgb(var(--mu-callout-purple));
  border-radius: 0;
}

/* Box blue */
.callout[data-callout="b-blue"] {
  --callout-color: var(--mu-callout-blue);
  --callout-icon: var(--mu-box-callout-icon);
  background-color: rgba(var(--mu-callout-blue), 0.3);
  border-radius: 0;
}

/* Box green */
.callout[data-callout="b-green"] {
  --callout-color: var(--mu-callout-green);
  --callout-icon: var(--mu-box-callout-icon);
  background-color: rgba(var(--mu-callout-green), 0.3);
  border-radius: 0;
}

/* Box orange */
.callout[data-callout="b-orange"] {
  --callout-color: var(--mu-callout-orange);
  --callout-icon: var(--mu-box-callout-icon);
  background-color: rgba(var(--mu-callout-orange), 0.3);
  border-radius: 0;
}

/* Box yellow */
.callout[data-callout="b-yellow"] {
  --callout-color: var(--mu-callout-yellow);
  --callout-icon: var(--mu-box-callout-icon);
  background-color: rgba(var(--mu-callout-yellow), 0.3);
  border-radius: 0;
}

/* Box red */
.callout[data-callout="b-red"] {
  --callout-color: var(--mu-callout-red);
  --callout-icon: var(--mu-box-callout-icon);
  background-color: rgba(var(--mu-callout-red), 0.3);
  border-radius: 0;
}

/* Box pink */
.callout[data-callout="b-pink"] {
  --callout-color: var(--mu-callout-pink);
  --callout-icon: var(--mu-box-callout-icon);
  background-color: rgba(var(--mu-callout-pink), 0.3);
  border-radius: 0;
}

/* Box purple */
.callout[data-callout="b-purple"] {
  --callout-color: var(--mu-callout-purple);
  --callout-icon: var(--mu-box-callout-icon);
  background-color: rgba(var(--mu-callout-purple), 0.3);
  border-radius: 0;
}

.callout[data-callout="b-green"] .callout-title-inner,
.callout[data-callout="b-blue"] .callout-title-inner,
.callout[data-callout="b-orange"] .callout-title-inner,
.callout[data-callout="b-yellow"] .callout-title-inner,
.callout[data-callout="b-red"] .callout-title-inner,
.callout[data-callout="b-pink"] .callout-title-inner,
.callout[data-callout="b-purple"] .callout-title-inner {
  color: var(--mu-text-1);
}

/* Headings Callouts */
.callout[data-callout="h1-blue"],
.callout[data-callout="h2-blue"],
.callout[data-callout="h3-blue"],
.callout[data-callout="h4-blue"],
.callout[data-callout="h5-blue"],
.callout[data-callout="h6-blue"] {
  --callout-color: var(--mu-callout-blue);
  --callout-icon: "";
  background-color: rgba(var(--mu-callout-blue), 0.2);
  border-radius: 0;
}

.callout[data-callout="h1-green"],
.callout[data-callout="h2-green"],
.callout[data-callout="h3-green"],
.callout[data-callout="h4-green"],
.callout[data-callout="h5-green"],
.callout[data-callout="h6-green"] {
  --callout-color: var(--mu-callout-green);
  --callout-icon: "";
  background-color: rgba(var(--mu-callout-green), 0.2);
  border-radius: 0;
}

.callout[data-callout="h1-orange"],
.callout[data-callout="h2-orange"],
.callout[data-callout="h3-orange"],
.callout[data-callout="h4-orange"],
.callout[data-callout="h5-orange"],
.callout[data-callout="h6-orange"] {
  --callout-color: var(--mu-callout-orange);
  --callout-icon: "";
  background-color: rgba(var(--mu-callout-orange), 0.2);
  border-radius: 0;
}

.callout[data-callout="h1-yellow"],
.callout[data-callout="h2-yellow"],
.callout[data-callout="h3-yellow"],
.callout[data-callout="h4-yellow"],
.callout[data-callout="h5-yellow"],
.callout[data-callout="h6-yellow"] {
  --callout-color: var(--mu-callout-yellow);
  --callout-icon: "";
  background-color: rgba(var(--mu-callout-yellow), 0.2);
  border-radius: 0;
}

.callout[data-callout="h1-red"],
.callout[data-callout="h2-red"],
.callout[data-callout="h3-red"],
.callout[data-callout="h4-red"],
.callout[data-callout="h5-red"],
.callout[data-callout="h6-red"] {
  --callout-color: var(--mu-callout-red);
  --callout-icon: "";
  background-color: rgba(var(--mu-callout-red), 0.2);
  border-radius: 0;
}

.callout[data-callout="h1-pink"],
.callout[data-callout="h2-pink"],
.callout[data-callout="h3-pink"],
.callout[data-callout="h4-pink"],
.callout[data-callout="h5-pink"],
.callout[data-callout="h6-pink"] {
  --callout-color: var(--mu-callout-pink);
  --callout-icon: "";
  background-color: rgba(var(--mu-callout-pink), 0.2);
  border-radius: 0;
}

.callout[data-callout="h1-purple"],
.callout[data-callout="h2-purple"],
.callout[data-callout="h3-purple"],
.callout[data-callout="h4-purple"],
.callout[data-callout="h5-purple"],
.callout[data-callout="h6-purple"] {
  --callout-color: var(--mu-callout-purple);
  --callout-icon: "";
  background-color: rgba(var(--mu-callout-purple), 0.2);
  border-radius: 0;
}

.callout[data-callout="h1-blue"],
.callout[data-callout="h1-green"],
.callout[data-callout="h1-orange"],
.callout[data-callout="h1-yellow"],
.callout[data-callout="h1-red"],
.callout[data-callout="h1-pink"],
.callout[data-callout="h1-purple"] {
  font-size: var(--h1-size);
}

.callout[data-callout="h2-blue"],
.callout[data-callout="h2-green"],
.callout[data-callout="h2-orange"],
.callout[data-callout="h2-yellow"],
.callout[data-callout="h2-red"],
.callout[data-callout="h2-pink"],
.callout[data-callout="h2-purple"] {
  font-size: var(--h2-size);
}

.callout[data-callout="h3-blue"],
.callout[data-callout="h3-green"],
.callout[data-callout="h3-orange"],
.callout[data-callout="h3-yellow"],
.callout[data-callout="h3-red"],
.callout[data-callout="h3-pink"],
.callout[data-callout="h3-purple"] {
  font-size: var(--h3-size);
}

.callout[data-callout="h4-blue"],
.callout[data-callout="h4-green"],
.callout[data-callout="h4-orange"],
.callout[data-callout="h4-yellow"],
.callout[data-callout="h4-red"],
.callout[data-callout="h4-pink"],
.callout[data-callout="h4-purple"] {
  font-size: var(--h4-size);
}

.callout[data-callout="h5-blue"],
.callout[data-callout="h5-green"],
.callout[data-callout="h5-orange"],
.callout[data-callout="h5-yellow"],
.callout[data-callout="h5-red"],
.callout[data-callout="h5-pink"],
.callout[data-callout="h5-purple"] {
  font-size: var(--h5-size);
}

.callout[data-callout="h6-blue"],
.callout[data-callout="h6-green"],
.callout[data-callout="h6-orange"],
.callout[data-callout="h6-yellow"],
.callout[data-callout="h6-red"],
.callout[data-callout="h6-pink"],
.callout[data-callout="h6-purple"] {
  font-size: var(--h6-size);
}

.callout[data-callout^="h1-"][data-callout-metadata="center"],
.callout[data-callout^="h2-"][data-callout-metadata="center"],
.callout[data-callout^="h3-"][data-callout-metadata="center"],
.callout[data-callout^="h4-"][data-callout-metadata="center"],
.callout[data-callout^="h5-"][data-callout-metadata="center"],
.callout[data-callout^="h6-"][data-callout-metadata="center"] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.callout[data-callout^="h1-"][data-callout-metadata="left"],
.callout[data-callout^="h2-"][data-callout-metadata="left"],
.callout[data-callout^="h3-"][data-callout-metadata="left"],
.callout[data-callout^="h4-"][data-callout-metadata="left"],
.callout[data-callout^="h5-"][data-callout-metadata="left"],
.callout[data-callout^="h6-"][data-callout-metadata="left"] {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.callout[data-callout^="h1-"][data-callout-metadata="right"],
.callout[data-callout^="h2-"][data-callout-metadata="right"],
.callout[data-callout^="h3-"][data-callout-metadata="right"],
.callout[data-callout^="h4-"][data-callout-metadata="right"],
.callout[data-callout^="h5-"][data-callout-metadata="right"],
.callout[data-callout^="h6-"][data-callout-metadata="right"] {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

/* Line and Line Box Callouts */
.callout[data-callout="l-green"][data-callout-metadata="center"],
.callout[data-callout="l-blue"][data-callout-metadata="center"],
.callout[data-callout="l-orange"][data-callout-metadata="center"],
.callout[data-callout="l-yellow"][data-callout-metadata="center"],
.callout[data-callout="l-red"][data-callout-metadata="center"],
.callout[data-callout="l-pink"][data-callout-metadata="center"],
.callout[data-callout="l-purple"][data-callout-metadata="center"] {
  justify-content: center;
  align-items: center;
}

.callout[data-callout="l-green"][data-callout-metadata="right"],
.callout[data-callout="l-blue"][data-callout-metadata="right"],
.callout[data-callout="l-orange"][data-callout-metadata="right"],
.callout[data-callout="l-yellow"][data-callout-metadata="right"],
.callout[data-callout="l-red"][data-callout-metadata="right"],
.callout[data-callout="l-pink"][data-callout-metadata="right"],
.callout[data-callout="l-purple"][data-callout-metadata="right"] {
  justify-content: flex-end;
  align-items: flex-end;
}

.callout[data-callout="l-green"] {
  --callout-color: none;
  --callout-icon: none;
  border-bottom: 2px solid rgb(var(--mu-callout-green));
  border-radius: 0;
  padding-left: 0;
  color: var(--mu-text-1);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.callout[data-callout="l-blue"] {
  --callout-color: none;
  --callout-icon: none;
  border-bottom: 2px solid rgb(var(--mu-callout-blue));
  border-radius: 0;
  padding-left: 0;
  color: var(--mu-text-1);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.callout[data-callout="l-orange"] {
  --callout-color: none;
  --callout-icon: none;
  border-bottom: 2px solid rgb(var(--mu-callout-orange));
  border-radius: 0;
  padding-left: 0;
  color: var(--mu-text-1);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.callout[data-callout="l-yellow"] {
  --callout-color: none;
  --callout-icon: none;
  border-bottom: 2px solid rgb(var(--mu-callout-yellow));
  border-radius: 0;
  padding-left: 0;
  color: var(--mu-text-1);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.callout[data-callout="l-red"] {
  --callout-color: none;
  --callout-icon: none;
  border-bottom: 2px solid rgb(var(--mu-callout-red));
  border-radius: 0;
  padding-left: 0;
  color: var(--mu-text-1);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.callout[data-callout="l-pink"] {
  --callout-color: none;
  --callout-icon: none;
  border-bottom: 2px solid rgb(var(--mu-callout-pink));
  border-radius: 0;
  padding-left: 0;
  color: var(--mu-text-1);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.callout[data-callout="l-purple"] {
  --callout-color: none;
  --callout-icon: none;
  border-bottom: 2px solid rgb(var(--mu-callout-purple));
  border-radius: 0;
  padding-left: 0;
  color: var(--mu-text-1);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

/* Line Box */
.callout[data-callout="lb-green"] {
  --callout-color: none;
  --callout-icon: none;
  align-items: center;
  border-left: 2px dotted rgb(var(--mu-callout-green));
  border-right: 2px dotted rgb(var(--mu-callout-green));
  border-top: 2px solid rgb(var(--mu-callout-green));
  border-bottom: 2px solid rgb(var(--mu-callout-green));
  border-radius: 0;
  padding-left: 0;
  color: var(--mu-text-1);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.callout[data-callout="lb-blue"] {
  --callout-color: none;
  --callout-icon: none;
  align-items: center;
  border-left: 2px dotted rgb(var(--mu-callout-blue));
  border-right: 2px dotted rgb(var(--mu-callout-blue));
  border-top: 2px solid rgb(var(--mu-callout-blue));
  border-bottom: 2px solid rgb(var(--mu-callout-blue));
  border-radius: 0;
  padding-left: 0;
  color: var(--mu-text-1);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.callout[data-callout="lb-orange"] {
  --callout-color: none;
  --callout-icon: none;
  align-items: center;
  border-left: 2px dotted rgb(var(--mu-callout-orange));
  border-right: 2px dotted rgb(var(--mu-callout-orange));
  border-top: 2px solid rgb(var(--mu-callout-orange));
  border-bottom: 2px solid rgb(var(--mu-callout-orange));
  border-radius: 0;
  padding-left: 0;
  color: var(--mu-text-1);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.callout[data-callout="lb-yellow"] {
  --callout-color: none;
  --callout-icon: none;
  align-items: center;
  border-left: 2px dotted rgb(var(--mu-callout-yellow));
  border-right: 2px dotted rgb(var(--mu-callout-yellow));
  border-top: 2px solid rgb(var(--mu-callout-yellow));
  border-bottom: 2px solid rgb(var(--mu-callout-yellow));
  border-radius: 0;
  padding-left: 0;
  color: var(--mu-text-1);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.callout[data-callout="lb-red"] {
  --callout-color: none;
  --callout-icon: none;
  align-items: center;
  border-left: 2px dotted rgb(var(--mu-callout-red));
  border-right: 2px dotted rgb(var(--mu-callout-red));
  border-top: 2px solid rgb(var(--mu-callout-red));
  border-bottom: 2px solid rgb(var(--mu-callout-red));
  border-radius: 0;
  padding-left: 0;
  color: var(--mu-text-1);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.callout[data-callout="lb-pink"] {
  --callout-color: none;
  --callout-icon: none;
  align-items: center;
  border-left: 2px dotted rgb(var(--mu-callout-pink));
  border-right: 2px dotted rgb(var(--mu-callout-pink));
  border-top: 2px solid rgb(var(--mu-callout-pink));
  border-bottom: 2px solid rgb(var(--mu-callout-pink));
  border-radius: 0;
  padding-left: 0;
  color: var(--mu-text-1);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.callout[data-callout="lb-purple"] {
  --callout-color: none;
  --callout-icon: none;
  align-items: center;
  border-left: 2px dotted rgb(var(--mu-callout-purple));
  border-right: 2px dotted rgb(var(--mu-callout-purple));
  border-top: 2px solid rgb(var(--mu-callout-purple));
  border-bottom: 2px solid rgb(var(--mu-callout-purple));
  border-radius: 0;
  padding-left: 0;
  color: var(--mu-text-1);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Media Callouts */
.callout[data-callout="m-white"] {
  --callout-color: 0, 0, 0;
  --callout-icon: var(--mu-box-callout-icon);
  background-color: #fff;
  color: #000;
}

.callout[data-callout="m-black"] {
  --callout-color: 241, 241, 241;
  --callout-icon: var(--mu-box-callout-icon);
  background-color: #000;
  color: #f1f1f1;
}

.callout[data-callout="m-gray"] {
  --callout-color: 241, 241, 241;
  --callout-icon: var(--mu-box-callout-icon);
  background-color: #484848;
  color: #f1f1f1;
}

.callout[data-callout="m-white"] .callout-content>p>span,
.callout[data-callout="m-black"] .callout-content>p>span,
.callout[data-callout="m-gray"] .callout-content>p>span {
  margin: 0 auto;
  padding: 0;
  padding-right: var(--size-4-3);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  height: auto;
  text-align: center;
}

.callout[data-callout="m-white"] .callout-content iframe,
.callout[data-callout="m-black"] .callout-content iframe,
.callout[data-callout="m-gray"] .callout-content iframe {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width: 100% !important;
  height: auto;
  min-height: 300px !important;
  padding: 0;
  padding-right: var(--size-4-3);
  margin-bottom: var(--size-4-3);
}

.callout[data-callout="m-white"] .callout-content img,
.callout[data-callout="m-black"] .callout-content img,
.callout[data-callout="m-gray"] .callout-content img {
  width: fit-content;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

.callout[data-callout][data-callout-metadata$="center"] {
  margin: 0 auto;
}

.callout[data-callout][data-callout-metadata^="30%"] {
  width: 30%;
}

.callout[data-callout][data-callout-metadata^="40%"] {
  width: 40%;
}

.callout[data-callout][data-callout-metadata^="50%"] {
  width: 50%;
}

.callout[data-callout][data-callout-metadata^="60%"] {
  width: 60%;
}

.callout[data-callout][data-callout-metadata^="70%"] {
  width: 70%;
}

.callout[data-callout][data-callout-metadata^="80%"] {
  width: 80%;
}

.callout[data-callout][data-callout-metadata^="90%"] {
  width: 90%;
}

.callout[data-callout][data-callout-metadata^="100%"] {
  width: 100%;
}

/* Tables callout */
.callout[data-callout="table"] {
  --callout-color: none;
  --callout-icon: table;
  background-color: transparent;
  padding: 8px 0;
  margin-bottom: var(--size-4-3);
  color: var(--mu-text-1);
}

.callout[data-callout="table"] table {
  width: 100%;
  border: var(--mu-table-outer-border-width) solid var(--mu-table-th-background);
  border-spacing: 0;
  border-collapse: collapse;
}


.callout[data-callout="table"] table th {
  background-color: var(--mu-table-th-background) !important;
  color: var(--mu-table-th-foreground-main);
}

.callout[data-callout="table"] table tr:not(:last-child)>td {
  border-bottom: var(--mu-table-inner-border-width) solid var(--mu-table-th-background);
}

.callout[data-callout="table"] table th:not(:last-child) {
  padding: 4px 8px;
  border-right: var(--mu-table-inner-border-width) solid var(--mu-table-th-background);
}

.callout[data-callout="table"] table tr:hover {
  background-color: var(--mu-table-row-hover) !important;
}

/* MagicUser Image Gallery callouts */
.callout[data-callout="g-black"] {
  --callout-color: 241, 241, 241;
  --callout-icon: var(--mu-gallery-callout-icon);
  background-color: black;
  color: #f1f1f1;
  padding: var(--size-4-3) var(--size-4-6);
}

.callout[data-callout="g-gray"] {
  --callout-color: 241, 241, 241;
  --callout-icon: var(--mu-gallery-callout-icon);
  background-color: #484848;
  color: #f1f1f1;
  padding: var(--size-4-3) var(--size-4-6);
}

.callout[data-callout="g-white"] {
  --callout-color: 0, 0, 0;
  --callout-icon: var(--mu-gallery-callout-icon);
  background-color: white;
  color: #000;
  padding: var(--size-4-3) var(--size-4-6);
}

.callout[data-callout="g-gray"] .callout-content p,
.callout[data-callout="g-black"] .callout-content p,
.callout[data-callout="g-white"] .callout-content p {
  display: grid;
  gap: 10px;
}

.callout[data-callout="g-gray"][data-callout-metadata="1"] .callout-content p,
.callout[data-callout="g-black"][data-callout-metadata="1"] .callout-content p,
.callout[data-callout="g-white"][data-callout-metadata="1"] .callout-content p {
  grid-template-columns: auto;
}

.callout[data-callout="g-gray"][data-callout-metadata="2"] .callout-content p,
.callout[data-callout="g-black"][data-callout-metadata="2"] .callout-content p,
.callout[data-callout="g-white"][data-callout-metadata="2"] .callout-content p {
  grid-template-columns: auto auto;
}

.callout[data-callout="g-gray"][data-callout-metadata=""] .callout-content p,
.callout[data-callout="g-black"][data-callout-metadata=""] .callout-content p,
.callout[data-callout="g-white"][data-callout-metadata=""] .callout-content p,
.callout[data-callout="g-gray"][data-callout-metadata="3"] .callout-content p,
.callout[data-callout="g-black"][data-callout-metadata="3"] .callout-content p,
.callout[data-callout="g-white"][data-callout-metadata="3"] .callout-content p {
  grid-template-columns: auto auto auto;
}

.callout[data-callout="g-gray"][data-callout-metadata="4"] .callout-content p,
.callout[data-callout="g-black"][data-callout-metadata="4"] .callout-content p,
.callout[data-callout="g-white"][data-callout-metadata="4"] .callout-content p {
  grid-template-columns: auto auto auto auto;
}

.callout[data-callout="g-gray"][data-callout-metadata="5"] .callout-content p,
.callout[data-callout="g-black"][data-callout-metadata="5"] .callout-content p,
.callout[data-callout="g-white"][data-callout-metadata="5"] .callout-content p {
  grid-template-columns: auto auto auto auto auto;
}

.callout[data-callout="g-gray"] .callout-content p>span,
.callout[data-callout="g-black"] .callout-content p>span,
.callout[data-callout="g-white"] .callout-content p>span {
  margin: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.callout[data-callout="g-gray"] .callout-content p br,
.callout[data-callout="g-black"] .callout-content p br,
.callout[data-callout="g-white"] .callout-content p br {
  display: none;
}

.callout[data-callout="g-gray"] .callout-content>p>span img,
.callout[data-callout="g-black"] .callout-content>p>span img,
.callout[data-callout="g-white"] .callout-content>p>span img {
  display: block;
  width: 100%;
  height: auto;
  text-align: center;
  border: 2px solid #a3a3a388;
  border-radius: var(--radius-s);
}

.callout[data-callout="g-gray"] .callout-content>p>span img:hover,
.callout[data-callout="g-black"] .callout-content>p>span img:hover,
.callout[data-callout="g-white"] .callout-content>p>span img:hover {
  border: 2px solid var(--mu-reading-glow-color);
  cursor: pointer;
}

.markdown-reading-view .callout[data-callout="g-gray"] .callout-content>p>span img:active,
.markdown-reading-view .callout[data-callout="g-black"] .callout-content>p>span img:active,
.markdown-reading-view .callout[data-callout="g-white"] .callout-content>p>span img:active {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  max-height: 95vh;
  width: auto;
  z-index: 1000;
  border: 0;
  border-radius: 0;
  object-fit: contain;
  background: #000000a3;
  -webkit-animation: mu-fade-in .3s ease-in-out;
  animation: mu-fade-in .3s ease-in-out;
}

.markdown-reading-view .callout[data-callout="g-gray"]::before,
.markdown-reading-view .callout[data-callout="g-black"]::before,
.markdown-reading-view .callout[data-callout="g-white"]::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000a3;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 1;
  pointer-events: none;
}

.markdown-reading-view .callout[data-callout="g-gray"]:active::before,
.markdown-reading-view .callout[data-callout="g-black"]:active::before,
.markdown-reading-view .callout[data-callout="g-white"]:active::before {
  opacity: 1;
}

@keyframes mu-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.callout {
  page-break-inside: avoid;
}

/* Untitled box callouts */
/* ub blue */
.callout[data-callout="ub-blue"] {
  --callout-color: var(--mu-callout-blue);
  --callout-icon: none;
  background-color: rgba(var(--mu-callout-blue), 0.3);
}

/* ub green */
.callout[data-callout="ub-green"] {
  --callout-color: var(--mu-callout-green);
  --callout-icon: none;
  background-color: rgba(var(--mu-callout-green), 0.3);
}

/* ub orange */
.callout[data-callout="ub-orange"] {
  --callout-color: var(--mu-callout-orange);
  --callout-icon: none;
  background-color: rgba(var(--mu-callout-orange), 0.3);
}

/* ub yellow */
.callout[data-callout="ub-yellow"] {
  --callout-color: var(--mu-callout-yellow);
  --callout-icon: none;
  background-color: rgba(var(--mu-callout-yellow), 0.3);
}

/* ub red */
.callout[data-callout="ub-red"] {
  --callout-color: var(--mu-callout-red);
  --callout-icon: none;
  background-color: rgba(var(--mu-callout-red), 0.3);
}

/* ub pink */
.callout[data-callout="ub-pink"] {
  --callout-color: var(--mu-callout-pink);
  --callout-icon: none;
  background-color: rgba(var(--mu-callout-pink), 0.3);
}

/* ub purple */
.callout[data-callout="ub-purple"] {
  --callout-color: var(--mu-callout-purple);
  --callout-icon: none;
  background-color: rgba(var(--mu-callout-purple), 0.3);
}

.callout[data-callout="ub-green"] .callout-title,
.callout[data-callout="ub-blue"] .callout-title,
.callout[data-callout="ub-orange"] .callout-title,
.callout[data-callout="ub-yellow"] .callout-title,
.callout[data-callout="ub-red"] .callout-title,
.callout[data-callout="ub-pink"] .callout-title,
.callout[data-callout="ub-purple"] .callout-title {
  display: none;
}

/* Stacked mode */
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container {
  background-color: var(--mu-background-color-2);
}

.workspace-tabs.mod-stacked .workspace-tab-header.mod-active {
  border-left: var(--mu-stacked-mode-border-width) solid var(--mu-stacked-mode-border-color);
}

.workspace-tabs.mod-stacked .workspace-tab-header:not(.mod-active) {
  background-color: var(--mu-background-color-2) !important;
}

/* Tables Styles  */

.markdown-reading-view table:not(.ab-table-timeline),
.workspace-leaf-content:not([data-type="full-calendar-view"]) table:not(.ab-table-timeline) {
  width: 100%;
  border: var(--mu-table-outer-border-width) solid var(--mu-table-th-background);
  border-spacing: 0;
  border-collapse: collapse;
}

.table-wrapper {
  min-width: 100%;
}

.markdown-reading-view th,
.workspace-leaf-content:not([data-type="full-calendar-view"]) th {
  background-color: var(--mu-table-th-background) !important;
  color: var(--mu-table-th-foreground-main);
}

.markdown-reading-view table:not(.ab-table-timeline) tr:not(:last-child)>th,
.markdown-reading-view table:not(.ab-table-timeline) tr:not(:last-child)>td,
table:not(.ab-table-timeline) tr:not(:last-child)>th,
table:not(.ab-table-timeline) tr:not(:last-child)>td {
  border-bottom: var(--mu-table-inner-border-width) solid var(--mu-table-th-background);
}

.markdown-reading-view table:not(.ab-table-timeline) th:not(:last-child),
.markdown-reading-view table:not(.ab-table-timeline) td:not(:last-child),
table:not(.ab-table-timeline) th:not(:last-child),
table:not(.ab-table-timeline) td:not(:last-child) {
  border-right: var(--mu-table-inner-border-width) solid var(--mu-table-th-background) !important;
}

/* Table row hover */
body:not(.mu-disable-tr-hover) .markdown-reading-view table:not(.ab-table-timeline) tr:hover,
body:not(.mu-disable-tr-hover) .workspace-leaf-content:not([data-type="full-calendar-view"]) table:not(.ab-table-timeline) tr:hover {
  background-color: var(--mu-table-row-hover) !important;
}

.mu-disable-tr-hover .markdown-reading-view table:not(.ab-table-timeline) tr:nth-child(odd):hover,
.mu-disable-tr-hover .workspace-leaf-content:not([data-type="full-calendar-view"]) table:not(.ab-table-timeline) tr:nth-child(odd):hover {
  background-color: var(--mu-table-color-2) !important;
}

.mu-disable-tr-hover .markdown-reading-view table:not(.ab-table-timeline) tr:nth-child(even):hover,
.mu-disable-tr-hover .workspace-leaf-content:not([data-type="full-calendar-view"]) table:not(.ab-table-timeline) tr:nth-child(even):hover {
  background-color: var(--mu-table-color-1) !important;
}

.markdown-source-view .cm-table-widget.has-selection {
  --text-selection: transparent;
  --mu-text-selection: transparent;
}

/* Tables inside callouts */
body:not(.mu-disable-tr-hover) .cm-callout.cm-embed-block table th {
  background-color: var(--mu-table-th-background) !important;
  color: var(--mu-table-th-foreground-main) !important;
}

.mu-disable-tr-hover .cm-callout.cm-embed-block table th:hover {
  background-color: var(--mu-table-th-background) !important;
}

.mu-disable-tr-hover .cm-callout.cm-embed-block table tr:nth-child(even):hover {
  background-color: var(--mu-table-color-1) !important;
}

.mu-disable-tr-hover .cm-callout.cm-embed-block table tr:nth-child(odd):hover {
  background-color: var(--mu-table-color-2) !important;
}

.cm-callout.cm-embed-block th {
  background-color: var(--mu-table-th-background) !important;
  color: var(--mu-table-th-foreground-main);
}

.cm-callout.cm-embed-block table:not(.ab-table-timeline) tr:not(:last-child)>th,
.cm-callout.cm-embed-block table:not(.ab-table-timeline) tr:not(:last-child)>td {
  border-bottom: var(--mu-table-inner-border-width) solid var(--mu-table-th-background);
}

.cm-callout.cm-embed-block table:not(.ab-table-timeline) th:not(:last-child),
.cm-callout.cm-embed-block table:not(.ab-table-timeline) td:not(:last-child) {
  padding: 4px 8px;
  border-right: var(--mu-table-inner-border-width) solid var(--mu-table-th-background);
}

.cm-callout.cm-embed-block table:not(.ab-table-timeline) {
  width: 100%;
  border: var(--mu-table-outer-border-width) solid var(--mu-table-th-background);
  border-spacing: 0;
  border-collapse: collapse;
}

@media print {
  table {
    width: 100%;
    border: 2px solid var(--mu-table-th-background);
    border-collapse: collapse;
  }

  th {
    background-color: var(--mu-table-th-background) !important;
    color: #f1f1f1 !important;
  }

  th,
  td {
    padding: 4px 8px;
    border: 0 !important;
  }

  i.muc {
    display: none;
  }
}

/* Dataview */

table.dataview.table-view-table th.table-view-th {
  color: var(--mu-table-th-foreground-main) !important;
  background-color: var(--mu-table-th-background) !important;
  border-bottom: 0 !important;
  font-size: 1em;
}

.table-view-table>tbody>tr>td {
  border: var(--mu-table-inner-border-width) solid var(--mu-table-th-background);
}

/* Preset plain-data */

.plain-data table.dataview.table-view-table,
.plain-data .table-view-table>tbody>tr>td {
  border: 0 !important;
}

.plain-data table.dataview.table-view-table th,
.plain-data table.dataview.table-view-table tr,
.plain-data table.dataview.table-view-table td {
  background-color: transparent !important;
}

.plain-data table.dataview.table-view-table th.table-view-th {
  color: var(--mu-table-th-foreground-main) !important;
  background-color: var(--mu-table-th-background) !important;
  border-bottom: 2px solid var(--mu-hr-color) !important;
}

/* Calendar */
table.calendar.svelte-pcimu8 {
  border: 0 !important;
}

table.calendar.svelte-pcimu8 th,
table.calendar.svelte-pcimu8 tr,
table.calendar.svelte-pcimu8 td {
  background-color: transparent !important;
}

table.calendar.svelte-pcimu8,
table.calendar.svelte-pcimu8 th,
table.calendar.svelte-pcimu8 td {
  border: 1px solid #82828272 !important;
}

table.calendar.svelte-pcimu8 th {
  color: var(--mu-text-1) !important;
}

.dataview.small-text {
  color: var(--mu-table-th-foreground-main);
  opacity: .8;
  font-weight: normal;
}

/* Table presets */

.table1 {
  --mu-table-inner-border-width: 0;
  --mu-table-outer-border-width: 2px;
  --table-column-alt-background: var(--mu-column-stripped-background);
}

.table2 {
  --mu-table-inner-border-width: 2px;
  --mu-table-outer-border-width: 2px;
}

.table3 {
  --mu-table-inner-border-width: 0;
  --mu-table-outer-border-width: 2px;
}

.table4 {
  --mu-table-th-background: var(--text-accent) !important;
  --mu-table-th-foreground-main: var(--text-on-accent-inverted) !important;
  --mu-table-th-foreground-edit: var(--mu-text-1);
  --mu-table-inner-border-width: 1px;
  --mu-table-outer-border-width: 2px;
}

.table5 {
  --mu-table-th-background: var(--text-accent) !important;
  --mu-table-th-foreground-main: var(--text-on-accent-inverted) !important;
  --mu-table-th-foreground-edit: var(--mu-text-1);
  --mu-table-inner-border-width: 0;
  --mu-table-outer-border-width: 2px;
}

.table6 {
  --mu-table-th-background: var(--text-accent) !important;
  --mu-table-th-foreground-main: var(--text-on-accent-inverted) !important;
  --mu-table-th-foreground-edit: var(--mu-text-1);
  --mu-table-inner-border-width: 0;
  --mu-table-outer-border-width: 2px;
  --table-column-alt-background: var(--mu-column-stripped-background);
}

/* Numbered tables */
.num-table .workspace-leaf-content:not([data-type="full-calendar-view"]) table:not(.calendar.svelte-pcimu8) {
  counter-reset: numRow +1 numCol 0;
}

.num-table .workspace-leaf-content:not([data-type="full-calendar-view"]) table:not(.calendar.svelte-pcimu8) tr:not(:first-child) {
  counter-increment: numRow;
}

.num-table .workspace-leaf-content:not([data-type="full-calendar-view"]) table:not(.calendar.svelte-pcimu8) tr th::before,
.num-table .workspace-leaf-content:not([data-type="full-calendar-view"]) table:not(.calendar.svelte-pcimu8) td::before {
  float: left;
  padding: 2px;
  padding-top: 4px;
}

.num-table .workspace-leaf-content:not([data-type="full-calendar-view"]) table:not(.calendar.svelte-pcimu8) tr th::after,
.num-table .workspace-leaf-content:not([data-type="full-calendar-view"]) table:not(.calendar.svelte-pcimu8) td::after {
  clear: left;
}

.num-table .workspace-leaf-content:not([data-type="full-calendar-view"]) table:not(.calendar.svelte-pcimu8) tr th::before,
.num-table .workspace-leaf-content:not([data-type="full-calendar-view"]) table:not(.calendar.svelte-pcimu8) td::before {
  display: block;
  width: 1.5em;
  height: auto;
  min-width: 1.5em;
  margin-right: 0.5em;
  text-align: center;
  font-size: .8em;
  font-weight: normal;
  border-radius: var(--radius-s);
}

.num-table .workspace-leaf-content:not([data-type="full-calendar-view"]) table:not(.calendar.svelte-pcimu8) tr:hover td::before {
  --mu-num-table-bg-row: #0072d38f;
}

.num-table .workspace-leaf-content:not([data-type="full-calendar-view"]) table:not(.calendar.svelte-pcimu8) tr td:first-child::before {
  content: counter(numRow);
}

.num-table .workspace-leaf-content:not([data-type="full-calendar-view"]) :not(.calendar.svelte-pcimu8) td::before {
  background-color: var(--mu-num-table-bg-row);
}

.num-table .workspace-leaf-content:not([data-type="full-calendar-view"]) table:not(.calendar.svelte-pcimu8) tr th::before {
  counter-increment: numCol;
  content: counter(numCol, decimal);
  background-color: var(--mu-num-table-bg-col);
  color: var(--mu-table-th-foreground-main);
}

.num-table .workspace-leaf-content:not([data-type="full-calendar-view"]) .cards td::before,
.num-table .workspace-leaf-content:not([data-type="full-calendar-view"]) .cards th::before {
  display: none;
}

/* Dataview Table to Cards */

.cards table.dataview.table-view-table {
  display: contents;
}

.cards table.dataview.table-view-table thead.table-view-thead {
  width: 100%;
}

.cards table.dataview.table-view-table thead {
  display: contents;
  width: 100%;
  margin-top: 0;
}

.cards table.dataview.table-view-table thead tr {
  width: 100%;
  display: grid;
  padding: 0;
  margin-top: 0;
}

.cards table.dataview.table-view-table thead tr th {
  display: var(--cards-th-display);
}

.cards table.dataview.table-view-table thead tr:hover {
  --cards-th-display: block !important;
  display: var(--cards-th-display);
}

.cards table.dataview.table-view-table thead tr th {
  color: var(--mu-table-th-foreground-main) !important;
}

.cards table.dataview.table-view-table thead tr th:first-child {
  display: block;
}

.cards table.dataview.table-view-table thead tr th:nth-child(n+2) {
  border-bottom: 0 !important;
}

.cards table.dataview.table-view-table tbody,
.cards.cards3 table.dataview.table-view-table tbody {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 8px;
  padding: 0;
}

.cards.cards1 table.dataview.table-view-table tbody {
  grid-template-columns: auto;
}

.cards.cards2 table.dataview.table-view-table tbody {
  grid-template-columns: auto auto;
}

.cards.cards4 table.dataview.table-view-table tbody {
  grid-template-columns: auto auto auto auto;
}

.cards.cards5 table.dataview.table-view-table tbody {
  grid-template-columns: auto auto auto auto auto;
}

.cards table.dataview.table-view-table tbody tr,
.cards table.dataview.table-view-table tbody td {
  display: block;
}

.cards table.dataview.table-view-table tbody td {
  padding: 8px;
}

.cards table.dataview.table-view-table tbody td img {
  width: 100%;
  height: auto;
}

.cards table.dataview.table-view-table tbody tr {
  border: 1px solid #0072d348;
  border-radius: var(--radius-s);
  padding: 0;
  margin: 0;
}

.cards table.dataview.table-view-table tbody td:nth-child(n) {
  border: 1px solid transparent;
}

.cards table.dataview.table-view-table tbody td:hover:nth-child(n) {
  border: 1px solid #0072d348;
  background-color: #0072d320 !important;
}

.cards table.dataview.table-view-table tbody tr:hover {
  border: 1px solid #0072d3;
}

.cards table.dataview.table-view-table tbody td a {
  text-decoration: none;
  font-weight: var(--font-semibold);
}

.cards table.dataview.table-view-table tbody td a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {

  .cards table.dataview.table-view-table tbody,
  .cards.cards1 table.dataview.table-view-table tbody,
  .cards.cards2 table.dataview.table-view-table tbody,
  .cards.cards3 table.dataview.table-view-table tbody,
  .cards.cards4 table.dataview.table-view-table tbody,
  .cards.cards5 table.dataview.table-view-table tbody {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 8px;
    padding: 0;
  }

  .callout[data-callout="g-gray"] .callout-content p,
  .callout[data-callout="g-black"] .callout-content p,
  .callout[data-callout="g-white"] .callout-content p {
    grid-template-columns: auto !important;
  }

  .callout[data-callout][data-callout-metadata^="30%"],
  .callout[data-callout][data-callout-metadata^="40%"],
  .callout[data-callout][data-callout-metadata^="50%"],
  .callout[data-callout][data-callout-metadata^="60%"],
  .callout[data-callout][data-callout-metadata^="70%"],
  .callout[data-callout][data-callout-metadata^="80%"],
  .callout[data-callout][data-callout-metadata^="90%"],
  .callout[data-callout][data-callout-metadata^="100%"] {
    width: 100%;
  }
}

/* Kanban and plugins */
textarea.kanban-plugin__item-input {
  background-color: var(--mu-background-color-1);
}

input[type=date] {
  background-color: var(--mu-background-color-2);
}

.kanban-plugin__lane-input-actions button {
  background-color: var(--text-accent);
  color: var(--text-on-accent);
}

/* Code Adjustments */
.theme-dark .cm-attribute {
  color: var(--mu-code-attribute);
}

.theme-light .cm-attribute {
  color: var(--mu-code-attribute);
}

/* Excalidraw */

.excalidraw .HelpDialog__shortcut {
  color: var(--text-primary);
  font-weight: var(--font-semibold);
}

.excalidraw .HelpDialog__key {
  color: var(--text-on-accent-inverted);
  font-weight: var(--font-semibold);
}

/* Properties */
.multi-select-container {
  cursor: text;
  display: inline-flex;
  vertical-align: top;
  flex-wrap: wrap;
  min-height: var(--input-height);
  width: 100%;
  background: var(--background-modifier-form-field);
  color: var(--text-normal);
  outline: none;
  gap: var(--size-4-1);
  align-items: center;
  justify-content: flex-start;
  align-content: center;
}

.metadata-container {
  font-size: 1em;
  font-family: var(--mu-font-mono);
  padding: var(--size-4-2) var(--size-4-1);
  border-top: 1px solid #007fff20;
  border-bottom: 1px solid #007fff20;
  background-color: var(--mu-properties-container-color);
}

.multi-select-input {
  font-family: var(--mu-font-mono);
}

.metadata-property-key-input {
  background-color: transparent !important;
  color: var(--mu-property-color) !important;
}

.metadata-add-button {
  border: 2px solid #007fff20;
}

.metadata-properties-title {
  color: var(--mu-property-title-color);
  padding: 0;
  font-size: 0.9em;
  font-weight: var(--font-bold);
}

/* Line highlight */
.line-highlight-border-default {
  --mu-line-highlight-border: transparent;
}

.line-highlight-border-blue {
  --mu-line-highlight-border: #007fff48;
}

.line-highlight-border-green {
  --mu-line-highlight-border: #00cf0048;
}

.line-highlight-border-orange {
  --mu-line-highlight-border: #ff7f0048;
}

.line-highlight-border-yellow {
  --mu-line-highlight-border: #ffd70048;
}

.line-highlight-border-red {
  --mu-line-highlight-border: #ff000048;
}

.line-highlight-border-purple {
  --mu-line-highlight-border: #bf00ff48;
}

.line-highlight-border-pink {
  --mu-line-highlight-border: #ff00a348;
}

.line-highlight-border-gray {
  --mu-line-highlight-border: #a3a3a348;
}

.line-highlight-background-default {
  --mu-line-highlight-background: transparent;
}

.line-highlight-background-blue {
  --mu-line-highlight-background: #007fff20;
}

.line-highlight-background-green {
  --mu-line-highlight-background: #00cf0020;
}

.line-highlight-background-orange {
  --mu-line-highlight-background: #ff7f0020;
}

.line-highlight-background-yellow {
  --mu-line-highlight-background: #ffd70020;
}

.line-highlight-background-red {
  --mu-line-highlight-background: #ff000020;
}

.line-highlight-background-purple {
  --mu-line-highlight-background: #bf00ff20;
}

.line-highlight-background-pink {
  --mu-line-highlight-background: #ff00a320;
}

.line-highlight-background-gray {
  --mu-line-highlight-background: #a3a3a320;
}

/* UI */
body:not(.is-mobile).mu-distraction-free-mode {
  --ribbon-width: 1px;
  --ui-distraction-free-toggle-button: none;
  --ribbon-background: var(--mu-background-color-1);
  --mu-header-title-drag: drag;
}

body:not(.is-mobile) .view-header-title-container.mod-at-start,
body:not(.is-mobile) .status-bar-item.plugin-word-count {
  -webkit-app-region: var(--mu-header-title-drag);
}

.status-bar-item,
.view-header-breadcrumb,
.view-header-title {
  -webkit-app-region: no-drag;
}

body:not(.is-mobile) .workspace-ribbon.mod-left:before {
  background: var(--ribbon-background);
}

body:not(.is-mobile) .workspace-ribbon.mod-left {
  transition: none;
  border-right: 0;
}

/* Distraction-free mode */

body:not(.is-mobile).mu-distraction-free-mode .workspace-tab-header-container,
body:not(.is-mobile).mu-distraction-free-mode .titlebar-button-container.mod-right {
  display: none;
}

body:not(.is-mobile).mu-distraction-free-mode .sidebar-toggle-button.mod-left {
  display: var(--ui-distraction-free-toggle-button);
}

body:not(.is-mobile).mu-distraction-free-mode .workspace-ribbon.side-dock-ribbon.mod-left {
  padding: 0;
  background: var(--ribbon-background);
}

body:not(.is-mobile).mu-distraction-free-mode .workspace-ribbon.side-dock-ribbon.mod-left:hover {
  --ribbon-width: 44px;
  --ui-distraction-free-toggle-button: flex;
  padding: var(--ribbon-padding);
  --ribbon-background: var(--mu-titlebar-background);
}

/* Distraction-free mode 
Total concentration mode
-> mobile devices */

body.is-mobile.mu-distraction-free-mode .workspace-tab-header-container,
body.is-mobile.mu-distraction-free-mode .mobile-navbar {
  display: none;
}

body.is-mobile.mu-total-concentration-mode .view-header,
body.is-mobile.mu-total-concentration-mode .workspace-tab-header-container,
body.is-mobile.mu-total-concentration-mode .mobile-navbar {
  display: none;
}

.mod-macos.is-hidden-frameless:not(.is-popout-window) .sidebar-toggle-button.mod-right {
  background-color: transparent;
}

/* Total concentration mode */

body:not(.is-mobile).mu-total-concentration-mode .workspace-ribbon.side-dock-ribbon.mod-left,
body:not(.is-mobile).mu-total-concentration-mode .sidebar-toggle-button.mod-left,
body:not(.is-mobile).mu-total-concentration-mode .status-bar,
body:not(.is-mobile).mu-total-concentration-mode .view-header,
body:not(.is-mobile).mu-total-concentration-mode .workspace-tab-header-container,
body:not(.is-mobile).mu-total-concentration-mode .titlebar-button-container.mod-right {
  display: none;
}

/* vault title and view-header-nav-buttons */
body:not(.is-mobile).mu-hide-vault-title {
  --ui-display-vault-title: none;
}

body:not(.is-mobile).mu-hide-view-header-nav-buttons {
  --ui-view-header-nav-buttons: none;
}

body:not(.is-mobile) .view-header-nav-buttons {
  display: var(--ui-view-header-nav-buttons);
}

/* Sidebar top nav buttons */
body:not(.is-mobile).mu-hide-nav-buttons-container {
  --ui-nav-buttons-container: none;
}

body:not(.is-mobile) .nav-buttons-container {
  display: var(--ui-nav-buttons-container);
}

/* Sidebar top bar - new adjustments */

body:not(.is-mobile) .nav-header {
  background-color: var(--mu-sidebar-top-buttons-container-bg-color);
}

body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile {
  background-color: var(--mu-sidebar-bottom-vault-profile-bg-color);
}

/* Top left titlebar buttons */
body:not(.is-mobile).mu-hide-titlebar-top-left-buttons {
  --ui-titlebar-top-left-buttons: 0.01;
}

body:not(.is-mobile) .workspace-tab-header[data-type="file-explorer"],
body:not(.is-mobile) .workspace-tab-header[data-type="search"],
body:not(.is-mobile) .workspace-tab-header[data-type="bookmarks"] {
  opacity: var(--ui-titlebar-top-left-buttons);
  transition: all 0.5s;
}

body:not(.is-mobile) .workspace-tab-header-container:hover,
body:not(.is-mobile) .workspace-tab-header-container-inner:hover {
  --ui-titlebar-top-left-buttons: 1;
}

/* Status bar */
body:not(.is-mobile).mu-hide-status-bar {
  --ui-status-bar: 0.01;
}

body:not(.is-mobile) .status-bar {
  opacity: var(--ui-status-bar);
  transition: all 0.5s;
}

body:not(.is-mobile) .status-bar:hover {
  --ui-status-bar: 1;
}

/* Side dock actions */
body:not(.is-mobile).mu-hide-side-dock-actions {
  --ui-side-dock-actions: 0.01;
}

body:not(.is-mobile) .side-dock-actions {
  opacity: var(--ui-side-dock-actions);
  transition: all 0.5s;
}

body:not(.is-mobile) .side-dock-actions:hover {
  --ui-side-dock-actions: 1;
}

/* Side-dock-settings */
body:not(.is-mobile).mu-hide-side-dock-settings {
  --ui-side-dock-settings: 0.01;
}

body:not(.is-mobile) .side-dock-settings {
  opacity: var(--ui-side-dock-settings);
  transition: all 0.5s;
}

body:not(.is-mobile) .side-dock-settings:hover {
  --ui-side-dock-settings: 1;
}

/* Auto hide inline title */
body:not(.is-mobile).mu-hide-inline-title {
  --ui-inline-title-settings: 0.01;
}

body:not(.is-mobile) .inline-title:not(:focus) {
  opacity: var(--ui-inline-title-settings);
  transition: all 0.5s;
}

body:not(.is-mobile) .inline-title:hover {
  --ui-inline-title-settings: 1;
}

/* Source mode */
.markdown-source-view:not(.is-live-preview) * {
  --font-text: var(--mu-font-mono);
  font-family: var(--mu-font-mono);
}

/* Reading mode */

.markdown-reading-view>div>div>div:not(.mod-header, .obsidian-banner-wrapper):hover {
  box-shadow: var(--mu-reading-indicator-width) 0 0 0 var(--mu-reading-indicator-color);
}

body:not(.mu-reading-glow-status-off) .markdown-reading-view>div>div>div:not(.mod-header, .obsidian-banner-wrapper):active {
  box-shadow: 0 0 0 var(--mu-reading-glow-border-size) var(--mu-reading-glow-color), 0 0 1.2rem .2rem var(--mu-reading-glow-color);
  border-radius: var(--mu-reading-glow-radius);
  transition: box-shadow .5s ease-in-out;
}

body:not(.mu-hide-heading-labels) .markdown-reading-view h1,
body:not(.mu-hide-heading-labels) .markdown-reading-view h2,
body:not(.mu-hide-heading-labels) .markdown-reading-view h3,
body:not(.mu-hide-heading-labels) .markdown-reading-view h4,
body:not(.mu-hide-heading-labels) .markdown-reading-view h5,
body:not(.mu-hide-heading-labels) .markdown-reading-view h6 {
  position: relative;
}

body:not(.mu-hide-heading-labels) .markdown-reading-view h1:active,
body:not(.mu-hide-heading-labels) .markdown-reading-view h2:active,
body:not(.mu-hide-heading-labels) .markdown-reading-view h3:active,
body:not(.mu-hide-heading-labels) .markdown-reading-view h4:active,
body:not(.mu-hide-heading-labels) .markdown-reading-view h5:active,
body:not(.mu-hide-heading-labels) .markdown-reading-view h6:active {
  --mu-label-visible: hidden;
}

body:not(.mu-hide-heading-labels) .markdown-reading-view h1::before,
body:not(.mu-hide-heading-labels) .markdown-reading-view h2::before,
body:not(.mu-hide-heading-labels) .markdown-reading-view h3::before,
body:not(.mu-hide-heading-labels) .markdown-reading-view h4::before,
body:not(.mu-hide-heading-labels) .markdown-reading-view h5::before,
body:not(.mu-hide-heading-labels) .markdown-reading-view h6::before {
  font-size: .8rem;
  font-family: var(--mu-font-ui);
  position: absolute;
  top: -1rem;
  left: 0;
  visibility: hidden;
  letter-spacing: 1px;
  -webkit-text-stroke: 0;
}

body:not(.mu-hide-heading-labels) .markdown-reading-view h1::before {
  content: "H1 ";
  color: var(--mu-label-h1);
}

body:not(.mu-hide-heading-labels) .markdown-reading-view h2::before {
  content: "H2 ";
  color: var(--mu-label-h2);
}

body:not(.mu-hide-heading-labels) .markdown-reading-view h3::before {
  content: "H3 ";
  color: var(--mu-label-h3);
}

body:not(.mu-hide-heading-labels) .markdown-reading-view h4::before {
  content: "H4 ";
  color: var(--mu-label-h4);
}

body:not(.mu-hide-heading-labels) .markdown-reading-view h5::before {
  content: "H5 ";
  color: var(--mu-label-h5);
}

body:not(.mu-hide-heading-labels) .markdown-reading-view h6::before {
  content: "H6 ";
  color: var(--mu-label-h6);
}

body:not(.mu-hide-heading-labels) .markdown-reading-view h1:hover::before,
body:not(.mu-hide-heading-labels) .markdown-reading-view h2:hover::before,
body:not(.mu-hide-heading-labels) .markdown-reading-view h3:hover::before,
body:not(.mu-hide-heading-labels) .markdown-reading-view h4:hover::before,
body:not(.mu-hide-heading-labels) .markdown-reading-view h5:hover::before,
body:not(.mu-hide-heading-labels) .markdown-reading-view h6:hover::before {
  visibility: var(--mu-label-visible);
}

/* Settings */
.vertical-tab-header-group {
  padding-top: 0;
}

/* Themes */
/* Purple */
.theme-light.magicuser-purple-theme {
  --mu-background-color-1: #dbd0ff;
  --mu-background-color-2: #cdbeff;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #fff;
  --mu-text-title: #a300cf;
  --mu-titlebar-background: #250035;
  --mu-vault-title: #a300cf;
  --code-background: #e8e8e8;
  --mu-folder-text-color: #0048a3;
  --mu-h1: #0048a3;
  --mu-h2: #0048a3;
  --mu-h3: #0048a3;
  --mu-h4: #0048a3;
  --mu-h5: #0048a3;
  --mu-h6: #0048a3;
  --mu-dark-sidebar-color: #250035;
  --mu-table-th-background: #330048;
}

.theme-dark.magicuser-purple-theme {
  --mu-background-color-1: #330048;
  --mu-background-color-2: #250035;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #160020;
  --mu-text-title: #bf48ff;
  --mu-titlebar-background: #210030;
  --mu-vault-title: #bf48ff;
  --code-background: #1f1f1f;
  --mu-table-th-background: #110022;
}

/* Teal */
.theme-light.magicuser-teal-theme {
  --mu-background-color-1: #E1F0F0;
  --mu-background-color-2: #cde8e8;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #fff;
  --mu-titlebar-background: #004040;
  --code-background: #e8e8e8;
  --mu-h1: #0048a3;
  --mu-h2: #0048a3;
  --mu-h3: #0048a3;
  --mu-h4: #0048a3;
  --mu-h5: #0048a3;
  --mu-h6: #0048a3;
  --mu-dark-sidebar-color: #002121;
  --mu-table-th-background: #004040;
}

.theme-dark.magicuser-teal-theme {
  --mu-background-color-1: #002828;
  --mu-background-color-2: #002121;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #003838;
  --mu-titlebar-background: #004040;
  --code-background: #1f1f1f;
  --mu-table-th-background: #004040;
}

/* Camouflage */
.theme-light.magicuser-camouflage-theme {
  --mu-background-color-1: #e1e8d3;
  --mu-background-color-2: #d1d8c0;
  --mu-caret-color: #ff7f00;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #fff;
  --mu-folder-text-color: #4f573c;
  --mu-text-title: #727d57;
  --mu-titlebar-background: #3a3f2c;
  --mu-vault-title: #727d57;
  --code-background: #e8e8e8;
  --code-punctuation: #727d57;
  --mu-h1: #0048a3;
  --mu-h2: #0048a3;
  --mu-h3: #0048a3;
  --mu-h4: #0048a3;
  --mu-h5: #0048a3;
  --mu-h6: #0048a3;
  --mu-dark-sidebar-color: #1e2117;
  --mu-table-th-background: #3a3f2c;
}

.theme-dark.magicuser-camouflage-theme {
  --mu-background-color-1: #24281c;
  --mu-background-color-2: #1e2117;
  --mu-caret-color: #ff7f00;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #000;
  --mu-folder-text-color: #a0ac82;
  --mu-text-title: #727d57;
  --mu-titlebar-background: #3a3f2c;
  --mu-vault-title: #727d57;
  --code-background: #000;
  --code-punctuation: #727d57;
  --mu-table-th-background: #3a3f2c;
}

/* Gray */
.theme-light.magicuser-gray-theme {
  --mu-background-color-1: #e8e8e8;
  --mu-background-color-2: #e1e1e1;
  --mu-caret-color: #f500b4;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #fff;
  --mu-text-title: #828282;
  --mu-titlebar-background: #080808;
  --mu-vault-title: #828282;
  --code-background: #f1f1f1;
  --code-punctuation: #979797;
  --mu-h1: #0072d3;
  --mu-h2: #0072d3;
  --mu-h3: #0072d3;
  --mu-h4: #0072d3;
  --mu-h5: #0072d3;
  --mu-h6: #0072d3;
  --mu-dark-sidebar-color: #181818;
  --mu-table-th-background: #282828;
}

.theme-dark.magicuser-gray-theme {
  --mu-background-color-1: #1f1f1f;
  --mu-background-color-2: #181818;
  --mu-caret-color: #ff48cf;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #000;
  --mu-text-title: #828282;
  --mu-titlebar-background: #080808;
  --mu-vault-title: #828282;
  --code-background: #000;
  --code-punctuation: #7f7f7f;
  --mu-table-th-background: #080808;
}

/* Room lamp */
.theme-light.magicuser-room-lamp-theme {
  --mu-background-color-1: #f9edc6;
  --mu-background-color-2: #f7e8b3;
  --mu-caret-color: #d3148d;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #fff;
  --mu-folder-text-color: #0048a3;
  --mu-text-title: #ac3f5d;
  --mu-titlebar-background: #461828;
  --mu-vault-title: #ac3f5d;
  --code-background: #e8e8e8;
  --code-punctuation: #ac3f5d;
  --mu-h1: #0048a3;
  --mu-h2: #0048a3;
  --mu-h3: #0048a3;
  --mu-h4: #0048a3;
  --mu-h5: #0048a3;
  --mu-h6: #0048a3;
  --mu-dark-sidebar-color: #3f1423;
  --mu-table-th-background: hsl(339, 52%, 8%);
}

.theme-dark.magicuser-room-lamp-theme {
  --mu-background-color-1: #2f0f18;
  --mu-background-color-2: #3f1423;
  --mu-caret-color: #00cfff;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #000;
  --mu-folder-text-color: #97bff1;
  --mu-text-title: #ac3f5d;
  --mu-titlebar-background: #461828;
  --mu-vault-title: #ac3f5d;
  --code-background: #000;
  --code-punctuation: #ac3f5d;
  --mu-h1: #97bff1;
  --mu-h2: #97bff1;
  --mu-h3: #97bff1;
  --mu-h4: #97bff1;
  --mu-h5: #97bff1;
  --mu-h6: #97bff1;
  --mu-table-th-background: hsl(339, 52%, 8%);
}

/* Moon */
.theme-light.magicuser-moon-theme {
  --mu-background-color-1: #d2e1f1;
  --mu-background-color-2: #c3d6ea;
  --mu-caret-color: #d300ff;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #fff;
  --mu-folder-text-color: #0048a3;
  --mu-text-title: #a300cf;
  --mu-titlebar-background: #001a33;
  --mu-vault-title: #a300cf;
  --code-background: #e1e1e1;
  --code-punctuation: #a300a3;
  --mu-h1: #0048a3;
  --mu-h2: #0048a3;
  --mu-h3: #0048a3;
  --mu-h4: #0048a3;
  --mu-h5: #0048a3;
  --mu-h6: #0048a3;
  --mu-text-selection: #bf48ff33;
  --mu-suggestion-color: #0072d3;
  --mu-dark-sidebar-color: #000b15;
  --mu-table-th-background: #001a33;
}

.theme-dark.magicuser-moon-theme {
  --mu-background-color-1: #001122;
  --mu-background-color-2: #000b15;
  --mu-caret-color: #d300ff;
  --mu-divider-color: #dfc1c100;
  --mu-input-bg-color: #001836;
  --mu-folder-text-color: #729fd8;
  --mu-text-title: #a300cf;
  --mu-titlebar-background: #001a33;
  --mu-vault-title: #a300cf;
  --code-background: #000;
  --code-punctuation: #a300a3;
  --mu-h1: #729fd8;
  --mu-h2: #729fd8;
  --mu-h3: #729fd8;
  --mu-h4: #729fd8;
  --mu-h5: #729fd8;
  --mu-h6: #729fd8;
  --mu-text-selection: #bf48ff55;
  --text-normal: #c1c1c1;
  --mu-suggestion-color: #00a3ff;
  --mu-table-th-background: #001a33;
}

/* Concentration */
.theme-light.magicuser-concentration-theme {
  --mu-background-color-1: #dddde8;
  --mu-background-color-2: #d7d7e1;
  --mu-caret-color: #f500b4;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #f1f1f5;
  --mu-text-title: #58586f;
  --mu-titlebar-background: #0b0b0e;
  --mu-vault-title: #58586f;
  --code-background: #c0c0cf;
  --code-punctuation: #797995;
  --mu-folder-text-color: #0048a3;
  --mu-h1: #0048a3;
  --mu-h2: #0048a3;
  --mu-h3: #0048a3;
  --mu-h4: #0048a3;
  --mu-h5: #0048a3;
  --mu-h6: #0048a3;
  --mu-suggestion-color: #0072d3;
  --mu-text-selection: #bf48ff48;
  --mu-dark-sidebar-color: #121216;
  --mu-icon-focused: #00a3ff;
  --mu-table-th-background: #0b0b0e;
}

.theme-dark.magicuser-concentration-theme {
  --mu-background-color-1: #1b1b21;
  --mu-background-color-2: #121216;
  --mu-caret-color: #ff48cf;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #0c0c0e;
  --mu-text-title: #58586f;
  --mu-titlebar-background: #0b0b0e;
  --mu-vault-title: #58586f;
  --code-background: #282833;
  --code-punctuation: #797995;
  --mu-suggestion-color: #00a3ff;
  --mu-folder-text-color: #72b1ff;
  --mu-h1: #f1d743;
  --mu-h2: #f1d743;
  --mu-h3: #f1d743;
  --mu-h4: #f1d743;
  --mu-h5: #f1d743;
  --mu-h6: #f1d743;
  --mu-text-selection: #bf48ff55;
  --mu-icon-focused: #00a3ff;
  --mu-table-th-background: #0b0b0e;
}

/* Creativity */
.theme-light.magicuser-creativity-theme {
  --mu-background-color-1: #f1dbe1;
  --mu-background-color-2: #edd4da;
  --mu-caret-color: #f500b4;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #fff;
  --mu-text-title: #a348a3;
  --mu-titlebar-background: #3d1f33;
  --mu-vault-title: #a348a3;
  --code-background: #fff1f5;
  --code-punctuation: #cf22cf;
  --mu-folder-text-color: #0048a3;
  --mu-h1: #0048a3;
  --mu-h2: #0048a3;
  --mu-h3: #0048a3;
  --mu-h4: #0048a3;
  --mu-h5: #0048a3;
  --mu-h6: #0048a3;
  --mu-suggestion-color: #0072d3;
  --mu-text-selection: #0088ff53;
  --mu-dark-sidebar-color: #25131f;
  --mu-icon-focused: #cf22cf;
  --mu-table-th-background: #3d1f33;
}

.theme-dark.magicuser-creativity-theme {
  --mu-background-color-1: #291522;
  --mu-background-color-2: #25131f;
  --mu-caret-color: #ff48cf;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #1b0e17;
  --mu-text-title: #a348a3;
  --mu-titlebar-background: #3d1f33;
  --mu-vault-title: #a348a3;
  --code-background: #4c283f;
  --code-punctuation: #cf72cf;
  --mu-suggestion-color: #00a3ff;
  --mu-folder-text-color: #72b1ff;
  --mu-text-selection: #0088ff7f;
  --mu-icon-focused: #cf22cf;
  --mu-table-th-background: #3d1f33;
}

/* Teacher */
.theme-light.magicuser-teacher-theme {
  --mu-background-color-1: hsl(146, 28%, 90%);
  --mu-background-color-2: hsl(146, 28%, 86%);
  --mu-caret-color: #00a348;
  --mu-divider-color: #0a090900;
  --mu-input-bg-color: #fff;
  --mu-text-title: #50886a;
  --mu-titlebar-background: #484848;
  --mu-vault-title: #50886a;
  --code-background: hsl(146, 28%, 88%);
  --code-punctuation: #50886a;
  --mu-folder-text-color: #0048a3;
  --mu-h1: #007fff;
  --mu-h2: #cf22ff;
  --mu-h3: #ff9300;
  --mu-h4: #3cc347;
  --mu-h5: #f63737;
  --mu-h6: #a3a300;
  --mu-suggestion-color: #0072d3;
  --mu-text-selection: #0ed8947f;
  --mu-dark-sidebar-color: #24332a;
  --tab-text-color-focused-active-current: #0072d3;
  --mu-icon-focused: #00d87f;
  --mu-table-th-background: #2c4737;
}

.theme-dark.magicuser-teacher-theme {
  --mu-background-color-1: #28392f;
  --mu-background-color-2: #24332a;
  --mu-caret-color: hsl(160, 89%, 51%);
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #1b0e17;
  --mu-text-title: #50886a;
  --mu-titlebar-background: #484848;
  --mu-vault-title: #50886a;
  --code-background: #1f3528;
  --code-punctuation: #2fb86f;
  --mu-suggestion-color: #00a3ff;
  --mu-folder-text-color: #72b1ff;
  --mu-text-selection: #0ed89455;
  --mu-h1: #72b1ff;
  --mu-h2: #e897ff;
  --mu-h3: #ffc375;
  --mu-h4: #B5E8B9;
  --mu-h5: #fa9797;
  --mu-h6: #fffd7f;
  --tab-text-color-focused-active-current: #00a3ff;
  --mu-icon-focused: #00d87f;
  --mu-table-th-background: #18281f;
}

/* Stealth */
.theme-light.magicuser-stealth-theme {
  --mu-background-color-1: #fff;
  --mu-background-color-2: #d8d8d8;
  --mu-titlebar-background: #000;
  --mu-caret-color: #0072d3;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #fff;
  --mu-text-title: #727272;
  --mu-vault-title: #727272;
  --code-background: #f1f1f1;
  --code-punctuation: #727272;
  --mu-folder-text-color: #000;
  --nav-collapse-icon-color: #727272;
  --mu-h1: #000;
  --mu-h2: #000;
  --mu-h3: #000;
  --mu-h4: #000;
  --mu-h5: #000;
  --mu-h6: #000;
  --mu-suggestion-color: #0072d3;
  --mu-text-selection: #0088ff53;
  --mu-dark-sidebar-color: #111111;
  --mu-icon: #575757;
  --mu-icon-hover: #0072d3;
  --mu-icon-active: #0072d3;
  --mu-icon-focused: #0072d3;
  --search-icon-color: #0072d3;
  --mu-icon-statusbar-menu: #0072d3;
  --mu-table-th-background: #484848;
  --mu-folder-area-background: #bfbfbf48;
  --mu-folder-area-border: #bfbfbf88;
  --checkbox-border-color: #828282;
  --checkbox-border-color-hover: #a3a3a3;
  --text-normal: #000;
  --mu-default-mode-border-color: #0072d3;
  --mu-stacked-mode-border-color: #0072d3;
  --mu-blockquote-border: #828282;
  --mu-hr-color: #cfcfcf;
  --list-marker-color: #727272;
  --mu-file-header-border-color: #cfcfcf;
  --background-modifier-border-hover: #cfcfcf;
  --background-modifier-border: #cfcfcf;
  --modal-border-color: #cfcfcf;
  --prompt-border-color: #cfcfcf;
}

.theme-dark.magicuser-stealth-theme {
  --mu-background-color-1: #181818;
  --mu-background-color-2: #111111;
  --mu-titlebar-background: #080808;
  --mu-caret-color: #00a3ff;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #000;
  --mu-text-title: #575757;
  --mu-vault-title: #575757;
  --code-background: #000;
  --code-punctuation: #727272;
  --mu-folder-text-color: #727272;
  --nav-collapse-icon-color: #727272;
  --mu-h1: #979797;
  --mu-h2: #979797;
  --mu-h3: #979797;
  --mu-h4: #979797;
  --mu-h5: #979797;
  --mu-h6: #979797;
  --mu-suggestion-color: #0072d3;
  --mu-text-selection: #0088ff53;
  --mu-icon: #575757;
  --mu-icon-hover: #0072d3;
  --mu-icon-active: #0072d3;
  --mu-icon-focused: #0072d3;
  --search-icon-color: #0072d3;
  --mu-icon-statusbar-menu: #0072d3;
  --mu-table-th-background: #080808;
  --mu-folder-area-background: #bfbfbf11;
  --mu-folder-area-border: #bfbfbf28;
  --checkbox-border-color: #828282;
  --checkbox-border-color-hover: #a3a3a3;
  --text-normal: #aaa;
  --mu-default-mode-border-color: #0072d3;
  --mu-stacked-mode-border-color: #0072d3;
  --mu-blockquote-border: #828282;
  --mu-hr-color: #484848;
  --list-marker-color: #727272;
  --mu-file-header-border-color: #282828;
  --background-modifier-border-hover: #282828;
  --background-modifier-border: #282828;
  --modal-border-color: #282828;
  --prompt-border-color: #282828;
}

/* Chroma Amulet */
.theme-light.magicuser-chroma-amulet-theme {
  --amulet-icon-color: hsl(var(--mu-amulet-hue), var(--mu-amulet-sat), 33%);
  --amulet-title-color: hsl(var(--mu-amulet-hue), var(--mu-amulet-sat), 42%);
  --mu-background-color-1: hsl(var(--mu-amulet-hue), var(--mu-amulet-sat), 90%);
  --mu-background-color-2: hsl(var(--mu-amulet-hue), var(--mu-amulet-sat), 82%);
  --mu-titlebar-background: hsl(var(--mu-amulet-hue), var(--mu-amulet-sat), 80%);
  --mu-caret-color: #0072d3;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #fff;
  --mu-text-title: var(--amulet-title-color);
  --mu-vault-title: var(--amulet-title-color);
  --code-background: #f1f1f1;
  --code-punctuation: var(--amulet-title-color);
  --mu-folder-text-color: #0048a3;
  --mu-h1: #0048a3;
  --mu-h2: #0048a3;
  --mu-h3: #0048a3;
  --mu-h4: #0048a3;
  --mu-h5: #0048a3;
  --mu-h6: #0048a3;
  --mu-suggestion-color: #0072d3;
  --mu-text-selection: #0088ff53;
  --mu-dark-sidebar-color: hsl(var(--mu-amulet-hue), var(--mu-amulet-sat), 8%);
  --mu-icon: var(--amulet-icon-color);
  --mu-icon-hover: var(--amulet-icon-color);
  --mu-icon-active: #0072d3;
  --mu-icon-focused: #0072d3;
  --search-icon-color: var(--amulet-icon-color);
  --mu-icon-statusbar-menu: var(--amulet-icon-color);
  --mu-table-th-background: var(--amulet-icon-color);
}

.theme-dark.magicuser-chroma-amulet-theme {
  --amulet-icon-color: hsl(var(--mu-amulet-hue), var(--mu-amulet-sat), 33%);
  --amulet-title-color: hsl(var(--mu-amulet-hue), var(--mu-amulet-sat), 42%);
  --mu-background-color-1: hsl(var(--mu-amulet-hue), var(--mu-amulet-sat), 10%);
  --mu-background-color-2: hsl(var(--mu-amulet-hue), var(--mu-amulet-sat), 8%);
  --mu-titlebar-background: hsl(var(--mu-amulet-hue), var(--mu-amulet-sat), 6%);
  --mu-caret-color: #00cfff;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: hsl(var(--mu-amulet-hue), var(--mu-amulet-sat), 4%);
  --mu-text-title: var(--amulet-title-color);
  --mu-vault-title: var(--amulet-title-color);
  --code-background: #000;
  --code-punctuation: var(--amulet-title-color);
  --mu-folder-text-color: #72b1ff;
  --mu-h1: #00a3ff;
  --mu-h2: #00a3ff;
  --mu-h3: #00a3ff;
  --mu-h4: #00a3ff;
  --mu-h5: #00a3ff;
  --mu-h6: #00a3ff;
  --mu-suggestion-color: #00cfff;
  --mu-text-selection: #0088ff53;
  --mu-icon: var(--amulet-icon-color);
  --mu-icon-hover: var(--amulet-icon-color);
  --mu-icon-active: #0072d3;
  --mu-icon-focused: #0072d3;
  --search-icon-color: var(--amulet-icon-color);
  --mu-icon-statusbar-menu: var(--amulet-icon-color);
  --mu-table-th-background: var(--amulet-icon-color);
}

/* Accent */
.theme-light.magicuser-accent-theme {
  --mu-accent-color: hsla(var(--color-accent-hsl), 1);
  --mu-accent-details: hsla(var(--color-accent-hsl), 0.2);
  --mu-accent-light-mode: hsl(var(--accent-h), 78%, 38%);
  --mu-accent-icons: hsl(var(--accent-h), 78%, 55%);
  --mu-background-color-1: #fff;
  --mu-background-color-2: #e1e1e1;
  --mu-titlebar-background: #080808;
  --mu-caret-color: hsl(var(--accent-h), 82%, 52%);
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #fff;
  --mu-text-title: #0072d3;
  --mu-vault-title: #0072d3;
  --code-background: #f1f1f1;
  --code-punctuation: var(--mu-accent-icons);
  --mu-folder-text-color: #000;
  --mu-file-icon-color: var(--mu-accent-light-mode);
  --mu-folder-icon-color: #828282;
  --mu-folder-icon-color-active: var(--mu-accent-light-mode);
  --mu-h1: var(--mu-accent-light-mode);
  --mu-h2: var(--mu-accent-light-mode);
  --mu-h3: var(--mu-accent-light-mode);
  --mu-h4: var(--mu-accent-light-mode);
  --mu-h5: var(--mu-accent-light-mode);
  --mu-h6: var(--mu-accent-light-mode);
  --mu-text-selection: #0088ff53;
  --mu-suggestion-color: var(--mu-accent-color);
  --mu-dark-sidebar-color: #111111;
  --mu-icon: hsl(var(--accent-h), 78%, 38%);
  --mu-icon-hover: var(--mu-accent-icons);
  --mu-icon-active: var(--mu-accent-icons);
  --mu-icon-focused: var(--mu-accent-icons);
  --search-icon-color: var(--mu-accent-icons);
  --mu-icon-statusbar-menu: hsl(var(--accent-h), 78%, 38%);
  --mu-folder-area-background: hsla(var(--color-accent-hsl), 0.1);
  --mu-folder-area-border: hsla(var(--color-accent-hsl), 0.3);
  --checkbox-border-color: #828282;
  --checkbox-border-color-hover: var(--mu-accent-color);
  --text-normal: #000;
  --mu-default-mode-border-color: var(--mu-accent-color);
  --mu-stacked-mode-border-color: var(--mu-accent-color);
  --mu-blockquote-border: var(--mu-accent-color);
  --mu-hr-color: var(--mu-accent-color);
  --list-marker-color: var(--mu-accent-light-mode);
  --nav-collapse-icon-color: #a3a3a3;
  --background-modifier-hover: var(--mu-accent-details);
  --nav-item-background-active: var(--mu-accent-details);
  --mu-bookmarked-note-icon-bg: var(--mu-accent-details);
  --background-modifier-border-hover: var(--mu-accent-details);
  --mu-table-th-background: #080808;
  --mu-table-th-foreground-main: var(--text-accent);
  --mu-file-header-border-color: hsla(var(--color-accent-hsl), 0.5);
  --mu-file-header-border-width: 2px;
  --background-modifier-border: var(--mu-accent-details);
  --modal-border-color: var(--mu-accent-details);
  --prompt-border-color: var(--mu-accent-details);
  --mu-indent-color-level-1: var(--mu-accent-details);
  --mu-indent-color-level-2: var(--mu-accent-details);
  --mu-indent-color-level-3: var(--mu-accent-details);
  --mu-indent-color-level-4: var(--mu-accent-details);
  --mu-indent-color-level-5: var(--mu-accent-details);
  --mu-indent-color-level-6: var(--mu-accent-details);
  --mu-label-h1: #979797;
  --mu-label-h2: #979797;
  --mu-label-h3: #979797;
  --mu-label-h4: #979797;
  --mu-label-h5: #979797;
  --mu-label-h6: #979797;
  --divider-color-hover: var(--mu-accent-color);
}

.theme-dark.magicuser-accent-theme {
  --mu-accent-color: hsla(var(--color-accent-hsl), 1);
  --mu-accent-details: hsla(var(--color-accent-hsl), 0.2);
  --mu-background-color-1: #181818;
  --mu-background-color-2: #111111;
  --mu-titlebar-background: #080808;
  --mu-caret-color: hsla(var(--color-accent-hsl), 1);
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #000;
  --mu-text-title: #0072d3;
  --mu-vault-title: #0072d3;
  --code-background: #000;
  --code-punctuation: var(--mu-accent-color);
  --mu-folder-text-color: #979797;
  --mu-file-icon-color: var(--mu-accent-color);
  --mu-folder-icon-color: #484848;
  --mu-folder-icon-color-active: var(--mu-accent-color);
  --mu-h1: hsl(var(--accent-h), 78%, 72%);
  --mu-h2: hsl(var(--accent-h), 78%, 72%);
  --mu-h3: hsl(var(--accent-h), 78%, 72%);
  --mu-h4: hsl(var(--accent-h), 78%, 72%);
  --mu-h5: hsl(var(--accent-h), 78%, 72%);
  --mu-h6: hsl(var(--accent-h), 78%, 72%);
  --mu-text-selection: #0088ff53;
  --mu-suggestion-color: var(--mu-accent-color);
  --mu-dark-sidebar-color: #1f1f1f;
  --text-selection: hsla(var(--color-accent-hsl), 0.3);
  --mu-icon: hsla(var(--color-accent-hsl), .7);
  --mu-icon-hover: var(--mu-accent-color);
  --mu-icon-active: var(--mu-accent-color);
  --mu-icon-focused: var(--mu-accent-color);
  --search-icon-color: var(--mu-accent-color);
  --mu-icon-statusbar-menu: var(--mu-accent-color);
  --mu-folder-area-background: hsla(var(--color-accent-hsl), 0.1);
  --mu-folder-area-border: hsla(var(--color-accent-hsl), 0.3);
  --checkbox-border-color: #828282;
  --checkbox-border-color-hover: var(--mu-accent-color);
  --text-normal: #cfcfcf;
  --mu-default-mode-border-color: var(--mu-accent-color);
  --mu-stacked-mode-border-color: var(--mu-accent-color);
  --mu-blockquote-border: var(--mu-accent-color);
  --mu-hr-color: var(--mu-accent-color);
  --list-marker-color: var(--mu-accent-color);
  --nav-collapse-icon-color: #484848;
  --background-modifier-hover: var(--mu-accent-details);
  --nav-item-background-active: var(--mu-accent-details);
  --mu-bookmarked-note-icon-bg: var(--mu-accent-details);
  --background-modifier-border-hover: var(--mu-accent-details);
  --mu-table-th-background: #080808;
  --mu-table-th-foreground-main: var(--text-accent);
  --mu-file-header-border-color: hsla(var(--color-accent-hsl), 0.5);
  --mu-file-header-border-width: 2px;
  --background-modifier-border: var(--mu-accent-details);
  --modal-border-color: var(--mu-accent-details);
  --prompt-border-color: var(--mu-accent-details);
  --mu-indent-color-level-1: var(--mu-accent-details);
  --mu-indent-color-level-2: var(--mu-accent-details);
  --mu-indent-color-level-3: var(--mu-accent-details);
  --mu-indent-color-level-4: var(--mu-accent-details);
  --mu-indent-color-level-5: var(--mu-accent-details);
  --mu-indent-color-level-6: var(--mu-accent-details);
  --mu-label-h1: #484848;
  --mu-label-h2: #484848;
  --mu-label-h3: #484848;
  --mu-label-h4: #484848;
  --mu-label-h5: #484848;
  --mu-label-h6: #484848;
  --divider-color-hover: var(--mu-accent-color);
}

/* Special Background themes - BG Themes */
/* BG Series - Light Theme */
.magicuser-bg-north-pole-theme,
.magicuser-bg-sunset-theme,
.magicuser-bg-old-school-theme,
.magicuser-bg-classic-theme,
.magicuser-bg-night-theme,
.magicuser-bg-dreams-theme,
.magicuser-bg-slide-theme,
.magicuser-bg-synth-theme {
  --mu-table-color-1: #a3a3a328;
  --mu-table-color-2: #a3a3a348;
  --mu-table-th-background: #1f1f1f;
  --mu-cards-border: #0072d330;
  --status-bar-border-color: #0072d330;
}

.theme-light.magicuser-bg-north-pole-theme,
.theme-light.magicuser-bg-sunset-theme,
.theme-light.magicuser-bg-old-school-theme,
.theme-light.magicuser-bg-classic-theme,
.theme-light.magicuser-bg-night-theme,
.theme-light.magicuser-bg-dreams-theme,
.theme-light.magicuser-bg-slide-theme,
.theme-light.magicuser-bg-synth-theme {
  --mu-background-color-1: #fff;
  --mu-background-color-2: #fff;
  --mu-caret-color: #f100f1;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #f1f1f1;
  --mu-text-title: #bf48ff;
  --mu-titlebar-background: #1f1f1f;
  --mu-vault-title: #bf48ff;
  --code-background: #f1f1f1;
  --mu-folder-text-color: #0048a3;
  --mu-h1: #0048a3;
  --mu-h2: #0048a3;
  --mu-h3: #0048a3;
  --mu-h4: #0048a3;
  --mu-h5: #0048a3;
  --mu-h6: #0048a3;
  --mu-dark-sidebar-color: #000;
  --tab-text-color-focused-active-current: #0072d3;
  --mu-suggestion-color: #9700cf;
  --mu-icon-focused: #9700f1;
}

/* Synth, Dreams and Classic */
.theme-dark.magicuser-bg-north-pole-theme,
.theme-dark.magicuser-bg-sunset-theme,
.theme-dark.magicuser-bg-classic-theme,
.theme-dark.magicuser-bg-dreams-theme,
.theme-dark.magicuser-bg-synth-theme {
  --mu-background-color-1: #000;
  --mu-background-color-2: #000;
  --mu-caret-color: #00cfff;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #1f1f1f;
  --mu-text-title: #bf48ff;
  --mu-titlebar-background: #1f1f1f;
  --mu-vault-title: #bf48ff;
  --code-background: #181818;
  --tab-text-color-focused-active-current: #00a3ff;
  --mu-icon-focused: #bf48ff;
}

/* Old School */
.theme-dark.magicuser-bg-old-school-theme {
  --mu-background-color-1: #000;
  --mu-background-color-2: #000;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #1f1f1f;
  --mu-text-title: #00a378;
  --mu-titlebar-background: #1f1f1f;
  --mu-vault-title: #00a378;
  --mu-folder-text-color: #00cf95;
  --code-background: #000;
  --code-punctuation: hsl(164, 100%, 32%);
  --tab-text-color-focused-active-current: #00f0b0;
  --mu-suggestion-color: #00f0b0;
  --mu-caret-color: #00f0b0;
  --mu-h1: #00cf95;
  --mu-h2: #00cf95;
  --mu-h3: #00cf95;
  --mu-h4: #00cf95;
  --mu-h5: #00cf95;
  --mu-h6: #00cf95;
  --checkbox-color: #00e1a3;
  --checkbox-color-hover: #32ffa6;
  --checkbox-border-color: #00e1a3;
  --checkbox-border-color-hover: #3dffac;
  --mu-icon-focused: #00f0b0;
  --hr-color: #00f0b0;
  --list-marker-color: #00f0b0;
}

/* Night */
.theme-dark.magicuser-bg-night-theme {
  --mu-background-color-1: #000;
  --mu-background-color-2: #000;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #1f1f1f;
  --mu-text-title: #bf48ff;
  --mu-titlebar-background: #1f1f1f;
  --mu-vault-title: #bf48ff;
  --code-background: #181818;
  --tab-text-color-focused-active-current: #00a3ff;
  --mu-suggestion-color: #00f188;
  --mu-caret-color: #00f188;
  --mu-icon-focused: #bf48ff;
}

/* Slide */
.theme-dark.magicuser-bg-slide-theme {
  --mu-background-color-1: #000;
  --mu-background-color-2: #000;
  --mu-caret-color: #00cfff;
  --mu-divider-color: #00000000;
  --mu-input-bg-color: #1f1f1f;
  --mu-text-title: #bf48ff;
  --mu-titlebar-background: #1f1f1f;
  --mu-vault-title: #bf48ff;
  --code-background: #181818;
  --mu-h1: #f1f100;
  --mu-h2: #f1f100;
  --mu-h3: #f1f100;
  --mu-h4: #f1f100;
  --mu-h5: #f1f100;
  --mu-h6: #f1f100;
  --tab-text-color-focused-active-current: #00a3ff;
  --mu-suggestion-color: #f1f100;
  --mu-icon-focused: #bf48ff;
}

.theme-dark.magicuser-bg-dreams-theme .workspace-split:not(.mod-right-split, .mod-left-split) .view-content,
.theme-dark.magicuser-bg-dreams-theme .view-content>.canvas-wrapper {
  background: linear-gradient(0deg, rgba(0, 0, 0, var(--mu-bg-image-overlay)), rgba(0, 0, 0, var(--mu-bg-image-overlay))), linear-gradient(to bottom, #ff00ff48 0%, #000 100%),
    linear-gradient(to top, #0000ff88, #000);
}

.theme-dark.magicuser-bg-slide-theme .workspace-split:not(.mod-right-split, .mod-left-split) .view-content,
.theme-dark.magicuser-bg-slide-theme .view-content>.canvas-wrapper {
  background: linear-gradient(0deg, rgba(0, 0, 0, var(--mu-bg-image-overlay)), rgba(0, 0, 0, var(--mu-bg-image-overlay))), linear-gradient(to top, #0000a3, #000);
}

.theme-dark.magicuser-bg-synth-theme .workspace-split:not(.mod-right-split, .mod-left-split) .view-content,
.theme-dark.magicuser-bg-synth-theme .view-content>.canvas-wrapper {
  background: linear-gradient(0deg, rgba(0, 0, 0, var(--mu-bg-image-overlay)), rgba(0, 0, 0, var(--mu-bg-image-overlay))), linear-gradient(to top, #f100f121, #30518ba3 40%, #000000), radial-gradient(at top left, #00004888 50%, #a300ff7f);
  background-blend-mode: multiply;
}

.theme-dark.magicuser-bg-night-theme .workspace-split:not(.mod-right-split, .mod-left-split) .view-content,
.theme-dark.magicuser-bg-night-theme .view-content>.canvas-wrapper {
  background: linear-gradient(0deg, rgba(0, 0, 0, var(--mu-bg-image-overlay)), rgba(0, 0, 0, var(--mu-bg-image-overlay))), linear-gradient(to top, #124872, #021828);
}

.theme-dark.magicuser-bg-classic-theme .workspace-split:not(.mod-right-split, .mod-left-split) .view-content,
.theme-dark.magicuser-bg-classic-theme .view-content>.canvas-wrapper {
  background: linear-gradient(0deg, rgba(0, 0, 0, var(--mu-bg-image-overlay)), rgba(0, 0, 0, var(--mu-bg-image-overlay))), linear-gradient(0deg, #3a3a3a, #080808);
}

.theme-dark.magicuser-bg-north-pole-theme .workspace-split:not(.mod-right-split, .mod-left-split) .view-content,
.theme-dark.magicuser-bg-north-pole-theme .view-content>.canvas-wrapper {
  background: linear-gradient(0deg, rgba(0, 0, 0, var(--mu-bg-image-overlay)), rgba(0, 0, 0, var(--mu-bg-image-overlay))), conic-gradient(from 87deg at 100% 60%, rgba(1, 0, 29, 1) 50%, rgba(43, 8, 82, 0.67) 56%, rgba(0, 199, 199, 0.33) 74%, rgba(29, 28, 57, 1) 100%, rgba(46, 231, 225, 0.27) 100%) 72% 11%/120% 186%;
}

.theme-dark.magicuser-bg-sunset-theme .workspace-split:not(.mod-right-split, .mod-left-split) .view-content,
.theme-dark.magicuser-bg-sunset-theme .view-content>.canvas-wrapper {
  background: linear-gradient(0deg, rgba(0, 0, 0, var(--mu-bg-image-overlay)), rgba(0, 0, 0, var(--mu-bg-image-overlay))), linear-gradient(0deg, rgba(214, 147, 112, 0.72) 0%, rgba(85, 88, 95, 1) 28%, rgba(9, 17, 37, 1) 100%) 50% 100%;
}

.theme-dark.magicuser-bg-old-school-theme .workspace-split:not(.mod-right-split, .mod-left-split) .view-content,
.theme-dark.magicuser-bg-old-school-theme .view-content>.canvas-wrapper {
  background: linear-gradient(0deg, rgba(0, 0, 0, var(--mu-bg-image-overlay)), rgba(0, 0, 0, var(--mu-bg-image-overlay))), linear-gradient(rgba(0, 0, 0, 0.71) 0%, #002417 100%) 100% 100%;
}

.theme-dark.magicuser-bg-north-pole-theme .document-search-container,
.theme-dark.magicuser-bg-sunset-theme .document-search-container,
.theme-dark.magicuser-bg-old-school-theme .document-search-container,
.theme-dark.magicuser-bg-classic-theme .document-search-container,
.theme-dark.magicuser-bg-night-theme .document-search-container,
.theme-dark.magicuser-bg-dreams-theme .document-search-container,
.theme-dark.magicuser-bg-slide-theme .document-search-container,
.theme-dark.magicuser-bg-synth-theme .document-search-container {
  background: transparent;
}

/* Sidebar adjustment - light mode */
body:not(.mu-cards-interface).theme-light.mu-sidebar-dark.magicuser-room-lamp-theme {
  --mu-folder-text-color: #97bff1 !important;
  --mu-bg-search-results: #2f0f18;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark.magicuser-moon-theme {
  --mu-folder-text-color: #729fd8 !important;
  --mu-bg-search-results: #001122;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark.magicuser-camouflage-theme {
  --mu-folder-text-color: #a0ac82 !important;
  --mu-bg-search-results: #24281c;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark.magicuser-gray-theme {
  --mu-folder-text-color: #72a3ff;
  --mu-bg-search-results: #1f1f1f;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark.magicuser-teal-theme {
  --mu-folder-text-color: #72a3ff;
  --mu-bg-search-results: #002828;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark.magicuser-purple-theme {
  --mu-folder-text-color: #72a3ff;
  --mu-bg-search-results: #330048;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark.magicuser-concentration-theme {
  --mu-folder-text-color: #72b1ff;
  --mu-bg-search-results: #1b1b21;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark.magicuser-creativity-theme {
  --mu-folder-text-color: #72b1ff;
  --mu-bg-search-results: #291522;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark.magicuser-teacher-theme {
  --mu-folder-text-color: #72b1ff;
  --mu-bg-search-results: #28392f;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark.magicuser-stealth-theme {
  --mu-folder-text-color: #727272;
  --mu-bg-search-results: #181818;
  --mu-folder-area-background: #bfbfbf11;
  --mu-folder-area-border: #bfbfbf28;
  --background-modifier-border: #282828;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark.magicuser-accent-theme {
  --mu-folder-text-color: #979797;
  --mu-bg-search-results: #181818;
  --nav-collapse-icon-color: #484848;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark.magicuser-chroma-amulet-theme {
  --mu-folder-text-color: #72b1ff;
  --mu-bg-search-results: hsl(var(--mu-amulet-hue), var(--mu-amulet-sat), 10%);
  --mu-titlebar-background: hsl(var(--mu-amulet-hue), var(--mu-amulet-sat), 6%);
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark.magicuser-bg-north-pole-theme,
body:not(.mu-cards-interface).theme-light.mu-sidebar-dark.magicuser-bg-sunset-theme,
body:not(.mu-cards-interface).theme-light.mu-sidebar-dark.magicuser-bg-old-school-theme,
body:not(.mu-cards-interface).theme-light.mu-sidebar-dark.magicuser-bg-classic-theme,
body:not(.mu-cards-interface).theme-light.mu-sidebar-dark.magicuser-bg-night-theme,
body:not(.mu-cards-interface).theme-light.mu-sidebar-dark.magicuser-bg-dreams-theme,
body:not(.mu-cards-interface).theme-light.mu-sidebar-dark.magicuser-bg-slide-theme,
body:not(.mu-cards-interface).theme-light.mu-sidebar-dark.magicuser-bg-synth-theme {
  --mu-folder-text-color: #72a3ff;
  --mu-bg-search-results: #000;
}

/* Frontmatter md */
.cm-hmd-frontmatter.cm-hmd-frontmatter.cm-def {
  color: var(--code-comment);
}

.cm-atom.cm-hmd-frontmatter {
  font-weight: var(--font-semibold);
  color: var(--code-property);
}

.cm-hmd-frontmatter.cm-meta {
  font-weight: var(--font-bold);
  color: var(--code-punctuation);
}

.cm-hmd-frontmatter.cm-number {
  font-weight: var(--font-semibold);
  color: var(--code-value)
}

.cm-hmd-frontmatter.cm-string {
  font-weight: var(--font-semibold);
  color: var(--code-string)
}

.cm-hmd-frontmatter {
  color: var(--mu-text-1);
}

.cm-comment,
.cm-comment.cm-hmd-frontmatter {
  font-style: italic;
  color: var(--code-comment);
}

/* Folders indent */
div.nav-files-container.node-insert-event>div>div.tree-item-children.nav-folder-children>div>div.tree-item-children.nav-folder-children>div>div.tree-item-children.nav-folder-children {
  border-left: var(--nav-indentation-guide-width) solid var(--mu-indent-color-level-2);
}

div.nav-files-container.node-insert-event>div>div.tree-item-children.nav-folder-children>div>div.tree-item-children.nav-folder-children>div>div.tree-item-children.nav-folder-children>div.tree-item.nav-folder>div.tree-item-children.nav-folder-children {
  border-left: var(--nav-indentation-guide-width) solid var(--mu-indent-color-level-3);
}

div.nav-files-container.node-insert-event>div>div.tree-item-children.nav-folder-children>div>div.tree-item-children.nav-folder-children>div>div.tree-item-children.nav-folder-children>div.tree-item.nav-folder>div.tree-item-children.nav-folder-children>div.tree-item.nav-folder>div.tree-item-children.nav-folder-children {
  border-left: var(--nav-indentation-guide-width) solid var(--mu-indent-color-level-4);
}

div.nav-files-container.node-insert-event>div>div.tree-item-children.nav-folder-children>div>div.tree-item-children.nav-folder-children>div>div.tree-item-children.nav-folder-children>div.tree-item.nav-folder>div.tree-item-children.nav-folder-children>div.tree-item.nav-folder>div.tree-item-children.nav-folder-children>div.tree-item.nav-folder>div.tree-item-children.nav-folder-children {
  border-left: var(--nav-indentation-guide-width) solid var(--mu-indent-color-level-5);
}

div.nav-files-container.node-insert-event>div>div.tree-item-children.nav-folder-children>div>div.tree-item-children.nav-folder-children>div>div.tree-item-children.nav-folder-children>div.tree-item.nav-folder>div.tree-item-children.nav-folder-children>div.tree-item.nav-folder>div.tree-item-children.nav-folder-children>div.tree-item.nav-folder>div.tree-item-children.nav-folder-children>div.tree-item.nav-folder>div.tree-item-children.nav-folder-children {
  border-left: var(--nav-indentation-guide-width) solid var(--mu-indent-color-level-6);
}


.style-settings-heading[data-level="2"]+.style-settings-container {
  border-left: 1px solid var(--mu-style-settings-indent-color-1);
}

.style-settings-heading[data-level="3"]+.style-settings-container {
  border-left: 1px solid var(--mu-style-settings-indent-color-2);
}

.style-settings-heading[data-level="4"]+.style-settings-container {
  border-left: 1px solid var(--mu-style-settings-indent-color-3);
}

.style-settings-heading[data-level="0"] {
  margin-bottom: 8px;
  padding: 8px 20px;
}

.style-settings-heading[data-level="0"].is-collapsed {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
}

.style-settings-heading[data-level="0"]:not(.is-collapsed) {
  background-color: #007fff10;
  border: 1px solid var(--mu-style-settings-indent-color-1);
  border-radius: 4px;
  margin-top: 0;
}

.style-settings-heading[data-level="2"]:not(.is-collapsed) {
  background-color: #007fff10;
  border: 1px solid var(--mu-style-settings-indent-color-1);
  border-radius: 4px;
  margin: 0;
  padding: 8px 20px;
}

.style-settings-heading[data-level="3"]:not(.is-collapsed) {
  background-color: #bf48ff10;
  border: 1px solid var(--mu-style-settings-indent-color-2);
  border-radius: 4px;
  margin: 0;
  padding: 8px 20px;
}

.style-settings-heading[data-level="4"]:not(.is-collapsed) {
  background-color: #ff7f0010;
  border: 1px solid var(--mu-style-settings-indent-color-3);
  border-radius: 4px;
  margin: 0;
  padding: 8px 20px;
}

.style-settings-container {
  padding-left: 18px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.setting-item.setting-item-heading.style-settings-heading[data-id="magicuser-theme-presets"] .style-settings-collapse-indicator::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23007fffcf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z'/%3E%3Cpath d='M5 3v4'/%3E%3Cpath d='M19 17v4'/%3E%3Cpath d='M3 5h4'/%3E%3Cpath d='M17 19h4'/%3E%3C/svg%3E");
  margin-left: 4px;
  zoom: 82%;
  vertical-align: middle;
}

.setting-item.setting-item-heading.style-settings-heading[data-id="magicuser-theme-ui"] .style-settings-collapse-indicator::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23007fffcf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='18' rx='2'/%3E%3Cpath d='M10 4v4'/%3E%3Cpath d='M2 8h20'/%3E%3Cpath d='M6 4v4'/%3E%3C/svg%3E");
  margin-left: 4px;
  zoom: 82%;
  vertical-align: middle;
}

.setting-item.setting-item-heading.style-settings-heading[data-id="magicuser-theme-special-modes-and-effects"] .style-settings-collapse-indicator::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23007fffcf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E");
  margin-left: 4px;
  zoom: 82%;
  vertical-align: middle;
}

.setting-item.setting-item-heading.style-settings-heading[data-id="magicuser-theme-editor"] .style-settings-collapse-indicator::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23007fffcf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' x2='8' y1='13' y2='13'/%3E%3Cline x1='16' x2='8' y1='17' y2='17'/%3E%3Cline x1='10' x2='8' y1='9' y2='9'/%3E%3C/svg%3E");
  margin-left: 4px;
  zoom: 82%;
  vertical-align: middle;
}

.setting-item.setting-item-heading.style-settings-heading[data-id="magicuser-theme-about"] .style-settings-collapse-indicator::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23007fffcf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
  margin-left: 4px;
  zoom: 82%;
  vertical-align: middle;
}


.setting-item.setting-item-heading.style-settings-heading[data-id="magicuser-theme-main-colors"] .style-settings-collapse-indicator::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23007fffcf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13.5' cy='6.5' r='.5'/%3E%3Ccircle cx='17.5' cy='10.5' r='.5'/%3E%3Ccircle cx='8.5' cy='7.5' r='.5'/%3E%3Ccircle cx='6.5' cy='12.5' r='.5'/%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z'/%3E%3C/svg%3E");
  margin-left: 4px;
  zoom: 82%;
  vertical-align: middle;
}

.style-settings-collapse-indicator {
  padding-left: 8px;
  color: #828282;
}

.setting-item-control .themed-color-wrapper .theme-light::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23007fff7f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2'/%3E%3Cpath d='M12 20v2'/%3E%3Cpath d='m4.93 4.93 1.41 1.41'/%3E%3Cpath d='m17.66 17.66 1.41 1.41'/%3E%3Cpath d='M2 12h2'/%3E%3Cpath d='M20 12h2'/%3E%3Cpath d='m6.34 17.66-1.41 1.41'/%3E%3Cpath d='m19.07 4.93-1.41 1.41'/%3E%3C/svg%3E");
  margin-right: 4px;
  vertical-align: middle;
}

.setting-item-control .themed-color-wrapper .theme-dark::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23007fff7f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'/%3E%3C/svg%3E");
  margin-right: 4px;
  vertical-align: middle;
}

.themed-color-wrapper>div {
  background-color: transparent;
}

/* Style Settings - further color adjustments */
.setting-item-control .clickable-icon {
  color: var(--mu-icon);
}

.setting-item-description>div>small {
  font-weight: var(--font-semibold) !important;
  color: var(--text-accent) !important;
}

.theme-light .setting-item-description>div>small>strong {
  font-weight: var(--font-semibold) !important;
  color: #000 !important;
}

.theme-dark .setting-item-description>div>small>strong {
  font-weight: var(--font-semibold) !important;
  color: #e1e1e1 !important;
}

.theme-light .setting-item-control .pickr-reset>button,
.theme-light .setting-item-control .pickr-reset>button:hover {
  color: var(--icon-color) !important;
}

.theme-dark .setting-item-control .pickr-reset>button,
.theme-dark .setting-item-control .pickr-reset>button:hover {
  color: var(--icon-color) !important;
}

/* Open bg */
.style-settings-collapse-indicator>svg {
  width: 11px;
  height: 11px;
  vertical-align: middle;
}

.setting-item.setting-item-heading.style-settings-heading.is-collapsed {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  margin: 0;
  padding: 8px 20px;
}

.style-settings-collapse-indicator {
  color: #0072d3;
}

/* Custom sidebar - light mode */
body:not(.mu-cards-interface).theme-light.mu-sidebar-dark {
  --mu-folder-text-color: #72a3ff;
  --nav-item-color: #a3a3a3;
  --nav-item-color-hover: #a3a3a3;
  --nav-item-color-active: #a3a3a3;
  --nav-item-color-selected: #cfcfcf;
  --mu-special-folder-color: #000;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark .workspace-leaf-content {
  background-color: var(--mu-dark-sidebar-color);
  --mu-sidebar-top-buttons-container-bg-color: transparent;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark .workspace-leaf-content[data-type="calendar"] .month {
  color: #a3a3a3 !important;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark .workspace-leaf-content[data-type="calendar"] table {
  --color-dot: #cfcfcf;
  --color-arrow: #cfcfcf;
  --color-button: #cfcfcf;
  --color-text-title: #cfcfcf;
  --color-text-heading: #cfcfcf;
  --color-text-day: #cfcfcf;
  --color-text-today: var(--text-accent);
  --color-text-weeknum: #cfcfcf;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark table.calendar.svelte-pcimu8 th {
  color: #727272 !important;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark .arrow svg,
body:not(.mu-cards-interface).theme-light.mu-sidebar-dark .reset-button {
  color: #727272 !important;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark .workspace-leaf-content .dropdown {
  color: #000;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark .workspace-leaf-content .dropdown:hover {
  color: #0072d3;
}

body:not(.mu-cards-interface, .mu-automatic-rainbow-folders).theme-light.mu-sidebar-dark .workspace-leaf-content .tree-item-self.nav-file-title:not(.is-being-dragged),
body:not(.mu-cards-interface, .mu-automatic-rainbow-folders).theme-light.mu-sidebar-dark .workspace-leaf-content .tree-item-flair,
body:not(.mu-cards-interface, .mu-automatic-rainbow-folders).theme-light.mu-sidebar-dark .workspace-leaf-content .search-params .setting-item-name,
body:not(.mu-cards-interface, .mu-automatic-rainbow-folders).theme-light.mu-sidebar-dark .workspace-leaf-content .backlink-pane>.tree-item-self,
body:not(.mu-cards-interface, .mu-automatic-rainbow-folders).outgoing-link-pane>.tree-item-self {
  color: #bfbfbf !important;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark .search-result-file-match {
  background-color: var(--mu-bg-search-results);
  color: #a3a3a3;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark .embedded-backlinks .tree-item-inner {
  color: #000 !important;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark .embedded-backlinks .search-result-file-match {
  background-color: var(--background-secondary);
  color: #000 !important;
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark .embedded-backlinks .search-result-file-match:hover {
  background-color: hsla(var(--color-accent-hsl), 0.8) !important;
  color: var(--text-on-accent);
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark .search-result-file-match:hover {
  background-color: hsla(var(--color-accent-hsl), 0.8) !important;
  color: var(--text-on-accent);
}

body:not(.mu-cards-interface).theme-light.mu-sidebar-dark .search-result-file-matches div:first-child {
  width: 100% !important;
  background: #000;
}

/* Special Folders */
div.workspace-tab-container>div:nth-child(n)>div>div.nav-files-container.node-insert-event>div>div.tree-item-children.nav-folder-children>div:nth-child(n+2) {
  border: 1px solid transparent;
}

div.workspace-tab-container>div:nth-child(n)>div>div.nav-files-container.node-insert-event>div>div.tree-item-children.nav-folder-children>div:nth-child(n+2):not(.is-collapsed, .nav-file) {
  border: 1px solid var(--mu-folder-area-border);
  background-color: var(--mu-folder-area-background);
  border-radius: .2rem;
}

.mu-hide-folder-open-area {
  --mu-folder-area-border: transparent !important;
  --mu-folder-area-background: transparent !important;
}

body.mu-rainbow-folders .nav-folder-title[data-path*="/01"],
body.mu-rainbow-folders .nav-folder-title[data-path*="/001"],
body.mu-rainbow-folders .nav-folder-title[data-path*="/01"],
body.mu-rainbow-folders .nav-folder-title[data-path^="001"],
body.mu-rainbow-folders .nav-folder-title[data-path^="01"] {
  background-color: hsl(0, 70%, 82%);
  --mu-folder-text-color: #000;
  --mu-folder-icon-color: #000;
}

body.mu-rainbow-folders .nav-folder-title[data-path*="/01"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path*="/001"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path*="/01"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path^="001"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path^="01"]:hover {
  background-color: hsl(0, 100%, 72%) !important;
}

body.mu-rainbow-folders .nav-folder-title[data-path*="/02"],
body.mu-rainbow-folders .nav-folder-title[data-path*="/002"],
body.mu-rainbow-folders .nav-folder-title[data-path*="/02"],
body.mu-rainbow-folders .nav-folder-title[data-path^="002"],
body.mu-rainbow-folders .nav-folder-title[data-path^="02"] {
  background-color: hsl(20, 70%, 82%);
  --mu-folder-text-color: #000;
  --mu-folder-icon-color: #000;
}

body.mu-rainbow-folders .nav-folder-title[data-path*="/02"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path*="/002"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path*="/02"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path^="002"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path^="02"]:hover {
  background-color: hsl(20, 100%, 72%) !important;
}

body.mu-rainbow-folders .nav-folder-title[data-path*="/03"],
body.mu-rainbow-folders .nav-folder-title[data-path*="/003"],
body.mu-rainbow-folders .nav-folder-title[data-path*="/03"],
body.mu-rainbow-folders .nav-folder-title[data-path^="003"],
body.mu-rainbow-folders .nav-folder-title[data-path^="03"] {
  background-color: hsl(55, 70%, 82%);
  --mu-folder-text-color: #000;
  --mu-folder-icon-color: #000;
}

body.mu-rainbow-folders .nav-folder-title[data-path*="/03"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path*="/003"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path*="/03"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path^="003"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path^="03"]:hover {
  background-color: hsl(60, 100%, 72%) !important;
}

body.mu-rainbow-folders .nav-folder-title[data-path*="/04"],
body.mu-rainbow-folders .nav-folder-title[data-path*="/004"],
body.mu-rainbow-folders .nav-folder-title[data-path*="/04"],
body.mu-rainbow-folders .nav-folder-title[data-path^="004"],
body.mu-rainbow-folders .nav-folder-title[data-path^="04"] {
  background-color: hsl(120, 70%, 82%);
  --mu-folder-text-color: #000;
  --mu-folder-icon-color: #000;
}

body.mu-rainbow-folders .nav-folder-title[data-path*="/04"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path*="/004"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path*="/04"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path^="004"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path^="04"]:hover {
  background-color: hsl(120, 100%, 82%) !important;
}

body.mu-rainbow-folders .nav-folder-title[data-path*="/05"],
body.mu-rainbow-folders .nav-folder-title[data-path*="/005"],
body.mu-rainbow-folders .nav-folder-title[data-path*="/05"],
body.mu-rainbow-folders .nav-folder-title[data-path^="005"],
body.mu-rainbow-folders .nav-folder-title[data-path^="05"] {
  background-color: hsl(200, 70%, 82%);
  --mu-folder-text-color: #000;
  --mu-folder-icon-color: #000;
}

body.mu-rainbow-folders .nav-folder-title[data-path*="/05"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path*="/005"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path*="/05"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path^="005"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path^="05"]:hover {
  background-color: hsl(200, 100%, 82%) !important;
}

body.mu-rainbow-folders .nav-folder-title[data-path*="/06"],
body.mu-rainbow-folders .nav-folder-title[data-path*="/006"],
body.mu-rainbow-folders .nav-folder-title[data-path*="/06"],
body.mu-rainbow-folders .nav-folder-title[data-path^="006"],
body.mu-rainbow-folders .nav-folder-title[data-path^="06"] {
  background-color: hsl(230, 89%, 82%);
  --mu-folder-text-color: #000;
  --mu-folder-icon-color: #000;
}

body.mu-rainbow-folders .nav-folder-title[data-path*="/06"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path*="/006"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path*="/06"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path^="006"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path^="06"]:hover {
  background-color: hsl(230, 100%, 87%) !important;
}

body.mu-rainbow-folders .nav-folder-title[data-path*="/07"],
body.mu-rainbow-folders .nav-folder-title[data-path*="/007"],
body.mu-rainbow-folders .nav-folder-title[data-path*="/07"],
body.mu-rainbow-folders .nav-folder-title[data-path^="007"],
body.mu-rainbow-folders .nav-folder-title[data-path^="07"] {
  background-color: hsl(280, 90%, 80%);
  --mu-folder-text-color: #000;
  --mu-folder-icon-color: #000;
}

body.mu-rainbow-folders .nav-folder-title[data-path*="/07"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path*="/007"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path*="/07"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path^="007"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path^="07"]:hover {
  background-color: hsl(280, 100%, 87%) !important;
}


body.mu-rainbow-folders .nav-folder-title[data-path*="/08"],
body.mu-rainbow-folders .nav-folder-title[data-path*="/008"],
body.mu-rainbow-folders .nav-folder-title[data-path*="/08"],
body.mu-rainbow-folders .nav-folder-title[data-path^="008"],
body.mu-rainbow-folders .nav-folder-title[data-path^="08"] {
  background-color: hsl(0, 0%, 72%);
  --mu-folder-text-color: #000;
  --mu-folder-icon-color: #000;
}

body.mu-rainbow-folders .nav-folder-title[data-path*="/08"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path*="/008"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path*="/08"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path^="008"]:hover,
body.mu-rainbow-folders .nav-folder-title[data-path^="08"]:hover {
  background-color: hsl(0, 0%, 82%) !important;
}

/* Automatic rainbow folders */
body:not(.mu-cards-interface).theme-light.mu-automatic-rainbow-folders.mu-sidebar-dark .workspace-leaf-content,
body.mu-automatic-rainbow-folders {
  --mu-folder-icon-color: #000 !important;
  --mu-file-icon-color: #000 !important;
  --mu-folder-text-color: #000 !important;
  --nav-item-color: #000 !important;
  --nav-item-color-hover: #000;
  --nav-item-color-active: #000;
  --nav-item-color-selected: #000;
  --nav-item-color-highlighted: #000;
  --nav-item-background-selected: #000;
  --mu-indent-color-level-1: #000;
  --mu-indent-color-level-2: #000;
  --mu-indent-color-level-3: #000;
  --mu-indent-color-level-4: #000;
  --mu-indent-color-level-5: #000;
  --mu-indent-color-level-6: #000;
  --nav-collapse-icon-color: #000;
}

body.mu-automatic-rainbow-folders .nav-files-container.node-insert-event>div>.nav-file {
  --mu-file-icon-color: var(--text-normal) !important;
  --mu-folder-text-color: var(--text-normal) !important;
  --nav-item-color: var(--text-normal) !important;
  --nav-item-color-hover: var(--text-normal);
  --nav-item-color-active: var(--text-normal);
  --nav-item-color-selected: var(--text-normal);
  --nav-item-color-highlighted: var(--text-normal);
  --nav-item-background-selected: var(--text-normal);
}

body.mu-automatic-rainbow-folders .tree-item.nav-folder:nth-child(10n+1) {
  background-color: #cfcfcf;
  --mu-folder-area-border: #cfcfcf;
  --mu-folder-area-background: #cfcfcf;
  --mu-vault-title: #000;
}

body.mu-automatic-rainbow-folders .tree-item.nav-folder:nth-child(10n+2) {
  background-color: hsl(var(--mu-rainbow-hue-1), 70%, 82%);
  --mu-folder-area-border: hsl(var(--mu-rainbow-hue-1), 70%, 82%);
  --mu-folder-area-background: hsl(var(--mu-rainbow-hue-1), 70%, 82%);
}

body.mu-automatic-rainbow-folders .tree-item.nav-folder:nth-child(10n+3) {
  background-color: hsl(var(--mu-rainbow-hue-2), 70%, 82%);
  --mu-folder-area-border: hsl(var(--mu-rainbow-hue-2), 70%, 82%);
  --mu-folder-area-background: hsl(var(--mu-rainbow-hue-2), 70%, 82%);
}

body.mu-automatic-rainbow-folders .tree-item.nav-folder:nth-child(10n+4) {
  background-color: hsl(var(--mu-rainbow-hue-3), 70%, 82%);
  --mu-folder-area-border: hsl(var(--mu-rainbow-hue-3), 70%, 82%);
  --mu-folder-area-background: hsl(var(--mu-rainbow-hue-3), 70%, 82%);
}

body.mu-automatic-rainbow-folders .tree-item.nav-folder:nth-child(10n+5) {
  background-color: hsl(var(--mu-rainbow-hue-4), 70%, 82%);
  --mu-folder-area-border: hsl(var(--mu-rainbow-hue-4), 70%, 82%);
  --mu-folder-area-background: hsl(var(--mu-rainbow-hue-4), 70%, 82%);
}

body.mu-automatic-rainbow-folders .tree-item.nav-folder:nth-child(10n+6) {
  background-color: hsl(var(--mu-rainbow-hue-5), 70%, 82%);
  --mu-folder-area-border: hsl(var(--mu-rainbow-hue-5), 70%, 82%);
  --mu-folder-area-background: hsl(var(--mu-rainbow-hue-5), 70%, 82%);

}

body.mu-automatic-rainbow-folders .tree-item.nav-folder:nth-child(10n+7) {
  background-color: hsl(var(--mu-rainbow-hue-6), 70%, 82%);
  --mu-folder-area-border: hsl(var(--mu-rainbow-hue-6), 70%, 82%);
  --mu-folder-area-background: hsl(var(--mu-rainbow-hue-6), 70%, 82%);
}

body.mu-automatic-rainbow-folders .tree-item.nav-folder:nth-child(10n+8) {
  background-color: hsl(var(--mu-rainbow-hue-7), 70%, 82%);
  --mu-folder-area-border: hsl(var(--mu-rainbow-hue-7), 70%, 82%);
  --mu-folder-area-background: hsl(var(--mu-rainbow-hue-7), 70%, 82%);
}

body.mu-automatic-rainbow-folders .tree-item.nav-folder:nth-child(10n+9) {
  background-color: hsl(var(--mu-rainbow-hue-8), 70%, 86%);
  --mu-folder-area-border: hsl(var(--mu-rainbow-hue-8), 70%, 86%);
  --mu-folder-area-background: hsl(var(--mu-rainbow-hue-8), 70%, 86%);
}

body.mu-automatic-rainbow-folders .tree-item.nav-folder:nth-child(10n+10) {
  background-color: hsl(var(--mu-rainbow-hue-9), 70%, 86%);
  --mu-folder-area-border: hsl(var(--mu-rainbow-hue-9), 70%, 86%);
  --mu-folder-area-background: hsl(var(--mu-rainbow-hue-9), 70%, 86%);
}

body.mu-automatic-rainbow-folders .tree-item.nav-folder:nth-child(10n+11) {
  background-color: hsl(var(--mu-rainbow-hue-10), 70%, 86%);
  --mu-folder-area-border: hsl(var(--mu-rainbow-hue-10), 70%, 86%);
  --mu-folder-area-background: hsl(var(--mu-rainbow-hue-10), 70%, 86%);
}

/* Rainbow icons, folders and text */
body.mu-automatic-folder-name-rainbow-colors .nav-files-container.node-insert-event>div>.nav-file {
  --mu-file-icon-color: var(--text-normal) !important;
  --mu-folder-text-color: var(--text-normal) !important;
  --nav-item-color: var(--text-normal) !important;
  --nav-item-color-hover: var(--text-normal);
  --nav-item-color-active: var(--text-normal);
  --nav-item-color-selected: var(--text-normal);
  --nav-item-color-highlighted: var(--text-normal);
  --nav-item-background-selected: var(--text-normal);
}

body.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+1) {
  --mu-folder-icon-color: var(--text-normal);
  --mu-file-icon-color: var(--text-normal);
  --mu-folder-text-color: var(--text-normal);
}

body.theme-dark.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+2) {
  --mu-folder-icon-color-active: hsl(var(--mu-rainbow-hue-1), 90%, 73%);
  --mu-folder-icon-color: hsl(var(--mu-rainbow-hue-1), 90%, 73%);
  --mu-file-icon-color: hsl(var(--mu-rainbow-hue-1), 90%, 73%);
  --mu-folder-text-color: hsl(var(--mu-rainbow-hue-1), 90%, 73%);
}

body.theme-dark.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+3) {
  --mu-folder-icon-color-active: hsl(var(--mu-rainbow-hue-2), 90%, 73%);
  --mu-folder-icon-color: hsl(var(--mu-rainbow-hue-2), 90%, 73%);
  --mu-file-icon-color: hsl(var(--mu-rainbow-hue-2), 90%, 73%);
  --mu-folder-text-color: hsl(var(--mu-rainbow-hue-2), 90%, 73%);
}

body.theme-dark.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+4) {
  --mu-folder-icon-color-active: hsl(var(--mu-rainbow-hue-3), 90%, 73%);
  --mu-folder-icon-color: hsl(var(--mu-rainbow-hue-3), 90%, 73%);
  --mu-file-icon-color: hsl(var(--mu-rainbow-hue-3), 90%, 73%);
  --mu-folder-text-color: hsl(var(--mu-rainbow-hue-3), 90%, 73%);
}

body.theme-dark.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+5) {
  --mu-folder-icon-color-active: hsl(var(--mu-rainbow-hue-4), 90%, 73%);
  --mu-folder-icon-color: hsl(var(--mu-rainbow-hue-4), 90%, 73%);
  --mu-file-icon-color: hsl(var(--mu-rainbow-hue-4), 90%, 73%);
  --mu-folder-text-color: hsl(var(--mu-rainbow-hue-4), 90%, 73%);
}

body.theme-dark.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+6) {
  --mu-folder-icon-color-active: hsl(var(--mu-rainbow-hue-5), 90%, 73%);
  --mu-folder-icon-color: hsl(var(--mu-rainbow-hue-5), 90%, 73%);
  --mu-file-icon-color: hsl(var(--mu-rainbow-hue-5), 90%, 73%);
  --mu-folder-text-color: hsl(var(--mu-rainbow-hue-5), 90%, 73%);
}

body.theme-dark.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+7) {
  --mu-folder-icon-color-active: hsl(var(--mu-rainbow-hue-6), 90%, 73%);
  --mu-folder-icon-color: hsl(var(--mu-rainbow-hue-6), 90%, 73%);
  --mu-file-icon-color: hsl(var(--mu-rainbow-hue-6), 90%, 73%);
  --mu-folder-text-color: hsl(var(--mu-rainbow-hue-6), 90%, 73%);
}

body.theme-dark.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+8) {
  --mu-folder-icon-color-active: hsl(var(--mu-rainbow-hue-7), 90%, 73%);
  --mu-folder-icon-color: hsl(var(--mu-rainbow-hue-7), 90%, 73%);
  --mu-file-icon-color: hsl(var(--mu-rainbow-hue-7), 90%, 73%);
  --mu-folder-text-color: hsl(var(--mu-rainbow-hue-7), 90%, 73%);
}

body.theme-dark.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+9) {
  --mu-folder-icon-color-active: hsl(var(--mu-rainbow-hue-8), 90%, 73%);
  --mu-folder-icon-color: hsl(var(--mu-rainbow-hue-8), 90%, 73%);
  --mu-file-icon-color: hsl(var(--mu-rainbow-hue-8), 90%, 73%);
  --mu-folder-text-color: hsl(var(--mu-rainbow-hue-8), 90%, 73%);
}

body.theme-dark.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+10) {
  --mu-folder-icon-color-active: hsl(var(--mu-rainbow-hue-9), 90%, 73%);
  --mu-folder-icon-color: hsl(var(--mu-rainbow-hue-9), 90%, 73%);
  --mu-file-icon-color: hsl(var(--mu-rainbow-hue-9), 90%, 73%);
  --mu-folder-text-color: hsl(var(--mu-rainbow-hue-9), 90%, 73%);
}

body.theme-dark.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+11) {
  --mu-folder-icon-color-active: hsl(var(--mu-rainbow-hue-10), 90%, 73%);
  --mu-folder-icon-color: hsl(var(--mu-rainbow-hue-10), 90%, 73%);
  --mu-file-icon-color: hsl(var(--mu-rainbow-hue-10), 90%, 73%);
  --mu-folder-text-color: hsl(var(--mu-rainbow-hue-10), 90%, 73%);
}

body.theme-light.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+2) {
  --mu-folder-icon-color-active: hsl(var(--mu-rainbow-hue-1), 100%, 38%);
  --mu-folder-icon-color: hsl(var(--mu-rainbow-hue-1), 100%, 38%);
  --mu-file-icon-color: hsl(var(--mu-rainbow-hue-1), 100%, 38%);
  --mu-folder-text-color: hsl(var(--mu-rainbow-hue-1), 100%, 38%);
}

body.theme-light.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+3) {
  --mu-folder-icon-color-active: hsl(var(--mu-rainbow-hue-2), 100%, 38%);
  --mu-folder-icon-color: hsl(var(--mu-rainbow-hue-2), 100%, 38%);
  --mu-file-icon-color: hsl(var(--mu-rainbow-hue-2), 100%, 38%);
  --mu-folder-text-color: hsl(var(--mu-rainbow-hue-2), 100%, 38%);
}

body.theme-light.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+4) {
  --mu-folder-icon-color-active: hsl(var(--mu-rainbow-hue-3), 100%, 30%);
  --mu-folder-icon-color: hsl(var(--mu-rainbow-hue-3), 100%, 30%);
  --mu-file-icon-color: hsl(var(--mu-rainbow-hue-3), 100%, 30%);
  --mu-folder-text-color: hsl(var(--mu-rainbow-hue-3), 100%, 30%);
}

body.theme-light.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+5) {
  --mu-folder-icon-color-active: hsl(var(--mu-rainbow-hue-4), 100%, 28%);
  --mu-folder-icon-color: hsl(var(--mu-rainbow-hue-4), 100%, 28%);
  --mu-file-icon-color: hsl(var(--mu-rainbow-hue-4), 100%, 28%);
  --mu-folder-text-color: hsl(var(--mu-rainbow-hue-4), 100%, 28%);
}

body.theme-light.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+6) {
  --mu-folder-icon-color-active: hsl(var(--mu-rainbow-hue-5), 100%, 28%);
  --mu-folder-icon-color: hsl(var(--mu-rainbow-hue-5), 100%, 28%);
  --mu-file-icon-color: hsl(var(--mu-rainbow-hue-5), 100%, 28%);
  --mu-folder-text-color: hsl(var(--mu-rainbow-hue-5), 100%, 28%);
}

body.theme-light.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+7) {
  --mu-folder-icon-color-active: hsl(var(--mu-rainbow-hue-6), 100%, 28%);
  --mu-folder-icon-color: hsl(var(--mu-rainbow-hue-6), 100%, 28%);
  --mu-file-icon-color: hsl(var(--mu-rainbow-hue-6), 100%, 28%);
  --mu-folder-text-color: hsl(var(--mu-rainbow-hue-6), 100%, 28%);
}

body.theme-light.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+8) {
  --mu-folder-icon-color-active: hsl(var(--mu-rainbow-hue-7), 100%, 28%);
  --mu-folder-icon-color: hsl(var(--mu-rainbow-hue-7), 100%, 28%);
  --mu-file-icon-color: hsl(var(--mu-rainbow-hue-7), 100%, 28%);
  --mu-folder-text-color: hsl(var(--mu-rainbow-hue-7), 100%, 28%);
}

body.theme-light.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+9) {
  --mu-folder-icon-color-active: hsl(var(--mu-rainbow-hue-8), 100%, 28%);
  --mu-folder-icon-color: hsl(var(--mu-rainbow-hue-8), 100%, 28%);
  --mu-file-icon-color: hsl(var(--mu-rainbow-hue-8), 100%, 28%);
  --mu-folder-text-color: hsl(var(--mu-rainbow-hue-8), 100%, 28%);
}

body.theme-light.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+10) {
  --mu-folder-icon-color-active: hsl(var(--mu-rainbow-hue-9), 100%, 28%);
  --mu-folder-icon-color: hsl(var(--mu-rainbow-hue-9), 100%, 28%);
  --mu-file-icon-color: hsl(var(--mu-rainbow-hue-9), 100%, 28%);
  --mu-folder-text-color: hsl(var(--mu-rainbow-hue-9), 100%, 28%);
}

body.theme-light.mu-automatic-folder-name-rainbow-colors .tree-item.nav-folder:nth-child(10n+11) {
  --mu-folder-icon-color-active: hsl(var(--mu-rainbow-hue-10), 100%, 28%);
  --mu-folder-icon-color: hsl(var(--mu-rainbow-hue-10), 100%, 28%);
  --mu-file-icon-color: hsl(var(--mu-rainbow-hue-10), 100%, 28%);
  --mu-folder-text-color: hsl(var(--mu-rainbow-hue-10), 100%, 28%);
}

/* Neon Mode */
.theme-dark.mu-outline-neon-mode,
.theme-dark.mu-neon-mode {
  --mu-neon-h1-color: 0, 225, 255;
  --mu-neon-h2-color: 211, 114, 255;
  --mu-neon-h3-color: 255, 191, 72;
  --mu-neon-h4-color: 114, 255, 114;
  --mu-neon-h5-color: 255, 114, 114;
  --mu-neon-h6-color: 241, 241, 56;
  --mu-neon-h1: rgb(var(--mu-neon-h1-color));
  --mu-neon-h1-glow: rgba(var(--mu-neon-h1-color), 0.7);
  --mu-neon-h2: rgb(var(--mu-neon-h2-color));
  --mu-neon-h2-glow: rgba(var(--mu-neon-h2-color), 0.7);
  --mu-neon-h3: rgb(var(--mu-neon-h3-color));
  --mu-neon-h3-glow: rgba(var(--mu-neon-h3-color), 0.7);
  --mu-neon-h4: rgb(var(--mu-neon-h4-color));
  --mu-neon-h4-glow: rgba(var(--mu-neon-h4-color), 0.7);
  --mu-neon-h5: rgb(var(--mu-neon-h5-color));
  --mu-neon-h5-glow: rgba(var(--mu-neon-h5-color), 0.7);
  --mu-neon-h6: rgb(var(--mu-neon-h6-color));
  --mu-neon-h6-glow: rgba(var(--mu-neon-h6-color), 0.7);
}

.theme-light.mu-outline-neon-mode,
.theme-light.mu-neon-mode {
  --mu-neon-h1-color: 0, 127, 255;
  --mu-neon-h2-color: 197, 71, 255;
  --mu-neon-h3-color: 235, 152, 0;
  --mu-neon-h4-color: 0, 192, 0;
  --mu-neon-h5-color: 177, 0, 0;
  --mu-neon-h6-color: 130, 130, 0;
  --mu-neon-h1: rgb(var(--mu-neon-h1-color));
  --mu-neon-h1-glow: rgba(var(--mu-neon-h1-color), 0.7);
  --mu-neon-h2: rgb(var(--mu-neon-h2-color));
  --mu-neon-h2-glow: rgba(var(--mu-neon-h2-color), 0.7);
  --mu-neon-h3: rgb(var(--mu-neon-h3-color));
  --mu-neon-h3-glow: rgba(var(--mu-neon-h3-color), 0.7);
  --mu-neon-h4: rgb(var(--mu-neon-h4-color));
  --mu-neon-h4-glow: rgba(var(--mu-neon-h4-color), 0.7);
  --mu-neon-h5: rgb(var(--mu-neon-h5-color));
  --mu-neon-h5-glow: rgba(var(--mu-neon-h5-color), 0.7);
  --mu-neon-h6: rgb(var(--mu-neon-h6-color));
  --mu-neon-h6-glow: rgba(var(--mu-neon-h6-color), 0.7);
}

.theme-dark.mu-outline-neon-mode {
  --mu-neon-h1-inner: #0000005f;
  --mu-neon-h2-inner: #0000005f;
  --mu-neon-h3-inner: #0000005f;
  --mu-neon-h4-inner: #0000005f;
  --mu-neon-h5-inner: #0000005f;
  --mu-neon-h6-inner: #0000005f;
}

.theme-light.mu-outline-neon-mode {
  --mu-neon-h1-inner: #ffffff7f;
  --mu-neon-h2-inner: #ffffff7f;
  --mu-neon-h3-inner: #ffffff7f;
  --mu-neon-h4-inner: #ffffff7f;
  --mu-neon-h5-inner: #ffffff7f;
  --mu-neon-h6-inner: #ffffff7f;
}

.mu-neon-mode .markdown-reading-view h1 a,
.mu-neon-mode .markdown-reading-view h1,
.mu-neon-mode .cm-header.cm-header-1 {
  text-shadow: 0 0 var(--mu-neon-mode-glow-intensity) var(--mu-neon-h1-glow) !important;
  color: var(--mu-neon-h1) !important;
}

.mu-neon-mode .markdown-reading-view h2 a,
.mu-neon-mode .markdown-reading-view h2,
.mu-neon-mode .cm-header.cm-header-2 {
  text-shadow: 0 0 var(--mu-neon-mode-glow-intensity) var(--mu-neon-h2-glow) !important;
  color: var(--mu-neon-h2) !important;
}

.mu-neon-mode .markdown-reading-view h3 a,
.mu-neon-mode .markdown-reading-view h3,
.mu-neon-mode .cm-header.cm-header-3 {
  text-shadow: 0 0 var(--mu-neon-mode-glow-intensity) var(--mu-neon-h3-glow) !important;
  color: var(--mu-neon-h3) !important;
}

.mu-neon-mode .markdown-reading-view h4 a,
.mu-neon-mode .markdown-reading-view h4,
.mu-neon-mode .cm-header.cm-header-4 {
  text-shadow: 0 0 var(--mu-neon-mode-glow-intensity) var(--mu-neon-h4-glow) !important;
  color: var(--mu-neon-h4) !important;
}

.mu-neon-mode .markdown-reading-view h5 a,
.mu-neon-mode .markdown-reading-view h5,
.mu-neon-mode .cm-header.cm-header-5 {
  text-shadow: 0 0 var(--mu-neon-mode-glow-intensity) var(--mu-neon-h5-glow) !important;
  color: var(--mu-neon-h5) !important;
}

.mu-neon-mode .markdown-reading-view h6 a,
.mu-neon-mode .markdown-reading-view h6,
.mu-neon-mode .cm-header.cm-header-6 {
  text-shadow: 0 0 var(--mu-neon-mode-glow-intensity) var(--mu-neon-h6-glow) !important;
  color: var(--mu-neon-h6) !important;
}

/* Outline Neon Mode */
.mu-outline-neon-mode .markdown-reading-view h1 a,
.mu-outline-neon-mode .markdown-reading-view h1,
.mu-outline-neon-mode .cm-header.cm-header-1 {
  text-shadow: 0 0 var(--mu-neon-mode-glow-intensity) var(--mu-neon-h1-glow) !important;
  color: var(--mu-neon-h1-inner) !important;
  -webkit-text-stroke: 1px var(--mu-neon-h1);
  letter-spacing: 1px;
  font-size: 2.5rem !important;
}

.mu-outline-neon-mode .markdown-reading-view h2 a,
.mu-outline-neon-mode .markdown-reading-view h2,
.mu-outline-neon-mode .cm-header.cm-header-2 {
  text-shadow: 0 0 var(--mu-neon-mode-glow-intensity) var(--mu-neon-h2-glow) !important;
  color: var(--mu-neon-h2-inner) !important;
  -webkit-text-stroke: 1px var(--mu-neon-h2);
  letter-spacing: 1px;
  font-size: 2.3rem !important;
}

.mu-outline-neon-mode .markdown-reading-view h3 a,
.mu-outline-neon-mode .markdown-reading-view h3,
.mu-outline-neon-mode .cm-header.cm-header-3 {
  text-shadow: 0 0 var(--mu-neon-mode-glow-intensity) var(--mu-neon-h3-glow) !important;
  color: var(--mu-neon-h3-inner) !important;
  -webkit-text-stroke: 1px var(--mu-neon-h3);
  letter-spacing: 1px;
  font-size: 2.2rem !important;
}

.mu-outline-neon-mode .markdown-reading-view h4 a,
.mu-outline-neon-mode .markdown-reading-view h4,
.mu-outline-neon-mode .cm-header.cm-header-4 {
  text-shadow: 0 0 var(--mu-neon-mode-glow-intensity) var(--mu-neon-h4-glow) !important;
  color: var(--mu-neon-h4-inner) !important;
  -webkit-text-stroke: 1px var(--mu-neon-h4);
  letter-spacing: 1px;
  font-size: 2rem !important;
}

.mu-outline-neon-mode .markdown-reading-view h5 a,
.mu-outline-neon-mode .markdown-reading-view h5,
.mu-outline-neon-mode .cm-header.cm-header-5 {
  text-shadow: 0 0 var(--mu-neon-mode-glow-intensity) var(--mu-neon-h5-glow) !important;
  color: var(--mu-neon-h5-inner) !important;
  -webkit-text-stroke: 1px var(--mu-neon-h5);
  letter-spacing: 1px;
  font-size: 1.9rem !important;
}

.mu-outline-neon-mode .markdown-reading-view h6 a,
.mu-outline-neon-mode .markdown-reading-view h6,
.mu-outline-neon-mode .cm-header.cm-header-6 {
  text-shadow: 0 0 var(--mu-neon-mode-glow-intensity) var(--mu-neon-h6-glow) !important;
  color: var(--mu-neon-h6-inner) !important;
  -webkit-text-stroke: 1px var(--mu-neon-h6);
  letter-spacing: 1px;
  font-size: 1.8rem !important;
}

/* Underline headings */
body:not(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .markdown-reading-view h1::after,
body:not(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .HyperMD-header.HyperMD-header-1::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 2px;
  border-bottom: 2px solid var(--h1-color);
  margin-bottom: 4px;
}

body:not(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .markdown-reading-view h2::after,
body:not(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .HyperMD-header.HyperMD-header-2::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 2px;
  border-bottom: 2px solid var(--h2-color);
  margin-bottom: 4px;
}

body:not(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .markdown-reading-view h3::after,
body:not(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .HyperMD-header.HyperMD-header-3::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 2px;
  border-bottom: 2px solid var(--h3-color);
  margin-bottom: 4px;
}

body:not(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .markdown-reading-view h4::after,
body:not(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .HyperMD-header.HyperMD-header-4::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 2px;
  border-bottom: 2px solid var(--h4-color);
  margin-bottom: 4px;
}

body:not(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .markdown-reading-view h5::after,
body:not(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .HyperMD-header.HyperMD-header-5::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 2px;
  border-bottom: 2px solid var(--h5-color);
  margin-bottom: 4px;
}

body:not(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .markdown-reading-view h6::after,
body:not(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .HyperMD-header.HyperMD-header-6::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 2px;
  border-bottom: 2px solid var(--h6-color);
  margin-bottom: 4px;
}

/* Neon modes underline */
body:is(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .markdown-reading-view h1::after,
body:is(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .HyperMD-header.HyperMD-header-1::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 2px;
  border-bottom: 2px solid rgb(var(--mu-neon-h1-color));
  box-shadow: 0 2px var(--mu-neon-mode-glow-intensity) rgba(var(--mu-neon-h1-color), 0.7);
  margin-bottom: 4px;
}

body:is(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .markdown-reading-view h2::after,
body:is(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .HyperMD-header.HyperMD-header-2::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 2px;
  border-bottom: 2px solid rgb(var(--mu-neon-h2-color));
  box-shadow: 0 2px var(--mu-neon-mode-glow-intensity) rgba(var(--mu-neon-h2-color), 0.7);
  margin-bottom: 4px;
}

body:is(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .markdown-reading-view h3::after,
body:is(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .HyperMD-header.HyperMD-header-3::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 2px;
  border-bottom: 2px solid rgb(var(--mu-neon-h3-color));
  box-shadow: 0 2px var(--mu-neon-mode-glow-intensity) rgba(var(--mu-neon-h3-color), 0.7);
  margin-bottom: 4px;
}

body:is(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .markdown-reading-view h4::after,
body:is(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .HyperMD-header.HyperMD-header-4::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 2px;
  border-bottom: 2px solid rgb(var(--mu-neon-h4-color));
  box-shadow: 0 2px var(--mu-neon-mode-glow-intensity) rgba(var(--mu-neon-h4-color), 0.7);
  margin-bottom: 4px;
}

body:is(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .markdown-reading-view h5::after,
body:is(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .HyperMD-header.HyperMD-header-5::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 2px;
  border-bottom: 2px solid rgb(var(--mu-neon-h5-color));
  box-shadow: 0 2px var(--mu-neon-mode-glow-intensity) rgba(var(--mu-neon-h5-color), 0.7);
  margin-bottom: 4px;
}

body:is(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .markdown-reading-view h6::after,
body:is(.mu-neon-mode, .mu-outline-neon-mode).mu-underline-headings .HyperMD-header.HyperMD-header-6::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 2px;
  border-bottom: 2px solid rgb(var(--mu-neon-h6-color));
  box-shadow: 0 2px var(--mu-neon-mode-glow-intensity) rgba(var(--mu-neon-h6-color), 0.7);
  margin-bottom: 4px;
}

/* Outline  Indent Colors*/
div.view-content.node-insert-event .tree-item-children {
  border-left: 1px solid var(--mu-indent-color-level-1);
}

div.view-content.node-insert-event .tree-item-children .tree-item-children {
  border-left: 1px solid var(--mu-indent-color-level-2);
}

div.view-content.node-insert-event .tree-item-children .tree-item-children .tree-item-children {
  border-left: 1px solid var(--mu-indent-color-level-3);
}

div.view-content.node-insert-event .tree-item-children .tree-item-children .tree-item-children .tree-item-children {
  border-left: 1px solid var(--mu-indent-color-level-4);
}

div.view-content.node-insert-event .tree-item-children .tree-item-children .tree-item-children .tree-item-children .tree-item-children {
  border-left: 1px solid var(--mu-indent-color-level-5);
}

/* Reading Glow */
.reading-glow-blue {
  --mu-reading-glow-color: #00a3ff;
}

.reading-glow-green {
  --mu-reading-glow-color: #00ff88;
}

.reading-glow-orange {
  --mu-reading-glow-color: #ff7f00;
}

.reading-glow-red {
  --mu-reading-glow-color: #f10000;
}

.reading-glow-yellow {
  --mu-reading-glow-color: #ffd700;
}

.reading-glow-pink {
  --mu-reading-glow-color: #ff88cf;
}

.reading-glow-purple {
  --mu-reading-glow-color: #bf48ff;
}

/* Reading glow status */

.mu-reading-glow-status-off {
  --mu-reading-glow-color: transparent;
}

/* MagicUser Compact Prompt */
body:not(.is-mobile).mu-compact-prompt .prompt {
  position: fixed;
  top: unset;
  bottom: 10px;
  min-width: 400px;
  width: 40%;
  min-height: 200px;
  height: 30%;
}

/* MagicUser Transparent Prompt and Menus - Palette */
body:not(.is-mobile).theme-light.mu-transparent-prompts-menus div:is(.graph-controls, .modal, .prompt, .menu) {
  background-color: rgba(255, 255, 255, var(--mu-transparency-menus-level));
  backdrop-filter: blur(var(--mu-transparency-blur-level));
}

body:not(.is-mobile).theme-dark.mu-transparent-prompts-menus div:is(.graph-controls, .modal, .prompt, .menu) {
  background-color: rgba(0, 0, 0, var(--mu-transparency-menus-level));
  backdrop-filter: blur(var(--mu-transparency-blur-level));
}

body:not(.is-mobile).mu-transparent-prompts-menus div:is(.modal .vertical-tab-header, .modal .vertical-tab-content) {
  background: transparent;
}

.prompt-instruction-command {
  padding: var(--size-4-1);
  background: #82828238;
  border: 1px solid #82828228;
  border-radius: var(--radius-s);
}

.mu-no-prompt-instructions .prompt-instructions {
  display: none;
}

/* Footnotes */
.cm-footref.cm-footref.cm-formatting.cm-formatting.cm-formatting-link.cm-formatting-link.cm-formatting-link-start.cm-hmd-barelink.cm-link,
.cm-hmd-footnote.cm-link .cm-underline {
  color: var(--code-punctuation) !important;
  font-weight: var(--font-semibold);
}

.cm-s-obsidian .cm-line.HyperMD-footnote span.cm-hmd-footnote .cm-underline,
.cm-s-obsidian .cm-line.HyperMD-footnote span.cm-hmd-footnote,
.HyperMD-footnote .cm-line,
.cm-footref.cm-footref.cm-hmd-barelink {
  font-weight: var(--font-semibold);
  color: var(--mu-footnote-color) !important;
}

.HyperMD-footnote .cm-line,
.cm-inline-footnote.cm-inline-footnote-start,
.cm-inline-footnote-end,
.cm-inline-footnote {
  font-weight: var(--font-semibold);
  color: var(--mu-footnote-color) !important;
  font-size: var(--font-smaller);
}

a.footnote-backref.footnote-link {
  color: var(--text-faint);
}

a.footnote-backref.footnote-link:hover {
  color: var(--mu-link-hover);
}

section.footnotes:has(.is-flashing) {
  background-color: #cfcfcf33;
}

/* Mermaid layout */
.mermaid {
  background-color: transparent;
}

.mermaid svg {
  width: 100%;
  height: 100%;
}

.theme-light .mermaid {
  --color-red: #ff8282;
  --color-orange: #ffc7a7;
  --color-yellow: #ffffa3;
  --color-green: #bfffbf;
  --color-cyan: #bff1ef;
  --color-blue: #a3c3ff;
  --color-purple: #d3bfff;
  --color-pink: #ffcfcf;
}

.theme-dark .mermaid {
  --color-red: #e12828;
  --color-orange: #e17f00;
  --color-yellow: #e1e100;
  --color-green: #48e148;
  --color-cyan: #00e1e1;
  --color-blue: #0048e1;
  --color-purple: #d300e1;
  --color-pink: #e14fbf;
}

.MathJax {
  background-color: transparent;
}

/* Underlined and highlighted text */
.view-content u {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: rgb(var(--mu-underline-text-color-rgb));
  color: var(--mu-text-1);
}

.view-content u:hover {
  background-color: rgba(var(--mu-underline-text-color-rgb), .5);
  transition: all .5s;
}

.view-content u.blue {
  text-decoration-color: #00a3ff;
}

.view-content u.blue:hover {
  background-color: #00a3ff64;
  transition: all .5s;
}

.view-content u.green {
  text-decoration-color: #48f148;
}

.view-content u.green:hover {
  background-color: #48f14888;
  transition: all .5s;
}

.view-content u.orange {
  text-decoration-color: #ff7f00;
}

.view-content u.orange:hover {
  background-color: #ff7f0088;
  transition: all .5s;
}

.view-content u.red {
  text-decoration-color: #ff2848;
}

.view-content u.red:hover {
  background-color: #ff284864;
  transition: all .5s;
}

.view-content u.yellow {
  text-decoration-color: #ffd700;
}

.view-content u.yellow:hover {
  background-color: #fff10088;
  transition: all .5s;
}

.view-content u.purple {
  text-decoration-color: #cf48ff;
}

.view-content u.purple:hover {
  background-color: #cf48ff88;
  transition: all .5s;
}

.view-content u.pink {
  text-decoration-color: #ff48a3;
}

.view-content u.pink:hover {
  background-color: #ff48a388;
  transition: all .5s;
}

/* Hidden text underline */
.view-content u.hide,
.view-content u.hide-c {
  padding: 0 4px;
  text-decoration-color: var(--mu-text-1);
  font-weight: var(--font-semibold);
  color: transparent;
  transition: none;
}

.view-content u.hide:hover * {
  color: var(--hidden-text-underline-foreground-color);
}

.view-content u.hide:hover {
  text-decoration: none;
  background-color: var(--hidden-text-underline-background-color);
  color: var(--hidden-text-underline-foreground-color);
  cursor: default;
}

.view-content u.hide-c:hover * {
  color: transparent;
}

.view-content u.hide-c:hover {
  background-color: var(--hidden-text-underline-background-color);
  color: transparent;
  cursor: help;
}

.view-content u.hide-c:active * {
  color: var(--hidden-text-underline-foreground-color);
}

.view-content u.hide-c:active {
  color: var(--hidden-text-underline-foreground-color);
  text-decoration: none;
  cursor: default;
}

/* Hide on reading mode only */

.view-content u.hide-r,
.view-content u.hide-rc {
  padding: 0 4px;
  text-decoration-color: var(--mu-text-1);
  font-weight: var(--font-semibold);
  color: var(--hidden-text-underline-foreground-color);
  transition: none;
}

.view-content u.hide-r:hover,
.view-content u.hide-rc:hover {
  background-color: var(--hidden-text-underline-background-color);
}

.markdown-reading-view u.hide-rc *,
.markdown-reading-view u.hide-r *,
.markdown-reading-view u.hide-rc,
.markdown-reading-view u.hide-r {
  color: transparent;
  cursor: default;
}

.markdown-reading-view u.hide-r:hover * {
  color: var(--hidden-text-underline-foreground-color);
  cursor: default;
}

.markdown-reading-view u.hide-r:hover {
  text-decoration: none;
  background-color: var(--hidden-text-underline-background-color);
  color: var(--hidden-text-underline-foreground-color);
  cursor: default;
}

.markdown-reading-view u.hide-rc:hover * {
  color: transparent;
  cursor: help;
}

.markdown-reading-view u.hide-rc:hover {
  background-color: var(--hidden-text-underline-background-color);
  color: transparent;
  cursor: help;
}

.markdown-reading-view u.hide-rc:active * {
  color: var(--hidden-text-underline-foreground-color);
  cursor: default;
}

.markdown-reading-view u.hide-rc:active {
  text-decoration: none;
  background-color: var(--hidden-text-underline-background-color);
  color: var(--hidden-text-underline-foreground-color);
  cursor: default;
}

/* Underline hidden text full width - same line length */

.view-content u.hide-w {
  display: block;
  padding: 0 4px;
  text-decoration-color: var(--mu-text-1);
  font-weight: var(--font-semibold);
  color: var(--hidden-text-underline-foreground-color);
  transition: none;
  text-decoration: none;
  border-bottom: 2px solid var(--mu-text-1);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.view-content u.hide-w:hover {
  background-color: var(--hidden-text-underline-background-color);
}

.markdown-reading-view u.hide-w *,
.markdown-reading-view u.hide-w {
  color: transparent;
  cursor: default;
}

.markdown-reading-view u.hide-w:hover * {
  color: var(--hidden-text-underline-foreground-color);
  cursor: default;
}

.markdown-reading-view u.hide-w:hover {
  text-decoration: none;
  background-color: var(--hidden-text-underline-background-color);
  color: var(--hidden-text-underline-foreground-color);
  cursor: default;
}

/* Marks */
.view-content mark {
  background-color: var(--text-highlight-bg);
  color: var(--mu-text-1);
}

.view-content mark.blue {
  background-color: #00a3ff64;
}

.view-content mark.green {
  background-color: #48f14888;
}

.view-content mark.red {
  background-color: #ff284888;
}

.view-content mark.orange {
  background-color: #ff7f0088;
}

.view-content mark.yellow {
  background-color: #fff10088;
}

.view-content mark.purple {
  background-color: #cf48ff88;
}

.view-content mark.pink {
  background-color: #ff48a388;
}

/* MagicUser Interactive Inline Comments (muc) */

i.muc::before {
  content: var(--muc-icon);
  display: inline-block;
}

i.muc>span::before,
i.muc:hover::before {
  content: var(--muc-icon-active);
}

i.muc {
  padding: 0;
}

i.muc>span::before {
  padding-right: 8px;
}

i.muc>span {
  display: none;
  font-style: normal;
}

i.muc:hover>span {
  display: block;
  padding: .5em 1em;
  margin: 0;
  background-color: #ffd70038;
  box-shadow: 0 2px 8px #00000088;
  border: 2px solid #ffbf0088;
  border-radius: var(--radius-m);
  color: var(--mu-text-1);
}

i.muc:hover>span>img {
  background-color: #fff;
  border: 2px solid #ffbf0088;
}

/* MUC inside tables */
.markdown-source-view.mod-cm6 .cm-content>[contenteditable=false]:has(i.muc) {
  contain: none !important;
}

table tr>td>i.muc {
  cursor: default;
}

table tr>td>i.muc:hover>span {
  position: fixed;
  display: block;
  left: 50%;
  bottom: 50px;
  transform: translateX(-50%);
  min-width: 400px;
  width: 80%;
  max-width: 800px;
  height: auto;
  padding: .5em 1em;
  border-radius: var(--radius-m);
  color: var(--mu-text-1);
  text-align: left;
  box-shadow: 0 2px 8px #00000088;
  border: 2px solid #ffbf0088;
  z-index: 100;
}

.theme-light table tr>td>i.muc:hover>span {
  background-color: #fff8cf;
}

.theme-dark table tr>td>i.muc:hover>span {
  background-color: #384a38;
}

/* Breadcrumbs */
.view-header-breadcrumb {
  background-color: var(--mu-folder-area-background);
  color: var(--mu-folder-text-color);
  font-weight: var(--font-semibold);
  border: 1px solid var(--mu-folder-area-border);
}

.view-header-breadcrumb:hover {
  color: var(--mu-folder-text-color) !important;
}

body.mu-automatic-rainbow-folders .view-header-breadcrumb {
  color: var(--text-muted);
}

body.mu-automatic-rainbow-folders .view-header-breadcrumb:hover {
  color: var(--text-accent) !important;
}

.view-header-breadcrumb-separator {
  margin: 0 2px;
  color: #a3a3a348 !important;
}

.mu-slanted-breadcrumb:has(.view-header-breadcrumb) .view-header-title-parent {
  padding-left: 4px;
}

.mu-slanted-breadcrumb .view-header-breadcrumb {
  transform: skew(-12deg);
}

.mu-slanted-breadcrumb .view-header-breadcrumb-separator {
  margin: 0;
  visibility: hidden;
}

/* Blockquote adjustment */
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote:before,
.markdown-source-view.mod-cm6 .cm-blockquote-border:before {
  margin-left: -4px;
}


body.mu-hide-tabs-icons .workspace-tabs.mod-stacked .workspace-tab-header-inner-icon,
body.mu-hide-tabs-icons .workspace-split.mod-vertical.mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header-inner-icon {
  display: none !important;
}

/* Tabs */
.workspace .mod-root .workspace-tab-header[data-type="markdown"] .workspace-tab-header-inner-icon,
.workspace .mod-root .workspace-tab-header[data-type="empty"] .workspace-tab-header-inner-icon {
  display: flex;
}

.workspace-split:not(.mod-right-split, .mod-left-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header {
  border-top: var(--mu-default-mode-border-width) solid var(--mu-titlebar-background);
}

.workspace-split:not(.mod-right-split, .mod-left-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active {
  border-top: var(--mu-default-mode-border-width) solid var(--mu-default-mode-border-color);
}

/* Tabs -> Square */
.mu-tabs-square .workspace-split:not(.mod-right-split, .mod-left-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header::after,
.mu-tabs-square .workspace-split:not(.mod-right-split, .mod-left-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header::before {
  display: none;
}

.mu-tabs-square .workspace-split:not(.mod-right-split, .mod-left-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header {
  --tab-radius-active: 0;
  --tab-radius: 0;
  border-top: var(--mu-default-mode-border-width) solid var(--mu-titlebar-background);
}

.mu-tabs-square .workspace-split:not(.mod-right-split, .mod-left-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active {
  --tab-radius-active: 0;
  --tab-radius: 0;
  border-top: var(--mu-default-mode-border-width) solid var(--mu-default-mode-border-color);
}

/* Tabs -> Pill */
.mu-tabs-pill .workspace-split:not(.mod-right-split, .mod-left-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header::after,
.mu-tabs-pill .workspace-split:not(.mod-right-split, .mod-left-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header::before {
  display: none;
}

.mu-tabs-pill .workspace-split:not(.mod-right-split, .mod-left-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header {
  border: 0;
  background: transparent;
}

.mu-tabs-pill .workspace-split:not(.mod-right-split, .mod-left-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active .workspace-tab-header-inner {
  border: var(--mu-default-mode-border-width) solid var(--mu-default-mode-border-color);
  background-color: var(--mu-background-color-1);
}

.mu-tabs-pill .workspace-split:not(.mod-right-split, .mod-left-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header .workspace-tab-header-inner {
  border: var(--mu-default-mode-border-width) solid #82828248;
  background-color: var(--mu-background-color-2);
  border-radius: 8px;
}

.mu-tabs-pill .workspace-split:not(.mod-right-split, .mod-left-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header .workspace-tab-header-inner:hover {
  border: var(--mu-default-mode-border-width) solid var(--mu-default-mode-border-color);
}

.mu-tabs-pill .workspace-split:not(.mod-right-split, .mod-left-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active {
  border: 0;
}

/* MagicUser Laser */
body.mu-laser-active.mu-laser-type-line div.workspace-split:not(.mod-right-split, .mod-left-split) .view-content::after {
  content: '';
  top: var(--mu-laser-top);
  left: 10px;
  right: 20px;
  position: absolute;
  z-index: 2000;
  width: auto;
  height: 2px;
  box-shadow: 0 0 8px 2px var(--mu-laser-color-glow), 0 0 calc(var(--mu-laser-intensity) * 22px) 2px var(--mu-laser-color-glow);
  background-color: var(--mu-laser-color-bg);
  border-radius: 24px;
  transform: scaleY(var(--mu-laser-intensity));
  opacity: .8;
  pointer-events: none;
}

body.mu-laser-active.mu-laser-type-area div.workspace-split:not(.mod-right-split, .mod-left-split) .view-content::after {
  content: '';
  top: var(--mu-laser-top);
  left: 10px;
  right: 20px;
  position: absolute;
  z-index: 2000;
  width: auto;
  height: var(--mu-laser-area);
  box-shadow: inset 0 0 10px 1px var(--mu-laser-color-glow), 0 0 4px 1px var(--mu-laser-color-glow), 0 0 calc(var(--mu-laser-intensity) * 12px) 1px var(--mu-laser-color-glow);
  border: calc(var(--mu-laser-intensity) * 1px) solid var(--mu-laser-color-bg);
  background-color: transparent;
  border-radius: 0;
  transform: none;
  opacity: .8;
  pointer-events: none;
}

.theme-dark.mu-laser-green {
  --mu-laser-color-bg: #80ffaa;
  --mu-laser-color-glow: #00ff55;
}

.theme-light.mu-laser-green {
  --mu-laser-color-bg: #00e84d;
  --mu-laser-color-glow: #00ff5580;
}

.theme-dark.mu-laser-blue {
  --mu-laser-color-bg: #00f1ff;
  --mu-laser-color-glow: #00a3ff;
}

.theme-light.mu-laser-blue {
  --mu-laser-color-bg: #00a3ff;
  --mu-laser-color-glow: #00a3ff88;
}

.theme-dark.mu-laser-red {
  --mu-laser-color-bg: #ff7f7f;
  --mu-laser-color-glow: #ff0000;
}

.theme-light.mu-laser-red {
  --mu-laser-color-bg: #ff0000;
  --mu-laser-color-glow: #ff000088;
}

.theme-dark.mu-laser-orange {
  --mu-laser-color-bg: #ffcf00;
  --mu-laser-color-glow: #ff7f00;
}

.theme-light.mu-laser-orange {
  --mu-laser-color-bg: #ff7f00;
  --mu-laser-color-glow: #ff7f0088;
}

.theme-dark.mu-laser-yellow {
  --mu-laser-color-bg: #ffff00;
  --mu-laser-color-glow: #e1e100;
}

.theme-light.mu-laser-yellow {
  --mu-laser-color-bg: #ffd700;
  --mu-laser-color-glow: #ffd70088;
}

.theme-dark.mu-laser-purple {
  --mu-laser-color-bg: #d88fff;
  --mu-laser-color-glow: #bf48ff;
}

.theme-light.mu-laser-purple {
  --mu-laser-color-bg: #bf48ff;
  --mu-laser-color-glow: #a300ff88;
}

.theme-dark.mu-laser-pink {
  --mu-laser-color-bg: #ff8ce1;
  --mu-laser-color-glow: #ff48cf;
}

.theme-light.mu-laser-pink {
  --mu-laser-color-bg: #ff00cf;
  --mu-laser-color-glow: #ff48cf88;
}

/* Sidebar adjustment */
body:not(.is-mobile) .modal.mod-settings.mod-sidebar-layout {
  resize: both;
  min-width: 600px;
  min-height: 100px;
  max-height: 95vh;
}

/* Mobile layout and sidebar open folder area */

body.is-mobile .nav-folder-children .tree-item.nav-folder {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .2rem;
}

body.is-mobile .nav-folder-children>.tree-item.nav-folder:not(.is-collapsed) {
  background-color: var(--mu-folder-area-background);
  border: 1px solid var(--mu-folder-area-border);
  border-radius: .2rem;
}

body.is-mobile .nav-folder-children>.tree-item.nav-folder .tree-item.nav-folder:not(.is-collapsed) {
  background-color: transparent !important;
  border: 1px solid transparent !important;
}

body.is-mobile .workspace-drawer-header {
  background-color: transparent;
  margin-bottom: 8px;
}

body.is-mobile .workspace-drawer-active-tab-header {
  background-color: transparent;
  border-bottom: 2px solid #82828220;
  border-left: 3px solid #0072d3;
  margin-bottom: 4px;
}

body.is-mobile .workspace-drawer-ribbon,
body.is-mobile .nav-header {
  background-color: transparent;
}

body.is-mobile .mobile-navbar {
  background-color: var(--mu-titlebar-background);
}

body.is-mobile {
  --background-modifier-border: #82828220;
}

body.is-mobile .workspace-drawer-header-name-text {
  color: var(--mu-vault-title);
}

body.is-mobile .view-header-left {
  flex: initial;
}

.is-phone .setting-item-heading {
  margin-top: 0;
}

.is-phone .style-settings-heading[data-level="0"] {
  margin-top: 4px !important;
}

.is-mobile .workspace-drawer-active-tab-icon,
.is-mobile .workspace-drawer-tab-option-item-icon {
  color: var(--mu-icon);
}

/* Mobile */
body.is-mobile {
  --mu-folder-zoom: 100%;
  --mu-notes-icon-zoom: 100%;
}

body.is-mobile .mod-tappable.mod-pin,
body.is-mobile .mod-tappable.mod-settings,
body.is-mobile .mod-left-split-toggle.mod-tappable,
body.is-mobile .view-actions .clickable-icon.view-action,
body.is-mobile .workspace-drawer-active-tab-back-icon {
  color: var(--mu-icon);
}

body.is-mobile .view-header-nav-buttons,
body.is-mobile .view-header .view-action,
body.is-mobile .mobile-navbar-actions,
body.is-mobile .clickable-icon.nav-action-button,
body.is-mobile .sidebar-toggle-button {
  --icon-color: var(--mu-icon);
  --icon-color-hover: var(--mu-icon-hover);
  --icon-color-active: var(--mu-icon-active);
  --icon-color-focused: var(--mu-icon-focused);
}

.is-mobile .metadata-properties-heading .collapse-indicator {
  left: -18px;
}

.is-mobile .empty-state-action,
.is-mobile .mobile-toolbar {
  background-color: var(--mu-background-color-2);
}

.is-mobile .workspace-tab-header-container {
  background-color: var(--mu-titlebar-background);
}

/* PDF Viewer */
input.pdf-page-input {
  background-color: var(--mu-background-color-2);
}

/* Reading hover underline */
body.mu-hover-underline .markdown-reading-view .markdown-preview-sizer *:not(.mod-header, .inline-title):hover,
body.mu-hover-underline .markdown-source-view.mod-cm6.is-readable-line-width .cm-content *:hover {
  text-decoration: underline;
  text-decoration-color: var(--mu-hover-underline-color) !important;
  text-decoration-skip-ink: none;
  text-decoration-style: var(--mu-hover-underline-style) !important;
  text-decoration-thickness: var(--mu-hover-underline-thickness) !important;
  text-underline-offset: var(--mu-hover-underline-offset) !important;
}

.mu-hover-underline-style-dashed {
  --mu-hover-underline-style: dashed;
}

.mu-hover-underline-style-dotted {
  --mu-hover-underline-style: dotted;
}

.mu-hover-underline-style-double {
  --mu-hover-underline-style: double;
}

/* 
cssclasses:
readable line width enabled 
*/

.nw100,
.note-width100 {
  --file-line-width: 100%;
}

.cw100+.markdown-reading-view .markdown-preview-sizer,
.tcw100+.markdown-reading-view .markdown-preview-sizer,
.tw100+.markdown-reading-view .markdown-preview-sizer {
  width: 100% !important;
  max-width: 100% !important;
}

.tw100+.markdown-reading-view .markdown-preview-sizer>div>*:not(table) {
  margin-left: auto;
  margin-right: auto;
  min-width: var(--file-line-width);
  max-width: var(--file-line-width);
}

.tcw100+.markdown-reading-view .markdown-preview-sizer>div>*:not(table, .callout) {
  margin-left: auto;
  margin-right: auto;
  width: var(--file-line-width);
  max-width: var(--file-line-width);
}

.cw100+.markdown-reading-view .markdown-preview-sizer>div>*:not(.callout) {
  margin-left: auto;
  margin-right: auto;
  width: var(--file-line-width);
  max-width: var(--file-line-width);
}

.tcw100+.markdown-preview-sizer>div>table,
.tw100+.markdown-preview-sizer>div>table {
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
}

.tcw100 .block-language-dataview.node-insert-event,
.tw100 .block-language-dataview.node-insert-event {
  width: 100% !important;
  max-width: 100% !important;
}

/* Cards UI Interface */

body:not(.is-mobile).mu-cards-interface {
  --mu-titlebar-background: var(--mu-background-color-2) !important;
  --divider-color: transparent !important;
  --ribbon-background: var(--mu-background-color-2) !important;
  --mu-sidebar-top-buttons-container-bg-color: transparent;
}

body:not(.is-mobile).mu-cards-interface .workspace-tab-header::before,
body:not(.is-mobile).mu-cards-interface .workspace-tab-header::after {
  display: none;
}

body:not(.is-mobile).mu-cards-interface .workspace-split,
body:not(.is-mobile).mu-cards-interface .workspace-tab-header-container {
  background-color: var(--mu-background-color-2) !important;
}

body:not(.is-mobile).mu-cards-interface .mod-fade:not(.mod-at-end):after {
  background: none;
}

body:not(.is-mobile).mu-cards-interface .workspace-tab-container {
  border-radius: 8px;
  margin-left: 0;
  margin-right: 16px;
  margin-top: 0;
  border: 1px solid var(--mu-cards-border);
}

body:not(.is-mobile, .mu-distraction-free-mode, .mu-total-concentration-mode).mu-cards-interface .workspace-tab-container {
  margin-bottom: 16px;
}

body:not(.is-mobile).mu-cards-interface.mu-distraction-free-mode .workspace-tab-container {
  border-radius: 8px;
  margin-left: 8px;
  margin-right: 16px;
  margin-top: 8px;
  margin-bottom: 8px;
  border: 1px solid var(--mu-cards-border);
}

body:not(.is-mobile).mu-cards-interface.mu-total-concentration-mode .workspace-tab-container {
  border-radius: 8px;
  margin: 8px;
  border: 1px solid var(--mu-cards-border);
}

body:not(.is-mobile).mu-cards-interface .titlebar-button-container,
body:not(.is-mobile).mu-cards-interface .workspace {
  background-color: var(--mu-background-color-2) !important;
}

body:not(.is-mobile).mu-cards-interface .workspace-tabs .workspace-leaf,
body:not(.is-mobile).mu-cards-interface .workspace-tabs .workspace-leaf .view-header,
body:not(.is-mobile).mu-cards-interface .workspace-tabs .workspace-leaf .view-content {
  background-color: var(--mu-background-color-1);
}

.titlebar-button {
  color: var(--mu-titlebar-button-fg);
}

/* Commander plugin */
.side-dock-actions,
.view-actions,
.nav-buttons-container {
  color: var(--mu-icon);
}

/* Checkbox inside callouts */
.markdown-source-view .callout input[type=checkbox] {
  margin-inline-end: 11px;
}

/* Circle checkbox */
.mu-checkbox-circle .markdown-reading-view input[type=checkbox],
.mu-checkbox-circle .markdown-source-view input[type=checkbox] {
  border-radius: 50%;
}

/* Square checkbox */
.mu-checkbox-square .markdown-reading-view input[type=checkbox],
.mu-checkbox-square .markdown-source-view input[type=checkbox] {
  border-radius: 0;
}

/* Style Settings color picker input */

.theme-dark .pcr-app .pcr-interaction .pcr-result {
  background-color: var(--mu-background-color-2);
  font-weight: var(--font-semibold);
  color: #f1f1f1;
}

.theme-light .pcr-app .pcr-interaction .pcr-result {
  background-color: #fff;
  font-weight: var(--font-semibold);
  color: #000;
}

.theme-light .pcr-app .pcr-interaction .pcr-result::selection {
  color: #000;
}

.style-settings-container .themed-color-wrapper .pickr-reset>button {
  padding: var(--size-4-1);
  box-shadow: none;
  border: 0 !important;
}

/* Close button */
.mod-linux .titlebar-button:hover,
.mod-windows .titlebar-button:hover {
  color: var(--mu-icon-hover);
}

.mod-linux .titlebar-button.mod-close:hover,
.mod-windows .titlebar-button.mod-close:hover {
  color: #f1f1f1 !important;
}

body.mu-active-line-zoom .view-content .cm-line.cm-active {
  border: 1px dotted var(--text-faint);
  font-size: 1.5em;
  padding: 0;
  margin-inline-start: 0;
}

body.mu-active-line-zoom .view-content .cm-line.cm-active .cm-header {
  font-size: 1.5em !important;
}

body.mu-active-line-zoom .view-content .cm-line.cm-active input[type=checkbox] {
  margin-inline-start: 8px;
}

body.mu-active-line-zoom .markdown-reading-view>div>div>div:not(.mod-header, .obsidian-banner-wrapper):active {
  font-size: 1.5em !important;
}

/* Suggestion note */
.suggestion-item.mod-complex .suggestion-flair,
.suggestion-item.mod-complex .suggestion-note {
  color: var(--mu-folder-text-color);
}

/* Scrollbars */
body:not(.native-scrollbars) ::-webkit-scrollbar {
  width: var(--mu-scrollbar-width);
}

body:not(.native-scrollbars) ::-webkit-scrollbar-track {
  background-color: var(--mu-scrollbar-track-bg);
}

body:not(.native-scrollbars) ::-webkit-scrollbar-track:hover {
  background-color: var(--mu-scrollbar-track-bg-hover);
}

body:not(.native-scrollbars) ::-webkit-scrollbar-thumb {
  background-color: var(--mu-scrollbar-thumb-bg);
  border: var(--mu-scrollbar-thumb-size) solid transparent;
}

body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:hover,
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active {
  background-color: var(--mu-scrollbar-thumb-bg-hover);
  border: var(--mu-scrollbar-thumb-size) solid var(--mu-scrollbar-thumb-bg-hover);
}

.modal.mod-settings.mod-sidebar-layout .modal-close-button {
  margin-right: calc(var(--mu-scrollbar-width) - 8px);
}

/* Blockquote and code outline border */
/* inline code */
body.mu-outline-inline-code code,
body.mu-outline-inline-code .markdown-reading-view code,
body.mu-outline-inline-code span.cm-inline-code {
  border: 1px solid var(--mu-inline-code-border);
}

body.mu-outline-inline-code table code,
body.mu-outline-inline-code .markdown-reading-view table code,
body.mu-outline-inline-code table span.cm-inline-code {
  white-space: nowrap;
}

body.mu-outline-inline-code .markdown-reading-view div>pre code {
  border: 0;
}

body.mu-outline-inline-code span.cm-inline-code.cm-formatting {
  border: 1px dotted var(--mu-inline-code-border);
}

/* code block */
body.mu-outline-code .markdown-reading-view div>pre {
  border: 1px solid var(--mu-code-block-border);
}

body.mu-outline-code .markdown-source-view .HyperMD-codeblock {
  border-left: 1px solid var(--mu-code-block-border);
  border-right: 1px solid var(--mu-code-block-border);
}

body.mu-outline-code .markdown-source-view div.HyperMD-codeblock-begin-bg {
  border-top: 1px solid var(--mu-code-block-border);
}

body.mu-outline-code .markdown-source-view div.HyperMD-codeblock-end-bg {
  border-top: 0;
  border-bottom: 1px solid var(--mu-code-block-border);
}

/* blockquote */
body.mu-outline-blockquote .markdown-reading-view div>blockquote {
  outline: 1px solid var(--mu-blockquote-border);
}

body.mu-outline-blockquote .cm-line:not(.HyperMD-quote)+.HyperMD-quote {
  border-top: 1px solid var(--mu-blockquote-border);
  border-right: 1px solid var(--mu-blockquote-border);
  border-left: 1px solid var(--mu-blockquote-border);
}

body.mu-outline-blockquote .HyperMD-quote+.HyperMD-quote {
  border-right: 1px solid var(--mu-blockquote-border);
  border-left: 1px solid var(--mu-blockquote-border);
  border-top: 0;
  border-bottom: 0;
}

body.mu-outline-blockquote .HyperMD-quote+.cm-line:not(.HyperMD-quote) {
  border-top: 1px solid var(--mu-blockquote-border) !important;
}

.markdown-source-view:not(.is-live-preview) .cm-formatting-quote.cm-formatting-quote-1,
.HyperMD-quote-1::before {
  width: 1em;
  background: #0072d348;
}

.markdown-reading-view blockquote>blockquote {
  box-shadow: -1em 0 0 0 #d300ff48;
}

.markdown-reading-view blockquote>blockquote>blockquote {
  box-shadow: -1em 0 0 0 #ffa30048;
}

.markdown-reading-view blockquote>blockquote>blockquote>blockquote {
  box-shadow: -1em 0 0 0 #00ff0048;
}

.markdown-reading-view blockquote>blockquote>blockquote>blockquote>blockquote {
  box-shadow: -1em 0 0 0 #ff000048;
}

.markdown-reading-view blockquote>blockquote>blockquote>blockquote>blockquote>blockquote {
  box-shadow: -1em 0 0 0 #ffff0048;
}

.markdown-source-view:not(.is-live-preview) .cm-formatting-quote.cm-formatting-quote-2,
.HyperMD-quote-2::before {
  min-width: 1em;
  background: #d300ff48;
}

.markdown-source-view:not(.is-live-preview) .cm-formatting-quote.cm-formatting-quote-3,
.HyperMD-quote-3::before {
  width: 5px;
  min-width: 2em;
  background: #ffa30048;
}

.markdown-source-view:not(.is-live-preview) .cm-formatting-quote.cm-formatting-quote-4,
.HyperMD-quote-4::before {
  width: 5px;
  min-width: 2.8em;
  background: #00ff0048;
}

.markdown-source-view:not(.is-live-preview) .cm-formatting-quote.cm-formatting-quote-5,
.HyperMD-quote-5::before {
  width: 5px;
  min-width: 3.8em;
  background: #ff000048;
}

.markdown-source-view:not(.is-live-preview) .cm-formatting-quote.cm-formatting-quote-6,
.HyperMD-quote-6::before {
  width: 5px;
  min-width: 4.6em;
  background: #ffff0048;
}

blockquote {
  display: flex;
  flex-direction: column;
  white-space: break-spaces;
}

/* Outline UI */
body.mu-o-ui-sidebars .workspace-split:is(.mod-left-split, .mod-right-split) .workspace-leaf {
  border: 1px solid var(--mu-o-ui-border);
}

body.mu-o-ui-sidebars.mu-cards-interface .workspace-split:is(.mod-left-split, .mod-right-split) .workspace-leaf {
  border-radius: var(--size-4-2);
}

body.mu-o-ui-sidebars .search-row {
  border-bottom: 1px solid var(--mu-o-ui-border);
  margin: 0;
  padding: var(--size-4-2);
  padding-bottom: 4px;
}

body.mu-o-ui-sidebars .nav-header {
  border-bottom: 1px solid var(--mu-o-ui-border);
  margin-bottom: var(--size-4-1);
}

body.mu-o-ui-sidebars .status-bar {
  border-top: 1px solid var(--mu-o-ui-border);
  border-left: 1px solid var(--mu-o-ui-border);
}

body.mu-o-ui-icons .workspace-split:is(.mod-left-split, .mod-right-split) .is-active {
  border: 1px solid var(--mu-o-ui-border);
}

/* Tags */
a.tag,
.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta,
.cm-hashtag.cm-hashtag-end {
  display: inline-block;
  margin: var(--size-2-1) 0;
  font-family: var(--mu-font-mono) !important;
}

.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta {
  border-right: 0;
  padding-right: var(--mu-tags-hashtag-padding);
}

.cm-hashtag.cm-hashtag-end {
  border-left: 0;
}

body.mu-tags-hide-hashtag .cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta {
  border-right: 0;
  padding-right: var(--mu-tags-hashtag-padding);
  padding-left: var(--mu-tags-hashtag-padding);
  color: transparent !important;
}

body.mu-tags-hide-hashtag .cm-hashtag.cm-hashtag-end {
  border-left: 0;
  padding-right: .7em;
}

.mu-tags-colored a.tag[href="#todo"],
.mu-tags-colored .cm-tag-todo {
  background-color: #ff7f00;
  color: #000;
}

.mu-tags-colored a.tag[href="#inprogress"],
.mu-tags-colored .cm-tag-inprogress {
  background-color: #0082d3;
  color: #f1f1f1;
}

a.tag[href="#inprogress"]::after,
.cm-tag-inprogress:not(.cm-hashtag-begin)::after {
  content: ' ⚙';
}

.mu-tags-colored a.tag[href="#idea"],
.mu-tags-colored .cm-tag-idea {
  background-color: #00004f;
  color: #f1f1f1;
}

a.tag[href="#idea"]::after,
.cm-tag-idea:not(.cm-hashtag-begin)::after {
  content: ' 💡';
}

.mu-tags-colored a.tag[href="#completed"],
.mu-tags-colored .cm-tag-completed,
.mu-tags-colored a.tag[href="#ready"],
.mu-tags-colored .cm-tag-ready {
  background-color: #009700cf;
  color: #f1f1f1;
}

a.tag[href="#implemented"]::after,
.cm-tag-implemented:not(.cm-hashtag-begin)::after,
a.tag[href="#completed"]::after,
.cm-tag-completed:not(.cm-hashtag-begin)::after {
  content: ' ✓';
}

.mu-tags-colored a.tag[href="#implemented"],
.mu-tags-colored .cm-tag-implemented {
  background-color: #a300ff;
  color: #f1f1f1;
}

.mu-tags-colored a.tag[href="#family"],
.mu-tags-colored .cm-tag-family {
  background-color: #cfcfcf;
  color: #000;
}

a.tag[href="#family"]::after,
.cm-tag-family:not(.cm-hashtag-begin)::after {
  content: ' 💕';
}

.mu-tags-colored a.tag[href="#attention"],
.mu-tags-colored .cm-tag-attention {
  background-color: #f1f100;
  color: #000;
}

.mu-tags-colored a.tag[href="#warning"],
.mu-tags-colored .cm-tag-warning {
  background-color: #ffbf00;
  color: #000;
}

a.tag[href="#warning"]::after,
.cm-tag-warning:not(.cm-hashtag-begin)::after {
  content: ' ⚠️';
}

.mu-tags-colored a.tag[href="#caution"],
.mu-tags-colored .cm-tag-caution {
  background-color: #d30000;
  color: #f1f1f1;
}

a.tag[href="#caution"]::after,
.cm-tag-caution:not(.cm-hashtag-begin)::after {
  content: ' ⚫';
}

.mu-tags-colored a.tag[href="#test"],
.mu-tags-colored .cm-tag-test,
.mu-tags-colored a.tag[href="#watch"],
.mu-tags-colored .cm-tag-watch,
.mu-tags-colored a.tag[href="#review"],
.mu-tags-colored .cm-tag-review,
.mu-tags-colored a.tag[href="#research"],
.mu-tags-colored .cm-tag-research,
.mu-tags-colored a.tag[href="#reference"],
.mu-tags-colored .cm-tag-reference,
.mu-tags-colored a.tag[href="#cheatsheet"],
.mu-tags-colored .cm-tag-cheatsheet,
.mu-tags-colored a.tag[href="#article"],
.mu-tags-colored .cm-tag-article,
.mu-tags-colored a.tag[href="#citation"],
.mu-tags-colored .cm-tag-citation {
  background-color: #282828;
  color: #f1f1f1;
}

a.tag[href="#test"]::after,
.cm-tag-test:not(.cm-hashtag-begin)::after {
  content: ' 📝';
}

a.tag[href="#article"]::after,
.cm-tag-article:not(.cm-hashtag-begin)::after {
  content: ' 📰';
}

a.tag[href="#citation"]::after,
.cm-tag-citation:not(.cm-hashtag-begin)::after {
  content: ' ❜❜';
  letter-spacing: 1px;
}

a.tag[href="#cheatsheet"]::after,
.cm-tag-cheatsheet:not(.cm-hashtag-begin)::after {
  content: ' 📜';
}

a.tag[href="#reference"]::after,
.cm-tag-reference:not(.cm-hashtag-begin)::after {
  content: ' 📌';
}

a.tag[href="#research"]::after,
.cm-tag-research:not(.cm-hashtag-begin)::after {
  content: ' 🔬';
}

a.tag[href="#review"]::after,
.cm-tag-review:not(.cm-hashtag-begin)::after {
  content: ' 🔎';
}

a.tag[href="#watch"]::after,
.cm-tag-watch:not(.cm-hashtag-begin)::after {
  content: ' 🎥';
}

.mu-tags-colored a.tag[href="#team"],
.mu-tags-colored .cm-tag-team,
.mu-tags-colored a.tag[href="#solo"],
.mu-tags-colored .cm-tag-solo {
  background-color: #181818;
  color: #f1f1f1;
}

a.tag[href="#solo"]::after,
.cm-tag-solo:not(.cm-hashtag-begin)::after {
  content: ' 👤';
}

a.tag[href="#team"]::after,
.cm-tag-team:not(.cm-hashtag-begin)::after {
  content: ' 👥';
}

.mu-tags-colored a.tag[href="#bookmark"],
.mu-tags-colored .cm-tag-bookmark {
  background-color: #0048a3;
  color: #f1f1f1;
}

a.tag[href="#bookmark"]::after,
.cm-tag-bookmark:not(.cm-hashtag-begin)::after {
  content: ' 🔖';
}

.mu-tags-colored a.tag[href="#meeting"],
.mu-tags-colored .cm-tag-meeting,
.mu-tags-colored a.tag[href="#appointment"],
.mu-tags-colored .cm-tag-appointment,
.mu-tags-colored a.tag[href="#date"],
.mu-tags-colored .cm-tag-date {
  background-color: #e8e882;
  color: #000;
}

a.tag[href="#date"]::after,
.cm-tag-date:not(.cm-hashtag-begin)::after {
  content: ' 📅';
}

a.tag[href="#meeting"]::after,
.cm-tag-meeting:not(.cm-hashtag-begin)::after,
a.tag[href="#appointment"]::after,
.cm-tag-appointment:not(.cm-hashtag-begin)::after {
  content: ' 📆';
}

.mu-tags-colored a.tag[href="#important"],
.mu-tags-colored .cm-tag-important {
  background-color: #d34848;
  color: #f1f1f1;
}

a.tag[href="#important"]::after,
.cm-tag-important:not(.cm-hashtag-begin)::after {
  content: ' ➼';
}

.mu-tags-colored a.tag[href="#favorite"],
.mu-tags-colored .cm-tag-favorite {
  background-color: #0072d3;
  color: #f1f1f1;
}

a.tag[href="#favorite"]::after,
.cm-tag-favorite:not(.cm-hashtag-begin)::after {
  content: ' 🌟';
}

.mu-tags-colored a.tag[href="#wishlist"],
.mu-tags-colored .cm-tag-wishlist {
  background-color: #ffd700;
  color: #000;
}

a.tag[href="#wishlist"]::after,
.cm-tag-wishlist:not(.cm-hashtag-begin)::after {
  content: ' ❤️';
}

.mu-tags-colored a.tag[href="#reminder"],
.mu-tags-colored .cm-tag-reminder {
  background-color: #33cfa3;
  color: #000;
}

a.tag[href="#reminder"]::after,
.cm-tag-reminder:not(.cm-hashtag-begin)::after {
  content: ' 🔔';
}

.mu-tags-colored a.tag[href="#work"],
.mu-tags-colored .cm-tag-work {
  background-color: #0000a3;
  color: #f1f1f1;
}

a.tag[href="#work"]::after,
.cm-tag-work:not(.cm-hashtag-begin)::after {
  content: ' 💼';
}

.mu-tags-colored a.tag[href="#study"],
.mu-tags-colored .cm-tag-study {
  background-color: #007fd3;
  color: #f1f1f1;
}

a.tag[href="#study"]::after,
.cm-tag-study:not(.cm-hashtag-begin)::after {
  content: ' 📖';
}

.mu-tags-colored a.tag[href="#s5"],
.mu-tags-colored a.tag[href="#s4"],
.mu-tags-colored a.tag[href="#s3"],
.mu-tags-colored a.tag[href="#s2"],
.mu-tags-colored a.tag[href="#s1"],
.mu-tags-colored .cm-tag-s5,
.mu-tags-colored .cm-tag-s4,
.mu-tags-colored .cm-tag-s3,
.mu-tags-colored .cm-tag-s2,
.mu-tags-colored .cm-tag-s1 {
  background-color: #181818cf;
  color: #82828282;
}

a.tag[href="#s1"]::after,
.cm-tag-s1:not(.cm-hashtag-begin)::after {
  content: ' ★✩✩✩✩';
  letter-spacing: var(--size-4-1);
  color: #ffd700f1;
}

a.tag[href="#s2"]::after,
.cm-tag-s2:not(.cm-hashtag-begin)::after {
  content: ' ★★✩✩✩';
  letter-spacing: var(--size-4-1);
  color: #ffd700f1;
}

a.tag[href="#s3"]::after,
.cm-tag-s3:not(.cm-hashtag-begin)::after {
  content: ' ★★★✩✩';
  letter-spacing: var(--size-4-1);
  color: #ffd700f1;
}

a.tag[href="#s4"]::after,
.cm-tag-s4:not(.cm-hashtag-begin)::after {
  content: ' ★★★★✩';
  color: #ffd700f1;
  letter-spacing: var(--size-4-1);
}

a.tag[href="#s5"]::after,
.cm-tag-s5:not(.cm-hashtag-begin)::after {
  content: ' ★★★★★';
  letter-spacing: var(--size-4-1);
  color: #ffd700f1;
}

.mu-tags-colored a.tag[href="#gA"],
.mu-tags-colored a.tag[href="#gB"],
.mu-tags-colored a.tag[href="#gC"],
.mu-tags-colored a.tag[href="#gD"],
.mu-tags-colored a.tag[href="#gF"],
.mu-tags-colored .cm-tag-gA,
.mu-tags-colored .cm-tag-gB,
.mu-tags-colored .cm-tag-gC,
.mu-tags-colored .cm-tag-gD,
.mu-tags-colored .cm-tag-gF {
  background-color: #181818cf;
  color: #82828282;
  font-weight: bold;
  padding-right: .5em;
}

a.tag[href="#gA"]::after,
.cm-tag-gA:not(.cm-hashtag-begin)::after {
  content: ' A ';
  color: #ffd700f1;
}

a.tag[href="#gB"]::after,
.cm-tag-gB:not(.cm-hashtag-begin)::after {
  content: ' B ';
  color: #ffd700f1;
}

a.tag[href="#gC"]::after,
.cm-tag-gC:not(.cm-hashtag-begin)::after {
  content: ' C ';
  color: #ffd700f1;
}

a.tag[href="#gD"]::after,
.cm-tag-gD:not(.cm-hashtag-begin)::after {
  content: ' D ';
  color: #ffd700f1;
}

a.tag[href="#gF"]::after,
.cm-tag-gF:not(.cm-hashtag-begin)::after {
  content: ' F ';
  color: #ffd700f1;
}

.mu-tags-colored a.tag[href="#art"],
.mu-tags-colored .cm-tag-art {
  background-color: #0048a3;
  color: #f1f1f1;
}

a.tag[href="#art"]::after,
.cm-tag-art:not(.cm-hashtag-begin)::after {
  content: ' 🎨';
}

.mu-tags-colored a.tag[href="#video"],
.mu-tags-colored .cm-tag-video {
  background-color: #d32828;
  color: #f1f1f1;
}

a.tag[href="#video"]::after,
.cm-tag-video:not(.cm-hashtag-begin)::after {
  content: ' ▶';
}

.mu-tags-colored a.tag[href="#finances"],
.mu-tags-colored .cm-tag-finances {
  background-color: #7fd356f1;
  color: #000;
}

a.tag[href="#finances"]::after,
.cm-tag-finances:not(.cm-hashtag-begin)::after {
  content: ' $';
}

.mu-tags-colored a.tag[href="#magic"],
.mu-tags-colored .cm-tag-magic {
  background-color: #820082;
  color: #f1f1f1;
}

a.tag[href="#magic"]::after,
.cm-tag-magic:not(.cm-hashtag-begin)::after {
  content: ' ✨';
}

/* 1.6.2 */
.workspace-drawer-vault-name {
  --vault-profile-font-weight: var(--font-semibold);
  color: var(--vault-name-color);
}

.menu-item.tappable.mod-checked {
  font-weight: var(--font-semibold);
}

.workspace-drawer-vault-switcher svg {
  color: var(--mu-icon);
}

.tree-item.nav-folder:not(.is-collapsed, .mod-root) {
  background-color: var(--mu-folder-area-background);
  border: 1px solid var(--mu-folder-area-border);
}

/* Sidebars - links count, tags pane */
.tree-item-flair {
  color: var(--mu-sidebar-pane-numbers) !important;
  padding: 4px 8px;
  background: var(--background-primary);
  border: 1px solid var(--modal-border-color);
}

/* 1.6.2 mobile */

body.is-mobile .clickable-icon.workspace-drawer-header-icon {
  color: var(--mu-icon);
}

body.is-mobile .workspace-drawer-active-tab-header select {
  background-color: var(--mu-background-color-2);
}

body.is-mobile .clickable-icon.workspace-drawer-active-tab-chevron {
  color: var(--mu-icon);
}

/* Lists indentation */
/* live preview and source modes */
.markdown-source-view .cm-hmd-list-indent .cm-indent:nth-child(1)::before {
  border-right: var(--indentation-guide-width) solid var(--mu-indent-color-level-1);
}

.markdown-source-view .cm-hmd-list-indent .cm-indent:nth-child(2)::before {
  border-right: var(--indentation-guide-width) solid var(--mu-indent-color-level-2);
}

.markdown-source-view .cm-hmd-list-indent .cm-indent:nth-child(3)::before {
  border-right: var(--indentation-guide-width) solid var(--mu-indent-color-level-3);
}

.markdown-source-view .cm-hmd-list-indent .cm-indent:nth-child(4)::before {
  border-right: var(--indentation-guide-width) solid var(--mu-indent-color-level-4);
}

.markdown-source-view .cm-hmd-list-indent .cm-indent:nth-child(5)::before {
  border-right: var(--indentation-guide-width) solid var(--mu-indent-color-level-5);
}

.markdown-source-view .cm-hmd-list-indent .cm-indent:nth-child(6)::before {
  border-right: var(--indentation-guide-width) solid var(--mu-indent-color-level-6);
}

/* reading mode */
.markdown-rendered.show-indentation-guide li>ul::before,
.markdown-rendered.show-indentation-guide li>ol::before {
  border-right: var(--indentation-guide-width) solid var(--mu-indent-color-level-1);
}

.markdown-rendered.show-indentation-guide li>ul>li>ul::before {
  border-right: var(--indentation-guide-width) solid var(--mu-indent-color-level-2);
}

.markdown-rendered.show-indentation-guide li>ul>li>ul>li>ul::before {
  border-right: var(--indentation-guide-width) solid var(--mu-indent-color-level-3);
}

.markdown-rendered.show-indentation-guide li>ul>li>ul>li>ul>li>ul::before {
  border-right: var(--indentation-guide-width) solid var(--mu-indent-color-level-4);
}

.markdown-rendered.show-indentation-guide li>ul>li>ul>li>ul>li>ul>li>ul::before {
  border-right: var(--indentation-guide-width) solid var(--mu-indent-color-level-5);
}

.markdown-rendered.show-indentation-guide li>ul>li>ul>li>ul>li>ul>li>ul>li>ul::before {
  border-right: var(--indentation-guide-width) solid var(--mu-indent-color-level-6);
}

.markdown-rendered.show-indentation-guide li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul::before {
  border-right: var(--indentation-guide-width) solid var(--mu-indent-color-level-1);
}

body.mu-global-font-mode {
  --font-default: var(--mu-global-font);
  --font-monospace-default: var(--mu-global-font);
  --font-interface: var(--mu-global-font);
  --font-text: var(--mu-global-font);
  --h1-font: var(--mu-global-font);
  --h2-font: var(--mu-global-font);
  --h3-font: var(--mu-global-font);
  --h4-font: var(--mu-global-font);
  --h5-font: var(--mu-global-font);
  --h6-font: var(--mu-global-font);
  font-feature-settings: var(--mu-global-font-stylistic-set);
  letter-spacing: calc(min(var(--mu-global-font-letter-spacing), var(--mu-max-letter-spacing)));
}

/* Indicator size */

.collapse-indicator.collapse-icon {
  transform: scale(var(--mu-collapse-icon-size));
}

.mu-hide-reading-indicator {
  --mu-reading-indicator-width: 0;
}

body.mu-hide-indent-guides {
  --indentation-guide-width: 0;
  --indentation-guide-color: transparent;
  --indentation-guide-color-active: transparent;
  --mu-indent-color-level-1: transparent;
  --mu-indent-color-level-2: transparent;
  --mu-indent-color-level-3: transparent;
  --mu-indent-color-level-4: transparent;
  --mu-indent-color-level-5: transparent;
  --mu-indent-color-level-6: transparent;
}

/* Suggestion - search panel */
body:not(.is-mobile) .suggestion-container.mod-search-suggestion .suggestion {
  background-color: var(--mu-suggestion-search-panel-bg-color);
}

/* Window */
body.is-popout-window {
  border: var(--mu-new-window-border-width) solid var(--mu-new-window-border-color);
}

body.is-popout-window .titlebar {
  border-top: var(--mu-new-window-border-width) solid var(--mu-new-window-border-color) !important;
  border-left: var(--mu-new-window-border-width) solid var(--mu-new-window-border-color) !important;
  border-right: var(--mu-new-window-border-width) solid var(--mu-new-window-border-color) !important;
}

.community-modal-info-name {
  margin-bottom: var(--size-4-2);
}

.community-modal-info-author {
  margin-bottom: var(--size-4-1);
}

.community-modal-info-version {
  padding: 8px 0;
  color: var(--text-normal);
  border-bottom: var(--hr-thickness) dashed var(--hr-color);
  margin-top: var(--size-4-1);
  margin-bottom: var(--size-4-3);
  font-size: var(--font-ui-medium);
}

.community-item-updated {
  color: var(--text-faint);
}

.community-item:hover {
  border-color: var(--text-accent);
}

.clickable-icon.extra-setting-button[aria-label="Uninstall"],
button.mod-destructive {
  color: var(--color-red) !important;
}

.plugin-list-plugins .setting-item.mod-toggle .setting-item-name,
.installed-plugins-container .setting-item-name,
.community-item-name,
.suggestion-prefix {
  font-weight: var(--font-semibold) !important;
}

.community-modal-info-downloads-text {
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
}

.community-item-downloads-text {
  font-size: var(--font-ui-small);
}

.suggestion-item.mod-complex .suggestion-hotkey:not(:last-child) {
  margin-right: var(--size-4-1);
}

/* Style Settings */

/* @settings
name: MagicUser theme
id: magicuser-theme-for-obsidian
settings:
    -
        id: magicuser-theme-presets
        title: Preset themes
        type: heading
        description: MagicUser preset themes.
        level: 2
        collapsed: true
    -
        id: mu-presets-themes
        title: Preset theme
        type: class-select
        allowEmpty: false
        default: none
        options:
            - 
                label: MagicUser
                value: none
            - 
                label: MagicUser Room Lamp
                value: magicuser-room-lamp-theme
            - 
                label: MagicUser Purple
                value: magicuser-purple-theme
            - 
                label: MagicUser Teal
                value: magicuser-teal-theme
            - 
                label: MagicUser Camouflage
                value: magicuser-camouflage-theme
            - 
                label: MagicUser Gray
                value: magicuser-gray-theme
            - 
                label: MagicUser Moon
                value: magicuser-moon-theme
            - 
                label: MagicUser Teacher
                value: magicuser-teacher-theme
            - 
                label: MagicUser Creativity
                value: magicuser-creativity-theme
            - 
                label: MagicUser Concentration
                value: magicuser-concentration-theme
            - 
                label: MagicUser Stealth
                value: magicuser-stealth-theme
            - 
                label: MagicUser Chroma Amulet
                value: magicuser-chroma-amulet-theme
            - 
                label: MagicUser Accent
                value: magicuser-accent-theme
            - 
                label: MagicUser BG Night
                value: magicuser-bg-night-theme
            - 
                label: MagicUser BG Synth
                value: magicuser-bg-synth-theme
            - 
                label: MagicUser BG Dreams
                value: magicuser-bg-dreams-theme
            - 
                label: MagicUser BG Slide
                value: magicuser-bg-slide-theme
            - 
                label: MagicUser BG Classic
                value: magicuser-bg-classic-theme
            - 
                label: MagicUser BG Sunset
                value: magicuser-bg-sunset-theme
            - 
                label: MagicUser BG North Pole
                value: magicuser-bg-north-pole-theme
            - 
                label: MagicUser BG Old School
                value: magicuser-bg-old-school-theme
    - 
        id: mu-amulet-hue
        title: Chroma Amulet - color
        description: MagicUser Chroma Amulet preset theme - select color.
        type: variable-number-slider
        default: 224
        min: 0
        max: 360
        step: 1
    - 
        id: mu-amulet-sat-value
        title: Chroma Amulet - saturation
        description: MagicUser Chroma Amulet preset theme - select saturation.
        type: variable-number-slider
        default: 50
        min: 0
        max: 100
        step: 1
    -
        id: mu-bg-image-overlay
        title: BG themes (dark mode) - darken background
        description: MagicUser BG preset themes (dark mode) - darken background.
        type: variable-number-slider
        default: 0.0
        min: 0.0
        max: 0.90
        step: .05
    -
        id: magicuser-theme-main-colors
        title: Main theme colors
        description: Background colors, caret and more core theme colors.
        type: heading
        level: 2
        collapsed: true
    -
        id: mu-titlebar-background
        title: Frame color
        type: variable-themed-color
        description: Theme frame color.
        format: hex
        opacity: false
        default-light: '#003388'
        default-dark: '#003388'
    -
        id: mu-background-color-1
        title: Primary background color
        type: variable-themed-color
        description: Main editor theme background color.
        format: hex
        opacity: false
        default-light: '#e8efff'
        default-dark: '#002248'
    -
        id: mu-background-color-2
        title: Secondary background color
        type: variable-themed-color
        description: Secondary theme background color.
        format: hex
        opacity: false
        default-light: '#d1dfff'
        default-dark: '#001122'
    -
        id: mu-caret-color
        title: Caret color
        type: variable-themed-color
        description: Caret / text cursor color.
        format: hex
        opacity: false
        default-light: '#cf00ff'
        default-dark: '#00cfff'
    -
        id: background-modifier-hover
        title: Hover menu items and hover icons background color
        type: variable-themed-color
        description: Select the background color of hover menu items and icons.
        format: hex
        opacity: true
        default-light: '#007fff28'
        default-dark: '#007fff28'
    -
        id: nav-item-background-active
        title: Active item background color
        type: variable-themed-color
        description: Select active item background color.
        format: hex
        opacity: true
        default-light: '#007fff28'
        default-dark: '#007fff28'
    -
        id: nav-item-color-active
        title: Active item foreground color
        type: variable-themed-color
        description: Select active item foreground color.
        format: hex
        opacity: true
        default-light: '#007fff28'
        default-dark: '#007fff28'
    -
        id: magicuser-theme-ui
        title: Application UI
        description: Icons, sidebars and other UI elements.
        type: heading
        level: 2
        collapsed: true
    -
        id: magicuser-theme-breadcrumb
        title: Breadcrumb
        type: heading
        level: 3
        collapsed: true
    -
        id: mu-slanted-breadcrumb
        title: Slanted breadcrumb layout
        description: Slanted breadcrumb (view header breadcrumb).
        type: class-toggle
    -
        id: magicuser-theme-folders-icons
        title: Files and folders
        type: heading
        level: 3
        collapsed: true
    -
        id: mu-automatic-rainbow-folders
        title: Automatic rainbow colored folders
        description: Automatic rainbow colored folders and subfolders.
        type: class-toggle
        addCommand: true
    -
        id: mu-automatic-folder-name-rainbow-colors
        title: Automatic rainbow-colored folder names and icons
        description: Automatic rainbow colors for folder/subfolder names and icons.
        type: class-toggle
        addCommand: true
    -
        id: mu-rainbow-hue-start-value
        title: Initial color for automatic rainbow folders
        description: Select the initial color (0 =  red color).
        type: variable-number-slider
        default: 0
        min: 0
        max: 360
        step: 30 
    -
        id: mu-rainbow-folders
        title: Numbered rainbow colored folders
        description: Special rainbow colored folders (001-,01- to 008-,08-) .
        type: class-toggle
        addCommand: true
    -
        id: mu-folder-text-color
        title: Folder name color
        type: variable-themed-color
        description: Folder text color.
        format: hex
        opacity: false
        default-light: '#0048a3'
        default-dark: '#72a3ff'
    -
        id: mu-disable-folder-style
        title: Disable sidebar files and folders styles
        description:  Activate this option to use plugins for coloring files and folders.
        type: class-toggle
    -
        id: magicuser-theme-icons
        title: Icons
        type: heading
        level: 3
        collapsed: true
    -
        id: magicuser-theme-ui-icons
        title: Icons UI
        type: heading
        level: 4
        collapsed: true
    -
        id: mu-icon
        title: Icon color
        type: variable-themed-color
        description: Select icon color.
        format: hex
        opacity: false
        default-light: '#5382d3'
        default-dark: '#5382d3'
    -
        id: mu-icon-hover
        title: Icon hover color
        type: variable-themed-color
        description: Select icon hover color.
        format: hex
        opacity: false
        default-light: '#007fff'
        default-dark: '#007fff'
    -
        id: mu-icon-active
        title: Icon active color
        type: variable-themed-color
        description: Select icon active color.
        format: hex
        opacity: false
        default-light: '#007fff'
        default-dark: '#007fff'
    -
        id: mu-icon-focused
        title: Icon focused color
        type: variable-themed-color
        description: Current focused icon color.
        format: hex
        opacity: false
        default-light: '#00a3ff'
        default-dark: '#00a3ff'
    -
        id: mu-icon-statusbar-menu
        title: Icon color - status bar and menus
        type: variable-themed-color
        description: Select icon color (status bar and menus).
        format: hex
        opacity: false
        default-light: '#0072d3'
        default-dark: '#0072d3'
    -
        id: search-icon-color
        title: Search icon color
        type: variable-themed-color
        description: Select search icon color.
        format: hex
        opacity: false
        default-light: '#007fff'
        default-dark: '#007fff'
    -
        id: mu-bookmarked-note-icon-bg
        title: Bookmarked note icon background color
        type: variable-themed-color
        description: Set bookmarked note icon background color.
        format: hex
        opacity: true
        default-light: '#007fff30'
        default-dark: '#007fff40'
    -
        id: magicuser-theme-file-folder-icons
        title: Files and folders icons
        type: heading
        level: 4
        collapsed: true
    -
        id: mu-hide-folders
        title: Hide folder icons
        description:  Toggle folder icons.
        type: class-toggle
        addCommand: true
    -
        id: mu-hide-file-icons
        title: Hide file icons
        description:  Toggle file icons.
        type: class-toggle
        addCommand: true
    -
        id: mu-closed-folders-design-style
        title: Closed folder icon
        type: class-select
        description: Select closed folder icon.
        allowEmpty: false
        default: none
        options:
            - 
                label: Default
                value: none
            - 
                label: Unfilled folder
                value: mu-folder-icon-closed-unfilled
            - 
                label: Closed folder 2
                value: mu-folder-icon-closed-op3
    -
        id: mu-folder-icon-color
        title: Closed folder icon color
        type: variable-themed-color
        description: Closed folder icon color.
        format: hex
        opacity: false
        default-light: '#0048a3'
        default-dark: '#0048a3'
    -
        id: mu-opened-folders-design-style
        title: Opened folder icon
        type: class-select
        description: Select opened folder icon.
        allowEmpty: false
        default: none
        options:
            -
                label: Default
                value: none
            - 
                label: Unfilled folder
                value: mu-folder-icon-opened-unfilled
            - 
                label: Traditional
                value: mu-folder-icon-opened-op3
    -
        id: mu-folder-icon-color-active
        title: Opened folder icon color
        type: variable-themed-color
        description: Opened folder icon color.
        format: hex
        opacity: false
        default-light: '#00a3ff'
        default-dark: '#00a3ff'
    -
        id: mu-file-icon-color
        title: File icon color
        type: variable-themed-color
        description: File icon color.
        format: hex
        opacity: false
        default-light: '#0072d3'
        default-dark: '#0072d3'
    -
        id: magicuser-theme-collapse-icons
        title: Collapse icons
        type: heading
        level: 4
        collapsed: true
    -
        id: nav-collapse-icon-color
        title: Sidebars collapse icon color
        type: variable-themed-color
        description: Sidebars collapse icon color.
        format: hex
        opacity: false
        default-light: '#0072d3'
        default-dark: '#0072d3'
    -
        id: mu-collapse-icon-size
        title: Editor - collapse icon size
        description: Editor collapse icon size (live preview, source and reading modes).
        type: variable-number-slider
        default: 1.2
        min: 0.8
        max: 2
        step: 0.1
    -
        id: collapse-icon-color
        title: Editor - collapse icon color
        type: variable-themed-color
        description: Editor collapse icon color (live preview, source and reading modes).
        format: hex
        opacity: false
        default-light: '#0072d3'
        default-dark: '#0072d3'
    -
        id: collapse-icon-color-collapsed
        title: Editor - collapse icon color collapsed
        type: variable-themed-color
        description: Editor collapse icon color collapsed (live preview, source and reading modes).
        format: hex
        opacity: false
        default-light: '#d300ff'
        default-dark: '#d300ff'
    -
        id: magicuser-theme-indent-guides-color
        title: Indent guides
        type: heading
        level: 3
        collapsed: true
    -
        id: mu-hide-indent-guides
        title: Hide indent guides
        description: Hide indent guides.
        type: class-toggle
    -
        id: mu-indent-color-level-1
        title: Indent guide - color 1
        type: variable-themed-color
        description: Indent guide color 1.
        format: hex
        opacity: true
        default-light: '#007fff7f'
        default-dark: '#007fff7f'
    -
        id: mu-indent-color-level-2
        title: Indent guide - color 2
        type: variable-themed-color
        description: Indent guide color 2.
        format: hex
        opacity: true
        default-light: '#d372ff7f'
        default-dark: '#d372ff7f'
    -
        id: mu-indent-color-level-3
        title: Indent guide - color 3
        type: variable-themed-color
        description: Indent guide color 3.
        format: hex
        opacity: true
        default-light: '#ff7f007f'
        default-dark: '#ff7f007f'
    -
        id: mu-indent-color-level-4
        title: Indent guide - color 4
        type: variable-themed-color
        description: Indent guide color 4.
        format: hex
        opacity: true
        default-light: '#00a3487f'
        default-dark: '#00a3487f'
    -
        id: mu-indent-color-level-5
        title: Indent guide - color 5
        type: variable-themed-color
        description: Indent guide color 5.
        format: hex
        opacity: true
        default-light: '#e500007f'
        default-dark: '#e500007f'
    -
        id: mu-indent-color-level-6
        title: Indent guide - color 6
        type: variable-themed-color
        description: Indent guide color 6.
        format: hex
        opacity: true
        default-light: '#9797007f'
        default-dark: '#9797007f'
    -
        id: magicuser-theme-graph
        title: Graph
        type: heading
        level: 3
        collapsed: true
    -
        id: graph-node
        title: Graph node color
        type: variable-themed-color
        description: Graph node color.
        format: hex
        opacity: false
        default-light: '#d372ff'
        default-dark: '#d372ff'
    -
        id: graph-node-focused
        title: Graph node focused color
        type: variable-themed-color
        description: Graph node focused color.
        format: hex
        opacity: false
        default-light: '#0048a3'
        default-dark: '#00cfff'
    -
        id: graph-node-unresolved
        title: Graph node unresolved color
        type: variable-themed-color
        description: Graph node unresolved color.
        format: hex
        opacity: false
        default-light: '#a3a3a3'
        default-dark: '#a3a3a3'
    -
        id: graph-text
        title: Graph text color
        type: variable-themed-color
        description: Graph text color.
        format: hex
        opacity: false
        default-light: '#000'
        default-dark: '#f1f1f1'
    -
        id: graph-line
        title: Graph line color
        type: variable-themed-color
        description: Graph line color.
        format: hex
        opacity: false
        default-light: '#007fff'
        default-dark: '#007fff'
    -
        id: graph-node-attachment
        title: Graph node attachment color
        type: variable-themed-color
        description: Graph node attachment color.
        format: hex
        opacity: false
        default-light: '#007fff'
        default-dark: '#007fff'
    -
        id: graph-node-tag
        title: Graph node tag color
        type: variable-themed-color
        description: Graph node tag color.
        format: hex
        opacity: false
        default-light: '#20cf20'
        default-dark: '#20f120'
    -
        id: magicuser-theme-modals
        title: Modals and prompts
        type: heading
        level: 3
        collapsed: true
    -
        id: mu-new-window-border-color
        title: New window border color
        type: variable-themed-color
        description: Select the border color for content opened in a new window.
        format: hex
        opacity: false
        default-light: '#007fff'
        default-dark: '#007fff'
    -
        id: mu-new-window-border-value
        title: New window border width
        description: Select the border width for content opened in a new window (0 = no border).
        type: variable-number-slider
        default: 1
        min: 0
        max: 5
        step: 1
    -
        id: modal-border-color
        title: Modals and prompts border color
        type: variable-themed-color
        description: Select modals border color.
        format: hex
        opacity: true
        default-light: '#007fff30'
        default-dark: '#007fff30'
    -
        id: mu-border-width-value
        title: Modals and prompts border width
        description: Set modals border width (0 =  no border).
        type: variable-number-slider
        default: 1
        min: 0
        max: 8
        step: 1
    -
        id: mu-transparent-prompts-menus
        title: Transparent menus, modals and prompts
        description: Activate transparency (menus, modals and prompts).
        type: class-toggle
        addCommand: true    
    -
        id: mu-transparency-menus-level
        title: Transparency level
        description: Adjust the opacity (transparent menus, modals and prompts).
        type: variable-number-slider
        default: 0.5
        min: 0.1
        max: 1
        step: 0.05
    -
        id: mu-transparency-blur-level-value
        title: Transparent elements - blur level
        description: Adjust the blur level of transparent menus, modals and prompts.
        type: variable-number-slider
        default: 8
        min: 0
        max: 20
        step: 1
    -  
        id: mu-compact-prompt
        title: Compact prompts
        description: Activate compact version of command palette and prompts.
        type: class-toggle
        addCommand: true
    -
        id: mu-no-prompt-instructions
        title: Hide prompt instructions
        description: Activate to hide prompt instructions.
        type: class-toggle
        addCommand: true
    -
        id: magicuser-theme-scrollbars
        title: Scrollbars
        type: heading
        level: 3
        collapsed: true
    -
        id: mu-scrollbar-width-value
        title: Scrollbar width
        description: Adjust the scrollbar width.
        type: variable-number-slider
        default: 12
        min: 8
        max: 32
        step: 2
    -
        id: mu-scrollbar-track-bg
        title: Scrollbar track color
        type: variable-themed-color
        description: Scrollbar track color.
        format: hex
        opacity: true
        default-light: '#ffffff00'
        default-dark: '#00000000'
    -
        id: mu-scrollbar-track-bg-hover
        title: Scrollbar track hover color
        type: variable-themed-color
        description: Scrollbar track hover color.
        format: hex
        opacity: true
        default-light: '#82828221'
        default-dark: '#00000021'
    -
        id: mu-scrollbar-thumb-size-value
        title: Scrollbar thumb size
        description: Adjust the scrollbar thumb size.
        type: variable-number-slider
        default: 10
        min: 0
        max: 12
        step: 2
    -
        id: mu-scrollbar-thumb-bg
        title: Scrollbar thumb color
        type: variable-themed-color
        description: Scrollbar thumb color.
        format: hex
        opacity: true
        default-light: '#48484822'
        default-dark: '#84848422'
    -
        id: mu-scrollbar-thumb-bg-hover
        title: Scrollbar thumb hover color
        type: variable-themed-color
        description: Scrollbar thumb hover color.
        format: hex
        opacity: true
        default-light: '#48484833'
        default-dark: '#84848433'
    -
        id: magicuser-theme-sidebar
        title: Sidebars
        type: heading
        level: 3
        collapsed: true
    -
        id: mu-sidebar-dark
        title: Dark sidebar (light mode)
        description: Turn on dark sidebar (light mode - normal UI).
        type: class-toggle
    -
        id: mu-vault-title
        title: Vault title color
        type: variable-themed-color
        description: Sidebar vault title color.
        format: hex
        opacity: false
        default-light: '#a300cf'
        default-dark: '#a273d8'
    -
        id: mu-sidebar-top-buttons-container-bg-color
        title: Sidebar top buttons container background color
        type: variable-themed-color
        description: Select sidebar top buttons container background color.
        format: hex
        opacity: false
        default-light: '#d1dfff'
        default-dark: '#001122'    
    -
        id: mu-sidebar-bottom-vault-profile-bg-color
        title: Sidebar vault profile background color
        type: variable-themed-color
        description: Select sidebar vault profile background color (bottom container).
        format: hex
        opacity: false
        default-light: '#d1dfff'
        default-dark: '#001122'    
    -
        id: mu-suggestion-search-panel-bg-color
        title: Sidebar search panel background color
        type: variable-themed-color
        description: Select sidebar search/suggestions panel background color.
        format: hex
        opacity: false
        default-light: '#d1dfff'
        default-dark: '#001122'
    -
        id: mu-folder-area-border
        title: Sidebar open folder area border
        type: variable-themed-color
        description: Open folder area border color.
        format: hex
        opacity: true
        default-light: '#007fff30'
        default-dark: '#007fff30'
    -
        id: mu-folder-area-background
        title: Sidebar open folder area background
        type: variable-themed-color
        description: Open folder area background color.
        format: hex
        opacity: true
        default-light: '#007fff10'
        default-dark: '#007fff10'
    -
        id: mu-hide-folder-open-area
        title: Hide sidebar open folder area
        description: Hide sidebar open folder area.
        type: class-toggle
    -
        id: mu-sidebar-pane-numbers
        title: Sidebar numbers color
        type: variable-themed-color
        description: Tags count, search results and other sidebar numbers color.
        format: hex
        opacity: false
        default-light: '#007fff'
        default-dark: '#007fff'
    -
        id: magicuser-theme-tabs-options
        title: Tabs
        type: heading
        level: 3
        collapsed: true
    -
        id: mu-hide-tabs-icons
        title: Hide tabs icons
        description:  Toggle tab icons in normal and stacked tabs.
        type: class-toggle
    -
        id: tab-text-color-focused-active-current
        title: Active tab foreground color
        type: variable-themed-color
        description: Foreground color of the active tab (default and stacked tabs modes).
        format: hex
        opacity: false
        default-light: '#000000'
        default-dark: '#f1f1f1'   
    -
        id: mu-tabs-style
        title: Tabs style
        type: class-select
        description: Select tabs style.
        allowEmpty: false
        default: none
        options:
            - 
                label: Default tabs
                value: none
            - 
                label: Square tabs
                value: mu-tabs-square
            - 
                label: Pill tabs
                value: mu-tabs-pill
    -
        id: mu-default-mode-border-color
        title: Default tabs mode - active tab border color
        type: variable-themed-color
        description: Default tabs mode - border color of active tab.
        format: hex
        opacity: false
        default-light: '#0088ff'
        default-dark: '#0088ff'   
    - 
        id: mu-default-mode-border-value
        title: Default tabs mode - active tab border width
        description: Default tabs mode - border width of active tab.
        type: variable-number-slider
        default: 1
        min: 0
        max: 2
        step: 1
    -
        id: mu-stacked-mode-border-color
        title: Stacked tabs mode - active tab border color
        type: variable-themed-color
        description: Stacked tabs mode - border color of active tab.
        format: hex
        opacity: false
        default-light: '#0088ff'
        default-dark: '#0088ff'  
    - 
        id: mu-stacked-mode-border-value
        title: Stacked tabs mode - active tab border width
        description: Stacked tabs mode - border width of active tab.
        type: variable-number-slider
        default: 1
        min: 0
        max: 5
        step: 1
    -
        id: magicuser-theme-editor
        title: Editor
        type: heading
        description: Headings (H1-H6), text, tables, tags and more.
        level: 2
        collapsed: true
    -
        id: magicuser-theme-headings
        title: Headings H1-H6
        type: heading
        level: 3
        collapsed: true
    -
        id: mu-neon-mode
        title: Neon mode
        description: Activate headings neon mode (live preview, source and reading modes).
        type: class-toggle
        addCommand: true
    -
        id: mu-outline-neon-mode
        title: Outline neon mode
        description: Activate headings outline neon mode (live preview, source and reading modes).
        type: class-toggle
        addCommand: true
    -
        id: mu-neon-mode-glow-value
        title: Neon modes - glow controller
        description: Adjust the glow intensity of neon and outline neon modes.
        type: variable-number-slider
        default: 0.5
        min: 0.1
        max: 1
        step: 0.05
    -
        id: mu-underline-headings
        title: Underline headings
        description: Activate underline headings H1-H6.
        type: class-toggle
        addCommand: true
    -
        id: magicuser-theme-normal-mode-headings
        title: Headings fonts, sizes and colors
        type: heading
        level: 4
        collapsed: true
    -
        id: mu-font-headings
        title: Global headings font (H1-H6)
        type: variable-text
        description: Font used in headings (H1-H6).
        default: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif
    -
        id: h1-font
        title: H1 font
        type: variable-text
        description: Font used in H1 headings.
        default: Inter, sans-serif
    -
        id: h1-size
        title: H1 font size
        type: variable-text
        description: Heading 1 font size.
        default: 2em
    -
        id: h1-weight
        title: H1 font weight
        description: Heading 1 font weight (bold controller).
        type: variable-number-slider
        default: 800
        min: 100
        max: 800
        step: 100
    -
        id: mu-h1
        title: H1 color
        type: variable-themed-color
        description: Heading 1 color.
        format: hex
        opacity: false
        default-light: '#0072d3'
        default-dark: '#00a3ff'
    -
        id: h2-font
        title: H2 font
        type: variable-text
        description: Font used in H2 headings.
        default: Inter, sans-serif
    -
        id: h2-size
        title: H2 font size
        type: variable-text
        description: Heading 2 font size.
        default: 1.5em
    -
        id: h2-weight
        title: H2 font weight
        description: Heading 2 font weight (bold controller).
        type: variable-number-slider
        default: 800
        min: 100
        max: 800
        step: 100
    -
        id: mu-h2
        title: H2 color
        type: variable-themed-color
        description: Heading 2 color.
        format: hex
        opacity: false
        default-light: '#0072d3'
        default-dark: '#00a3ff'
    -
        id: h3-font
        title: H3 font
        type: variable-text
        description: Font used in H3 headings.
        default: Inter, sans-serif
    -
        id: h3-size
        title: H3 font size
        type: variable-text
        description: Heading 3 font size.
        default: 1.17em
    -
        id: h3-weight
        title: H3 font weight
        description: Heading 3 font weight (bold controller).
        type: variable-number-slider
        default: 800
        min: 100
        max: 800
        step: 100
    -
        id: mu-h3
        title: H3 color
        type: variable-themed-color
        description: Heading 3 color.
        format: hex
        opacity: false
        default-light: '#0072d3'
        default-dark: '#00a3ff'
    -
        id: h4-font
        title: H4 font
        type: variable-text
        description: Font used in H4 headings.
        default: Inter, sans-serif
    -
        id: h4-size
        title: H4 font size
        type: variable-text
        description: Heading 4 font size.
        default: 1em
    -
        id: h4-weight
        title: H4 font weight
        description: Heading 4 font weight (bold controller).
        type: variable-number-slider
        default: 800
        min: 100
        max: 800
        step: 100
    -
        id: mu-h4
        title: H4 color
        type: variable-themed-color
        description: Heading 4 color.
        format: hex
        opacity: false
        default-light: '#0072d3'
        default-dark: '#00a3ff'
    -
        id: h5-font
        title: H5 font
        type: variable-text
        description: Font used in H5 headings.
        default: Inter, sans-serif
    -
        id: h5-size
        title: H5 font size
        type: variable-text
        description: Heading 5 font size.
        default: 0.83em
    -
        id: h5-weight
        title: H5 font weight
        description: Heading 5 font weight (bold controller).
        type: variable-number-slider
        default: 800
        min: 100
        max: 800
        step: 100
    -
        id: mu-h5
        title: H5 color
        type: variable-themed-color
        description: Heading 5 color.
        format: hex
        opacity: false
        default-light: '#0072d3'
        default-dark: '#00a3ff'
    -
        id: h6-font
        title: H6 font
        type: variable-text
        description: Font used in H6 headings.
        default: Inter, sans-serif
    -
        id: h6-size
        title: H6 font size
        type: variable-text
        description: Heading 6 font size.
        default: 0.67em
    -
        id: h6-weight
        title: H6 font weight
        description: Heading 6 font weight (bold controller).
        type: variable-number-slider
        default: 800
        min: 100
        max: 800
        step: 100
    -
        id: mu-h6
        title: H6 color
        type: variable-themed-color
        description: Heading 6 color.
        format: hex
        opacity: false
        default-light: '#0072d3'
        default-dark: '#00a3ff'
    -
        id: magicuser-theme-neon-mode-headings
        title: Neon mode headings
        type: heading
        level: 4
        collapsed: true
    - 
        id: mu-neon-h1-color-hex
        title: Neon H1 color
        type: variable-themed-color
        description: Neon heading 1 color.
        opacity: false
        format: hex
        alt-format:
            -
                id: mu-neon-h1-color
                format: rgb-values
        default-light: '#007fff'
        default-dark: '#00e1ff'
    - 
        id: mu-neon-h2-color-hex
        title: Neon H2 color
        type: variable-themed-color
        description: Neon heading 2 color.
        opacity: false
        format: hex
        alt-format:
            -
                id: mu-neon-h2-color
                format: rgb-values
        default-light: '#c547ff'
        default-dark: '#d372ff'
    - 
        id: mu-neon-h3-color-hex
        title: Neon H3 color
        type: variable-themed-color
        description: Neon heading 3 color.
        opacity: false
        format: hex
        alt-format:
            -
                id: mu-neon-h3-color
                format: rgb-values
        default-light: '#eb9800'
        default-dark: '#ffbf48'
    - 
        id: mu-neon-h4-color-hex
        title: Neon H4 color
        type: variable-themed-color
        description: Neon heading 4 color.
        opacity: false
        format: hex
        alt-format:
            -
                id: mu-neon-h4-color
                format: rgb-values
        default-light: '#00c000'
        default-dark: '#72ff72'
    - 
        id: mu-neon-h5-color-hex
        title: Neon H5 color
        type: variable-themed-color
        description: Neon heading 5 color.
        opacity: false
        format: hex
        alt-format:
            -
                id: mu-neon-h5-color
                format: rgb-values
        default-light: '#b10000'
        default-dark: '#ff7272'
    - 
        id: mu-neon-h6-color-hex
        title: Neon H6 color
        type: variable-themed-color
        description: Neon heading 6 color.
        opacity: false
        format: hex
        alt-format:
            -
                id: mu-neon-h6-color
                format: rgb-values
        default-light: '#828200'
        default-dark: '#f1f138'   
    -
        id: magicuser-theme-text
        title: Text
        type: heading
        level: 3
        collapsed: true
    -
        id: mu-global-font-mode
        title: Global font mode
        description: Activate global font mode (text and other UI elements).
        type: class-toggle
        addCommand: true
    -
        id: mu-global-font
        title: Global font
        type: variable-text
        description: Select global font (global font mode).
        default: JetBrains Mono, Consolas, Roboto Mono, Menlo, monospace
    -
        id: mu-global-font-stylistic-set
        title: Global font stylistic sets
        type: variable-text
        description: Select global font stylistic sets (when supported by the selected font). Advanced typographic features in OpenType fonts.
        default: normal
    -
        id: mu-global-font-letter-spacing
        title: Global font letter spacing
        type: variable-text
        description: Set a value in pixels to customize spacing between characters (e.g. 0.5px). Use normal to restore the font's default letter spacing. Maximum is 2px.
        default: normal
    -
        id: text-normal
        title: Theme text color
        type: variable-themed-color
        description: Select theme text color.
        format: hex
        opacity: false
        default-light: '#000000'
        default-dark: '#f1f1f1'
    -
        id: mu-text-bold
        title: Bold text color
        type: variable-themed-color
        description: Bold text color.
        format: hex
        opacity: false
        default-light: '#000000'
        default-dark: '#f1f1f1'
    -
        id: mu-text-italic
        title: Italic text color
        type: variable-themed-color
        description: Italic text color.
        format: hex
        opacity: false
        default-light: '#000000'
        default-dark: '#f1f1f1'
    -
        id: text-highlight-bg
        title: Highlighted text background color
        type: variable-themed-color
        description: Background color used to highlight text.
        format: hex
        opacity: true
        default-light: '#ffff0088'
        default-dark: '#ffff0088'
    -
        id: mu-underline-text-color-hex
        title: Underline text color
        type: variable-themed-color
        description: Color used to underline text.
        format: hex
        opacity: false
        alt-format:
            -
                id: mu-underline-text-color-rgb
                format: rgb-values
        default-light: '#ff2848'
        default-dark: '#ff2848'
    -
        id: hidden-text-underline-background-color
        title: Hidden text underline background color
        type: variable-themed-color
        description: Background color (highlight) of the hidden text underline.
        format: hex
        opacity: true
        default-light: '#ffff0088'
        default-dark: '#ffff0088'
    -
        id: hidden-text-underline-foreground-color
        title: Hidden text underline foreground color
        type: variable-themed-color
        description: Foreground color of the hidden text underline.
        format: hex
        opacity: true
        default-light: '#000'
        default-dark: '#f1f1f1'
    -
        id: mu-footnote-color
        title: Footnotes color
        type: variable-themed-color
        description: Select footnotes color (live preview and source modes).
        format: hex
        opacity: false
        default-light: '#f07f48'
        default-dark: '#f07f48'
    - 
        id: magicuser-theme-links
        title: Links      
        type: heading
        level: 3
        collapsed: true
    -
        id: link-decoration
        title: Internal link decoration
        type: variable-select
        description: Internal link decoration.
        default: 'underline'
        options:
            - 'underline'
            - 'none'
    -
        id: mu-link
        title: Internal link color
        type: variable-themed-color
        description: Internal link color.
        format: hex
        opacity: false
        default-light: '#a200ff'
        default-dark: '#d372ff'
    -
        id: mu-link-hover
        title: Internal link hover color
        type: variable-themed-color
        description: Internal link hover color.
        format: hex
        opacity: false
        default-light: '#c300ff'
        default-dark: '#db8fff'
    -
        id: link-external-decoration
        title: External link decoration
        type: variable-select
        description: External link decoration.
        default: 'underline'
        options:
            - 'underline'
            - 'none'
    -
        id: mu-external-link
        title: External link color
        type: variable-themed-color
        description: External link color.
        format: hex
        opacity: false
        default-light: '#0033ff'
        default-dark: '#00a9dd'
    -
        id: mu-external-link-hover
        title: External link hover color
        type: variable-themed-color
        description: External link hover color.
        format: hex
        opacity: false
        default-light: '#00a3ff'
        default-dark: '#00c3ff'
    -
        id: magicuser-theme-tables-options
        title: Tables
        type: heading
        level: 3
        collapsed: true
    -
        id: mu-presets-tables
        title: Preset tables
        description: Set table layout.
        type: class-select
        allowEmpty: false
        default: none
        options:
            - 
                label: Default table
                value: none
            - 
                label: Preset table1
                value: table1
            - 
                label: Preset table2
                value: table2
            - 
                label: Preset table3
                value: table3
            - 
                label: Preset table4
                value: table4
            - 
                label: Preset table5
                value: table5
            - 
                label: Preset table6
                value: table6
            - 
                label: Preset plain data
                value: plain-data
            - 
                label: Preset numbered table
                value: num-table
    - 
        id: table-text-color
        title: Table body text foreground color
        type: variable-themed-color
        description: Set a color of the text within table body.
        format: hex
        opacity: true
        default-light: '#000000'
        default-dark: '#f1f1f1'
    - 
        id: mu-table-th-foreground-main
        title: Table header foreground color
        type: variable-themed-color
        description: Foreground color of the table header (th).
        format: hex
        opacity: true
        default-light: '#e1e1e1'
        default-dark: '#e1e1e1'
    - 
        id: mu-table-th-background
        title: Table header background color
        type: variable-themed-color
        description: Background color of the table header (th).
        format: hex
        opacity: true
        default-light: '#004882'
        default-dark: '#004882'
    -
        id: mu-table-color-2
        title: Table row background color (odd)
        type: variable-themed-color
        description: Background color of the table rows (odd).
        format: hex
        opacity: true
        default-light: '#a3a3a348'
        default-dark: '#a3a3a348'
    -
        id: mu-table-color-1
        title: Table row background color (even)
        type: variable-themed-color
        description: Background color of the table rows (even).
        format: hex
        opacity: true
        default-light: '#a3a3a328'
        default-dark: '#a3a3a328'
    -
        id: mu-table-row-hover
        title: Table row hover background color
        type: variable-themed-color
        description: Background color of the table row hover.
        format: hex
        opacity: true
        default-light: '#0088ff33'
        default-dark: '#0088ff33'
    -
        id: mu-table-outer-border-width-value
        title: Outer table border width
        description: Outer table border width (0 = no outer border).
        type: variable-number-slider
        default: 2
        min: 0
        max: 5
        step: 1
    -
        id: mu-table-inner-border-width-value
        title: Inner table borders width
        description: Inner table borders width (0 = no inner borders).
        type: variable-number-slider
        default: 0
        min: 0
        max: 5
        step: 1
    -
        id: mu-disable-tr-hover
        title: Disable table row hover
        description: Disable table row hover background change.
        type: class-toggle
    -
        id: mu-column-stripped-background
        title: Column stripped tables - column background color (even)
        type: variable-themed-color
        description: Background color of the even columns (table1 and table6 presets).
        format: hex
        opacity: true
        default-light: '#00000011'
        default-dark: '#00000082'
    -
        id: mu-num-table-bg-col
        title: Preset numbered table - column number
        type: variable-themed-color
        description: Background color of the column number (preset numbered table).
        format: hex
        opacity: true
        default-light: '#00000082'
        default-dark: '#00000082'
    - 
        id: mu-num-table-bg-row
        title: Preset numbered table - row number
        type: variable-themed-color
        description: Background color of the row number (preset numbered table).
        format: hex
        opacity: true
        default-light: '#00000022'
        default-dark: '#00000022'
    -
        id: magicuser-theme-tags-options
        title: Tags
        type: heading
        level: 3
        collapsed: true
    -
        id: mu-tags-colored
        title: Colored tags
        description: Toggle colored tags.
        type: class-toggle
        addCommand: true
    -
        id: tag-radius-value
        title: Tags shape
        description: Set tags shape (0 = square tags).
        type: variable-number-slider
        default: 1
        min: 0
        max: 1
        step: 0.1
    -
        id: mu-tags-hashtag-padding-value
        title: Spacing between the text and the hashtag
        description: Set the spacing between hashtag(#) and tag text - live preview and source modes.
        type: variable-number-slider
        default: 2
        min: 0
        max: 12
        step: 0.5
    -
        id: mu-tags-hide-hashtag
        title: Hide hashtags (#)
        description: Hide hashtags - live preview and source modes.
        type: class-toggle
    -
        id: tag-color
        title: Tags text color
        type: variable-themed-color
        description: Select tags text foreground color.
        format: hex
        opacity: false
        default-light: '#8b6cef'
        default-dark: '#8b6cef'  
    -
        id: tag-color-hover
        title: Tags text hover color
        type: variable-themed-color
        description: Select tags text foreground hover color.
        format: hex
        opacity: false
        default-light: '#a994f3'
        default-dark: '#a994f3'  
    -
        id: tag-background
        title: Tags background color
        type: variable-themed-color
        description: Select tags background color.
        format: hex
        opacity: true
        default-light: '#8b6cef82'
        default-dark: '#8b6cef82'  
    -
        id: tag-background-hover
        title: Tags background hover color
        type: variable-themed-color
        description: Select tags background hover color.
        format: hex
        opacity: true
        default-light: '#a994f382'
        default-dark: '#a994f382'
    -
        id: tag-border-color
        title: Tags border color
        type: variable-themed-color
        description: Select tags border color.
        format: hex
        opacity: true
        default-light: '#0072d33f'
        default-dark: '#0072d33f'
    -
        id: tag-border-color-hover
        title: Tags border hover color
        type: variable-themed-color
        description: Select tags border hover color.
        format: hex
        opacity: true
        default-light: '#00bfff'
        default-dark: '#00bfff'
    -
        id: magicuser-theme-other-editor-elements
        title: Other editor elements
        type: heading
        level: 3
        collapsed: true
    -
        id: magicuser-theme-blockquote
        title: Blockquotes
        type: heading
        level: 4
        collapsed: true
    -
        id: mu-blockquote-background
        title: Blockquote background color
        type: variable-themed-color
        description: Select blockquote background color.
        format: hex
        opacity: true
        default-light: '#cfcfcf88'
        default-dark: '#cfcfcf20'
    -
        id: mu-blockquote-border
        title: Blockquote border color
        type: variable-themed-color
        description: Select blockquote left border color.
        format: hex
        opacity: false
        default-light: '#007fff'
        default-dark: '#007fff'
    -
        id: mu-outline-blockquote
        title: Outline blockquote border
        description: Turn on outline blockquote border .
        type: class-toggle
    - 
        id: magicuser-theme-checkboxes
        title: Checklists      
        type: heading
        level: 4
        collapsed: true
    -
        id: disable-alt-checkboxes
        title: Disable theme alternative checkboxes
        description: Use this option to add alternative checkboxes via CSS snippet.
        type: class-toggle
    -
        id: mu-checkbox-type
        title: Checkbox shape
        type: class-select
        description: Select checkbox shape.
        allowEmpty: false
        default: none
        options:
            - 
                label: Default
                value: none
            - 
                label: Square
                value: mu-checkbox-square
            - 
                label: Circle
                value: mu-checkbox-circle
    -
        id: checklist-done-decoration
        title: Checklist done decoration
        type: variable-select
        description: Text decoration of the completed task.
        default: 'underline'
        options:
            - 'underline'
            - 'line-through'
            - 'none'
    -
        id: checklist-done-color
        title: Checklist done text color
        type: variable-color
        description: Text color of the completed task.
        format: hex
        opacity: false
        default: '#00cf48'
    - 
        id: magicuser-theme-code
        title: Code
        type: heading
        level: 4
        collapsed: true
    -
        id: mu-font-mono
        title: Code font
        type: variable-text
        description: Font used for source mode.
        default: JetBrains Mono, Consolas, Roboto Mono, Menlo, Monaco, Courier New, monospace
    -
        id: mu-outline-inline-code
        title: Outline inline code
        description: Turn on outline inline code.
        type: class-toggle
        addCommand: true
    -
        id: mu-inline-code-border
        title: Inline code border color
        type: variable-themed-color
        description: Inline code border color (outline code on).
        format: hex
        opacity: false
        default-light: '#0072d3'
        default-dark: '#0072d3'
    -
        id: mu-outline-code
        title: Outline code block
        description: Turn on outline code blocks.
        type: class-toggle
        addCommand: true
    -
        id: mu-code-block-border
        title: Code block border color
        description: Code block border color (outline code on).
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#0072d3'
        default-dark: '#0072d3'
    -
        id: code-background
        title: Code background color
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#f1f1f1'
        default-dark: '#001122'
    -
        id: code-keyword
        title: Keyword color
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#c300f1'
        default-dark: '#d372ff'
    -
        id: code-string
        title: String color
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#0000f1'
        default-dark: '#00d8ff'
    -
        id: code-value
        title: Number / Value color
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#f18f00'
        default-dark: '#ffa300'
    -
        id: code-comment
        title: Comment color
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#a3a3a3'
        default-dark: '#a3a3a3'
    -
        id: code-function
        title: Function color
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#00a300'
        default-dark: '#48f148'
    -
        id: code-property
        title: Property color
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#0048a3'
        default-dark: '#0088f1'
    -
        id: code-tag
        title: HTML tag color
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#c300f1'
        default-dark: '#d372ff'
    -
        id: mu-code-attribute
        title: Attribute color
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#e50000'
        default-dark: '#ffa3a3'
    -
        id: code-operator
        title: Operator color
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#c300f1'
        default-dark: '#d372ff'
    -
        id: code-punctuation
        title: Punctuation color
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#c300f1'
        default-dark: '#d372ff'
    -
        id: magicuser-theme-file-line-width
        title: File line width
        type: heading
        level: 4
        collapsed: true
    -
        id: mu-file-line-width-value
        title: File line width (note width)
        description: Adjust file line width (note width).
        type: variable-number-slider
        default: 700
        min: 500
        max: 2560
        step: 1
    -
        id: magicuser-theme-hr
        title: Horizontal rules and dividers
        type: heading
        level: 4
        collapsed: true
    -
        id: mu-hr-color
        title: Horizontal rule color
        type: variable-themed-color
        description: Select horizontal rule color.
        format: hex
        opacity: false
        default-light: '#0072d3'
        default-dark: '#0072d3'
    -
        id: mu-file-header-border-color
        title: File header border color
        type: variable-themed-color
        description: Select file header border color.
        format: hex
        opacity: true
        default-light: '#007fff20'
        default-dark: '#007fff20'
    - 
        id: mu-file-header-border-value
        title: File header border width
        description: Set file header border width (0 = no border).
        type: variable-number-slider
        default: 1
        min: 0
        max: 5
        step: 1
    -
        id: mu-divider-color
        title: Divider color
        type: variable-themed-color
        description: Select panel divider color.
        format: hex
        opacity: false
        default-light: '#007fff10'
        default-dark: '#007fff10'
    -
        id: mu-divider-width-value
        title: Divider width
        description: Set the divider width (0 =  no divider).
        type: variable-number-slider
        default: 1
        min: 0
        max: 8
        step: 1 
    -
        id: mu-divider-color-hover
        title: Divider hover color
        type: variable-themed-color
        description: Panel divider hover color.
        format: hex
        opacity: false
        default-light: '#007fff'
        default-dark: '#007fff'
    -
        id: mu-divider-hover-width-value
        title: Divider hover width
        description: Set the divider hover width (0 =  no divider).
        type: variable-number-slider
        default: 3
        min: 0
        max: 8
        step: 1 
    -
        id: mu-menu-separator-color
        title: Menu and settings separators color
        type: variable-themed-color
        description: Color of menu and settings separators.
        format: hex
        opacity: true
        default-light: '#0072d322'
        default-dark: '#0072d322'
    -
        id: magicuser-theme-lists
        title: Lists
        type: heading
        level: 4
        collapsed: true
    -
        id: list-marker-color
        title: Lists color
        type: variable-themed-color
        description: Ordered and unordered lists color.
        format: hex
        opacity: false
        default-light: '#007fff'
        default-dark: '#007fff'
    -
        id: list-marker-color-collapsed
        title: Lists collapsed color
        type: variable-themed-color
        description: Ordered and unordered lists collapsed color.
        format: hex
        opacity: false
        default-light: '#f100f1'
        default-dark: '#f100f1'
    -
        id: magicuser-theme-inline-title
        title: Inline title
        type: heading
        level: 4
        collapsed: true
    -
        id: mu-text-title
        title: Inline title color
        type: variable-themed-color
        description: Filename inline title color.
        format: hex
        opacity: false
        default-light: '#a300cf'
        default-dark: '#af47eb'
    - 
        id: mu-inline-title-font-size-value
        title: Inline title font size
        description: Filename inline title font size.
        type: variable-number-slider
        default: 0.88
        min: 0.6
        max: 2
        step: 0.01
    -
        id: magicuser-theme-frontmatter
        title: Frontmatter properties
        type: heading
        level: 4
        collapsed: true
    -
        id: mu-properties-container-color
        title: Frontmatter properties container background color
        type: variable-themed-color
        description: Frontmatter properties container background color.
        format: hex
        opacity: true
        default-light: '#007fff10'
        default-dark: '#007fff10'
    -
        id: mu-property-title-color
        title: Frontmatter properties title color
        type: variable-themed-color
        description: Frontmatter properties title color (top container title).
        format: hex
        opacity: true
        default-light: '#0072d3'
        default-dark: '#00a3ff'
    -
        id: mu-property-color
        title: Frontmatter property name color
        type: variable-themed-color
        description: Frontmatter property name color.
        format: hex
        opacity: true
        default-light: '#0072d3'
        default-dark: '#00a3ff'
    - 
        id: magicuser-theme-special-modes-and-effects
        title: Special modes and effects
        type: heading
        description: UI modes, line highlight, laser and more.
        level: 2
        collapsed: true
    - 
        id: magicuser-theme-ui-modes
        title: UI modes
        type: heading
        level: 3
        collapsed: true
    -
        id: mu-warm-screen-mode
        title: Warm screen mode
        description: Adjust the intensity of the warm screen mode (0 = off).
        type: variable-number-slider
        default: 0.0
        min: 0.0
        max: 1.0
        step: 0.01
    -
        id: mu-distraction-free-mode
        title: Distraction-free mode 
        description: Activate distraction-free mode.
        type: class-toggle
        addCommand: true
    -
        id: mu-total-concentration-mode
        title: Total concentration mode 
        description: Activate total concentration mode.
        type: class-toggle
        addCommand: true
    -
        id: mu-cards-interface
        title: Cards UI
        description: Activate cards user interface.
        type: class-toggle
        addCommand: true
    -
        id: mu-o-ui-sidebars
        title: Outline UI - sidebars
        description: Add borders to left and right sidebars.
        type: class-toggle
    -
        id: mu-o-ui-icons
        title: Outline UI - active icons
        description: Add borders to active icons and elements.
        type: class-toggle
    -
        id: mu-o-ui-border
        title: Outline UI - border color
        type: variable-themed-color
        description: Select border color of outline UI elements.
        format: hex
        opacity: true
        default-light: '#0072d3'
        default-dark: '#0072d3'
    - 
        id: magicuser-theme-active-line-zoom
        title: Active line zoom
        type: heading
        level: 3
        collapsed: true
    -
        id: mu-active-line-zoom
        title: MagicUser active line zoom
        description: Turn on active line zoom (live preview, source and reading modes).
        type: class-toggle
        addCommand: true
    -
        id: magicuser-theme-hover-underline
        title: Hover underline
        type: heading
        level: 3
        collapsed: true
    -
        id: mu-hover-underline
        title: Hover underline
        description: Turn on hover underline (live preview, source and reading modes).
        type: class-toggle
        addCommand: true
    -
        id: mu-hover-underline-style
        title: Hover underline style
        type: class-select
        description: Select hover underline style.
        allowEmpty: false
        default: none
        options:
            - 
                label: Default
                value: none
            - 
                label: Dashed
                value: mu-hover-underline-style-dashed
            - 
                label: Dotted
                value: mu-hover-underline-style-dotted
            - 
                label: Double
                value: mu-hover-underline-style-double
    - 
        id: mu-hover-underline-color
        title: Hover underline color
        type: variable-themed-color
        description: Select hover underline color.
        format: hex
        opacity: true
        default-light: '#ff0000cf'
        default-dark: '#ff0000cf'
    - 
        id: mu-hover-underline-thickness-value
        title: Hover underline thickness
        description: Select hover underline thickness.
        type: variable-number-slider
        default: 2
        min: 1
        max: 5
        step: 1
    -
        id: mu-hover-underline-offset-value
        title: Gap between text and hover underline
        description: Select the gap between text and hover underline.
        type: variable-number-slider
        default: 2
        min: 0
        max: 5
        step: 1
    -
        id: magicuser-theme-line-highlight
        title: Line highlight
        type: heading
        level: 3
        collapsed: true
    -
        id: mu-line-highlight-border
        title: Line highlight border color
        type: class-select
        description: Border color of the active line.
        allowEmpty: false
        default: line-highlight-border-default
        options:
            - 
                label: No border
                value: line-highlight-border-default
            - 
                label: Blue border
                value: line-highlight-border-blue
            - 
                label: Green border
                value: line-highlight-border-green
            - 
                label: Orange border
                value: line-highlight-border-orange
            - 
                label: Yellow border
                value: line-highlight-border-yellow
            - 
                label: Red border
                value: line-highlight-border-red
            - 
                label: Purple border
                value: line-highlight-border-purple
            - 
                label: Pink border
                value: line-highlight-border-pink
            - 
                label: Gray border
                value: line-highlight-border-gray
    -
        id: mu-line-highlight-background
        title: Line highlight background color
        type: class-select
        description: Background color of the active line.
        allowEmpty: false
        default: line-highlight-background-default
        options:
            - 
                label: No background
                value: line-highlight-background-default
            - 
                label: Blue background
                value: line-highlight-background-blue
            - 
                label: Green background
                value: line-highlight-background-green
            - 
                label: Orange background
                value: line-highlight-background-orange
            - 
                label: Yellow background
                value: line-highlight-background-yellow
            - 
                label: Red background
                value: line-highlight-background-red
            - 
                label: Purple background
                value: line-highlight-background-purple
            - 
                label: Pink background
                value: line-highlight-background-pink
            - 
                label: Gray background
                value: line-highlight-background-gray
    -
        id: magicuser-theme-laser
        title: Laser
        type: heading
        level: 3
        collapsed: true
    -
        id: mu-laser-active
        title: MagicUser laser
        description: Turn on MagicUser laser.
        type: class-toggle
        addCommand: true
    -
        id: mu-laser-type
        title: Laser focus type
        type: class-select
        description: Select laser focus type.
        allowEmpty: false
        default: mu-laser-type-line
        options:
            - 
                label: Line
                value: mu-laser-type-line
            - 
                label: Area
                value: mu-laser-type-area
    - 
        id: mu-laser-intensity
        title: Laser intensity
        description: Adjust the laser intensity.
        type: variable-number-slider
        default: 1.5
        min: 0.5
        max: 3.0
        step: 0.1
    -
        id: mu-laser-color
        title: Laser color
        type: class-select
        description: Select laser color.
        allowEmpty: false
        default: mu-laser-blue
        options:
            - 
                label: Blue laser
                value: mu-laser-blue
            - 
                label: Green laser
                value: mu-laser-green
            - 
                label: Orange laser
                value: mu-laser-orange
            - 
                label: Yellow laser
                value: mu-laser-yellow
            - 
                label: Red laser
                value: mu-laser-red
            - 
                label: Purple laser
                value: mu-laser-purple
            - 
                label: Pink laser
                value: mu-laser-pink
    - 
        id: mu-laser-area-value
        title: Laser area size
        description: Adjust the laser area size.
        type: variable-number-slider
        default: 82
        min: 1
        max: 300
        step: 1
    - 
        id: mu-laser-top-value
        title: Laser position
        description: Adjust the laser vertical position.
        type: variable-number-slider
        default: 50
        min: 10
        max: 90
        step: 1
    -
        id: magicuser-theme-reading-indicator
        title: Reading mode
        type: heading
        level: 3
        collapsed: true
    -
        id: magicuser-theme-reading-glow
        title: Reading glow
        type: heading
        level: 4
        collapsed: true
    -
        id: mu-reading-glow
        title: Reading glow color
        type: class-select
        description: Reading glow color.
        allowEmpty: false
        default: reading-glow-blue
        options:
            - 
                label: Blue glow
                value: reading-glow-blue
            - 
                label: Green glow
                value: reading-glow-green
            - 
                label: Orange glow
                value: reading-glow-orange
            - 
                label: Yellow glow
                value: reading-glow-yellow
            - 
                label: Red glow
                value: reading-glow-red
            - 
                label: Pink glow
                value: reading-glow-pink
            - 
                label: Purple glow
                value: reading-glow-purple
    -
        id: mu-reading-glow-border-size-value
        title: Reading glow border size
        description: Reading glow border size (0 = glow only).
        type: variable-number-slider
        default: 3
        min: 0
        max: 8
        step: 1
    -
        id: mu-reading-glow-radius-value
        title: Reading glow corners
        description: Reading glow corners (0 = square corners).
        type: variable-number-slider
        default: 1
        min: 0
        max: 2
        step: 0.5
    -
        id: mu-reading-glow-status-off
        title: Turn off reading glow
        description: Turn off the reading glow effect.
        type: class-toggle
        addCommand: true
    -
        id: magicuser-theme-reading-indicator
        title: Reading indicator and labels
        type: heading
        level: 4
        collapsed: true
    - 
        id: mu-reading-indicator-color
        title: Reading indicator color
        type: variable-themed-color
        description: Color of the reading indicator.
        format: hex
        opacity: true
        default-light: '#007fffa3'
        default-dark: '#007fffa3'
    - 
        id: mu-reading-indicator-width-value-rem
        title: Reading indicator width
        description: Select reading indicator width (0 = no indicator).
        type: variable-number-slider
        default: 0.3
        min: 0
        max: 1
        step: 0.05
    -
        id: mu-hide-reading-indicator
        title: Hide reading indicator 
        description: Hide reading indicator.
        type: class-toggle
    -
        id: mu-hide-heading-labels
        title: Hide headings labels 
        description: Hide headings labels.
        type: class-toggle
    -
        id: mu-label-h1
        title: H1 label color
        type: variable-themed-color
        description: Reading mode - H1 label color.
        format: hex
        opacity: false
        default-light: '#bf72d8'
        default-dark: '#a35fbf'
    -
        id: mu-label-h2
        title: H2 label color
        type: variable-themed-color
        description: Reading mode - H2 label color.
        format: hex
        opacity: false
        default-light: '#bf72d8'
        default-dark: '#a35fbf'
    -
        id: mu-label-h3
        title: H3 label color
        type: variable-themed-color
        description: Reading mode - H3 label color.
        format: hex
        opacity: false
        default-light: '#bf72d8'
        default-dark: '#a35fbf'
    -
        id: mu-label-h4
        title: H4 label color
        type: variable-themed-color
        description: Reading mode - H4 label color.
        format: hex
        opacity: false
        default-light: '#bf72d8'
        default-dark: '#a35fbf'
    -
        id: mu-label-h5
        title: H5 label color
        type: variable-themed-color
        description: Reading mode - H5 label color.
        format: hex
        opacity: false
        default-light: '#bf72d8'
        default-dark: '#a35fbf'
    -
        id: mu-label-h6
        title: H6 label color
        type: variable-themed-color
        description: Reading mode - H6 label color.
        format: hex
        opacity: false
        default-light: '#bf72d8'
        default-dark: '#a35fbf'
    -
        id: magicuser-theme-hide-ui-elements
        title: Hide UI elements
        type: heading
        level: 3
        collapsed: true
    -
        id: mu-hide-vault-title
        title: Hide vault name
        description:  Hide sidebar vault name (Obsidian < v1.6).
        type: class-toggle
    -
        id: mu-hide-nav-buttons-container
        title: Hide sidebar buttons
        description:  Hide sidebar buttons (new note, new folder and others).
        type: class-toggle
    -
        id: mu-hide-view-header-nav-buttons
        title: Hide tab navigation buttons
        description:  Hide tab navigation back and forward buttons.
        type: class-toggle
    -
        id: mu-hide-titlebar-top-left-buttons
        title: Auto hide title bar top left buttons
        description: Auto hide title bar top left buttons.
        type: class-toggle
    -
        id: mu-hide-side-dock-actions
        title: Auto hide top ribbon buttons
        description: Auto hide top ribbon buttons.
        type: class-toggle
    -
        id: mu-hide-side-dock-settings
        title: Auto hide bottom ribbon buttons
        description: Auto hide bottom ribbon buttons (Obsidian < v1.6).
        type: class-toggle
    -
        id: mu-hide-inline-title
        title: Auto hide inline title
        description: Auto hide inline title.
        type: class-toggle
    -
        id: mu-hide-status-bar
        title: Auto hide status bar
        description: Auto hide status bar.
        type: class-toggle
    - 
        id: magicuser-theme-about
        title: MagicUser theme
        type: heading
        description: Made with ♥ by Bernardo Pires.
        level: 2
        collapsed: true
    - 
        id: my-info-text
        title: MagicUser theme for Obsidian
        description: Made with ♥ by Bernardo Pires (@drbap). I hope you enjoy. Thanks for using it.
        type: info-text
        markdown: false

*/
