/*
      Theme: Retroma
    Version: v2.7.0
     Author: emarpiee
Description: A tribute to the past with an eye toward the future.

-------------------------------------------------------------------------------
MIT License

Copyright (c) 2025 emarpiee

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

/* ------------------------------------------------------------------------------------ */
/* ROOT THEME VARIABLES */
:root {
  /* Base Hues */
  --hue-red: #d32f2f;
  --hue-orange: #ff9800;
  --hue-yellow: #ffeb3b;
  --hue-green: #4caf50;
  --hue-blue: #2196f3;
  --hue-indigo: #3f51b5;
  --hue-violet: #9c27b0;
  --hue-vermillion: #ff5722;
  --hue-amber: #ffb300;
  --hue-lime: #8bc34a;
  --hue-teal: #009688;
  --hue-purple: #673ab7;
  --hue-magenta: #e91e63;
  --hue-rose: #f48fb1;
  --hue-cyan: #00bcd4;
}

body {
  /* Accent Colors */
  --base-accent: oklch(from var(--interactive-accent) l c h);

  /* Hue is normalized to the 0-360 degree angle range, any rotation value greater than 360 wraps around (e.g., 370 becomes 10) */
  --rotation-1: 30;
  --rotation-2: 330;
  --accent-1: oklch(from var(--base-accent) l c calc(h + var(--rotation-1)));
  --accent-2: oklch(from var(--base-accent) l c calc(h + var(--rotation-2)));

  /* Color Palette */
  --color-red: oklch(
    from var(--hue-red) var(--lightness) var(--chroma) h
  ) !important;
  --color-orange: oklch(
    from var(--hue-orange) var(--lightness) var(--chroma) h
  ) !important;
  --color-yellow: oklch(
    from var(--hue-yellow) var(--lightness) var(--chroma) h
  ) !important;
  --color-green: oklch(
    from var(--hue-green) var(--lightness) var(--chroma) h
  ) !important;
  --color-blue: oklch(
    from var(--hue-blue) var(--lightness) var(--chroma) h
  ) !important;
  --color-indigo: oklch(
    from var(--hue-indigo) var(--lightness) var(--chroma) h
  ) !important;
  --color-violet: oklch(
    from var(--hue-violet) var(--lightness) var(--chroma) h
  ) !important;
  --color-vermillion: oklch(
    from var(--hue-vermillion) var(--lightness) var(--chroma) h
  ) !important;
  --color-amber: oklch(
    from var(--hue-amber) var(--lightness) var(--chroma) h
  ) !important;
  --color-lime: oklch(
    from var(--hue-lime) var(--lightness) var(--chroma) h
  ) !important;
  --color-teal: oklch(
    from var(--hue-teal) var(--lightness) var(--chroma) h
  ) !important;
  --color-purple: oklch(
    from var(--hue-purple) var(--lightness) var(--chroma) h
  ) !important;
  --color-magenta: oklch(
    from var(--hue-magenta) var(--lightness) var(--chroma) h
  ) !important;
  --color-rose: oklch(
    from var(--hue-rose) var(--lightness) var(--chroma) h
  ) !important;
  --color-cyan: oklch(
    from var(--hue-cyan) var(--lightness) var(--chroma) h
  ) !important;

  /* Heading Colors */
  --h1-color: var(--color-red);
  --h2-color: var(--color-orange);
  --h3-color: var(--color-yellow);
  --h4-color: var(--color-green);
  --h5-color: var(--color-blue);
  --h6-color: var(--color-indigo);

  /* Folder Color Palette */
  --folder-accent: var(--base-accent);
  --folder-color-1: oklch(
    from var(--hue-red) var(--lightness) var(--chroma-folder) h
  );
  --folder-color-2: oklch(
    from var(--hue-orange) var(--lightness) var(--chroma-folder) h
  );
  --folder-color-3: oklch(
    from var(--hue-yellow) var(--lightness) var(--chroma-folder) h
  );
  --folder-color-4: oklch(
    from var(--hue-green) var(--lightness) var(--chroma-folder) h
  );
  --folder-color-5: oklch(
    from var(--hue-blue) var(--lightness) var(--chroma-folder) h
  );
  --folder-color-6: oklch(
    from var(--hue-indigo) var(--lightness) var(--chroma-folder) h
  );
  --folder-color-7: oklch(
    from var(--hue-violet) var(--lightness) var(--chroma-folder) h
  );
  --folder-color-8: oklch(
    from var(--hue-vermillion) var(--lightness) var(--chroma-folder) h
  );
  --folder-color-9: oklch(
    from var(--hue-amber) var(--lightness) var(--chroma-folder) h
  );
  --folder-color-10: oklch(
    from var(--hue-lime) var(--lightness) var(--chroma-folder) h
  );
  --folder-color-11: oklch(
    from var(--hue-teal) var(--lightness) var(--chroma-folder) h
  );
  --folder-color-12: oklch(
    from var(--hue-purple) var(--lightness) var(--chroma-folder) h
  );
  --folder-color-13: oklch(
    from var(--hue-magenta) var(--lightness) var(--chroma-folder) h
  );
  --folder-color-14: oklch(
    from var(--hue-rose) var(--lightness) var(--chroma-folder) h
  );
  --folder-color-15: oklch(
    from var(--hue-cyan) var(--lightness) var(--chroma-folder) h
  );

  --retroma-folder-bg-color: var(--background-primary);
  --retroma-folder-border: 1px solid
    oklch(from var(--accent-2) 55% var(--chroma-folder) h / 50%);
  --retroma-folder-box-shadow: -1px 1px 0px var(--background-tertiary);
  --retroma-folder-scrollbar: unset;

  /* Layout & Sizing */
  --header-height: 48px;
  --file-margins: var(--size-4-4) !important;

  /* Borders & Dividers */
  --hr-color: oklch(from var(--text-normal) l c h / 25%);
  --divider-width: 0px;
  --divider-color: var(--titlebar-background);
  /* --divider-vertical-height: unset; */
  --outline-color: oklch(from var(--base-accent) 25% c h);
  --border-solid: 4px solid var(--titlebar-background);
  --border-groove: 4px groove var(--background-primary-alt);
  --border-ridge: 4px ridge var(--background-primary);

  /* Input & Form Elements */
  --input-radius: var(--window-border-radius);
  --input-border-width: 2px;

  /* Button States */
  --button-normal: var(--background-primary);
  --button-hover: oklch(from var(--background-paper) l c h);
  --button-text: var(--text-normal);

  /* Component Styling */
  --tag-radius: var(--button-border-radius);
  --tag-border-width: 1px;
  --background-modifier-border: oklch(from var(--background-secondary) l c h);
  --background-modifier-border-focus: oklch(
    from var(--background-primary) 70% c h
  );

  /* Blockquote Styling */
  --blockquote-background-color: oklch(
    from var(--background-secondary) l c h / 40%
  );
  --blockquote-border-thickness: var(--size-2-2);
  --blockquote-border-color: oklch(from var(--base-accent) 50% c h / 75%);

  /* Table Styling */
  --table-header-background: oklch(from var(--accent-1) 50% c h / 30%);
  --table-data-background: oklch(from var(--base-accent) l c h / 7%);
  --table-border-color: oklch(from var(--table-header-color) 50% c h / 50%);
  --table-border-width: 1px;
  --table-border-spacing: 2px;

  /* Misc */
  --border-width: 1px;
  --interactive-active: oklch(from var(--base-accent) 50% c h / 50%);
  --slider-track-background: var(--interactive-active);
  --dropdown-background: var(--background-paper);
  --window-border-radius: 12px;
  --button-border-radius: 8px;
  --status-bar-background: var(--background-tertiary);
  --status-bar-position: unset;
  --status-bar-radius: unset;
  --ribbon-background: var(--background-secondary);
  --ribbon-background-collapsed: var(--ribbon-background);
  --titlebar-background-focused: var(--titlebar-background);
  --slider-track-height: var(--size-2-3);
  --strong-emphasis: var(--italic-color);
  --menu-background: var(--background-paper);
  --nav-tag-color: var(--text-muted);
  --nav-item-radius: var(--button-border-radius);

  /*** Metadata  ***/
  --metadata-background: oklch(from var(--background-secondary) l c h / 75%);
  --metadata-border-radius: var(--window-border-radius);
  --metadata-divider-width: 0;
  --metadata-gap: var(--size-4-2);
  --metadata-label-width: 8em;

  --metadata-property-background: var(--background-paper);
  --metadata-property-background-hover: var(--background-paper);
  --metadata-property-radius: var(--window-border-radius);
  --metadata-property-box-shadow-hover: 0 0 0 1px var(--background-tertiary);
  --metadata-property-radius: var(--window-border-radius);
  --metadata-property-radius-hover: var(--window-border-radius);
  --metadata-property-radius-focus: var(--window-border-radius);

  --metadata-label-background: oklch(
    from var(--background-tertiary) l c h / 15%
  );
  --metadata-label-background-hover: oklch(
    from var(--background-tertiary) l c h / 30%
  );
  --metadata-label-background-active: oklch(
    from var(--background-tertiary) l c h / 30%
  );
  --metadata-label-text-color: var(--text-muted);
  --metadata-label-text-color-hover: var(--text-muted);
  --metadata-label-font-weight: var(--font-bold);

  --nav-item-background-selected: var(--text-selection);

  /*** Images  ***/
  --img-border-width: 0px;
  --img-border-color: oklch(from var(--background-tertiary) l var(--chroma) h);
  --img-border-radius: 0px;
  --img-display: unset;
  --img-margin-right: unset;
  --img-margin-left: unset;

  --bases-table-header-weight: 100;
  --bases-embed-border-radius: var(--window-border-radius);
  --bases-cards-border-width: 4px;
  --bases-header-border-width: 0;

  --callout-border-width: var(--size-4-1);
  --callout-radius: var(--window-border-radius);

  --canvas-background: var(--background-paper);
  --canvas-dot-pattern: oklch(
    from var(--text-normal) l c h / var(--retroma-canvas-dot-opacity)
  );
  --retroma-canvas-dot-opacity: 0.3;
  --retroma-canvas-card-border-width: 3px;
  --retroma-canvas-card-embed-border-width: 3px;
  --retroma-canvas-node-content-bg-opacity: 0.25;

  --code-white-space: pre-wrap;
  --code-border-width: 0px;
  --code-border-color: var(--background-modifier-border);
  --code-bracket-background: var(--background-modifier-hover);
  --code-radius: var(--window-border-radius);
  --code-size: var(--font-smaller);

  --checkbox-color: var(--background-secondary);
  --checkbox-color-hover: var(--background-secondary-alt);
  --checkbox-radius: var(--window-border-radius);
  --checkbox-marker-color: var(--background-paper);

  --settings-background: var(--background-paper) !important;
  --setting-items-background: var(--background-primary) !important;

  --file-header-background-focused: var(--background-secondary) !important;
  --mobile-sidebar-width: 100% !important;
  --tab-switcher-preview-radius: var(--window-border-radius) !important;
  --tab-switcher-preview-background-shadow: unset !important;
  --nav-indentation-guide-width: 2px;

  --raised-shadow: unset !important;
  --raised-background: unset !important;

  --touch-radius-m: var(--button-border-radius);
  --touch-radius-s: var(--button-border-radius);
  --touch-radius-xs: var(--button-border-radius);
  --touch-radius-xxs: var(--button-border-radius);
  --radius-m: var(--button-border-radius);
  --radius-s: var(--button-border-radius);
  --radius-xs: var(--button-border-radius);
  --radius-xxs: var(--button-border-radius);

  --collapse-icon-color: var(--text-muted);
  --collapse-icon-color-collapsed: var(--text-faint);

  --view-top-fade-mask: unset !important;
  --view-bottom-fade-mask: unset !important;
}

.theme-light {
  --lightness: 50%;

  /*Chroma for Typography*/
  --chroma: 30%;
  /*Chroma for Folder Colors*/
  --chroma-folder: 30%;
  --chroma-accent: 0.4;

  /* Background Colors */
  --background-paper: oklch(
    from var(--accent-2) 98% calc(c * var(--chroma-accent)) h
  );
  --background-primary: oklch(
    from var(--accent-2) 93% calc(c * var(--chroma-accent)) h
  );
  --background-primary-alt: oklch(
    from var(--base-accent) 75% calc(c * var(--chroma-accent)) h
  );
  --background-secondary: oklch(
    from var(--base-accent) 80% calc(c * var(--chroma-accent)) h
  );
  --background-secondary-alt: oklch(
    from var(--accent-1) 65% calc(c * var(--chroma-accent)) h
  );
  --background-tertiary: oklch(
    from var(--accent-2) 60% calc(c * var(--chroma-accent)) h
  );
  --titlebar-background: oklch(
    from var(--accent-1) 65% calc(c * var(--chroma-accent)) h
  );

  --titlebar-text-color-focused: oklch(from var(--background-paper) 100% c h);

  /*** Typography  ***/
  --bold-color: oklch(
    from var(--base-accent) calc(var(--lightness) - 15%) var(--chroma)
      calc(h + 100)
  );
  --italic-color: oklch(
    from var(--base-accent) calc(var(--lightness) - 15%) var(--chroma)
      calc(h + 200)
  );
  /* Link Styling */
  --link-color: oklch(
    from var(--base-accent) calc(var(--lightness) - 15%) var(--chroma) h
  );
  --link-weight: var(--font-bold);
  --link-color-hover: oklch(
    from var(--link-color) var(--lightness) var(--chroma) h / 80%
  );
  --link-unresolved-color: oklch(
    from var(--link-color) var(--lightness) var(--chroma) h / 60%
  );

  /* External Links */
  --link-external-color: var(--color-red);
  --link-external-color-hover: oklch(
    from var(--link-external-color) var(--lightness) var(--chroma) h / 80%
  );

  /* --- Code --- */
  --code-background: oklch(from var(--background-secondary) 85% c h / 50%);

  /* --- Miscellaneous --- */
  --tag-color: oklch(from var(--base-accent) 40% c h / 75%);
  --text-selection: oklch(from var(--accent-2) 80% var(--chroma) h / 75%);
  --box-shadow:
    inset -2px -2px oklch(from var(--background-secondary) 50% c h),
    inset 2px 2px oklch(from var(--background-secondary) 100% c h);
  --box-shadow-active:
    inset 2px 2px oklch(from var(--background-secondary) 50% c h),
    inset -2px -2px oklch(from var(--background-secondary) 100% c h);
  --box-shadow-sm:
    inset -1px -1px oklch(from var(--background-secondary) 50% c h),
    inset 1px 1px oklch(from var(--background-secondary) 100% c h);
  --box-shadow-active-sm:
    inset 1px 1px oklch(from var(--background-secondary) 50% c h),
    inset -1px -1px oklch(from var(--background-secondary) 100% c h);

  --button-active: oklch(from var(--background-secondary-alt) 85% c h);
  --bases-cards-background: oklch(from var(--background-tertiary) 85% c h);
  --text-highlight-bg: oklch(from var(--accent-1) 80% var(--chroma) h / 75%);
  --setting-items-radius: var(--window-border-radius) !important;
}

.theme-dark {
  --lightness: 70%;
  --lightness-accent: 0.24;

  /*Chroma for Typography*/
  --chroma: 20%;
  /*Chroma for Folder Colors*/
  --chroma-folder: 20%;
  --chroma-accent: 0.3;

  /* Background Colors */
  --background-paper: oklch(
    from var(--accent-2) var(--lightness-accent) calc(c * var(--chroma-accent))
      h
  );
  --background-primary: oklch(
    from var(--accent-2) calc(var(--lightness-accent) - 0.02)
      calc(c * var(--chroma-accent)) h
  );
  --background-primary-alt: oklch(
    from var(--base-accent) calc(var(--lightness-accent) - 0.04)
      calc(c * var(--chroma-accent)) h
  );
  --background-secondary: oklch(
    from var(--base-accent) calc(var(--lightness-accent) - 0.06)
      calc(c * var(--chroma-accent)) h
  );
  --background-secondary-alt: oklch(
    from var(--accent-1) calc(var(--lightness-accent) - 0.08)
      calc(c * var(--chroma-accent)) h
  );
  --background-tertiary: oklch(
    from var(--accent-2) calc(var(--lightness-accent) - 0.1)
      calc(c * var(--chroma-accent)) h
  );
  --titlebar-background: oklch(
    from var(--accent-1) calc(var(--lightness-accent) - 0.12)
      calc(c * var(--chroma-accent)) h
  );

  /*** Typography  ***/
  --bold-color: oklch(
    from var(--base-accent) calc(var(--lightness) + 10%) var(--chroma)
      calc(h + 100)
  );
  --italic-color: oklch(
    from var(--base-accent) calc(var(--lightness) + 10%) var(--chroma)
      calc(h + 200)
  );
  /* Link Styling */
  --link-color: oklch(
    from var(--base-accent) calc(var(--lightness) + 10%) var(--chroma) h
  );
  --link-weight: var(--font-bold);
  --link-color-hover: oklch(
    from var(--link-color) calc(var(--lightness) + 10%) var(--chroma) h / 80%
  );
  --link-unresolved-color: oklch(
    from var(--link-color) calc(var(--lightness) + 10%) var(--chroma) h / 60%
  );

  /* External Links */
  --link-external-color: var(--color-red);
  --link-external-color-hover: oklch(
    from var(--link-external-color) var(--lightness) var(--chroma) h / 80%
  );

  /* --- Code --- */
  --code-background: oklch(from var(--background-secondary) 10% c h / 50%);

  /* --- Miscellaneous --- */
  --tag-color: oklch(from var(--base-accent) 80% c h / 75%);
  --text-selection: oklch(from var(--accent-2) 45% c h / 75%);
  --box-shadow:
    inset -2px -2px oklch(from var(--background-secondary) 0% c h),
    inset 2px 2px oklch(from var(--background-secondary) 50% c h);
  --box-shadow-active:
    inset 2px 2px oklch(from var(--background-secondary) 0% c h),
    inset -2px -2px oklch(from var(--base-accent) 50% c h);
  --box-shadow-sm:
    inset -1px -1px oklch(from var(--background-secondary) 0% c h),
    inset 1px 1px oklch(from var(--background-secondary) 50% c h);
  --box-shadow-active-sm:
    inset 1px 1px oklch(from var(--background-secondary) 0% c h),
    inset -1px -1px oklch(from var(--base-accent) 50% c h);

  --button-active: oklch(from var(--background-secondary) 25% c h);
  --bases-cards-background: oklch(from var(--background-tertiary) 25% c h);
  --text-highlight-bg: oklch(from var(--accent-1) 50% var(--chroma) h / 75%);
}

.theme-light .themed-color-wrapper > .theme-light {
  background-color: oklch(from var(--base-accent) 85% c h) !important;
}

.theme-light .themed-color-wrapper > .theme-dark {
  background-color: oklch(from var(--base-accent) 65% c h) !important;
}

.theme-dark .themed-color-wrapper > .theme-light {
  background-color: oklch(from var(--base-accent) 40% c h) !important;
}

.theme-dark .themed-color-wrapper > .theme-dark {
  background-color: oklch(from var(--base-accent) 20% c h) !important;
}
/* ------------------------------------------------------------------------------------ */
/* BUTTONS AND INPUTS */

.clickable-icon svg,
.mobile-toolbar-option svg,
.is-mobile .empty-state-action,
.canvas-wrapper .collapse-button svg,
.canvas-control-item svg,
.vertical-tab-nav-item-icon,
.vertical-tab-nav-item-title,
.text-icon-button .text-button-icon,
.text-icon-button .text-button-label,
.workspace-tab-header-inner-icon,
.workspace-tab-header-inner-title {
  transform: translateY(-1px) translateX(-1px);
}

button:active,
.mobile-toolbar-option:active svg,
.is-mobile .empty-state-action:active,
.canvas-wrapper .collapse-button:active svg,
.clickable-icon.is-active svg,
.clickable-icon:active svg,
.canvas-control-item:active svg,
.vertical-tab-nav-item:not(.settings-search-input):active
  .vertical-tab-nav-item-icon,
.vertical-tab-nav-item:not(.settings-search-input):active
  .vertical-tab-nav-item-title,
.vertical-tab-nav-item:not(.settings-search-input).is-active
  .vertical-tab-nav-item-icon,
.vertical-tab-nav-item:not(.settings-search-input).is-active
  .vertical-tab-nav-item-title,
.text-icon-button:active .text-button-icon,
.text-icon-button:active .text-button-label,
.text-icon-button.is-active .text-button-icon,
.text-icon-button.is-active .text-button-label,
.workspace-tab-header.is-active .workspace-tab-header-inner-icon,
.workspace-tab-header:active .workspace-tab-header-inner-icon,
.workspace-tab-header.is-active .workspace-tab-header-inner-title,
.workspace-tab-header:active .workspace-tab-header-inner-title,
.mod-cta:active {
  transform: translateY(1px) translateX(1px);
}

button:not(.excalidraw button),
.mobile-toolbar-option:active,
.is-mobile .empty-state-action,
.canvas-wrapper .collapse-button,
.close-button,
.mobile-tab-pin,
.canvas-control-item,
.markdown-source-view.mod-cm6 .edit-block-button,
.is-mobile .menu .suggestion-group .suggestion-item,
.is-mobile .menu-item,
.text-icon-button,
.clickable-icon,
.metadata-add-button,
.workspace-tab-header,
.setting-item-control .clickable-icon,
.setting-item-control button,
.workspace-tab-header-inner .workspace-tab-header-inner-icon,
.workspace-drawer-vault-switcher-icon {
  color: var(--text-muted) !important;
  border-radius: var(--button-border-radius) !important;
}

button:not(.excalidraw button),
.is-mobile .empty-state-action,
.collapse-button,
.close-button,
.mobile-tab-pin,
.mobile-toolbar-option,
.canvas-control-item,
.clickable-icon,
.text-icon-button,
.metadata-add-button,
.vertical-tab-nav-item:not(.settings-search-input),
.markdown-source-view.mod-cm6 .edit-block-button,
.workspace-tab-header {
  cursor: pointer !important;
  border-radius: var(--button-border-radius) !important;
  border: var(--border-width) solid var(--outline-color) !important;
  box-shadow: var(--box-shadow) !important;
  background-color: var(--button-normal) !important;
}

button:not(.excalidraw button):hover,
.is-mobile .empty-state-action:hover,
.canvas-wrapper .collapse-button:hover,
.close-button:hover,
.mobile-tab-pin:hover,
.mobile-toolbar-option:hover,
.canvas-control-item:hover,
.clickable-icon:hover,
.text-icon-button:hover,
.metadata-add-button:hover,
.markdown-source-view.mod-cm6 .edit-block-button:hover,
.vertical-tab-nav-item:not(.settings-search-input):hover,
.workspace-tab-header:hover {
  background-color: var(--button-hover) !important;
}

button:not(.excalidraw button):active,
.is-mobile .empty-state-action:active,
.canvas-wrapper .collapse-button:active,
.collapse-button:active,
.close-button:active,
.mobile-tab-pin:active,
.mobile-toolbar-option:active,
.canvas-control-item:active,
.clickable-icon.is-active,
.clickable-icon:active,
.text-icon-button.is-active,
.text-icon-button:active,
.metadata-add-button:active,
.markdown-source-view.mod-cm6 .edit-block-button:active,
.vertical-tab-nav-item:not(.settings-search-input):active,
.vertical-tab-nav-item.is-active,
.workspace-tab-header:active,
.workspace-tab-header.is-active {
  background-color: var(--button-active) !important;
  box-shadow: var(--box-shadow-active) !important;
  font-weight: var(--font-bold) !important;
}

/* Removes the default tab separator */
.workspace-tab-header::before,
.workspace-tab-header::after,
.workspace .mod-root .workspace-tab-header-inner::after {
  content: unset !important;
}

button.mod-cta,
button.mod-warning {
  --text-color: unset;
}

input:not(
  .metadata-property input,
  input[type="checkbox"],
  .bases-view input,
  .pcr-app input
),
select,
textarea {
  background-color: var(--background-paper) !important;
  border-radius: var(--window-border-radius) !important;
  box-shadow: var(--box-shadow-active) !important;
  border: var(--border-width) solid var(--outline-color) !important;
}

input:not(.metadata-property input, input[type="checkbox"]):focus-within,
select:focus-within {
  outline: 2px solid var(--text-faint) !important;
}

.checkbox-container {
  box-shadow: var(--box-shadow-active);
  border-radius: var(--button-border-radius);
}

.checkbox-container.is-enabled {
  background: var(--interactive-active);
}

.checkbox-container:hover {
  box-shadow: var(--box-shadow-active);
  border-radius: var(--button-border-radius);
}

.checkbox-container:after {
  box-shadow: var(--box-shadow);
  border-radius: var(--button-border-radius);
}

/* ------------------------------------------------------------------------------------ */
/* WORKSPACE */

::-webkit-scrollbar {
  /* width: 5px !important; */
  /* height: 5px !important; */
}

::-webkit-scrollbar-thumb {
  box-shadow: var(--box-shadow-sm);
  border-radius: var(--button-border-radius) !important;
}

.workspace-leaf:not(
  .excalidraw__embeddable-container .workspace-leaf,
  .excalidraw__embeddable-container .workspace-leaf .view-content
) {
  padding: var(--size-2-3);
  border: var(--border-groove);
  border-radius: var(--window-border-radius);
  background-color: var(--background-primary);
  height: 98% !important;
}

.workspace-leaf:not(.is-mobile .workspace-leaf) {
  margin-block: var(--size-4-2);
  margin-inline: 0 var(--size-4-2);
}

.is-mobile
  .workspace-leaf:not(.is-mobile .workspace-drawer-inner .workspace-leaf) {
  border: unset;
  height: 100% !important;
}

.is-mobile
  .workspace-leaf:is(.is-mobile .workspace-drawer-inner .workspace-leaf) {
  margin: var(--size-4-2);
}

.view-content:not(
  .view-content:has(.bases-view:not(.bases-embed .bases-view), .cm-scroller)
),
.bases-view,
.search-result-container.mod-global-search,
.markdown-reading-view .backlink-pane,
.markdown-source-view .backlink-pane,
.nav-files-container,
.tag-container {
  border-radius: var(--window-border-radius) !important;
  border: var(--border-ridge);
  background-color: var(--background-paper) !important;
  box-shadow: inset 0 0 4px oklch(from black l c h / 50%) !important;
  z-index: 0;
}

.workspace-leaf:has(.cm-scroller),
.view-content:not(
  .view-content:has(.bases-view:not(.bases-embed .bases-view))
) {
  background: var(--background-paper) !important;
}

.is-phone .workspace-tab-container {
  background-color: unset;
}

.workspace-leaf-content .view-content {
  padding: unset;
}

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

.workspace-tab-header {
  margin: 0 var(--size-2-1) 5px;
  border-radius: var(--button-border-radius);
}

.workspace-tab-header-container {
  border: unset;
}

.workspace-tab-header-inner-icon {
  color: var(--text-normal);
}

.theme-light .mod-root .mod-pinned {
  color: oklch(from var(--base-accent) 30% c h);
}

.workspace-tabs.mod-stacked .workspace-leaf.mod-active {
  margin-left: unset;
}

.workspace
  .mod-root
  .workspace-tabs.mod-stacked
  .workspace-tab-container
  .workspace-tab-header {
  width: calc(var(--tab-stacked-header-width) / 1.5);
  margin: unset;
  border: unset !important;
}

.is-mobile .workspace-tab-container {
  /* padding-top: var(--safe-area-inset-top); */
}

.is-mobile .workspace-drawer-active-tab-container,
.is-mobile .workspace-drawer-inner,
.is-mobile .workspace-drawer.mod-left,
.is-mobile .workspace-drawer.mod-right {
  background-color: var(--background-secondary);
  border-radius: unset;
}

.is-mobile .workspace-drawer-tab-select .workspace-tab-header-inner {
  background-color: unset;
  border-radius: unset;
}

.is-mobile .workspace-drawer-tab-options-list {
  border-radius: var(--window-border-radius);
  border: var(--border-groove);
  background-color: var(--background-primary-alt);
  margin-bottom: 8px;
}

.is-mobile .workspace-drawer .nav-header {
  padding: var(--size-4-2);
}

.is-mobile .workspace-drawer .nav-buttons-container {
  /* position: unset; */
  border-radius: var(--window-border-radius);
  padding: var(--size-4-2);
  margin-block: var(--size-4-2);
  background-color: unset;
}

body:not(.is-mobile)
  .workspace-split.mod-left-split
  .workspace-sidedock-vault-profile {
  border-top: unset;
}

.workspace-leaf-content[data-type="webviewer-history"] .tree-item {
  border-bottom: 1px solid var(--text-faint) !important;
}

/* ------------------------------------------------------------------------------------ */
/* EDITOR CONTENTS */

strong em,
strong i,
.cm-strong.cm-em {
  color: var(--strong-emphasis);
}

blockquote {
  padding: 4px 8px !important;
  border-radius: var(--window-border-radius) !important;
  border: 2px groove var(--background-primary-alt);
}

.footnotes-view .footnote-content .markdown-preview-view,
.footnotes-view .footnote-content .markdown-source-view {
  padding: var(--size-4-3);
}

.footnotes-view .footnote-list-item {
  border: unset;
}

/* ------------------------------------------------------------------------------------ */
/* HEADERS */
.view-header {
  margin-bottom: var(--size-4-2);
  align-items: center !important;
  background-color: var(--background-secondary);
  border: var(--border-groove) !important;
  border-radius: var(--window-border-radius);
  overflow: auto !important;
  scrollbar-width: none !important;
}

.is-focused .workspace-leaf.mod-active .view-header {
  background-color: var(--background-secondary);
}

.view-header-title-container {
  font-weight: var(--font-bold);
}

.is-phone .view-header {
  width: 102vw;
  margin-left: -8px !important;
  background-color: var(--background-secondary) !important;
  padding-bottom: 6px;
}

.is-phone.is-floating-nav.is-phone .view-header {
  margin-inline: 24px !important;
  width: unset;
  padding: var(--size-4-1) !important;
  /* background-color: unset !important; */
  /* border: unset !important; */
}

.is-mobile .document-search-container {
  background-color: unset;
}

/* ------------------------------------------------------------------------------------ */
/* METADATA */

.metadata-container {
  margin-block: unset;
  padding: 0.5em;
  border: var(--border-ridge);
  transform: unset;
  /* Fix spacing issue */
}

.metadata-properties-heading {
  margin-bottom: unset;
}

.metadata-content {
  margin-top: var(--size-4-2);
  background: unset !important;
}

.metadata-add-button:focus {
  /* box-shadow: 2px 2px 2px solid oklch(from var(--background-secondary) l c h) !important; */
  background: var(--button-active) !important;
  box-shadow: var(--box-shadow-active) !important;
}

.metadata-property {
  border: 1px solid var(--text-faint);
  border-radius: var(--window-border-radius);
}
.metadata-container:focus-within .metadata-property.is-selected {
  outline: 2px solid var(--text-faint) !important;
}

.metadata-properties-heading .collapse-indicator {
  inset-inline-start: 7em;
}

.metadata-property input[type="text"],
.metadata-property input[type="date"],
.metadata-property input[type="datetime-local"],
.metadata-property input[type="number"],
.metadata-property .multi-select-container {
  background-color: unset !important;
  border: unset !important;
}

.workspace
  > .workspace-split:not(.mod-root)
  .metadata-container
  .metadata-properties,
.is-mobile .metadata-properties,
.workspace-drawer .metadata-properties {
  --metadata-gap: var(--size-4-2);
  --metadata-divider-width: 0;
}

/* ------------------------------------------------------------------------------------ */
/* TAGS AND PILL */
.cm-hashtag,
a.tag {
  --tag-border-color: var(--tag-color);
  --tag-background: oklch(from var(--tag-color) l c h / 10%);
  --tag-padding-y: 0;
  --tag-padding-x: var(--size-4-1);
  --tag-color-hover: var(--tag-color);
  --tag-border-color-hover: var(--tag-border-color);
  --tag-background-hover: oklch(from var(--tag-color) l c h / 30%);
  font-weight: var(--font-bold);
}

.cm-hashtag.cm-hashtag-begin,
a.tag,
a.tag:hover,
.metadata-property-value .multi-select-pill {
  border-left: var(--size-4-1) solid var(--tag-color);
}

.tag[href="#Obsidian"],
.tag[href="#obsidian"],
.cm-tag-Obsidian,
.cm-tag-obsidian {
  --tag-color: var(--color-purple) !important;
}

.tag[href="#todo"],
.cm-tag-todo {
  --tag-color: var(--color-blue) !important;
}

.tag[href="#work"],
.cm-tag-work {
  --tag-color: var(--color-orange) !important;
}

.tag[href="#home"],
.cm-tag-home {
  --tag-color: var(--color-indigo) !important;
}

.tag[href="#high"],
.cm-tag-high {
  --tag-color: var(--color-red) !important;
}

.tag[href="#low"],
.cm-tag-low {
  --tag-color: var(--color-green) !important;
}

.tag[href="#medium"],
.cm-tag-medium {
  --tag-color: var(--color-orange) !important;
}

.tag[href="#test"],
.tag[href="#Test"],
.cm-tag-Test,
.cm-tag-test {
  --tag-color: var(--color-teal) !important;
}

.metadata-property-value .multi-select-pill {
  --pill-padding-x: unset;
  --pill-padding-y: unset;
  --pill-color: unset;
  --pill-radius: var(--tag-radius);
  gap: var(--size-4-1);
  outline: var(--tag-border-width) solid var(--tag-color);
}

.multi-select-pill-content {
  overflow: unset;
}

/* ------------------------------------------------------------------------------------ */
/* CODE */
code {
  padding: unset !important;
}

.cm-s-obsidian .cm-inline-code:not(.cm-formatting),
code:not(pre code),
pre,
.suggestion-hotkey {
  box-shadow: 0 0 0 1px oklch(from var(--text-normal) l c h / 25%);
}

.cm-s-obsidian .cm-inline-code:not(.cm-formatting),
.markdown-rendered code:not(pre code),
code:not(pre code) {
  padding-inline: 6px !important;
}

.cm-s-obsidian div.HyperMD-codeblock-bg {
  border: 1px solid oklch(from var(--text-normal) l c h / 10%);
}

.markdown-source-view.mod-cm6 .edit-block-button {
  opacity: unset;
}

@media (hover: hover) {
  .markdown-source-view.mod-cm6
    .cm-embed-block:not(.cm-table-widget, .cm-lang-base):hover {
    box-shadow: unset;
  }
}

/* ------------------------------------------------------------------------------------ */
/* TABLE */
table {
  border-collapse: unset !important;
  border-spacing: var(--table-border-spacing);
  border: var(--border-ridge);
  border-radius: var(--window-border-radius) !important;
}

table td {
  background-color: var(--table-data-background) !important;
}

tr:first-child th:first-child {
  border-top-left-radius: var(--window-border-radius);
}

tr:first-child th:last-child {
  border-top-right-radius: var(--window-border-radius);
}

tr:last-child td:first-child {
  border-bottom-left-radius: var(--window-border-radius);
}

tr:last-child td:last-child {
  border-bottom-right-radius: var(--window-border-radius);
}

.cm-html-embed td,
.markdown-rendered td,
.cm-html-embed th,
.markdown-rendered th {
  border: var(--table-border-width) solid var(--table-border-color) !important;
}

.is-mobile .markdown-source-view.mod-cm6 .cm-table-widget {
  --table-drag-handle-size: 0.5em;
}

/* ------------------------------------------------------------------------------------ */
/* PDF */

.pdf-toolbar {
  border-bottom: unset;
  border-radius: var(--window-border-radius);
}

.is-phone .pdf-toolbar {
  margin-top: var(--size-4-3);
}

.pdf-toolbar input[type="number"] {
  height: unset;
  border-radius: var(--window-border-radius) !important;
}

.pdf-container {
  border-radius: var(--window-border-radius);
  border: var(--border-ridge);
  background-color: var(--background-paper);
  box-shadow: inset 0 0 4px oklch(from black l c h / 50%);
  min-width: unset;
}

.pdf-embed {
  padding: var(--size-4-1);
  background-color: var(--background-primary);
  border-radius: var(--window-border-radius) !important;
  box-shadow: 0 0 4px oklch(from black l c h / 50%);
  border: 1px solid var(--text-faint) !important;
}

.pdf-sidebar-container {
  background-color: var(--background-paper);
  box-shadow: 0 0 12px oklch(from black l c h / 50%);
}

/* ------------------------------------------------------------------------------------ */
/* FILE EXPLORER */
.nav-files-container .collapse-icon svg.svg-icon {
  color: unset;
}

.nav-files-container > div > .nav-folder {
  margin-block: 6px;
  border-radius: var(--button-border-radius);
  background: var(--retroma-folder-bg-color);
  border: var(--retroma-folder-border);
  box-shadow: var(--retroma-folder-box-shadow);
}

.nav-file-title-content {
  padding-inline: var(--size-2-3);
  margin: 0 var(--size-2-3) 0 0;
  border-radius: var(--button-border-radius);
  border: 1px solid var(--text-faint) !important;
  background-color: oklch(from var(--background-paper) l c h / 65%);
}

.nav-files-container::-webkit-scrollbar {
  display: var(--retroma-folder-scrollbar) !important;
}

.nav-files-container > div > .nav-folder:not(.is-collapsed) {
  background-color: oklch(
    from var(--folder-color) l var(--chroma-folder) h / 30%
  ) !important;
  font-weight: var(--font-bold);
}

.nav-folder-title {
  color: var(--folder-color) !important;
}

.nav-file-title:hover .nav-file-title-content,
.nav-folder-title:hover .nav-folder-title-content {
  font-weight: var(--font-bold);
}

/* --- Shared Properties for Custom Icons --- */
.nav-folder-title .nav-folder-title-content::before {
  display: inline-block;
  content: "";
  margin-right: var(--size-4-1);
  vertical-align: text-bottom;
  height: var(--icon-s);
  width: var(--icon-s);
  mask-repeat: no-repeat;
  background-color: currentColor;
}

.nav-folder-title .nav-folder-title-content::before {
  background-color: var(--folder-color) !important;
}

.nav-folder:not(.mod-root):not(.is-collapsed)
  .nav-folder-title-content::before {
  /* Folder-close icon: https://iconduck.com/icons/73594/folder-notch */
  mask: url("data:image/svg+xml;base64,PHN2ZyBpZD0iRmxhdCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+CiAgPGcgb3BhY2l0eT0iMC4yIj4KICAgIDxwYXRoIGQ9Ik02OS40MTYsMTI4aDQ4LjE2MTYyYTguMDAyNTcsOC4wMDI1NywwLDAsMCw0LjQzOC0xLjM0Mzc1bDE5Ljk2ODc2LTEzLjMxMjVBOC4wMDI1Nyw4LjAwMjU3LDAsMCwxLDE0Ni40MjIzNiwxMTJIMjA4Vjg4YTcuOTk5NzcsNy45OTk3NywwLDAsMC04LThIMTMwLjY2NjVhNy45OTk1LDcuOTk5NSwwLDAsMS00Ljc5OTgtMS42MDAxTDk4LjEzMzMsNTcuNjAwMUE3Ljk5OTUsNy45OTk1LDAsMCwwLDkzLjMzMzUsNTZINDBhNy45OTk3Nyw3Ljk5OTc3LDAsMCwwLTgsOFYyMDhsMjkuOTg4MjgtNzQuOTcxMTlBOC4wMDAyNSw4LjAwMDI1LDAsMCwxLDY5LjQxNiwxMjhaIi8+CiAgPC9nPgogIDxwYXRoIGQ9Ik0yNDEuODgwMzcsMTEwLjY0NDUzQTE2LjAzOTM0LDE2LjAzOTM0LDAsMCwwLDIyOC45MDAzOSwxMDRIMjE2Vjg4YTE2LjAxODMzLDE2LjAxODMzLDAsMCwwLTE2LTE2SDEzMC42NjdsLTI3LjczMzQtMjAuNzk5OEExNi4xMDMyMywxNi4xMDMyMywwLDAsMCw5My4zMzMsNDhINDBBMTYuMDE4MzMsMTYuMDE4MzMsMCwwLDAsMjQsNjRWMjA4YTguMDYxODQsOC4wNjE4NCwwLDAsMCwuMDQ1NDEuODQ1N2MuMDAyOTMuMDI3MzUuMDA5MjguMDU0Mi4wMTI3LjA4MTU1YTcuODY4MjksNy44NjgyOSwwLDAsMCwuMTM4MTguODE1NDNjLjAxNTYyLjA3MjI2LjAzNzExLjE0MzA2LjA1NTE3LjIxNDg0LjA1NjY1LjIyNTU5LjEyMTU5LjQ0Nzc1LjE5NzI3LjY2NS4wMjczNC4wNzgxMi4wNTU2Ni4xNTUyNy4wODU0NS4yMzI0MnEuMTI2LjMzMDMzLjI4MDc2LjY0NTUxYy4wMzA3Ni4wNjQuMDU5MDguMTI4NDIuMDkyMjkuMTkxNGE3Ljk4MTM1LDcuOTgxMzUsMCwwLDAsMS4wMTMxOCwxLjQ5OTUyYy4wNjA1NS4wNzEyOS4xMjQ1MS4xMzc2OS4xODc1LjIwNjU0LjE0MDYzLjE1MzgxLjI4NjYyLjMwMTc2LjQzOTQ1LjQ0NDM0LjA3Mjc2LjA2Nzg3LjE0NS4xMzUyNS4yMjAyMi4yMDA2OC4xNzE4Ny4xNDg0NC4zNTAxLjI4ODA4LjUzNDE4LjQyMTg3LjA1NDY5LjA0LjEwNjkzLjA4NC4xNjMwOC4xMjIwN2E3LjkxNjczLDcuOTE2NzMsMCwwLDAsLjc3MjQ2LjQ3MTY4Yy4wMjU0LjAxMzY4LjA1MjI1LjAyNDQyLjA3NzY0LjAzNzZhNy44NjI0OCw3Ljg2MjQ4LDAsMCwwLC43Mzc3OS4zMzU5NGMuMDcxMjkuMDI4MzIuMTQ0MDUuMDUzMjIuMjE2OC4wNzk1OXEuMzE3MTUuMTE1NzIuNjQ2NDkuMjA0NTljLjA4NS4wMjMuMTY4OTQuMDQ1NDEuMjU0MzkuMDY1NDMuMjE4NzUuMDUxMjcuNDQwOTIuMDkxMzEuNjY2LjEyNC4wODE1NC4wMTIyMS4xNjI1OS4wMjc4My4yNDQ2Mi4wMzc2QTguMDQ2MTQsOC4wNDYxNCwwLDAsMCwzMiwyMTZIMjA4YTguMDAxMTcsOC4wMDExNywwLDAsMCw3LjU4OTg0LTUuNDcwMjFsMjguNDg5MjYtODUuNDcwMjJBMTYuMDM4NzMsMTYuMDM4NzMsMCwwLDAsMjQxLjg4MDM3LDExMC42NDQ1M1pNOTMuMzMzLDY0bDI3LjczMzQsMjAuNzk5OEExNi4xMDMyMywxNi4xMDMyMywwLDAsMCwxMzAuNjY3LDg4SDIwMHYxNkgxNDYuNDIxODhhMTUuOTQ3OSwxNS45NDc5LDAsMCwwLTguODc1LDIuNjg3NUwxMTcuNTc4MTIsMTIwSDY5LjQxNmExNS45MjM0NCwxNS45MjM0NCwwLDAsMC0xNC44NTU0NywxMC4wNTc2Mkw0MCwxNjYuNDU5NDdWNjRaTTIwMi4yMzM4OSwyMDBINDMuODE2NDFMNjkuNDE2LDEzNmg0OC4xNjIxYTE1Ljk0NzksMTUuOTQ3OSwwLDAsMCw4Ljg3NS0yLjY4NzVMMTQ2LjQyMTg4LDEyMGg4Mi40Nzg1MVoiLz4KPC9zdmc+");
}

.nav-folder:not(.mod-root).is-collapsed .nav-folder-title-content::before {
  /* Folder-open icon: https://iconduck.com/icons/72913/folder-notch-open */
  mask: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjE1Ljk5NTEyIDcxLjk5ODA1aC04NS4zMzg4N2wtMjcuNzM5MjUtMjAuODA0NjlhMTYuMDczNjMgMTYuMDczNjMgMCAwIDAgLTkuNTc4MTItMy4xOTUzMWgtNTMuMzQzNzZhMTYuMDE1ODEgMTYuMDE1ODEgMCAwIDAgLTE2IDE2djEzNmExNi4wMTU4MiAxNi4wMTU4MiAwIDAgMCAxNiAxNmgxNzZhMTYuMDE1ODMgMTYuMDE1ODMgMCAwIDAgMTYtMTZ2LTExMmExNi4wMTU4MiAxNi4wMTU4MiAwIDAgMCAtMTYtMTZ6bS0xNzYtOGg1My4zNDM3NWwyMS4zMjYxNyAxNS45OTktMjEuMzQxOCAxNi4wMDFoLTUzLjMyODEyeiIvPjwvc3ZnPg==");
}

/* --- Folder Color Cycling --- */
.nav-files-container > div > .nav-folder:nth-child(15n + 1) {
  --folder-color: var(--folder-color-15);
}

.nav-files-container > div > .nav-folder:nth-child(15n + 2) {
  --folder-color: var(--folder-color-1);
}

.nav-files-container > div > .nav-folder:nth-child(15n + 3) {
  --folder-color: var(--folder-color-2);
}

.nav-files-container > div > .nav-folder:nth-child(15n + 4) {
  --folder-color: var(--folder-color-3);
}

.nav-files-container > div > .nav-folder:nth-child(15n + 5) {
  --folder-color: var(--folder-color-4);
}

.nav-files-container > div > .nav-folder:nth-child(15n + 6) {
  --folder-color: var(--folder-color-5);
}

.nav-files-container > div > .nav-folder:nth-child(15n + 7) {
  --folder-color: var(--folder-color-6);
}

.nav-files-container > div > .nav-folder:nth-child(15n + 8) {
  --folder-color: var(--folder-color-7);
}

.nav-files-container > div > .nav-folder:nth-child(15n + 9) {
  --folder-color: var(--folder-color-8);
}

.nav-files-container > div > .nav-folder:nth-child(15n + 10) {
  --folder-color: var(--folder-color-9);
}

.nav-files-container > div > .nav-folder:nth-child(15n + 11) {
  --folder-color: var(--folder-color-10);
}

.nav-files-container > div > .nav-folder:nth-child(15n + 12) {
  --folder-color: var(--folder-color-11);
}

.nav-files-container > div > .nav-folder:nth-child(15n + 13) {
  --folder-color: var(--folder-color-12);
}

.nav-files-container > div > .nav-folder:nth-child(15n + 14) {
  --folder-color: var(--folder-color-13);
}

.nav-files-container > div > .nav-folder:nth-child(15n + 15) {
  --folder-color: var(--folder-color-14);
}

/* ------------------------------------------------------------------------------------ */
/* CANVAS */

.canvas-wrapper {
  --shadow-stationary: unset;
}

.canvas-group-label {
  border-radius: var(--button-border-radius) !important;
  border: 1px solid var(--text-muted);
}

.is-phone .canvas-controls {
  right: 0;
}

.is-phone .canvas-control-group {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.canvas-control-group,
.canvas-menu {
  background-color: var(--background-secondary) !important;
  border: 1px solid var(--text-muted) !important;
  border-radius: var(--button-border-radius);
  padding: 4px;
  gap: var(--size-2-1);
}

.is-phone .canvas-control-item {
  padding: var(--size-2-1);
}

.canvas-card-menu {
  background-color: var(--background-secondary) !important;
  border: var(--border-groove);
  border-radius: var(--window-border-radius);
}

.canvas-node-container {
  border: var(--retroma-canvas-card-border-width) solid rgb(var(--canvas-color));
  background: var(--canvas-color);
}

.canvas-node-container:has(.markdown-embed-link),
.canvas-node-container:has(.image-embed) {
  border: var(--retroma-canvas-card-embed-border-width) solid
    rgb(var(--canvas-color)) !important;
}

.canvas-node.is-themed .canvas-node-content {
  background: rgba(
    var(--canvas-color),
    var(--retroma-canvas-node-content-bg-opacity)
  );
}

.canvas .markdown-preview-view {
  margin: unset !important;
}

.is-phone .canvas-menu .menu {
  left: unset !important;
  /* advance canvas plugin style menu fix */
}

.canvas-wrapper,
.canvas-wrapper .markdown-preview-view {
  font-family: var(--retroma-canvas-custom-font);
}

.is-phone .workspace-leaf:has(.canvas-wrapper) {
  --view-top-spacing: 0 !important;
  padding: 6px 0 0 0 !important;
}

.is-phone .view-content:has(.canvas-wrapper) {
  border: unset !important;
}

.is-phone .canvas-controls {
  top: calc(4 * var(--safe-area-inset-top));
}

/* ------------------------------------------------------------------------------------ */
/* MODAL, MENU, PROMPT */
.suggestion-container,
.prompt,
.modal,
.menu,
.suggestion-container .mod-search-suggestion {
  border: var(--border-ridge) !important;
  border-radius: var(--window-border-radius) !important;
  box-shadow: 0 0 12px 2px oklch(from black l c h / 40%) !important;
}

.popover {
  box-shadow: 0 0 12px 2px oklch(from black l c h / 40%);
}

.menu-item-desc {
  color: var(--text-muted);
}

.menu-item.is-label {
  box-shadow: unset !important;
  border: unset !important;
  background-color: unset !important;
  color: var(--text-normal) !important;
}

.menu-item.is-label:hover {
  background-color: unset !important;
  box-shadow: unset !important;
}

.menu-item.is-label:active {
  background-color: unset !important;
  box-shadow: unset !important;
}

.modal-bg {
  background-color: oklch(from black l c h / 50%) !important;
}

.menu .menu-scroll {
  border-radius: var(--window-border-radius);
}

.menu-item:hover,
.is-mobile .menu-item:hover {
  font-weight: var(--font-bold);
  background-color: oklch(from var(--text-faint) l c h / 20%) !important;
}

.is-mobile .menu-item {
  border-radius: var(--button-border-radius) !important;
  background-color: unset !important;
}

.prompt-instructions {
  background-color: var(--background-primary-alt) !important;
}

.popover.hover-popover.is-editing {
  border-radius: var(--window-border-radius);
}

.prompt-input-container input:not(input[type="checkbox"], input[type="range"]) {
  background-color: var(--background-paper) !important;
}

.notice {
  border-radius: var(--window-border-radius);
  background-color: var(--background-paper) !important;
  color: var(--text-normal);
  border: var(--border-ridge) !important;
  box-shadow: 0 0 12px 2px oklch(from black l c h / 40%) !important;
}

/* ------------------------------------------------------------------------------------ */
/* STATUS BAR */
.status-bar {
  border-radius: unset;
  border-style: unset;
  font-weight: var(--font-bold);
  height: 24px;
}

.theme-light .status-bar {
  color: oklch(from var(--background-paper) 100% c h);
}

/* ------------------------------------------------------------------------------------ */
/* BASES */

.bases-view {
  padding: unset;
  scrollbar-gutter: unset;
}

.bases-header .text-button-label,
.bases-table-header-label {
  font-weight: var(--font-bold);
  color: var(--text-normal);
}

.bases-thead .bases-table-header,
.bases-table-header-sort {
  background-color: oklch(from var(--accent-1) 50% c h / 20%);
}

.bases-table-header-sort {
  --icon-size: unset;
}

.is-mobile .bases-table-header-sort {
  --icon-size: var(--icon-s);
}

.bases-view .bases-tbody {
  background: var(--background-paper) !important;
  box-shadow: inset 0 0 4px oklch(from black l c h / 50%) !important;
}

.bases-cards-item {
  border: 1px ridge oklch(from var(--text-normal) l c h/ 50%);
  border-radius: var(--window-border-radius);
}

.bases-toolbar-menu .bases-toolbar-section-header {
  background-color: oklch(from var(--background-tertiary) l c h / 30%);
  font-weight: 900;
}

.bases-toolbar-menu .base-toolbar-sort-item,
.bases-toolbar-menu .base-toolbar-groupby-item {
  border-radius: var(--window-border-radius) !important;
  padding-right: 4px;
}

.bases-query-container .filter-expression {
  border-radius: var(--window-border-radius);
  background-color: var(--background-paper);
}

.bases-query-container .filter-group .filter-group-actions,
.bases-query-container .filter-expression .filter-row-actions {
  gap: 8px;
  padding-right: var(--size-4-3);
}

.workspace-leaf-content[data-type="markdown"] .block-language-base,
.workspace-leaf-content[data-type="markdown"] .bases-embed {
  background-color: var(--background-primary-alt);
  padding: 8px;
  border: var(--border-ridge) !important;
  border-radius: var(--window-border-radius);
}

.markdown-reading-view .bases-embed,
.cm-lang-base,
.is-phone .markdown-source-view.mod-cm6 .cm-content > .bases-embed,
.is-phone .markdown-source-view.mod-cm6 .cm-content > .cm-lang-base {
  width: unset !important;
  transform: unset !important;
}

.bases-toolbar-menu-container .search-input-container {
  border-radius: var(--window-border-radius);
}

.bases-toolbar-menu.bases-toolbar-filter-menu {
  width: unset;
}

.combobox-button {
  background-color: var(--background-paper);
}

.bases-toolbar-items .suggestion-group[data-group="views"],
.bases-toolbar-items .suggestion-group[data-group="properties"] {
  border-radius: var(--window-border-radius);
  gap: 2px;
}

.bases-toolbar-items .suggestion-group[data-group="actions"] {
  background-color: var(--background-secondary);
}

.bases-toolbar-menu-container .search-input-container {
  padding: unset;
  background-color: var(--background-paper);
}

.bases-toolbar-menu-form .input-row .input-row-content .combobox-button,
.bases-toolbar-menu-form .input-row .input-row-content button,
.bases-toolbar-menu-form .input-row .input-row-content select,
.bases-toolbar-menu-form .input-row .input-row-content textarea,
.bases-toolbar-menu-form .input-row .input-row-content input {
  margin: 0 8px;
  border-radius: var(--window-border-radius);
}

.bases-toolbar-menu-form .input-row .input-row-label {
  justify-content: center;
}

.bases-table-active-cell,
.bases-table-selection {
  background-color: oklch(from var(--base-accent) l c h / 10%);
}

.query-toolbar-menu .query-toolbar-section-header {
  background-color: oklch(from var(--background-primary-alt) l c h);
}

.is-mobile .bases-query-container .filter-lhs-container {
  width: unset;
  border: unset;
}

.conjunction.dropdown {
  background-color: oklch(from black l c h / 10%) !important;
  border: 1px solid var(--text-faint);
}

.markdown-rendered mark {
  border-radius: var(--window-border-radius);
  padding-inline: 6px !important;
  border: 1px groove var(--accent-1);
}

/* ------------------------------------------------------------------------------------ */
/* SEARCH AND BACKLINKS */
.search-result {
  box-shadow: 0px 0px 0px 1px oklch(from var(--text-normal) l c h / 30%);
  border-radius: var(--window-border-radius);
}

.search-results-info {
  border: unset;
}

.search-result .search-result-file-title {
  margin-top: 4px;
  border: 1px solid oklch(from var(--base-accent) l c h / 30%);
  border-radius: var(--window-border-radius) var(--window-border-radius) 0 0;
  background-color: oklch(from var(--base-accent) l c h / 30%);
}

.search-result .search-result-file-title:has(.is-collapsed) {
  border-radius: var(--window-border-radius) !important;
}

.search-result .search-result-file-matches {
  margin: -2px 0 12px;
  border: 1px solid oklch(from var(--base-accent) l c h / 30%);
  border-radius: 0 0 var(--window-border-radius) var(--window-border-radius) !important;
  background-color: oklch(from var(--background-paper) l c h);
  box-shadow: unset;
}

.search-result-file-match-destination-file {
  background-color: oklch(from var(--base-accent) l c h / 30%);
}

.search-result-file-match-replace-button {
  right: 30px;
  padding: 0px 4px;
  border-radius: unset;
  border: var(--border-width) solid var(--background-tertiary) !important;
  box-shadow: none !important;
}

.backlink-pane,
.outgoing-link-pane {
  padding: unset !important;
}

.backlink-pane > .tree-item-self,
.outgoing-link-pane > .tree-item-self {
  background-color: oklch(from var(--titlebar-background) l c h / 70%);
  border-radius: unset;
  padding: var(--size-4-2);
}

.backlink-pane > .tree-item-self:hover,
.outgoing-link-pane > .tree-item-self:hover {
  background-color: oklch(
    from var(--titlebar-background) l c h / 70%
  ) !important;
}

.backlink-pane > .tree-item-self .tree-item-inner,
.outgoing-link-pane > .tree-item-self .tree-item-inner {
  font-weight: var(--font-bold);
}

.theme-light .backlink-pane > .tree-item-self.is-clickable,
.theme-light .outgoing-link-pane > .tree-item-self.is-clickable {
  color: oklch(from var(--background-paper) 100% c h) !important;
}

.backlink-pane > .tree-item-self.is-clickable.is-collapsed,
.outgoing-link-pane > .tree-item-self.is-clickable.is-collapsed {
  border-radius: unset;
}

.backlink-pane .search-result-container,
.outgoing-link-pane .search-result-container {
  margin: -4px 0 var(--size-4-4) 0;
  padding: var(--size-4-2);
  background-color: oklch(from var(--background-tertiary) l c h / 20%);
}

.embedded-backlinks {
  min-height: unset !important;
  padding: 8px;
  border: var(--border-ridge) !important;
  border-radius: var(--window-border-radius);
  background-color: var(--background-primary);
}

.embedded-backlinks .nav-header {
  padding: var(--size-4-2);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  gap: var(--size-4-2);
}

.embedded-backlinks .nav-buttons-container {
  position: unset !important;
}

.embedded-backlinks .backlink-pane > .tree-item-self {
  width: unset;
}

.is-mobile .search-params {
  background-color: unset;
}
/* ------------------------------------------------------------------------------------ */
/* GRAPH */

.graph-controls {
  border-radius: var(--window-border-radius);
  border: var(--border-ridge) !important;
  background-color: oklch(from var(--background-secondary) 90% c h);
}

.graph-controls.is-close {
  background-color: var(--background-secondary);
  border: 1px solid var(--text-muted) !important;
  border-radius: var(--button-border-radius);
  padding: 2px;
  gap: var(--size-2-1);
}

/* ------------------------------------------------------------------------------------ */
/* SETTINGS MODAL */

.style-settings-heading {
  border-bottom: unset;
  padding: 2px 4px;
  background: oklch(from var(--background-tertiary) l c h / 50%);
  border-radius: var(--window-border-radius) !important;
  margin-bottom: -14px !important;
  border: var(--border-ridge);
}

.style-settings-heading .setting-item-name {
  color: var(--text-normal) !important;
  font-weight: 700;
}

.style-settings-container {
  margin-top: 14px;
  margin-left: 2px;
  padding-inline: 16px !important;
  padding-block: 24px;
  background: oklch(from var(--background-tertiary) l c h / 25%);
  border-radius: var(--window-border-radius);
  border-left: 4px solid var(--background-tertiary);
  border-bottom: 4px solid var(--background-tertiary);
}

.style-settings-heading .setting-item-name {
  color: var(--text-normal) !important;
  font-weight: 700;
}

.style-settings-container {
  margin-top: 14px;
  padding-inline: 16px !important;
  padding-block: 24px;
  background: oklch(from var(--background-tertiary) l c h / 25%);
  border-radius: var(--window-border-radius);
  border-left: 4px solid var(--background-tertiary);
  border-bottom: 4px solid var(--background-tertiary);
}

.themed-color-wrapper > div {
  border-radius: var(--window-border-radius) !important;
  padding: 2px;
}

.themed-color-wrapper .pickr-reset > button {
  color: var(--text-muted) !important;
  height: unset !important;
  padding: 4px !important;
  line-height: unset !important;
}

.is-mobile .mod-settings.mod-sidebar-layout,
.is-mobile .modal.mod-lg,
.is-mobile .modal.mod-sidebar-layout {
  border: unset !important;
  background-color: var(--background-secondary);
}

.is-phone
  .modal.mod-settings
  .vertical-tab-nav-item:not(.vertical-tab-nav-item:has(input[type="search"])) {
  height: var(--touch-size-s);
}

.vertical-tab-header-group-title {
  color: oklch(from var(--text-normal) l c h / 50%) !important;
}

.vertical-tab-content .setting-item button,
.vertical-tab-content .setting-item .clickable-icon {
  background-color: var(--background-paper) !important;
}

.vertical-tab-nav-item:not(.settings-search-input) {
  margin-bottom: 2px;
}

.community-modal-search-results-wrapper {
  border-radius: var(--window-border-radius) !important;
  border: unset;
}

.community-modal-details {
  background: var(--background-paper) !important;
}

.community-item {
  background-color: var(--background-paper) !important;
  border-radius: var(--window-border-radius) !important;
  border: var(--border-ridge) !important;
}

.community-item.is-selected {
  background-color: var(--titlebar-background) !important;
  border-color: var(--titlebar-background) !important;
}

.community-item:hover {
  border-color: var(--titlebar-background) !important;
}

.community-item-screenshot {
  border-radius: var(--window-border-radius) !important;
  border: 1px solid var(--text-muted) !important;
}

.is-phone .modal.mod-settings .vertical-tab-header-group-items {
  background: unset !important;
  border-radius: unset !important;
}

/* ------------------------------------------------------------------------------------ */
/* PLUGIN SPECIFIC STYLING*/

/* Excalidraw */
.excalidraw .color-picker-input {
  background-color: transparent !important;
}

.excalidraw button:hover,
.excalidraw .dropdown-menu .dropdown-menu-item:hover {
  background-color: unset !important;
}

.excalidraw .color-picker-content input[type="color"] {
  border-radius: 12px;
}

/* Templater */
.cm-s-obsidian .cm-templater-command.cm-templater-execution-tag,
.cm-s-obsidian .templater-command-bg,
.cm-s-obsidian .templater-inline .cm-templater-command {
  background-color: var(--code-background);
}

/* --- Calendar Plugin --- */
.retroma-with-calendar-plugin {
  #calendar-container {
    margin: 8px;
    border-radius: var(--window-border-radius);
    --color-dot: oklch(from var(--base-accent) 60% c h);
    --color-text-today: oklch(from var(--base-accent) 90% c h) !important;
    --color-text-heading: oklch(from var(--background-primary) 100% c h);
  }

  #calendar-container table {
    background-color: var(--background-paper);
    border-radius: var(--window-border-radius);
    border: 2px solid oklch(from var(--text-normal) l c h / 25%);
    box-shadow: -3px 3px 0px var(--background-tertiary);
  }

  #calendar-container .year {
    color: oklch(from var(--base-accent) 65% c h);
  }

  #calendar-container .title,
  #calendar-container .week-num {
    font-weight: var(--font-bold);
  }

  #calendar-container thead {
    background-color: oklch(from var(--background-secondary) 50% c h / 75%);
  }

  #calendar-container th,
  #calendar-container td {
    border: 1px solid oklch(from var(--text-normal) l c h / 25%) !important;
    padding: 0px;
  }

  #calendar-container th {
    padding-top: var(--size-2-1);
  }

  #calendar-container td:first-child {
    background-color: oklch(from var(--background-secondary) l c h);
  }

  #calendar-container .day,
  #calendar-container .week-num {
    border: var(--border-width) solid transparent;
    border-radius: unset;
  }

  #calendar-container .day:hover,
  #calendar-container .week-num:hover,
  #calendar-container .active {
    color: var(--text-normal);
    background-color: transparent;
    border-color: oklch(from var(--base-accent) 50% c h);
    font-weight: var(--font-bold);
  }

  #calendar-container .today {
    background-color: oklch(from var(--base-accent) 50% c h / 25%);
    font-weight: var(--font-bold);
    color: var(--text-normal);
    border-radius: unset;
  }
}

/* --- Kanban Plugin --- */
.retroma-with-kanban-plugin {
  .kanban-plugin__lane {
    border: var(--border-groove);
    border-radius: var(--window-border-radius);
    box-shadow: -3px 3px 0px var(--background-tertiary);
    overflow: overlay;
    scrollbar-width: none;
  }

  .kanban-plugin__item {
    border-radius: var(--window-border-radius);
  }

  .kanban-plugin__lane-header-wrapper {
    flex-wrap: wrap;
    gap: unset;
  }

  .kanban-plugin__lane-title {
    order: 1;
    margin-block: var(--size-4-2);
    border-radius: var(--window-border-radius);
    background-color: var(--background-paper);
    border: var(--border-groove);
  }

  .kanban-plugin__lane-wrapper.collapse-horizontal .kanban-plugin__lane-title {
    margin-block: unset !important;
  }

  .kanban-plugin_table-wraper .kanban-plugin__meta-value .markdown-preview-view,
  .kanban-plugin__markdown-preview-wrapper .markdown-preview-view {
    margin-inline: 8px;
  }

  .kanban-plugin__lane-items {
    border-radius: var(--window-border-radius);
    /* box-shadow: inset 0 0 12px oklch(from black l c h / 50%); */
    margin-bottom: var(--size-4-3);
  }

  .kanban-plugin__item-title-wrapper {
    background-color: var(--background-paper);
    border-radius: var(--window-border-radius);
    border: var(--border-groove);
  }

  .kanban-plugin__item-input-wrapper {
    padding: 8px;
  }

  /* Remove any border of view in preview/editing mode */
  .kanban-plugin .markdown-source-view,
  .kanban-plugin__meta-value .markdown-preview-view,
  .kanban-plugin__markdown-preview-wrapper .markdown-preview-view {
    border: 0 !important;
    box-shadow: unset;
  }

  /* Add border to active text input */
  .kanban-plugin__item:has(.markdown-source-view),
  .kanban-plugin__lane-input:has(.markdown-source-view) {
    outline: unset;
    border: var(--border-solid) !important;
    border-radius: var(--window-border-radius);
    background-color: var(--background-paper);
  }

  .kanban-plugin__lane-settings-button-wrapper,
  .kanban-plugin__search-wrapper {
    gap: var(--size-2-3);
    position: relative;
    right: -56%;
  }

  .kanban-plugin__item-postfix-button-wrapper .clickable-icon {
    box-shadow: unset !important;
    border: unset !important;
    background-color: unset !important;
    border-radius: var(--window-border-radius) !important;
    margin: unset !important;
  }

  .kanban-plugin__item-postfix-button-wrapper .clickable-icon:hover {
    background-color: var(--background-primary) !important;
  }

  .kanban-plugin__table-wrapper table {
    box-shadow: unset;
  }

  .kanban-plugin__table-wrapper table th {
    background-color: oklch(from var(--text-normal) l c h / 0%) !important;
  }

  .kanban-plugin__meta-value
    .kanban-plugin__markdown-preview-view
    > *:last-child,
  .kanban-plugin__markdown-preview-wrapper
    .kanban-plugin__markdown-preview-view
    > *:last-child {
    margin-block-end: var(--size-4-2);
  }

  .kanban-plugin__lane-grip,
  .kanban-plugin__icon {
    color: var(--text-muted);
  }
}

/* TaskNotes */

.theme-light .tasknotes-plugin {
  --interactive-accent: oklch(from var(--base-accent) 50% c h) !important;
  --interactive-accent-hover: oklch(from var(--base-accent) 40% c h) !important;
}

.theme-dark .tasknotes-plugin {
  --interactive-accent: oklch(from var(--base-accent) 60% c h) !important;
  --interactive-accent-hover: oklch(from var(--base-accent) 70% c h) !important;
}

.retroma-with-tasknotes-plugin {
  .tasknotes-plugin {
    --tn-radius-xs: var(--window-border-radius);
    --tn-radius-s: var(--window-border-radius);
    --tn-radius-md: var(--window-border-radius);
    --tn-radius-lg: var(--window-border-radius);
    --tn-radius-xl: var(--window-border-radius);
    --tn-radius-full: var(--window-border-radius);
  }

  .tasknotes-plugin .fc-event {
    border-radius: var(--window-border-radius) !important;
    color: var(--text-muted);
  }

  .fc-event-main {
    color: unset !important;
  }

  /* tasknotes kanban view */
  .tasknotes-plugin .kanban-view__board {
    background-color: var(--background-paper);
    padding: 8px;
  }

  .tasknotes-plugin .kanban-view__column {
    border: var(--border-ridge);
    box-shadow: -3px 3px 0px var(--background-tertiary);
    margin-inline: var(--size-4-1);
  }

  .tasknotes-plugin .task-card:not(.task-card-note-widget .task-card) {
    border-bottom: 1px solid var(--text-faint);
  }

  .fc-multimonth-header-table {
    border-bottom-style: none;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background-color: oklch(
      from var(--background-secondary) 50% c h
    ) !important;
    font-weight: var(--font-bold);
  }

  .advanced-calendar-view .fc-multimonth-header {
    border-bottom: unset;
  }

  .fc .fc-multimonth-daygrid {
    border-radius: var(--window-border-radius) !important;
  }

  .fc .fc-multimonth-daygrid-table {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  /* tasknotes mini calendar view */
  .tasknotes-plugin .mini-calendar-bases-view {
    padding: 4px 16px;
  }

  .tasknotes-plugin .mini-calendar-view__grid,
  .fc .fc-multimonth-daygrid-table,
  .fc .fc-multimonth-header-table {
    background-color: var(--background-primary);
    border-radius: var(--window-border-radius);
    border: 2px solid oklch(from var(--text-normal) l c h / 25%);
    box-shadow: -3px 3px 0px var(--background-tertiary);
  }

  .tasknotes-plugin .mini-calendar-view__week-header,
  .tasknotes-plugin .mini-calendar-view__day-header,
  .fc .fc-col-header-cell-cushion {
    background-color: oklch(from var(--background-secondary) 50% c h);
    color: oklch(from var(--background-primary) 100% c h);
    font-weight: var(--font-bold);
  }

  .tasknotes-plugin .mini-calendar-view__day,
  .fc-theme-standard td,
  .fc-theme-standard th {
    border: 1px solid oklch(from var(--text-normal) l c h / 25%) !important;
    border-radius: 0;
  }

  .tasknotes-plugin .mini-calendar-view__day:hover {
    color: var(--text-normal) !important;
    background-color: transparent !important;
    border-color: oklch(from var(--base-accent) 50% c h) !important;
    font-weight: var(--font-bold) !important;
    border: 2px solid oklch(from var(--background-secondary) 60% c h) !important;
  }

  .tasknotes-plugin .mini-calendar-view__day--today {
    background-color: oklch(from var(--base-accent) 50% c h / 25%) !important;
    border: 2px solid oklch(from var(--background-secondary) 60% c h) !important;
  }

  .tasknotes-plugin
    .calendar-view__day--selected:not(.calendar-view__day--today),
  .tasknotes-plugin
    .mini-calendar-view__day--selected:not(.mini-calendar-view__day--today) {
    background: transparent !important;
    border: 2px solid oklch(from var(--background-secondary) 60% c h) !important;
  }
}

/* ------------------------------------------------------------------------------------ */
/* ALTERNATIVE CHECKBOX */
/* https://github.com/damiankorcz/Alternative-Checkboxes-Reference-Set */

.enable-alternative-checkboxes {
  /* - [/] Incomplete */
  div.HyperMD-task-line[data-task="/"],
  ul > li[data-task="/"] {
    --icon-mask-color: var(--text-muted);
    /* https://www.svgrepo.com/svg/535445/hourglass-half-top */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyAxNEgxNFYxNkgyVjE0SDNWMTEuNTg1OEw2LjU4NTc5IDhMMyA0LjQxNDIxVjJIMlYwSDE0VjJIMTNWNC40MTQyMUw5LjQxNDIxIDhMMTMgMTEuNTg1OFYxNFpNNSAxMi40MTQyVjE0SDExVjEyLjQxNDJMOCA5LjQxNDIxTDUgMTIuNDE0MloiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
  }

  /* - [-] Cancelled */
  div.HyperMD-task-line[data-task="-"],
  ul > li[data-task="-"] {
    --icon-mask-color: var(--color-red);
    /* https://www.svgrepo.com/svg/535746/x-1 */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMTcxNiA4LjAwMDAzTDEuMDg1ODIgMy45MTQyNEwzLjkxNDI0IDEuMDg1ODJMOC4wMDAwMyA1LjE3MTZMMTIuMDg1OCAxLjA4NTgyTDE0LjkxNDIgMy45MTQyNEwxMC44Mjg1IDguMDAwMDNMMTQuOTE0MiAxMi4wODU4TDEyLjA4NTggMTQuOTE0Mkw4LjAwMDAzIDEwLjgyODVMMy45MTQyNCAxNC45MTQyTDEuMDg1ODIgMTIuMDg1OEw1LjE3MTYgOC4wMDAwM1oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
  }

  /* - [>] Forwarded */
  div.HyperMD-task-line[data-task=">"],
  ul > li[data-task=">"] {
    --icon-mask-color: var(--color-blue);
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMUg1TDE2IDdWOUw1IDE1SDJMMyA5SDhWN0gzTDIgMVoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
  }

  /* - [<] Scheduling */
  div.HyperMD-task-line[data-task="<"],
  ul > li[data-task="<"] {
    --icon-mask-color: var(--color-yellow);
    /* https://www.svgrepo.com/svg/535554/paper-plane */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMEgzVjJIMVY1SDE1VjJIMTNWMEgxMFYySDZWMFoiIGZpbGw9IiMwMDAwMDAiLz4KPHBhdGggZD0iTTE1IDdIMVYxNUgxNVY3WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
  }

  /* - [?] Question */
  div.HyperMD-task-line[data-task="?"],
  ul > li[data-task="?"] {
    --icon-mask-color: var(--color-red);
    /* https://www.svgrepo.com/svg/535588/question-mark */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNSA1LjVDNS41IDQuMTE5MjkgNi42MTkyOSAzIDggM0M5LjM4MDcxIDMgMTAuNSA0LjExOTI5IDEwLjUgNS41QzEwLjUgNi44ODA3MSA5LjM4MDcxIDggOCA4SDdWMTFIOEMxMS4wMzc2IDExIDEzLjUgOC41Mzc1NyAxMy41IDUuNUMxMy41IDIuNDYyNDMgMTEuMDM3NiAwIDggMEM0Ljk2MjQzIDAgMi41IDIuNDYyNDMgMi41IDUuNUg1LjVaIiBmaWxsPSIjMDAwMDAwIi8+CjxwYXRoIGQ9Ik0xMCAxM0g3VjE2SDEwVjEzWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
  }

  /* - [!] Important */
  div.HyperMD-task-line[data-task="!"],
  ul > li[data-task="!"] {
    --icon-mask-color: var(--color-orange);
    /* https://www.svgrepo.com/svg/535701/triangle-exclamation */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNiAxNUgwVjEyTDcgMEg5TDE2IDEyVjE1Wk03IDRIOVY5SDdWNFpNNyAxMUg5VjEzSDdWMTFaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
  }

  /* - [*] Star */
  div.HyperMD-task-line[data-task="*"],
  ul > li[data-task="*"] {
    --icon-mask-color: var(--color-yellow);
    /* https://www.svgrepo.com/svg/535661/star */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMDAwMDEgMEg3LjAwMDAxTDUuNTEyOTIgNC41NzY4MUwwLjcwMDU1NCA0LjU3NjgyTDAuMDgyNTE5NSA2LjQ3ODkzTDMuOTc1ODEgOS4zMDc1NkwyLjQ4ODczIDEzLjg4NDNMNC4xMDY3NyAxNS4wNTk5TDguMDAwMDIgMTIuMjMxM0wxMS44OTMzIDE1LjA1OTlMMTMuNTExMyAxMy44ODQzTDEyLjAyNDIgOS4zMDc1NEwxNS45MTc1IDYuNDc4OTJMMTUuMjk5NCA0LjU3NjgxTDEwLjQ4NzEgNC41NzY4MUw5LjAwMDAxIDBaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
  }

  /* - ["] Quote */
  div.HyperMD-task-line[data-task='"'],
  ul > li[data-task='"'] {
    --icon-mask-color: var(--color-purple);
    /* https://www.svgrepo.com/svg/535590/quote-left */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMjkyODkgMS4yOTI5MUw2LjcwNzExIDIuNzA3MTJMMyA2LjQxNDIzVjcuMDAwMDFIN1YxNEgxVjUuNTg1OEw1LjI5Mjg5IDEuMjkyOTFaIiBmaWxsPSIjMDAwMDAwIi8+CjxwYXRoIGQ9Ik0xNSA3LjAwMDAxSDExVjYuNDE0MjNMMTQuNzA3MSAyLjcwNzEyTDEzLjI5MjkgMS4yOTI5MUw5IDUuNTg1OFYxNEgxNVY3LjAwMDAxWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
  }

  /* - [l] Location */
  div.HyperMD-task-line[data-task="l"],
  ul > li[data-task="l"] {
    --icon-mask-color: var(--color-red);
    /* https://www.svgrepo.com/svg/535493/map-pin */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjM3ODkyIDEwLjIyMzZMOCAxNkwxMi42MjExIDEwLjIyMzZDMTMuNTEzNyA5LjEwNzg4IDE0IDcuNzIxNTQgMTQgNi4yOTI2NlY2QzE0IDIuNjg2MjkgMTEuMzEzNyAwIDggMEM0LjY4NjI5IDAgMiAyLjY4NjI5IDIgNlY2LjI5MjY2QzIgNy43MjE1NCAyLjQ4NjMgOS4xMDc4OCAzLjM3ODkyIDEwLjIyMzZaTTggOEM5LjEwNDU3IDggMTAgNy4xMDQ1NyAxMCA2QzEwIDQuODk1NDMgOS4xMDQ1NyA0IDggNEM2Ljg5NTQzIDQgNiA0Ljg5NTQzIDYgNkM2IDcuMTA0NTcgNi44OTU0MyA4IDggOFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
  }

  /* - [b] Bookmark */
  div.HyperMD-task-line[data-task="b"],
  ul > li[data-task="b"] {
    --icon-mask-color: var(--color-red);
    /* https://www.svgrepo.com/svg/535228/bookmark */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMEgxNFYxNkgxMkw4IDEyTDQgMTZIMlYwWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
  }

  /* - [i] Information */
  div.HyperMD-task-line[data-task="i"],
  ul > li[data-task="i"] {
    --icon-mask-color: var(--color-blue);
    /* https://www.svgrepo.com/svg/535344/diamond-exclamation */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05IDE2SDdMMCA5VjdMNyAwSDlMMTYgN1Y5TDkgMTZaTTcgM1Y5SDlWM0g3Wk03IDExVjEzSDlWMTFIN1oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
  }

  /* - [S] Savings */
  div.HyperMD-task-line[data-task="S"],
  ul > li[data-task="S"] {
    --icon-mask-color: var(--color-green);
    /* https://www.svgrepo.com/svg/535359/dollar */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjIxNjA2IDE1TDYuMTA0OTUgMTZIOC4xMTcyNkw4LjIyODM3IDE1SDEwLjAwM0MxMi4yMTA1IDE1IDE0IDEzLjIxMDUgMTQgMTEuMDAzQzE0IDkuMTI5NjMgMTIuNjk4OSA3LjUwNzYgMTAuODcwMSA3LjEwMTJMOS4xNDg1MiA2LjcxODY0TDkuNDUwNTkgNEgxM1YxSDkuNzgzOTNMOS44OTUwNCAwSDcuODgyNzNMNy43NzE2MiAxSDUuOTk2OTlDMy43ODk1MSAxIDIgMi43ODk1MSAyIDQuOTk2OTlDMiA2Ljg3MDM3IDMuMzAxMTUgOC40OTI0IDUuMTI5OTIgOC44OTg4TDYuODUxNDcgOS4yODEzNkw2LjU0OTM5IDEySDNWMTVINi4yMTYwNlpNOC41NjE3IDEySDEwLjAwM0MxMC41NTM2IDEyIDExIDExLjU1MzYgMTEgMTEuMDAzQzExIDEwLjUzNTcgMTAuNjc1NCAxMC4xMzExIDEwLjIxOTMgMTAuMDI5OEw4LjgxNTI4IDkuNzE3NzZMOC41NjE3IDEyWk03LjE4NDcgNi4yODIyM0w3LjQzODI4IDRINS45OTY5OUM1LjQ0NjM3IDQgNSA0LjQ0NjM3IDUgNC45OTY5OUM1IDUuNDY0MjcgNS4zMjQ1NSA1Ljg2ODg3IDUuNzgwNzEgNS45NzAyM0w3LjE4NDcgNi4yODIyM1oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
  }

  /* - [I] Idea */
  div.HyperMD-task-line[data-task="I"],
  ul > li[data-task="I"] {
    --icon-mask-color: var(--color-green);
    /* https://www.svgrepo.com/svg/535619/seedling */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDNDMTUgNS42MTUwNyAxMy4zMjcgNy44Mzk0IDEwLjk5MjkgOC42NjEwOEMxMC4zNjk0IDguODgwNTkgOS42OTg2NCA5IDkgOVYxM0gxM1YxNUgzVjEzSDdWMTFDMy42ODYyOSAxMSAxIDguMzEzNzEgMSA1VjNIM0M0LjcyNzE1IDMgNi4yODM4NiAzLjcyOTc3IDcuMzc4NTkgNC44OTc3OUM3LjkzOTcyIDUuNDk2NDcgOC4zNzk0NyA2LjIxMDMgOC42NTg1OSA3SDlDOS41ODc1MiA3IDEwLjE0NTUgNi44NzMzMyAxMC42NDggNi42NDU4MUMxMC4yMjc0IDUuMjc3NzIgOS40NDk3MyA0LjA2NTk2IDguNDIzODEgMy4xMTkyOEM5LjUyNDM5IDEuODIyNzUgMTEuMTY2MSAxIDEzIDFIMTVWM1oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
  }

  /* - [p] Pros */
  div.HyperMD-task-line[data-task="p"],
  ul > li[data-task="p"] {
    --icon-mask-color: var(--color-green);
    /* https://www.svgrepo.com/svg/535689/thumbs-up */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgMEw1IDVWMTRIMTRMMTYgOFY1SDEwVjJDMTAgMC44OTU0MzEgOS4xMDQ1NyAwIDggMEg3WiIgZmlsbD0iIzAwMDAwMCIvPgo8cGF0aCBkPSJNMyA1SDBWMTRIM1Y1WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
  }

  /* - [c] Cons */
  div.HyperMD-task-line[data-task="c"],
  ul > li[data-task="c"] {
    --icon-mask-color: var(--color-red);
    /* https://www.svgrepo.com/svg/535687/thumbs-down */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgMTZMNSAxMVYySDE0TDE2IDhWMTFIMTBWMTRDMTAgMTUuMTA0NiA5LjEwNDU3IDE2IDggMTZIN1oiIGZpbGw9IiMwMDAwMDAiLz4KPHBhdGggZD0iTTMgMTFIMFYySDNWMTFaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
  }

  /* - [f] Fire */
  div.HyperMD-task-line[data-task="f"],
  ul > li[data-task="f"] {
    --icon-mask-color: var(--color-red);
    /* https://www.svgrepo.com/svg/535389/fire */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSA5QzE1IDEyLjg2NiAxMS44NjYgMTYgOCAxNkM0LjEzNDAxIDE2IDEgMTIuODY2IDEgOUMxIDUuNSA0IDMgNCAzSDZWNC41QzYgNS4wNTIyOCA2LjQ0NzcyIDUuNSA3IDUuNUM3LjU1MjI4IDUuNSA4IDUuMDUyMjggOCA0LjVWMEgxMEMxMCAwIDE1IDMgMTUgOVpNMTAgMTJDMTAgMTMuMTA0NiA5LjEwNDU3IDE0IDggMTRDNi44OTU0MyAxNCA2IDEzLjEwNDYgNiAxMkM2IDkuNSA4IDggOCA4QzggOCAxMCA5LjUgMTAgMTJaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
  }

  /* - [k] Key */
  div.HyperMD-task-line[data-task="k"],
  ul > li[data-task="k"] {
    --icon-mask-color: var(--color-yellow);
    /* https://www.svgrepo.com/svg/535459/key */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNiA1LjVDMTYgOC41Mzc1NyAxMy41Mzc2IDExIDEwLjUgMTFIN1YxM0g1VjE1TDQgMTZIMFYxMkw1LjE2MzUxIDYuODM2NDlDNS4wNTY3IDYuNDA4NjMgNSA1Ljk2MDk0IDUgNS41QzUgMi40NjI0MyA3LjQ2MjQzIDAgMTAuNSAwQzEzLjUzNzYgMCAxNiAyLjQ2MjQzIDE2IDUuNVpNMTMgNEMxMyA0LjU1MjI4IDEyLjU1MjMgNSAxMiA1QzExLjQ0NzcgNSAxMSA0LjU1MjI4IDExIDRDMTEgMy40NDc3MiAxMS40NDc3IDMgMTIgM0MxMi41NTIzIDMgMTMgMy40NDc3MiAxMyA0WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
  }

  /* - [w] Win */
  div.HyperMD-task-line[data-task="w"],
  ul > li[data-task="w"] {
    --icon-mask-color: var(--color-yellow);
    /* https://www.svgrepo.com/svg/535702/trophy */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00IDBIMTJWMkgxNlY0QzE2IDYuNDU2NDEgMTQuMjI4NiA4LjQ5OTA5IDExLjg5MzYgOC45MjAzOEMxMS41NTM3IDEwLjM2MzcgMTAuNDMyIDExLjUwNTQgOSAxMS44NzRWMTRIMTJWMTZINFYxNEg3VjExLjg3NEM1LjU2Nzk2IDExLjUwNTQgNC40NDYyOCAxMC4zNjM3IDQuMTA2NCA4LjkyMDM4QzEuNzcxMzYgOC40OTkwOSAwIDYuNDU2NDEgMCA0VjJINFYwWk0xMiA2LjgyOTI5VjRIMTRDMTQgNS4zMDYyMiAxMy4xNjUyIDYuNDE3NDYgMTIgNi44MjkyOVpNNCA0SDJDMiA1LjMwNjIyIDIuODM0ODEgNi40MTc0NiA0IDYuODI5MjlWNFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
  }

  /* - [u] Up */
  div.HyperMD-task-line[data-task="u"],
  ul > li[data-task="u"] {
    --icon-mask-color: var(--color-green);
    /* https://www.svgrepo.com/svg/535172/arrow-trend-up */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDNMOS4wMDAwMSA0TDExLjI5MjkgNi4yOTI4OUw4LjUwMDAxIDkuMDg1NzlMNS41MDAwMSA2LjA4NTc5TDAuMjkyOTA4IDExLjI5MjlMMS43MDcxMiAxMi43MDcxTDUuNTAwMDEgOC45MTQyMUw4LjUwMDAxIDExLjkxNDJMMTIuNzA3MSA3LjcwNzExTDE1IDEwTDE2IDlMMTYgM0gxMFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
  }

  /* - [d] Down */
  div.HyperMD-task-line[data-task="d"],
  ul > li[data-task="d"] {
    --icon-mask-color: var(--color-red);
    /* https://www.svgrepo.com/svg/535165/arrow-trend-down */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEzTDkuMDAwMDEgMTJMMTEuMjkyOSA5LjcwNzEyTDguNTAwMDEgNi45MTQyM0w1LjUwMDAxIDkuOTE0MjNMMC4yOTI5MDggNC43MDcxMkwxLjcwNzEyIDMuMjkyOTFMNS41MDAwMSA3LjA4NThMOC41MDAwMSA0LjA4NThMMTIuNzA3MSA4LjI5MjkxTDE1IDYuMDAwMDFMMTYgNy4wMDAwMUwxNiAxM0gxMFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
  }

  .HyperMD-task-line:not([data-task="x"], [data-task="X"], [data-task=" "]),
  li:not([data-task="x"], [data-task="X"], [data-task=" "]) {
    --icon-mask-image: unset;
    --icon-mask-color: var(--text-normal);

    --icon-content: "";
    --icon-content-font: var(--font-monospace);
    --icon-content-weight: var(--font-bold);
    --icon-content-color: var(--text-normal);

    --icon-background: transparent;
    --icon-background-hover: transparent;

    --icon-border: unset;
    --icon-border-radius: unset;

    --line-text-color: inherit;
    --line-background: unset;
    --line-border: unset;
    --line-border-radius: unset;
  }

  .HyperMD-task-line:not([data-task="x"], [data-task="X"], [data-task=" "]),
  li:not([data-task="x"], [data-task="X"], [data-task=" "]).is-checked {
    color: var(--line-text-color);
    background: var(--line-background);
    border: var(--line-border);
    border-radius: var(--line-border-radius);
  }

  .task-list-item.is-checked {
    margin-inline-start: unset;
    padding-inline-start: 3ch;
  }

  div.is-live-preview
    label
    > input[type="checkbox"]:not(
      [data-task="x"],
      [data-task="X"],
      [data-task=" "]
    ),
  li:not([data-task="x"], [data-task="X"], [data-task=" "])
    > input[type="checkbox"],
  li:not([data-task="x"], [data-task="X"], [data-task=" "])
    > p
    > input[type="checkbox"] {
    &:checked {
      --checkbox-marker-color: transparent;
      border: var(--icon-border);
      border-radius: var(--icon-border-radius);
      background: var(--icon-background);

      &:hover {
        background: var(--icon-background-hover);
      }
    }

    &:checked::after {
      background-color: var(--icon-mask-color);
      -webkit-mask-image: var(--icon-mask-image);
      -webkit-mask-size: contain;
      -webkit-mask-position: center;
      color: var(--icon-content-color);

      background-image: var(--icon-image);
      background-repeat: no-repeat;
      background-position: center;

      content: var(--icon-content);

      text-align: center;
      font-weight: var(--icon-content-weight);
      font-family: var(--icon-content-font);
      font-size: 1rem;

      display: flex;
      align-items: center;
      justify-content: center;

      width: -webkit-fill-available;
      width: fill-available;
      /* Fallback for Safari */
      height: -webkit-fill-available;
      height: fill-available;
      /* Fallback for Safari */
    }
  }
}

/* ------------------------------------------------------------------------------------ */
/* MOBILE SPECIFIC */

.mobile-navbar {
  height: unset;
  background: var(--background-secondary) !important;
  backdrop-filter: unset !important;
  padding-top: var(--size-4-2);
  border-radius: var(--window-border-radius) !important;
}

.is-floating-nav .mobile-navbar {
  backdrop-filter: unset !important;
  border: var(--border-groove) !important;
  /* background-color: unset !important; */
}

.is-mobile:not(.is-floating-nav) .mobile-navbar {
  border-top: var(--border-groove);
  margin-bottom: -8px;
}

.mobile-navbar-actions {
  gap: 8px;
  margin-bottom: 8px;
}

.is-mobile .nav-buttons-container:after,
.is-mobile .workspace-drawer .workspace-leaf-content:after,
.is-mobile.is-floating-nav .workspace-drawer .workspace-leaf-content:after {
  background: unset !important;
}

.is-mobile .mod-root .workspace-leaf-content[data-type="markdown"] {
  --view-top-spacing: 1em;
}

.is-mobile.is-floating-nav .mod-raised {
  backdrop-filter: unset !important;
}

.mobile-tab-switcher-menubar {
  border-top: var(--border-groove) !important;
  position: unset;
}

.mobile-tab-switcher-scroll {
  padding-bottom: unset;
}

.mobile-tab-switcher-inner-scroll {
  background-color: var(--background-paper);
}

.mobile-tab {
  background-color: var(--background-primary);
  gap: unset !important;
  border: 1px solid var(--text-faint);
  border-radius: var(--window-border-radius);
}

.mobile-tab.is-active .mobile-tab-preview-empty,
.mobile-tab.is-active .mobile-tab-preview-embed {
  box-shadow: unset;
}

.mobile-tab-preview {
  border-bottom-left-radius: var(--window-border-radius);
  border-bottom-right-radius: var(--window-border-radius);
}

.mobile-tab-title {
  background-color: var(--background-secondary);
  border-radius: var(--window-border-radius);
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  font-weight: 900;
}

.mobile-toolbar {
  margin-bottom: var(--size-4-1) !important;
}

.mobile-toolbar-options-list-container {
  border-radius: 0 !important;
}

.mobile-toolbar-options-list {
  border-radius: 0 !important;
  gap: var(--size-4-1);
}

.mobile-toolbar-option {
  height: unset !important;
}
/* ------------------------------------------------------------------------------------ */
/* STYLE SETTINGS CUSTOM CSS */

.theme-variant-1 {
  --border-groove: 2px solid oklch(from var(--text-muted) l c h / 20%);
  --border-ridge: 1px solid oklch(from var(--text-muted) l c h / 20%);
}

.theme-variant-2 {
  --border-groove: unset;
  --border-ridge: unset;
  --border-width: unset;
}

/*=============================================
=               COLOR SCHEMES                 =
=============================================*/
/*Reference: https://en.wikipedia.org/wiki/Color_scheme*/

/*Uses hues that are adjacent on the color wheel, typically spaced 30 degrees apart.*/
.cs-analogous-colors {
  --rotation-1: 30;
  --rotation-2: 60;
}

.cs-analogous-colors-reversed {
  --rotation-1: 60;
  --rotation-2: 30;
}

/*Uses the base hue and the two colors next to its complement (which is at 180 degress). The two supporting colors are 30 degrees away from the exact complementary color.*/
.cs-split-complementary-colors {
  --rotation-1: 150;
  --rotation-2: 210;
}

.cs-split-complementary-colors-reversed {
  --rotation-1: 210;
  --rotation-2: 150;
}

/*Uses three colors equally spaced on the color wheel (360 / 3 = 120 degrees ).*/
.cs-triadic-colors {
  --rotation-1: 120;
  --rotation-2: 240;
}

.cs-triadic-colors-reversed {
  --rotation-1: 240;
  --rotation-2: 120;
}

.cs-monochromatic-colors {
  --rotation-1: 5;
  --rotation-2: 355;
}

.cs-monochromatic-colors-reversed {
  --rotation-1: 355;
  --rotation-2: 5;
}

/* Folder colors */
.retroma-folder-colors-accent {
  --folder-color-1: var(--folder-accent) !important;
  --folder-color-2: var(--folder-accent) !important;
  --folder-color-3: var(--folder-accent) !important;
  --folder-color-4: var(--folder-accent) !important;
  --folder-color-5: var(--folder-accent) !important;
  --folder-color-6: var(--folder-accent) !important;
  --folder-color-7: var(--folder-accent) !important;
  --folder-color-8: var(--folder-accent) !important;
  --folder-color-9: var(--folder-accent) !important;
  --folder-color-10: var(--folder-accent) !important;
  --folder-color-11: var(--folder-accent) !important;
  --folder-color-12: var(--folder-accent) !important;
  --folder-color-13: var(--folder-accent) !important;
  --folder-color-14: var(--folder-accent) !important;
  --folder-color-15: var(--folder-accent) !important;
}

.retroma-folder-colors-disable {
  --chroma-folder: 0 !important;
  --folder-color-1: var(--text-muted) !important;
  --folder-color-2: var(--text-muted) !important;
  --folder-color-3: var(--text-muted) !important;
  --folder-color-4: var(--text-muted) !important;
  --folder-color-5: var(--text-muted) !important;
  --folder-color-6: var(--text-muted) !important;
  --folder-color-7: var(--text-muted) !important;
  --folder-color-8: var(--text-muted) !important;
  --folder-color-9: var(--text-muted) !important;
  --folder-color-10: var(--text-muted) !important;
  --folder-color-11: var(--text-muted) !important;
  --folder-color-12: var(--text-muted) !important;
  --folder-color-13: var(--text-muted) !important;
  --folder-color-14: var(--text-muted) !important;
  --folder-color-15: var(--text-muted) !important;
}

/* folder border style*/
.retroma-folder-border-hide {
  --retroma-folder-border: unset !important;
  --retroma-folder-box-shadow: unset !important;
}

.retroma-folder-border-style-1 {
  --retroma-folder-box-shadow: unset !important;
}

.retroma-folder-border-style-2 {
  --retroma-folder-border: 1px solid
    oklch(from var(--accent-2) 55% var(--chroma-folder) h / 50%);
  --retroma-folder-box-shadow: var(--box-shadow);
}

.heading-divider-show {
  .markdown-preview-view h1,
  .markdown-preview-view h2,
  .markdown-preview-view h3,
  .markdown-preview-view h4,
  .markdown-preview-view h5,
  .markdown-preview-view h6,
  .cm-s-obsidian .cm-line.HyperMD-header {
    border-bottom: 2px solid;
    padding-bottom: 2px;
    padding-top: 4px;
  }
}

.heading-divider-hide {
  .markdown-preview-view h1,
  .markdown-preview-view h2,
  .markdown-preview-view h3,
  .markdown-preview-view h4,
  .markdown-preview-view h5,
  .markdown-preview-view h6,
  .cm-s-obsidian .cm-line.HyperMD-header {
    border-bottom: unset;
    padding-bottom: unset;
    padding-top: unset;
  }
}

/*--- Image  ---*/
img {
  border-radius: var(--img-border-radius);
  border: var(--img-border-width) solid var(--img-border-color);
}

.img-center {
  img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

/*--- Typography  ---*/

.text-justify {
  .markdown-rendered,
  .cm-scroller {
    text-align: justify;
    text-justify: inter-word;
  }
}

.text-center {
  .markdown-rendered,
  .cm-scroller {
    text-align: center;
  }
}

.text-right {
  .markdown-rendered,
  .cm-scroller {
    text-align: right;
  }
}

.footnote-divider {
  .footnotes hr {
    display: none;
  }
}

.disable-table-border {
  .cm-html-embed td,
  .markdown-rendered td,
  .cm-html-embed th,
  .markdown-rendered th {
    border: unset !important;
  }
}

.disable-checklist-done-decoration {
  --checklist-done-decoration: none !important;
}

/*--- Fonts ---*/
.retroma-font-w95font {
  --font-interface-override: "W95font" !important;
  --font-interface: "W95font" !important;
  --font-interface-theme: "W95font" !important;
  --font-text-override: "W95font" !important;
  --font-text: "W95font" !important;
  --font-print-override: "W95font" !important;
  --font-print: "W95font" !important;
  --font-monospace-override: "W95font" !important;
  --font-monospace: "W95font" !important;
  --font-text-theme: "W95font" !important;
}

.retroma-font-cascadia-code {
  --font-interface-override: "Cascadia Code" !important;
  --font-interface: "Cascadia Code" !important;
  --font-interface-theme: "Cascadia Code" !important;
  --font-text-override: "Cascadia Code" !important;
  --font-print-override: "Cascadia Code" !important;
  --font-print: "Cascadia Code" !important;
  --font-monospace-override: "Cascadia Code" !important;
  --font-monospace: "Cascadia Code" !important;
  --font-text-theme: "Cascadia Code" !important;
}

.retroma-font-ia-writer-mono {
  --font-interface-override: "iA Writer Mono S" !important;
  --font-interface: "iA Writer Mono S" !important;
  --font-interface-theme: "iA Writer Mono S" !important;
  --font-text-override: "iA Writer Mono S" !important;
  --font-text: "iA Writer Mono S" !important;
  --font-print-override: "iA Writer Mono S" !important;
  --font-print: "iA Writer Mono S" !important;
  --font-monospace-override: "iA Writer Mono S" !important;
  --font-monospace: "iA Writer Mono S" !important;
  --font-text-theme: "iA Writer Mono S" !important;
}

.retroma-font-excalifont {
  --font-interface-override: "Excalifont" !important;
  --font-interface: "Excalifont" !important;
  --font-interface-theme: "Excalifont" !important;
  --font-text-override: "Excalifont" !important;
  --font-text: "Excalifont" !important;
  --font-print-override: "Excalifont" !important;
  --font-print: "Excalifont" !important;
  --font-monospace-override: "Excalifont" !important;
  --font-monospace: "Excalifont" !important;
  --font-text-theme: "Excalifont" !important;
}

/* ------------------------------------------------------------------------------------ */
/* CUSTOM FONTS */
@font-face {
  /* https://arnesava.github.io/w95font/ */
  font-family: "W95font";
  src: url(data:font/woff2;base64,[encoded data, 6208 characters]);
}

@font-face {
  /* https://fonts.google.com/specimen/Cascadia+Code */
  font-family: "Cascadia Code";
  src: url(data:font/woff2;base64,[encoded data, 176944 characters]);
}

@font-face {
  /* https://github.com/iaolo/iA-Fonts*/
  font-family: "iA Writer Mono S";
  src: url(data:font/woff2;base64,[encoded data, 49272 characters]);
}

@font-face {
  font-family: "Excalifont";
  src: url(data:font/woff2;base64,[encoded data, 69728 characters]);
}

@font-face {
  /* https://fonts.google.com/specimen/Caveat */
  font-family: "Caveat";
  src: url(data:font/woff2;base64,[encoded data, 136796 characters]);
}

/* @settings

name: 🎨 Retroma Theme
id: retroma-obsidian-theme
settings:
    -
        id: theme-font-selection
        title: Theme Font Selection
        description: Fonts that complement the theme.
        type: class-select
        default: default
        options:
            - 
                label: Default
                value: default
            - 
                label: W95font
                value: retroma-font-w95font
            - 
                label: Cascadia Code
                value: retroma-font-cascadia-code
            - 
                label: iA Writer Mono
                value: retroma-font-ia-writer-mono
            - 
                label: Excalifont
                value: retroma-font-excalifont
    -
        id: theme-color-scheme-selection
        title: Theme Color Scheme Selection
        type: class-select
        description: For this to work correctly, you must first reset any modifications previously applied to the Main and Minor Accents within the Color Scheme Tuner (advance).
        allowEmpty: false
        default: "Analogous"
        options:
            -
              label: Analogous (Default)
              value: Analogous
            -
              label: Analogous (Reversed)
              value: cs-analogous-colors-reversed
            -
              label: Split Complementary
              value: cs-split-complementary-colors
            -
              label: Split Complementary (Reversed)
              value: cs-split-complementary-colors-reversed
            -
              label: Triadic
              value: cs-triadic-colors
            -
              label: Triadic (Reversed)
              value: cs-triadic-colors-reversed
            -
              label: Monochromatic
              value: cs-monochromatic-colors
            -
              label: Monochromatic (Reversed)
              value: cs-monochromatic-colors-reversed

    -
        id: theme-variant
        title: Theme Variant Selection
        type: class-select
        allowEmpty: false
        default: "Groovy"
        options:
            -
              label: Groovy (Default)
              value: Groovy
            -
              label: Simple
              value: theme-variant-1
            -
              label: Minimalist
              value: theme-variant-2

    -
        id: window-border-radius
        title: Theme Border Radius
        type: variable-select
        format: px
        default: 12px
        options:
            - 
                label: Extra Large
                value: 18px
            - 
                label: Large (Default)
                value: 12px
            - 
                label: Medium
                value: 6px
            - 
                label: Sharp
                value: 0px
    -
        id: button-border-radius
        title: Button Border Radius
        type: variable-select
        format: px
        default: 8px
        options:
            - 
                label: Extra Large
                value: 24px
            - 
                label: Large (Default)
                value: 8px
            - 
                label: Medium
                value: 6px
            - 
                label: Sharp
                value: 0px
    -
        id: lightness-accent
        title: Dark Mode Lightness 
        type: variable-number-slider
        default: 0.24
        min: 0
        max: 0.32
        step: 0.02
    -
        id: color-scheme
        title: 🎨 Color Scheme Tuner (advance)
        type: heading
        level: 2
        collapsed: true
    -
        id: interactive-accent
        title: Accent Color
        description: "Your preferred accent color in light and dark mode. Click reset buttons if you want to use Obsidian's default accent color found in the Appearance category in Settings."
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'

    -
        id: rotation-2
        title: Main Accents
        type: variable-number-slider
        description: To use the Theme Color Scheme Selection, SPAM CLICK reset button 3 times.
        default: 330
        min: 0
        max: 360
        step: 1
    - 
        id: rotation-1
        title: Minor Accents 
        description: To use the Theme Color Scheme Selection, SPAM CLICK reset button 3 times.
        type: variable-number-slider
        default: 30
        min: 0
        max: 360
        step: 1
    -
        id: typography
        title: 🔤 Typography Tuner (advance)
        type: heading
        level: 2
        collapsed: true
    -
        id: chroma
        title: Typography Chroma/Saturation
        description: This setting may be ignored if you have applied any manual customizations below.
        type: variable-number-slider
        default: 0.1
        min: 0
        max: 0.2
        step: 0.001
    -
        id: heading-colors
        title:  Heading Colors
        type: heading
        level: 3
        collapsed: true
    -
        id: h1-color
        title: H1
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: h2-color
        title: H2
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: h3-color
        title: H3
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: h4-color
        title: H4
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: h5-color
        title: H5
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: h6-color
        title: H6
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: main-text-colors
        title:  Main Text Colors
        type: heading
        level: 3
        collapsed: true
    -
        id: text-normal
        title: Main Text
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: text-muted
        title: Muted Text
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: text-faint
        title: Faint Text
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: text-emphasis-colors
        title:  Text Emphasis Colors
        type: heading
        level: 3
        collapsed: true
    -
        id: bold-color
        title: Bold Text
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: italic-color
        title: Italic Text
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: strong-emphasis
        title: Bold + Italic
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: link-colors
        title:  Link  Colors
        type: heading
        level: 3
        collapsed: true
    -
        id: link-color
        title: Internal Link
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: link-external-color
        title: External Link
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: text-highlighter-colors
        title:  Text Highlighter Colors
        type: heading
        level: 3
        collapsed: true
    -
        id: text-highlight-bg
        title: Highlighter (marker)
        description: ""
        format: hex
        type: variable-themed-color
        opacity: true
        default-light: '#FFFFFF00'
        default-dark: '#FFFFFF00'
    -
        id: text-selection
        title: Text Selection
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: folder-settings
        title: 📂 Folder Settings
        type: heading
        level: 2
        collapsed: true
    -
        id: folder-border-stlye
        title: Folder Border Stlye
        type: class-select
        default: "default"
        options:
            -
              label: Default
              value: default
            -
              label: Style 1
              value: retroma-folder-border-style-1
            -
              label: Style 2
              value: retroma-folder-border-style-2
            -
              label: Hide
              value: retroma-folder-border-hide
    -
        id: retroma-folder-scrollbar
        title: Folder Scrollbar
        type: variable-select
        format: text
        default: unset
        options:
            - 
                label: Show
                value: unset
            - 
                label: Hide
                value: none
    -
        id: folder-colors
        title:  Folder Colors
        type: heading
        level: 3
        collapsed: true
    -
        id: chroma-folder
        title: Folder Chroma/Saturation
        description: This setting may be ignored if you have applied any manual customizations below.
        type: variable-number-slider
        default: 0.1
        min: 0
        max: 0.2
        step: 0.001
    -
        id: folder-color-toggle
        title: Folder Color Toggle
        type: class-select
        default: "default"
        options:
            -
              label: Rainbow (Default)
              value: default
            -
              label: Folder Custom Accent Color
              value: retroma-folder-colors-accent
            -
              label: Per Folder Color
              value: default
            -
              label: Disable
              value: retroma-folder-colors-disable
    -
        id: folder-accent
        title: Folder Custom Accent Color
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: folder-color-1
        title: Folder 1
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: folder-color-2
        title: Folder 2
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: folder-color-3
        title: Folder 3
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: folder-color-4
        title: Folder 4
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: folder-color-5
        title: Folder 5
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: folder-color-6
        title: Folder 6
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: folder-color-7
        title: Folder 7
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: folder-color-8
        title: Folder 8
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: folder-color-9
        title: Folder 9
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: folder-color-10
        title: Folder 10
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: folder-color-11
        title: Folder 11
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: folder-color-12
        title: Folder 12
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: folder-color-13
        title: Folder 13
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: folder-color-14
        title: Folder 14
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: folder-color-15
        title: Folder 15
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: image-tuner
        title: 🖼️ Image Settings
        type: heading
        level: 2
        collapsed: true
    -
        id: img-alignment
        title: Image Alignment
        type: class-select
        allowEmpty: false
        default: "Left"
        options:
            -
              label: Left (Default)
              value: Left
            -
              label: Center
              value: img-center
    -
        id: img-border-width
        title: Image Border Width
        type: variable-number-slider
        format: px
        default: 0
        min: 0
        max: 12
        step: 1
    -
        id: img-border-radius
        title: Image Border Radius
        type: variable-number-slider
        format: px
        default: 0
        min: 0
        max: 12
        step: 1
    -
        id: img-border-color
        title: Image Border Color
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: table-tuner
        title: 📊  Table Settings
        type: heading
        level: 2
        collapsed: true
    -
        id: table-border-spacing
        title: Table Border Spacing
        type: variable-number-slider
        format: px
        default: 2
        min: 0
        max: 12
        step: 1
    -
        id: table-header-background
        title: Table Header Color
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: table-data-background
        title: Table Background Color
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: table-border-color
        title: Table Border Color
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: disable-table-border
        title: Disable Table Border.
        default: false
        type: class-toggle
    -
        id: canvas-settings
        title: ✏️ Canvas Settings
        type: heading
        level: 2
        collapsed: true
    -
        id: retroma-canvas-custom-font
        title: Canvas Custom Font
        type: variable-select
        format: text
        default: default
        options:
            - 
                label: Theme font (default)
                value: default
            - Excalifont
            - Caveat
    -
        id: canvas-background
        title: Canvas Background Color
        type: variable-themed-color
        format: hex
        opacity: false
        default-light: '#'
        default-dark: '#'
    -
        id: retroma-canvas-node-content-bg-opacity
        title: Canvas Card Background Opacity
        type: variable-number-slider
        default: 0.07
        min: 0
        max: 0.25
        step: 0.01
    -
        id: retroma-canvas-dot-opacity
        title: Canvas Dot Pattern Opacity
        type: variable-number-slider
        default: 0.30
        min: 0
        max: 1
        step: 0.10
    -
        id: retroma-canvas-card-border-width
        title: Canvas Card Border Width
        type: variable-number-slider
        format: px
        default: 3
        min: 
        max: 5
        step: 0.5
    -
        id: retroma-canvas-card-embed-border-width
        title: Canvas Card Embed Border Width
        type: variable-number-slider
        format: px
        default: 3
        min: 
        max: 5
        step: 0.5
    -
        id: misc
        title: ⚙️ Miscellaneous
        type: heading
        level: 2
        collapsed: true
    -
        id: enable-alternative-checkboxes
        title: Enable Alternative Checkboxes
        description: Disable this if you are using your own implementation via a CSS Snippet.
        default: true
        type: class-toggle
    -
        id: disable-checklist-done-decoration
        title: Disable strikethrough on completed checklists.
        default: false
        type: class-toggle
    -
        id: heading-divider
        title: Heading Divider
        type: class-select
        allowEmpty: false
        default: heading-divider-hide
        options:
            -
              label: Hide (Default)
              value: heading-divider-hide
            -
              label: Show
              value: heading-divider-show
    -
        id: footnote-divider
        title: Footnote Divider
        type: class-select
        allowEmpty: false
        default: footnote-divider
        options:
            -
              label: Hide (Default)
              value: footnote-divider
            -
              label: Show
              value:
    -
        id: text-alignment
        title: Text Alignment
        type: class-select
        allowEmpty: false
        default: "Left"
        options:
            -
              label: Left (Default)
              value: Left
            -
              label: Justify
              value: text-justify
            -
              label: Center
              value: text-center
            -
              label: Right
              value: text-right
    -
        id: plugin-integration-toggle
        title: 🧪 Plugin Integrations Toggle
        type: heading
        level: 2
        collapsed: true
    -
        id: retroma-with-tasknotes-plugin
        title: TaskNotes by Callum Alpass
        type: class-select
        description: https://github.com/callumalpass/tasknotes
        allowEmpty: false
        default: "retroma-with-tasknotes-plugin"
        options:
            -
              label: Enable
              value: retroma-with-tasknotes-plugin
            -
              label: Disable
              value:
    -
        id: retroma-with-kanban-plugin
        title: Kanban by mgmeyers
        type: class-select
        description: https://github.com/mgmeyers/obsidian-kanban
        allowEmpty: false
        default: "retroma-with-kanban-plugin"
        options:
            -
              label: Enable
              value: retroma-with-kanban-plugin
            -
              label: Disable
              value:
    -
        id: retroma-with-calendar-plugin
        title: Calendar by Liam Cain
        type: class-select
        description: https://github.com/liamcain/obsidian-calendar-plugin
        allowEmpty: false
        default: "retroma-with-calendar-plugin"
        options:
            -
              label: Enable
              value: retroma-with-calendar-plugin
            -
              label: Disable
              value:
    -
        id: author
        title: 🌱  SUPPORT THE DEVELOPMENT
        type: heading
        level: 2
    -
        id: description
        title: 
        description: "Retroma GitHub Repo: https://github.com/emarpiee/Retroma<br>Retroma Developer: https://github.com/emarpiee<br><br>☕️ **BUY ME A COFEE**: https://buymeacoffee.com/emarpiee<br>Ko-Fi: https://ko-fi.com/emarpiee <br>PayPal: https://paypal.me/emarpiee"
        type: info-text
        markdown: true
*/
