/* ---------- CHIME THEME ---------- */
/* ----- by: Ha'ani Whitlock ----- */

/* ---------- fonts ---------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700;800&family=Figtree:wght@300;400;500;600;700;800&family=Koh+Santepheap:wght@300;400;700;900&family=Poppins:wght@300;400;500;600;700;800&family=Rubik:wght@300;400;500;600;700;800&family=Tilt+Warp&family=Merriweather:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alice&family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&family=Arima:wght@100;200;300;400;500;600;700&family=Averia+Gruesa+Libre&family=Comfortaa:wght@300;400;500;600;700&family=Courgette&family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Forum&family=Handlee&family=Hind:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&family=Merienda:wght@300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap');


/* -- custom font -- */
.custom-font-toggle {
    --font-default: var(--custom-font), sans-serif !important;
}

/* ---------- main layout ----------*/

/* --- get rid of dividers that break the theme --- */
body {
    --divider-width: 0px;
    --line-style: solid;
    --border-width: 1px;
}

body.classic-layout, .is-mobile {
    --divider-width: var(--border-width);
}

/* --- cardboard plugin --- */
.card-board-view {
    color: var(--text-muted);
}
.card-board-column {
    background-color: var(--background-primary-alt);
    border: var(--border-width) var(--line-style) var(--background-modifier-border);
}

/* --- line style ---*/
body.line-style-solid {
    --line-style: solid;
}
body.line-style-dashed {
    --line-style: dashed;
}
body.line-style-dotted {
    --line-style: dotted;
}
body.line-style-double {
    --line-style: double;
}
body.line-style-groove {
    --line-style: groove;
}
body.line-style-ridge {
    --line-style: ridge;
}
body.line-style-inset {
    --line-style: inset;
}
body.line-style-outset {
    --line-style: outset;
}

/* --- set background behind main note pane -- */

body {
    --workspace-background: var(--background-secondary);
}

.workspace,
.workspace-split.mod-root {
    background: var(--workspace-background);
    background-size: cover;
    background-position: 50% 50%;
}


/* -- custom background image -- */
.background-image {
    --workspace-background: var(--custom-image);
    --tab-container-background: transparent;
    --ribbon-background-collapsed: transparent !important;
    --ribbon-background: transparent !important;
    --border-width: 0px !important;
}
.theme-light.background-image .workspace-ribbon.mod-left:before, .theme-light.background-image .side-dock-actions, .theme-light.background-image .side-dock-settings  {
backdrop-filter: brightness(107%) blur(var(--bg-blur));
}
.theme-dark.background-image .workspace-ribbon.mod-left:before, .theme-dark.background-image .side-dock-actions, .theme-dark.background-image .side-dock-settings  {
    backdrop-filter: brightness(50%) blur(var(--bg-blur));
}
.background-image .side-dock-actions, .background-image .side-dock-settings  {
margin-right: -4px;
margin-left: -4px;
}
.background-image .side-dock-actions {
    margin-top: -8px;
}
.background-image .side-dock-settings  {
margin-bottom: -11px;
margin-top: -4px;
padding-top: 505px;
padding-bottom: 4px;
}
.theme-light.background-image .workspace-split {
    background: transparent !important;
    backdrop-filter: brightness(107%) blur(var(--bg-blur));
}
.theme-dark.background-image .workspace-split {
    background: transparent !important;
    backdrop-filter: brightness(50%) blur(var(--bg-blur));
}


/* -- round some things --- */
body {
    --border-radius-average: 11px;
    --radius-s: calc(var(--border-radius-average) - 3px);
    --radius-m: calc(var(--border-radius-average) - 1px);
    --radius-l: calc(var(--border-radius-average) + 1px);
    --radius-xl: calc(var(--border-radius-average) + 3px);
}

body.classic-layout, .is-mobile {
    --radius-s: 4px;
    --radius-m: 8px;
    --radius-l: 10px;
    --radius-xl: 16px;
}
.workspace-leaf {
    border-radius: var(--radius-m);
    margin-right: 10px;
    margin-left: 10px;
    background-color: transparent !important;
}
.workspace-leaf-content {
    border-radius: var(--radius-m);
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    border: var(--border-width) var(--line-style) var(--background-modifier-border);
}

.classic-layout .workspace-leaf-content, .is-mobile .workspace-leaf-content {
    border-radius: 0px;
    margin-bottom: 0px;
    border: none;
}
.classic-layout .workspace-leaf, .is-mobile .workspace-leaf {
    border-radius: 0px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: var(--background-primary);
}


/* --- sidebars --- */
body, body.theme-crystal.classic-layout,
body.theme-ash-old.classic-layout{
    --ribbon-background-collapsed: transparent;
}
body.classic-layout {
    --ribbon-background-collapsed: var(--background-primary);
}

/* - get rid of borders in navigation panel on the left sidebar */
.workspace-split.mod-horizontal.mod-left-split .workspace-leaf-content {
    border: none;
    box-shadow: none;
}

/* --- cards layout --- */
.cards-layout .workspace-split.mod-horizontal.mod-left-split .workspace-leaf-content {
    border: var(--border-width) var(--line-style) var(--background-modifier-border);
    box-shadow: none;
    background-color: var(--background-primary);
}

.cards-layout.classic-layout .workspace-split.mod-horizontal.mod-left-split .workspace-leaf-content,
.cards-layout .is-mobile .workspace-split.mod-horizontal.mod-left-split .workspace-leaf-content {
    border: none;
    box-shadow: none;
    background-color: var(--background-secondary);
}


/* - Fix Left Sidebar 'Expand' Button - */
.workspace-ribbon::before {
    background-color: transparent!important;
    border-bottom: none !important;
}

.classic-layout .workspace-ribbon::before {
    border-bottom: var(--border-width) var(--line-style) var(--background-modifier-border) !important;
}
/* --- make line style effect sidebar --- */
.workspace-ribbon {
    border-right: var(--divider-width) var(--line-style) var(--divider-color);
}
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
.workspace-split.mod-left-split > .workspace-leaf-resize-handle {
  border-right-style: var(--line-style);
}

/* --- floating titlebar --- */
.view-header-title {
    font-size: 14px;

}
.view-header-breadcrumb {
    color: var(--text-faint);
}

/* --- window control buttons --- */
.is-hidden-frameless:not(.is-fullscreen) .titlebar-button-container.mod-right,
.is-hidden-frameless:not(.is-fullscreen).is-focused .titlebar-button-container.mod-right {
    background-color: #3a2e2000;
}
.is-focused .titlebar-inner, .titlebar-inner{
    color: var(--icon-color);
}


/* --- prompts ---*/
body {
    --prompt-width: 450px;
}

/* --- images --- */

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: var(--radius-m);
}



/* --- tabs ---*/
body {
    --tab-text-color-focused-active-current: var(--color-accent-2);
    --tab-divider-color: var(--background-modifier-border);
    --tab-curve: 0px;
    --tab-radius-active: var(--radius-s);
    --tab-font-size: 0.84em;
    --tab-width: 240px;
    --tab-outline-width: var(--border-width);
    --tab-divider-color: transparent;
}
.classic-layout { 
    --tab-radius-active: 6px 6px 0px 0px;
    --tab-curve: 6px;
}
.classic-layout .workspace .mod-root .workspace-tab-header {
    margin: 0px;
    height: inherit;
    border-bottom: none;
}
.workspace .mod-root .workspace-tab-header {
    padding: 5px;
    margin: 0.1em;
    height: auto;
}

.workspace .mod-root .workspace-tab-header-inner-title {
    text-overflow: ellipsis;
    width: 100%;
}
.workspace-tab-header-container {
    background-color: transparent;
    border-bottom: none;
    margin-bottom: 0.5em;
}


.classic-layout .workspace-tab-header-container, .is-mobile .workspace-tab-header-container {
    border-bottom: var(--border-width) var(--line-style) var(--background-modifier-border);
    margin-bottom: 0px;
}


/* --- dividers --- */

body.hide-dividers {
    --border-width: 0px !important;
}


/* --- tables --- */
body {
    --table-border-width: 0px;
    --table-row-alt-background: var(--color-base-05);
}
thead {
    border-bottom: 1.5px var(--line-style) var(--color-accent-2);
}
.markdown-preview-view table {
    margin-left: auto;
    margin-right: auto;
    min-width: 100%;
}
/* - table vertical lines - */

/* --- wiki-page (wiki page) css class --- */
.wiki-page {
    --file-line-width: 100%;
    --font-text-size: 0.9em;
    --h1-color: var(--text-normal);
    --h2-color: var(--text-normal);
    --h3-color: var(--text-normal);
    --h4-color: var(--text-normal);
    --h5-color: var(--text-normal);
    --h6-color: var(--text-normal);
    --h1-size: 1.5em;
    --h2-size: 1.2em;
    --h3-size: 1.1em;
    --h4-size: 1em;
    --h5-size: 0.99em;
    --h6-size: 0.98em;
    --h1-line-height: 1.8em;
    --font-text: 'Archivo', Arial, sans-serif;
    --h1-font: 'Linux Libertine', 'Georgia', 'Times', serif;
    --h1-weight: normal;
    --inline-title-color: var(--text-normal);
    --radius-s: 0px;
    --radius-m: 0px;
}

.wiki-page.markdown-rendered hr::before, .wiki-page.markdown-source-view hr::before{
    display: none !important;
}
.wiki-page .inline-title {
    border-bottom: 1px solid var(--background-modifier-border) !important;
    line-height: 0.5em;
    margin-bottom: 1em;
    font-family: var(--h1-font);
    font-weight: var(--h1-weight);
}


.wiki-page .frontmatter-container {
    display: none;
}
.wiki-page h1{
    border-bottom: 1px solid var(--background-modifier-border) !important;
    background-color: transparent !important;
    padding: 0px !important;
    overflow: hidden;
}
.wiki-page h2,
.wiki-page h3,
.wiki-page h4,
.wiki-page h5,
.wiki-page h6 {
    background-color: transparent !important;
    padding: 0px !important;
    overflow: hidden;
    border-bottom: none !important
}
.wiki-page img {
    width: 25% !important;
    float: right;
    clear: right;
    margin: 1em;
}
.wiki-page.markdown-source-view img {
    float: none;
    clear: none;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
}
.wiki-page .callout img, .wiki-page .blockquote img {
    width: 100% !important;
    float: none;
    clear: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.wiki-page.markdown-rendered blockquote {
    display: flexbox;
    width: flex;
    text-align: left;
    overflow: hidden;
    margin: 1em 1em 1em 0px;
    border-radius: var(--radius-s);
}



.wiki-page.markdown-preview-view .callout[data-callout*=info] {
    float: right;
    clear: right;
    width: 25%;
    background-color: var(--background-primary);
    padding: 0px;
    border-radius: var(--radius-s);
    box-shadow: var(--shadow-s);
    border: 1px solid var(--background-modifier-border);
}
.wiki-page.markdown-source-view .callout[data-callout*=info] {
    width: 25%;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--blockquote-background-color);
    padding: 7px;
    border-radius: var(--radius-s);
    border: 1px solid var(--background-modifier-border);
}

.wiki-page.markdown-preview-view .callout[data-callout*=info] .callout-content {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding:5px;

}
.wiki-page.markdown-preview-view .callout[data-callout*=info] .callout-title {
    font-size: var(--h3-size);
    font-weight: var(--h3-weight);
    color: var(--text-normal);
    padding: 5px;
    background-color: rgba(var(--color-yellow-rgb), 0.2);
    width: 100%;
    margin: 0px;
}
.wiki-page .callout h1,
.wiki-page .callout h2,
.wiki-page .callout h3,
.wiki-page .callout h4,
.wiki-page .callout h5,
.wiki-page .callout h6 {
    font-size: var(--h3-size);
    font-weight: var(--h3-weight);
    text-align: center;
    color: var(--text-normal);
    padding: 5px !important;
    line-height: 1.25em;
    background-color: rgba(var(--color-yellow-rgb), 0.2) !important;
    width: 100%;
    border-bottom: none !important;
}

.wiki-page.markdown-preview-view .callout[data-callout*=info] .callout-icon .svg-icon{
    padding-right: 0.2em;
    width: 1.3em; 
    height: 1.3em;
    color: inherit;
}
.wiki-page.markdown-preview-view .callout {
    display: flexbox;
    width: flex;
    margin: 1em;
}

.wiki-page.markdown-preview-view .callout-title {
    width: fit-content;
    font-size: var(--h3-size);
}
.wiki-page hr {
    border-width: 1px;
    overflow: hidden;
}

.wiki-page.markdown-preview-view table {
    margin-left: 1em;
    margin-right: 1em;
    min-width: 35.5%;
    text-align: center;
}
.wiki-page th {
    text-align: center;
}
.wiki-page .dataview.inline-field-key {
    font-size: inherit;
}

/* ---------- tags ---------- */
.tag-default, body {
  --tag-color: var(--text-accent);
  --tag-color-hover: var(--text-accent);
  --tag-decoration: none;
  --tag-decoration-hover: none;
  --tag-background: hsla(var(--interactive-accent-hsl), 0.1);
  --tag-background-hover: hsla(var(--interactive-accent-hsl), 0.2);
  --tag-border-color: hsla(var(--interactive-accent-hsl), 0.15);
  --tag-border-color-hover: hsla(var(--interactive-accent-hsl), 0.15);
  --tag-border-width: 0px;
  --tag-padding-x: 0.65em;
  --tag-padding-y: 0.25em;
  --tag-radius: 2em;
}

.tag-minimal {
 --tag-background: none;
 --tag-background-hover: none;
 --tag-color-hover: var(--color-accent-1);
 --tag-color: var(--interactive-accent);
 --tag-decoration-hover: underline;
}
.tag-minimal a.tag, .tag-minimal .editor .cm-hashtag {
    font-style: italic;
    padding: 0px;
}
.tag-block {
    --tag-color: var(--text-normal);
    --tag-background: var(--code-background);
    --tag-radius: 3px;
}
.tag-button {
--tag-background: var(--background-primary);
--tag-background-hover: var(--code-background);
--tag-color: var(--text-normal);
--tag-color-hover: var(--text-normal);
--tag-radius: 0.8em;
--tag-border-color: var(--background-modifier-border);
--tag-border-width: 1px;
--tag-border-color-hover: var(--color-base-25);
}
.tag-button a.tag, .tag-button .editor .cm-hashtag {
    -webkit-box-shadow: 0 -1px 7px -1px rgb(118 118 118 / 20%) inset;
}
.tag-button a.tag:hover, .tag-button .editor .cm-hashtag:hover {
    -webkit-box-shadow: 0 -1px 7px -1px rgb(118 118 118 / 10%) inset;
}

/* ---------- links ---------- */
.link-default, body {
    --link-decoration: none;
    --link-external-decoration: none;
}
.external-link {
    background-image: none;
    padding-right: unset;
}

.link-web {
    --link-decoration: underline;
    --link-external-decoratoin: underline;
    --link-color: var(--color-blue);
    --link-external-color: var(--color-blue);
    --link-color-hover: var(--color-purple);
    --link-external-color-hover: var(--color-purple);
    --link-unresolved-color: var(--color-cyan);
    --link-unresolved-decoration-color: var(--color-cyan);
}
.link-button {
    --link-color: var(--text-normal);
    --link-unresolved-color: var(--text-normal);
    --link-external-color: var(--text-normal);
    --link-decoration-hover: none;
    --link-external-decoration-hover: none;
}
.link-button .internal-link, .link-button .external-link,
.link-button .markdown-source-view.mod-cm6 .cm-underline {
    background-color: var(--background-primary);
    -webkit-box-shadow: 0 -1px 7px -1px rgb(118 118 118 / 15%) inset;
    padding: 1px 10px;
    border-radius: 0.4em;
    border: solid var(--background-modifier-border) 1.1px;
    background-image: none;
    white-space: nowrap;
    overflow:hidden;
}
.link-button .internal-link:hover, .link-button .external-link:hover,
.link-button .markdown-source-view.mod-cm6 .cm-underline:hover {
    -webkit-box-shadow: 0 -1px 10px -1px rgb(118 118 118 / 30%) inset;
}

.link-em {
    --link-unresolved-color: var(--text-muted);
    --link-unresolved-decoration-color: var(--background-modifier-border-hover);
}
.link-em .internal-link, .link-em .external-link {
color: var(--text-normal);
text-decoration: underline var(--background-modifier-border) 2.3px;
text-underline-offset: 0.19em;
}
.link-em .markdown-source-view.mod-cm6 .cm-underline {
    color: var(--text-normal);
    text-decoration: underline var(--background-modifier-border) 2.3px;
}
.link-em .internal-link:hover, .link-em .external-link:hover,
.link-em .markdown-source-view.mod-cm6 .cm-underline:hover {
color: var(--color-accent-2);
text-decoration: underline var(--color-accent-1) 4px;
}
.link-em .internal-link::before, .link-em .external-link::before {
    content: "🡭";
    margin-right: 0.3em;
    display: inline-block;
    font-size: 0.8em;
    font-weight: 600;
    font-family: 'Noto Sans Symbols 2', sans-serif;
}

/* -------- wide page css class -------- */
.wide {
    --file-line-width: 100%;
}
.wide img {
    position: relative;
    aspect-ratio: 16/6;
    object-fit:cover;
    width: 100%;
    object-position: left;
}
/* --- bold and italic colors --- */


.colored-bold-and-italic.theme-light {
    --bold-color: hsl(calc(var(--accent-h) + 180), 45%, 50%);
    --italic-color: hsl(calc(var(--accent-h) + 90), 45%, 50%);
}
.colored-bold-and-italic.theme-dark {
    --bold-color: hsl(calc(var(--accent-h) + 180), 50%, 60%);
    --italic-color: hsl(calc(var(--accent-h) + 90), 50%, 60%);
}
.theme-solarized.colored-bold-and-italic,
.theme-gruvbox.colored-bold-and-italic {
    --bold-color: var(--color-orange);
    --italic-color: var(--color-green);
}

/* --- toggle buttons in settings --- */
.checkbox-container.is-enabled {
    background-color: var(--color-green);
}
.checkbox-container:not(.is-enabled) {
    background-color: var(--color-red);
}
/* --- blockquotes --- */
body{
    --blockquote-border-thickness: 2.5px;
    --blockquote-color: var(--text-normal);
    --blockquote-background-color: var(--background-secondary-alt);
}
.markdown-rendered blockquote, .blockquote-normal .markdown-rendered blockquote {
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 2;
    font-style: italic;
    position: relative;
    border-left-width: 5px;
    padding-left: 15px;
    padding-right: 15px;
}
.markdown-rendered blockquote p, .blockquote-normal .markdown-rendered blockquote p {
display: inline;
}
.blockquote-mark .markdown-rendered blockquote::before {
    font-style: normal;
    content: "❛❛";
    display:inline;
    font-size: 2.25em;
    line-height: 0.1em;
    vertical-align: -0.4em;
    margin-right: 15px;
}
.blockquote-block .markdown-rendered blockquote {
    border-radius: var(--radius-s);
    border-left: none;
    font-style: normal;

}
.blockquote-quote .markdown-rendered blockquote {
    background-color: transparent;
    padding-top: 0px;
    padding-bottom: 0px;
    font-style: normal;
    border-width: 2px;
}
.blockquote-minimal .markdown-rendered blockquote {
    background-color: transparent;
    padding-top: 0px;
    padding-bottom: 0px;
    border-color: var(--text-normal);
    color: var(--text-normal);
    font-style: normal;
    border-width: 1.4px;
    line-height: inherit;
}
.blockquote-floating .markdown-rendered blockquote {
    background-color: transparent;
    padding: 12px 12px 12px 12px;
	border-radius: var(--radius-s);
    border: 1.2px var(--line-style) var(--background-modifier-border);
	box-shadow: var(--shadow-s);
    position: relative;
    font-style: normal;
}

.blockquote-sleek .markdown-rendered blockquote:not(.blockquote-floating),
.blockquote-sleek .markdown-rendered blockquote:not(.blockquote-minimal),
.blockquote-sleek .markdown-rendered blockquote:not(.blockquote-block),
.blockquote-sleek .markdown-rendered blockquote:not(.blockquote-normal) {
    border: 1px solid;
    border-color: var(--background-modifier-border) !important;
    border-left-width: 6px;
    font-style: normal;
}

.blockquote-basic .markdown-rendered blockquote {
background-color: transparent;
border: none;
margin-left: 1.3em;
padding: 0px;
font-size: var(--h6-size);
font-weight: 300;
}
.blockquote-basic .markdown-rendered blockquote h1 {
    padding: 0px;
    font-style: italic;
    font-weight: 300;
    }

/* --- highlights --- */

.markdown-rendered mark, .cm-s-obsidian span.cm-highlight {
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 2px var(--color-accent-2) var(--line-style);
}
.theme-dark.theme-default .markdown-rendered mark, .theme-dark.theme-default .cm-s-obsidian span.cm highlight,
.theme-dark.theme-celestial .markdown-rendered mark, .theme-dark.theme-celestial .cm-s-obsidian span.cm highlight,
.theme-dark.theme-spring .markdown-rendered mark, .theme-dark.theme-spring .cm-s-obsidian span.cm highlight {
 color: white;
}

.underlined-highlight .markdown-rendered mark, .underlined-highlight .cm-s-obsidian span.cm-highlight {
    background-color: transparent;
    border-radius: 0px;
    padding: 0px;
    border-bottom: 3px var(--color-accent-2) var(--line-style);
    font-weight: bold;
}
.theme-dark.underlined-highlight .markdown-rendered mark, .theme-dark.underlined-highlight .cm-s-obsidian span.cm-highlight {
    color: var(--color-accent-2);
}



/* ----- active button ----- */
.theme-default .horizontal-tab-nav-item.is-active, .vertical-tab-nav-item.is-active {
    color: var(--text-on-accent) !important;
}
/* ----- dataview ----- */

/* --- inline dataview --- */
.dataview.inline-field-key {
    background-color: transparent;
    font-family: inherit;
    color: var(--bold-color);
    font-weight: bold;
    margin-right: 0px;
    padding-right: 0px;
}
.dataview.inline-field-key::after {
    content: ':';
    margin-left: 0px;
    margin-right: 5px;

}
.dataview.inline-field-value {
    background-color: transparent;
    font-family: inherit;
    margin-left: 0px;
    padding-left: 0px;
}
.dataview.inline-field-standalone-value {
    background-color: transparent;
    font-family: inherit;
    color: var(--text-faint);
    font-size: 0.95em;
    margin: 0px;
    padding: 0px;
}


/* ---------- headings ---------- */

/* ----- general headings ----- */
body{
    --h6-variant: small-caps;
    --h1-weight: 700;
    --h2-weight: 600;
    --h3-weight: 600;
    --h4-weight: 600;
    --h5-weight: 600;
    --h6-weight: 600;
}
body:not(.colorful-headings):not(.colorful-headings-alt) {
    --h1-color: var(--text-normal);
    --h2-color: var(--text-normal);
    --h3-color: var(--text-normal);
    --h4-color: var(--text-normal);
    --h5-color: var(--text-normal);
    --h6-color: var(--text-normal);
}
h1, .markdown-rendered h1, .HyperMD-header-1, .HyperMD-list-line .cm-header-1 {
    font-variant: var(--h1-variant);
}
.smaller-headings {
    --h1-size: 1.4em;
    --h2-size: 1.3em;
    --h3-size: 1.15em;
    --h4-size: 1.1em;
    --h5-size: 1.05em;
    --h6-size: 1em;
}
/* ----- colorful headings class */
.colorful-headings {
    --h1-color: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 10%));
    --h2-color: hsl(calc(var(--accent-h) + 40), calc(var(--accent-s) - 5%), calc(var(--accent-l) - 15%));
    --h3-color: hsl(calc(var(--accent-h) + 80), calc(var(--accent-s) - 25%), calc(var(--accent-l) - 15%));
    --h4-color: hsl(calc(var(--accent-h) + 130), calc(var(--accent-s) - 30%), calc(var(--accent-l) - 15%));
    --h5-color: hsl(calc(var(--accent-h) + 180), calc(var(--accent-s) - 35%), calc(var(--accent-l) - 15%));
    --h6-color: hsl(calc(var(--accent-h) + 240), calc(var(--accent-s) - 55%), calc(var(--accent-l) - 15%));
}
.colorful-headings-alt {
    --h1-color: var(--color-red);
    --h2-color: var(--color-orange);
    --h3-color: var(--color-yellow);
    --h4-color: var(--color-cyan);
    --h5-color: var(--color-blue);
    --h6-color: var(--color-purple);
}
.colorful-headings.theme-dark.theme-crystal, 
.colorful-headings.theme-dark.theme-ash-old {
    --h6-color: rgb(91, 117, 161);
    --h5-color: rgb(140, 132, 190);
    --h4-color: rgb(154, 118, 168);
    --h3-color: rgb(191, 118, 151);
    --h2-color: rgb(203, 120, 132);
    --h1-color: rgb(208, 92, 92); 
}
.colorful-headings.theme-light.theme-crystal,
.colorful-headings.theme-light.theme-ash-old {
    --h1-color: rgb(91, 117, 161);
    --h2-color: rgb(140, 132, 190);
    --h3-color: rgb(154, 118, 168);
    --h4-color: rgb(191, 118, 151);
    --h5-color: rgb(203, 120, 132);
    --h6-color: rgb(208, 92, 92); 
}
.colorful-headings-alt.theme-default {
    --h1-color: var(--color-red);
    --h2-color: var(--color-orange);
    --h3-color: var(--color-yellow);
    --h4-color: var(--color-green);
    --h5-color: var(--color-cyan);
    --h6-color: var(--color-blue);
}
.colorful-headings.theme-default {
--h1-color: rgb(217, 174, 180);
--h2-color: rgb(218, 178, 201);
--h3-color: rgb(200, 165, 200);
--h4-color: rgb(191, 165, 199);
--h5-color: rgb(158, 142, 184);
--h6-color: rgb(156, 156, 190);
}
/* ----- center headers classes ----- */
.h1-center h1, .h1-center .HyperMD-header-1 {
    text-align: center;
}
.h1-center .inline-title {
  text-align: center;
}
.h2-center h2, .h2-center .HyperMD-header-2 {
    text-align: center;
}
.h3-center h3, .h3-center .HyperMD-header-3 {
    text-align: center;
}
.h4-center h4, .h4-center .HyperMD-header-4 {
    text-align: center;
}
.h5-center h5, .h5-center .HyperMD-header-5 {
    text-align: center;
}
.h6-center h6, .h6-center .HyperMD-header-6 {
    text-align: center;
}
/* ----- bottom borders css classes for headers ----- */
.h1-bottom-border h1,
.h1-bottom-border .HyperMD-header-1,
.h2-bottom-border h2,
.h2-bottom-border .HyperMD-header-2,
.h3-bottom-border h3,
.h3-bottom-border .HyperMD-header-3,
.h4-bottom-border h4,
.h4-bottom-border .HyperMD-header-4,
.h5-bottom-border h5,
.h5-bottom-border .HyperMD-header-5,  
.h6-bottom-border h6,
.h6-bottom-border .HyperMD-header-6 {
padding-bottom: 2px;
border-bottom: 1.4px var(--line-style) var(--hr-color);
}

.h1-bottom-border.colorful-headings.theme-notion h1,
.h1-bottom-border.colorful-headings.theme-notion .HyperMD-header-1,
.h2-bottom-border.colorful-headings.theme-notion h2,
.h2-bottom-border.colorful-headings.theme-notion .HyperMD-header-2,
.h3-bottom-border.colorful-headings.theme-notion h3,
.h3-bottom-border.colorful-headings.theme-notion .HyperMD-header-3,
.h4-bottom-border.colorful-headings.theme-notion h4,
.h4-bottom-border.colorful-headings.theme-notion .HyperMD-header-4,
.h5-bottom-border.colorful-headings.theme-notion h5,
.h5-bottom-border.colorful-headings.theme-notion .HyperMD-header-5,  
.h6-bottom-border.colorful-headings.theme-notion h6,
.h6-bottom-border.colorful-headings.theme-notion .HyperMD-header-6,
.h1-bottom-border.colorful-headings.theme-anytype h1,
.h1-bottom-border.colorful-headings.theme-anytype .HyperMD-header-1,
.h2-bottom-border.colorful-headings.theme-anytype h2,
.h2-bottom-border.colorful-headings.theme-anytype .HyperMD-header-2,
.h3-bottom-border.colorful-headings.theme-anytype h3,
.h3-bottom-border.colorful-headings.theme-anytype .HyperMD-header-3,
.h4-bottom-border.colorful-headings.theme-anytype h4,
.h4-bottom-border.colorful-headings.theme-anytype .HyperMD-header-4,
.h5-bottom-border.colorful-headings.theme-anytype h5,
.h5-bottom-border.colorful-headings.theme-anytype .HyperMD-header-5,  
.h6-bottom-border.colorful-headings.theme-anytype h6,
.h6-bottom-border.colorful-headings.theme-anytype .HyperMD-header-6 {
border-bottom: none;
}
/* ----- callouts ----- */

.callout, .callout-normal .callout {
    background-color: rgba(var(--callout-color), 0.17);
    border: none;
    position: relative;
    z-index: 2;
}
.callout-bordered .callout {
    border: 1.2px var(--line-style) rgb(var(--callout-color));
}
.callout-outlined {
    --callout-title-padding: 5px;
}
.callout-outlined .callout, .callout-outlined .markdown-source-view.mod-cm6 .callout {
    background-color: transparent !important;
    border: 1.5px var(--line-style) rgb(var(--callout-color));
    overflow: visible;
    margin: 1.5em 0px 1.5em;
}
.callout-outlined .callout-title {
    background-color: var(--background-primary);
    margin-top: -22.5px;
    margin-left: -0.75em;
    padding: 0 0.5em;
    width: fit-content;
}
.callout-floating .callout, .callout-floating .markdown-source-view.mod-cm6 .callout {
    margin: 13px 0px;
	border-radius: var(--radius-s);
    border: 1.2px var(--line-style) rgba(var(--callout-color), 0.7);
	box-shadow: var(--shadow-s);
    background-color: transparent;
    padding: 0px;
}

.callout-floating .callout-title, .callout-floating .markdown-source-view.mod-cm6 .callout-title {
background-color: rgba(var(--callout-color), 0.2);
padding: 10px;
min-width: 100%;
}
.callout-floating .callout-content, .callout-floating .markdown-source-view.mod-cm6 .callout-content {
    padding: 0px 10px; 
    }
/* custom callout colors */
.callout[data-callout="danger"], 
.callout[data-callout="error"] {
    --callout-color: var(--callout-warning);
}
body {
    --callout-bug: var(--color-pink-rgb);
}
/* ----- checkboxes ----- */
body {
    --checklist-done-decoration: none;
}
.checkbox-block input[type=checkbox]:checked:after {
    background-color: transparent;
    -webkit-mask-image: none;
}
.checkbox-block input[type=checkbox]:checked {
    background-color: var(--checkbox-color);
    box-shadow: inset 0 0 0 2px var(--background-primary);
}
.checkbox-block input[type=checkbox] {
    border-radius: 0px;
}
.checkbox-anytype input[type=checkbox]:checked:after {
    background-color: var(--color-green);
    top: 0px;
    bottom: 0px;
    -webkit-mask-size: 100%;
    -webkit-mask-image: url(<?xml version="1.0" ?><svg data-name="Capa 1" id="Capa_1" viewBox="0 0 20 19.84" xmlns="http://www.w3.org/2000/svg"><path d="M15.39,5.66a.37.37,0,0,0-.52,0L8,13.39,5.09,11.06a.38.38,0,1,0-.47.59L7.85,14.2a.38.38,0,0,0,.52,0l7.06-8A.38.38,0,0,0,15.39,5.66Z"/></svg>);
}
.theme-anytype.checkbox-anytype input[type=checkbox]:checked:after {
    background-color: #1EABEB;
}
.checkbox-anytype input[type=checkbox]:checked {
    background-color: transparent;
    border-color: transparent !important;
}
.checkbox-anytype input[type=checkbox] {
    border-radius: 1em;
}


/* ---------- themes ----------*/

/* ----- all themes ----- */

.theme-light {
    --text-highlight-bg: hsl(var(--accent-h), var(--accent-s), var(--accent-l), 0.2);
}
.theme-dark {
    --text-highlight-bg: hsl(var(--accent-h), var(--accent-s), var(--accent-l), 0.3);
    --color-base-05: var(--color-base-20);
}

/* ----- default (Macaroon) theme ----- */
body, .theme-default {
    --font-default: 'Arima', cursive;
}

.theme-light, .theme-default.theme-light {
    --accent-h: 323;
    --accent-s: 30%;
    --accent-l: 65%;
    color-scheme: light;
    --highlight-mix-blend-mode: darken;
    --mono-rgb-0: 255, 255, 255;
    --mono-rgb-100: 0, 0, 0;
    --color-red-rgb: 225, 120, 132;
    --color-red: #e17884;
    --color-green-rgb: 117, 194, 151;
    --color-green: #75c297;
    --color-orange-rgb: 241, 144, 112;
    --color-orange: #f19070;
    --color-yellow-rgb: 255, 168, 46;
    --color-yellow: #dcb46f;
    --color-cyan-rgb: 111, 210, 194;
    --color-cyan: #6fd2c2;
    --color-blue-rgb: 136, 198, 227;
    --color-blue: #88c6e3;
    --color-purple-rgb: 181, 132, 199;
    --color-purple: #b584c7;
    --color-pink-rgb: 220, 118, 167;
    --color-pink: #dc76a7;
    --color-base-00: #f8f3f2;
    --color-base-05: #faf3f1;
    --color-base-10: #f0e9e4;
    --color-base-20: #f4ebeb;
    --color-base-25: #d9c9ca;
    --color-base-30: #cec2c577;
    --color-base-35: #b5a7ac;
    --color-base-40: #b6a4b2;
    --color-base-50: #a391a3;
    --color-base-60: #867786;
    --color-base-70: #685a68;
    --color-base-100: #594f67;
  }
  .theme-dark, .theme-default.theme-dark {
    color-scheme: dark;
    --highlight-mix-blend-mode: lighten;
    --mono-rgb-0: 0, 0, 0;
    --mono-rgb-100: 255, 255, 255;
    --color-red-rgb: 225, 120, 132;
    --color-red: #e17884;
    --color-green-rgb: 117, 194, 151;
    --color-green: #75c297;
    --color-orange-rgb: 241, 144, 112;
    --color-orange: #f19070;
    --color-yellow-rgb: 255, 168, 46;
    --color-yellow: #dcb46f;
    --color-cyan-rgb: 111, 210, 194;
    --color-cyan: #6fd2c2;
    --color-blue-rgb: 136, 198, 227;
    --color-blue: #88c6e3;
    --color-purple-rgb: 181, 132, 199;
    --color-purple: #b584c7;
    --color-pink-rgb: 220, 118, 167;
    --color-pink: #dc76a7;
    --color-base-00: #3b3347;
    --color-base-10: #413b4e;
    --color-base-20: #2f2837;
    --color-base-25: #55546e;
    --color-base-30: #4e4560;
    --color-base-35: #545e76;
    --color-base-40: rgb(98, 111, 134);
    --color-base-50: rgb(125, 127, 149);
    --color-base-60: rgb(103, 129, 148);
    --color-base-70: #7f83a1;
    --color-base-100: #a0a7c4;
    --background-secondary-alt: var(--color-base-20);
  }

  /* ----- Ash Theme ----- */

  .theme-crystal.theme-light .vertical-tab-nav-item {
    color: var(--text-muted);
  }
  
  .theme-crystal .nav-file-title:hover,
  .theme-ash-old .nav-file-title:hover {
    color: var(--interactive-accent) !important;
  }

  .theme-crystal {
    --font-default:  'IBM Plex Sans', 'Yu Micho', 'Franklin Gothic', 'Lucida Sans', sans-serif;
    --nav-item-color-active: var(--color-accent);
  }
  .theme-crystal .nav-folder.mod-root > .nav-folder-title {
    color: var(--color-accent);
    font-weight: 900;
    font-size: 1.25em;
  }
  
  .theme-crystal.theme-light {
    color-scheme: light;
    --icon-color-focused: var(--interactive-accent);
    --highlight-mix-blend-mode: darken;
    --vault-name-color: var(--color-accent-1);
    --accent-h: 0;
    --accent-s: 69%;
    --accent-l: 59%;
    --mono-rgb-0: 255, 255, 255;
    --mono-rgb-100: 0, 0, 0;
    --color-red-rgb: 255, 0, 0;
    --color-red: #c75d5d;
    --color-green-rgb: 8, 185, 78;
    --color-green: #a2bb79;
    --color-orange-rgb: 246, 78, 0;
    --color-orange: #d58b69;
    --color-yellow-rgb: 255, 128, 0;
    --color-yellow: #c9b174;
    --color-cyan-rgb: 0, 179, 149;
    --color-cyan: #96b7aa;
    --color-blue-rgb: 0, 181, 197;
    --color-blue: #79a2ae;
    --color-purple-rgb: 82, 131, 238;
    --color-purple: #969cc1;
    --color-pink-rgb: 126, 88, 216;
    --color-pink: #b69ac2;
    
    --color-base-00: #e8e8e8;
    --color-base-05: #e2e2e2;
    --color-base-10: #dadada;
    --color-base-20: #a8a8a8;
    --color-base-25: #959595;
    --color-base-30: #7b7b7b4c;
    --color-base-35: #757575;
    --color-base-40: #5e5e5e;
    --color-base-50: #8d8d8d;
    --color-base-60: #2f3234;
    --color-base-70: #717171;
    --color-base-100: #000000;
    --background-secondary: var(--color-base-60);
    
    /* 
    --color-base-00: #e2e9ed;
    --color-base-05: #c5d5de;
    --color-base-10: #ccd9e1;
    --color-base-20: #2c323b;
    --color-base-25: #bac5d0;
    --color-base-30: #5f728f41;
    --color-base-35: #e05f5f;
    --color-base-40: #9facbb;
    --color-base-50: #5877a2;
    --color-base-60: #7a5757;
    --color-base-70: #617686;
    --color-base-100: #222222;
    */
  }


  .theme-crystal.theme-dark {
    color-scheme: dark;
    --vault-name-color: var(--color-accent-1);
    --highlight-mix-blend-mode: lighten;
    --mono-rgb-0: 0, 0, 0;
    --accent-h: 0;
    --accent-s: 65%;
    --accent-l: 62%;
    --mono-rgb-100: 255, 255, 255;
    --color-red-rgb: 228, 111, 125;
    --color-red-rgb: 255, 0, 0;
    --color-red-rgb: 255, 0, 0;
    --color-red: #d96943;
    --color-green-rgb: 8, 185, 78;
    --color-green: #a2bb79;
    --color-orange-rgb: 246, 78, 0;
    --color-orange: #d58b69;
    --color-yellow-rgb: 255, 128, 0;
    --color-yellow: #c9b174;
    --color-cyan-rgb: 0, 179, 149;
    --color-cyan: #96b7aa;
    --color-blue-rgb: 0, 181, 197;
    --color-blue: #79a2ae;
    --color-purple-rgb: 82, 131, 238;
    --color-purple: #969cc1;
    --color-pink-rgb: 126, 88, 216;
    --color-pink: #b69ac2;
    /*
    --color-base-00: #32373e;
    --color-base-10: #3c4249;
    --color-base-20: #1d1f22;
    --color-base-25: #4e545c;
    --color-base-30: #575e6765;
    --color-base-35: #697179;
    --color-base-40: #7b848e;
    --color-base-50: #8b949f;
    --color-base-60: #919ba6;
    --color-base-70: #757b82;
    --color-base-100: #a1abb7;
    */
    --color-base-00: #2d323a;
    --color-base-10: #3a3f42;
    --color-base-20: #26272e;
    --color-base-25: #262323;
    --color-base-30: #373d48;
    --color-base-35: #546a76;
    --color-base-40: rgb(105, 122, 142);
    --color-base-50: rgb(74, 98, 138);
    --color-base-60: rgb(122, 139, 165);
    --color-base-70: #65707d;
    --color-base-100: #a4acb5;
  }

 /* ----- old ash theme ----- */

 .theme-ash-old.theme-light .vertical-tab-nav-item {
    color: var(--text-muted);
  }
  .theme-ash-old .nav-folder.mod-root > .nav-folder-title {
    color: var(--color-accent);
    font-weight: 700;
  }


  .theme-ash-old {
    --font-default: 'Hindi', 'Moulpali', 'Bahnschrift', sans-serif;
    --nav-item-color-active: var(--color-accent);
  }

  .theme-ash-old.theme-light {
    color-scheme: light;
    --icon-color-focused: var(--interactive-accent);
    --highlight-mix-blend-mode: darken;
    --vault-name-color: var(--color-accent-1);
    --mono-rgb-0: 255, 255, 255;
    --mono-rgb-100: 0, 0, 0;
    --accent-h: 0 !important;
    --accent-s: 79% !important;
    --accent-l: 59% !important;
    --color-red-rgb: 255, 0, 0;
    --color-red: #ff0000;
    --color-green-rgb: 8, 185, 78;
    --color-green: #00c445;
    --color-orange-rgb: 246, 78, 0;
    --color-orange: #f64e00;
    --color-yellow-rgb: 255, 128, 0;
    --color-yellow: #ff8000;
    --color-cyan-rgb: 0, 179, 149;
    --color-cyan: #00b395;
    --color-blue-rgb: 0, 181, 197;
    --color-blue: #00b5c5;
    --color-purple-rgb: 82, 131, 238;
    --color-purple: #5283ee;
    --color-pink-rgb: 126, 88, 216;
    --color-pink: #7e58d8;
    --color-base-00: #e2e9ed;
    --color-base-05: #c5d5de;
    --color-base-10: #ccd9e1;
    --color-base-20: #2c323b;
    --color-base-25: #bac5d0;
    --color-base-30: #5f728f41;
    --color-base-35: #e05f5f;
    --color-base-40: #9facbb;
    --color-base-50: #5877a2;
    --color-base-60: #7a5757;
    --color-base-70: #617686;
    --color-base-100: #222222;
  }
  .theme-ash-old.theme-dark {
    color-scheme: dark;
    --vault-name-color: var(--color-accent-1);
    --highlight-mix-blend-mode: lighten;
    --mono-rgb-0: 0, 0, 0;
    --mono-rgb-100: 255, 255, 255;
    --accent-h: 5 !important;
    --accent-s: 59% !important;
    --accent-l: 60% !important;
    --color-red-rgb: 228, 111, 125;
    --color-red-rgb: 255, 0, 0;
    --color-red: #ff0000;
    --color-green-rgb: 8, 185, 78;
    --color-green: #00c445;
    --color-orange-rgb: 246, 78, 0;
    --color-orange: #f64e00;
    --color-yellow-rgb: 255, 128, 0;
    --color-yellow: #ff8000;
    --color-cyan-rgb: 0, 179, 149;
    --color-cyan: #00b395;
    --color-blue-rgb: 0, 181, 197;
    --color-blue: #00b5c5;
    --color-purple-rgb: 82, 131, 238;
    --color-purple: #5283ee;
    --color-pink-rgb: 126, 88, 216;
    --color-pink: #7e58d8;
    --color-base-00: #2d323a;
    --color-base-10: #483437;
    --color-base-20: #26272e;
    --color-base-25: #262323;
    --color-base-30: #373d48;
    --color-base-35: #765454;
    --color-base-40: rgb(105, 122, 142);
    --color-base-50: rgb(142, 81, 81);
    --color-base-60: rgb(202, 112, 112);
    --color-base-70: #65707d;
    --color-base-100: #b5a4a4;
  }



  /* ----- spring theme ----- */

  .theme-spring {
    --font-default: 'Courgette', 'Handlee', cursive;
  }

  .theme-spring.colored-bold-and-italic {
    --bold-color: rgb(135, 204, 135);
  }

  .colorful-headings.theme-spring {
    --h1-color: rgb(142, 202, 127);
    --h2-color: rgb(126, 216, 188);
    --h4-color: rgb(227, 185, 114);
    --h3-color: rgb(239, 165, 180);
    --h5-color: rgb(200, 207, 85);
    --h6-color: rgb(104, 189, 203);
  }
.colorful-headings-alt.theme-spring {
--h1-color: rgb(156, 196, 129);
--h2-color: rgb(175, 209, 145);
--h3-color: rgb(179, 216, 115);
--h4-color: rgb(190, 218, 106);
--h5-color: rgb(213, 218, 61);
--h6-color: rgb(215, 214, 141);
}
  .theme-spring.theme-light {
    color-scheme: light;
    --highlight-mix-blend-mode: darken;
    --mono-rgb-0: 255, 255, 255;
    --mono-rgb-100: 0, 0, 0;
    --accent-h: 81 !important;
    --accent-s: 68% !important; 
    --accent-l: 58% !important;
    --color-base-00: #fdfff5;
    --color-base-05: #f4f8e2;
    --color-base-10: #e7eed4;
    --color-base-20: #e3efd2;
    --color-base-25: #ddeace;
    --color-base-30: rgb(186, 209, 177);
    --color-base-35: #a5c1a1;
    --color-base-40: #96c09f;
    --color-base-50: #8cb59b;
    --color-base-60: #82a196;
    --color-base-70: #608b76;
    --color-base-100: #467262;
  }
  .theme-spring.theme-dark {
    color-scheme: dark;
    --highlight-mix-blend-mode: lighten;
    --mono-rgb-0: 0, 0, 0;
    --mono-rgb-100: 255, 255, 255;
    --accent-h: 79 !important;
    --accent-s: 80% !important;
    --accent-l: 69% !important;
    --color-red-rgb: 228, 111, 125;
    --color-red: #e46f7d;
    --color-green-rgb: 165, 209, 140;
    --color-green: #a5d18c;
    --color-orange-rgb: 251, 179, 108;
    --color-orange: #fbb36c;
    --color-yellow-rgb: 255, 222, 115;
    --color-yellow: #ffde73;
    --color-cyan-rgb: 111, 210, 194;
    --color-cyan: #6fd2c2;
    --color-blue-rgb: 86, 174, 214;
    --color-blue: #56aed6;
    --color-purple-rgb: 181, 132, 199;
    --color-purple: #b584c7;
    --color-pink-rgb: 255, 148, 200;
    --color-pink: #ff94c8;
    --color-base-00: #414e44;
    --color-base-10: #45594b;
    --color-base-20: #37463d;
    --color-base-25: #556951;
    --color-base-30: #4e624b;
    --color-base-35: #6b8669;
    --color-base-40: rgb(119, 161, 116);
    --color-base-50: rgb(143, 163, 141);
    --color-base-60: rgb(137, 161, 118);
    --color-base-70: #a0ae8e;
    --color-base-100: #c5ccac;
  }

  /* ----- novelist theme + novel css class ----- */
  .theme-novelist {
    --font-default: Merriweather, Georgia, 'Libre Baskerville', 'Baskerville Old Face', 'Book Antiqua', sans-serif;
  }
  .novel {
    --font-text: Merriweather, 'Libre Baskerville', Georgia, 'Baskerville Old Face', 'Book Antiqua', Alice, 'EB Garamond', sans-serif !important;
    --inline-title-color: var(--text-normal);
  }
  .novel img {
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
    border-radius: 0px;
    align-content: left;
  }
  
.theme-novelist .markdown-preview-view br, .novel.markdown-preview-view br {
    content: '';
    display: block;
    margin-top: 10px;
}
.novel.cm-s-obsidian, .novel .markdown-preview-section p
{
  text-indent: 40px;
}
/* --- dividers --- */
.theme-novelist:not(.is-mobile) .markdown-rendered hr::before, .theme-novelist .markdown-source-view hr::before{
    font-size: 1.5em;
    content: '🕮';
    font-weight: 500;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    padding: 0.35rem;
    color: var(--background-modifier-border-hover);
    background-color: var(--background-primary);
    z-index: 1;
    
}
/* ------- colorful headings ------ */

/* --- normal, light mode --- */
  .theme-novelist.theme-light.colorful-headings{
    --h1-color: #9e7759;
    --h2-color: #b58a62;
    --h3-color: #cd9b6d;
    --h4-color: #d29035;
    --h5-color: rgb(210, 170, 51);
    --h6-color: rgb(222, 173, 26);
  }

  /* --- alternate --- */
  .theme-novelist.colorful-headings-alt .inline-title,
  .theme-novelist.colorful-headings-alt h1, .theme-novelist.colorful-headings-alt .HyperMD-header-1,
  .theme-novelist.colorful-headings-alt h2, .theme-novelist.colorful-headings-alt .HyperMD-header-2,
  .theme-novelist.colorful-headings-alt h3, .theme-novelist.colorful-headings-alt .HyperMD-header-3,
  .theme-novelist.colorful-headings-alt h4, .theme-novelist.colorful-headings-alt .HyperMD-header-4,
  .theme-novelist.colorful-headings-alt h5, .theme-novelist.colorful-headings-alt .HyperMD-header-5,
  .theme-novelist.colorful-headings-alt h6, .theme-novelist.colorful-headings-alt .HyperMD-header-6 {
    -webkit-background-clip: text;
    color: transparent;
}
.theme-novelist.colorful-headings-alt h1, .theme-novelist.colorful-headings-alt HyperMD-header-1, 
.theme-novelist.colorful-headings-alt .inline-title {
background-image: linear-gradient(rgb(244, 205, 11), rgb(216, 171, 57));
}
.theme-novelist.colorful-headings-alt h2, .theme-novelist.colorful-headings-alt HyperMD-header-2 {
    background-image: linear-gradient(#f4ba69, rgb(210, 170, 51));
    }
.theme-novelist.colorful-headings-alt h3, .theme-novelist.colorful-headings-alt HyperMD-header-3 {
    background-image: linear-gradient(#dfb535, #d29035);
    }
.theme-novelist.colorful-headings-alt h4, .theme-novelist.colorful-headings-alt HyperMD-header-4 {
        background-image: linear-gradient(#f1a73f, #b7895d);
}
.theme-novelist.colorful-headings-alt h5, .theme-novelist.colorful-headings-alt HyperMD-header-5 {
    background-image: linear-gradient(#f1ae6f, #b47f4e);
}
.theme-novelist.colorful-headings-alt h6, .theme-novelist.colorful-headings-alt HyperMD-header-6 {
    background-image: linear-gradient(#f08e34, #946d4f);
}

  .theme-novelist.theme-dark.colorful-headings{
    --h1-color: rgb(228, 191, 163);
    --h2-color: rgb(215, 179, 145);
    --h3-color: rgb(207, 166, 129);
    --h4-color: rgb(191, 157, 108);
    --h5-color: rgb(203, 177, 99);
    --h6-color: rgb(195, 165, 75);
  }
  
  .theme-novelist.theme-light {
    color-scheme: light;
    --highlight-mix-blend-mode: darken;
    --mono-rgb-0: 255, 255, 255;
    --mono-rgb-100: 0, 0, 0;
    --color-base-00: #faf8f0;
    --color-base-05: #f2eadb;
    --color-base-10: #f4f0e9;
    --color-base-20: #f4eee3;
    --color-base-25: #ccb8a0;
    --color-base-30: #e1d5c9;
    --color-base-35: #cebcac;
    --color-base-40: #c1a88f;
    --color-base-50: #a2988f;
    --color-base-60: #9f7b5f;
    --color-base-70: #7b6c65;
    --color-base-100: #524f4d;
  }
  .theme-novelist.theme-dark {
    color-scheme: dark;
    --highlight-mix-blend-mode: lighten;
    --mono-rgb-0: 0, 0, 0;
    --mono-rgb-100: 255, 255, 255;
    --color-base-00: #4d3d2e;
    --color-base-10: #574534;
    --color-base-20: #3a2e20;
    --color-base-25: #574c40;
    --color-base-30: #5f4b38;
    --color-base-35: #847163;
    --color-base-40: rgb(146, 130, 111);
    --color-base-50: rgb(167, 153, 146);
    --color-base-60: rgb(188, 172, 162);
    --color-base-70: #cabbac;
    --color-base-100: #dacfbc;
  }

  /* ----- nord theme ----- */
   .theme-nord.colorful-headings {
   /* --h1-color: #5E81AC;
    --h2-color: #7da0c3;
    --h3-color: #85b4cf;
    --h4-color: #80b5c3;
    --h5-color: #81b8c2;
    --h6-color: #8FBCBB;*/
    --h1-color: var(--color-red);
    --h2-color: var(--color-orange);
    --h3-color: var(--color-yellow);
    --h4-color: var(--color-green);
    --h5-color: var(--color-cyan);
    --h6-color: var(--color-blue);
} 
.theme-nord.colorful-headings-alt{
    --h1-color: #5E81AC;
    --h2-color: #81A1C1;
    --h3-color: #88C0D0;
    --h4-color: #8FBCBB;
    --h5-color: #A3BE8C;
    --h6-color: #EBCB8B;
}

.theme-nord.colored-bold-and-italic {
    --bold-color: var(--color-blue);
    --italic-color: var(--color-green);
}


  .theme-nord {
    --accent-h: 92 !important;
    --accent-s: 28% !important;
    --accent-l: 65% !important; 
    --font-default: 'Bahnschrift', 'Aevnir Next', sans-serif;
  }
  .theme-nord.theme-light {
    color-scheme: light;
    --highlight-mix-blend-mode: darken;
    --mono-rgb-0: 255, 255, 255;
    --mono-rgb-100: 0, 0, 0;
    --color-red-rgb: 191, 97, 106;
    --color-red: #BF616A;
    --color-green-rgb: 163, 190, 140;
    --color-green: #A3be8c;
    --color-orange-rgb: 208, 135, 112;
    --color-orange: #d08770;
    --color-yellow-rgb: 235, 203, 139;
    --color-yellow: #ebcb8b;
    --color-cyan-rgb: 136, 192, 208;
    --color-cyan: #88c0d0;
    --color-blue-rgb: 129, 161, 193;
    --color-blue: #81a1c1;
    --color-purple-rgb: 94, 129, 172;
    --color-purple: #5e81AC;
    --color-pink-rgb: 180, 142, 173;
    --color-pink: #b48ead;
    --color-base-00: #ffffff;
    --color-base-05: #f1f3f6;
    --color-base-10: #edf0f4;
    --color-base-20: #E5E9F0;
    --color-base-25: #dbe0e9;
    --color-base-30: #D8DEE9;
    --color-base-35: #ced4de;
    --color-base-40: #bec5d2;
    --color-base-50: #abb4c4;
    --color-base-60: #99a3b6;
    --color-base-70: #848fa4;
    --color-base-100: #4a5364;
  }
  .theme-nord.theme-dark {
    color-scheme: dark;
    --highlight-mix-blend-mode: lighten;
    --mono-rgb-0: 0, 0, 0;
    --mono-rgb-100: 255, 255, 255;
    --color-red-rgb: 191, 97, 106;
    --color-red: #BF616A;
    --color-green-rgb: 163, 190, 140;
    --color-green: #A3be8c;
    --color-orange-rgb: 208, 135, 112;
    --color-orange: #d08770;
    --color-yellow-rgb: 235, 203, 139;
    --color-yellow: #ebcb8b;
    --color-cyan-rgb: 136, 192, 208;
    --color-cyan: #88c0d0;
    --color-blue-rgb: 129, 161, 193;
    --color-blue: #81a1c1;
    --color-purple-rgb: 94, 129, 172;
    --color-purple: #5e81AC;
    --color-pink-rgb: 180, 142, 173;
    --color-pink: #b48ead;
    --color-base-00: hsl(220, 16%, 22%); 
    /* --color-base-00:  #3B4252; */
    --color-base-10: hsl(220, 16.8%, 25%);
     --color-base-20: hsl(222, 16%, 28%); 
    /*--color-base-20:  #2E3440; */
    --color-base-25: #474e5f;
    --color-base-30: #434C5E;
    --color-base-35: #50596b;
    --color-base-40: #4C566A;
    --color-base-50: #5f697e;
    --color-base-60: #7d8698;
    --color-base-60: #979fb1;
    --color-base-70: #b5bdcc;
    --color-base-100: #cad0de;
  }

  /* ----- classic obsidian theme ----- */
  .theme-classic {
    --font-default: 'Aevnir Next', sans-serif;
  }
 .theme-classic.theme-light {
  color-scheme: light;
  --highlight-mix-blend-mode: darken;
  --mono-rgb-0: 255, 255, 255;
  --mono-rgb-100: 0, 0, 0;
  --color-red-rgb: 233, 49, 71;
  --color-red: #E93147;
  --color-green-rgb: 8, 185, 78;
  --color-green: #08B94E;
  --color-orange-rgb: 236, 117, 0;
  --color-orange: #ec7500;
  --color-yellow-rgb: 224, 172, 0;
  --color-yellow: #e0ac00;
  --color-cyan-rgb: 0, 191, 188;
  --color-cyan: #00bfbc;
  --color-blue-rgb: 8, 109, 221;
  --color-blue: #086DDD;
  --color-purple-rgb: 120, 82, 238;
  --color-purple: #7852EE;
  --color-pink-rgb: 213, 57, 132;
  --color-pink: #D53984;
  --color-base-00: #ffffff;
  --color-base-05: #fcfcfc;
  --color-base-10: #fafafa;
  --color-base-20: #f6f6f6;
  --color-base-25: #e3e3e3;
  --color-base-30: #e0e0e0;
  --color-base-35: #d4d4d4;
  --color-base-40: #bdbdbd;
  --color-base-50: #ababab;
  --color-base-60: #707070;
  --color-base-70: #5a5a5a;
  --color-base-100: #222222;
}
.theme-classic.theme-dark {
    color-scheme: dark;
    --highlight-mix-blend-mode: lighten;
    --mono-rgb-0: 0, 0, 0;
    --mono-rgb-100: 255, 255, 255;
    --color-red-rgb: 251, 70, 76;
    --color-red: #fb464c;
    --color-orange-rgb: 233, 151, 63;
    --color-orange: #E9973F;
    --color-yellow-rgb: 224, 222, 113;
    --color-yellow: #E0DE71;
    --color-green-rgb: 68, 207, 110;
    --color-green: #44CF6E;
    --color-cyan-rgb: 83, 223, 221;
    --color-cyan: #53DFDD;
    --color-blue-rgb: 2, 122, 255;
    --color-blue: #027aff;
    --color-purple-rgb: 168, 130, 255;
    --color-purple: #a882ff;
    --color-pink-rgb: 250, 153, 205;
    --color-pink: #FA99CD;
    --color-base-00: #1e1e1e;
    --color-base-10: #242424;
    --color-base-20: #262626;
    --color-base-25: #2a2a2a;
    --color-base-30: #363636;
    --color-base-35: #3F3F3F;
    --color-base-40: #555;
    --color-base-50: #666;
    --color-base-60: #999;
    --color-base-70: #bababa;
    --color-base-100: #dadada;
}
  
/* ----- light & bright theme ----- */

.theme-light-and-bright {
  --font-default: 'Noto Sans', sans-serif;
  --h1-weight: 600;
  --h2-weight: 600;
  --h3-weight: 600;
  --h4-weight: 600;
  --h5-weight: 600;
  --h6-weight: 600;
}
.theme-light-and-bright.theme-light {
    color-scheme: light;
    --highlight-mix-blend-mode: darken;
    --mono-rgb-0: 255, 255, 255;
    --mono-rgb-100: 0, 0, 0;
    --color-red-rgb: 228, 111, 125;
    --color-red: #e46f7d;
    --color-green-rgb: 165, 209, 140;
    --color-green: #a5d18c;
    --color-orange-rgb: 251, 179, 108;
    --color-orange: #fbb36c;
    --color-yellow-rgb: 255, 222, 115;
    --color-yellow: #ffde73;
    --color-cyan-rgb: 111, 210, 194;
    --color-cyan: #6fd2c2;
    --color-blue-rgb: 86, 174, 214;
    --color-blue: #56aed6;
    --color-purple-rgb: 181, 132, 199;
    --color-purple: #b584c7;
    --color-pink-rgb: 255, 148, 200;
    --color-pink: #ff94c8;
    --color-base-00: hsl(calc(0 + var(--accent-h)), 100%, 99.5%);
    --color-base-05: hsl(calc(0 + var(--accent-h)), 40%, 96.5%);
    --color-base-10: hsl(calc(0 + var(--accent-h)), 30%, 95.9%);
    --color-base-20: hsl(calc(0 + var(--accent-h)), calc(var(--accent-s) - 5%), calc(95% - calc(var(--accent-l)/100)));
    --color-base-25: hsl(calc(0 + var(--accent-h)), 80%, 42%);
    --color-base-30: hsl(calc(0 + var(--accent-h)), calc(var(--accent-s) - 55%), 89%);
    --color-base-35: hsl(calc(0 + var(--accent-h)), 70%, 88%);
    --color-base-40: hsl(calc(0 + var(--accent-h)), 65%, 86%);
    --color-base-50: hsl(calc(0 + var(--accent-h)), 18%, 63%);
    --color-base-60: hsl(calc(0 + var(--accent-h)), 55%, 72%);
    --color-base-70: hsl(calc(0 + var(--accent-h)), 5%, 55%);
    --color-base-100: hsl(calc(0 + var(--accent-h)), 5%, 30%);
  }
  .theme-light-and-bright.theme-dark {
    color-scheme: dark;
    --highlight-mix-blend-mode: lighten;
    --mono-rgb-0: 0, 0, 0;
    --mono-rgb-100: 255, 255, 255;
    --color-red-rgb: 228, 111, 125;
    --color-red: #e46f7d;
    --color-green-rgb: 165, 209, 140;
    --color-green: #a5d18c;
    --color-orange-rgb: 251, 179, 108;
    --color-orange: #fbb36c;
    --color-yellow-rgb: 255, 222, 115;
    --color-yellow: #ffde73;
    --color-cyan-rgb: 111, 210, 194;
    --color-cyan: #6fd2c2;
    --color-blue-rgb: 86, 174, 214;
    --color-blue: #56aed6;
    --color-purple-rgb: 181, 132, 199;
    --color-purple: #b584c7;
    --color-pink-rgb: 255, 148, 200;
    --color-pink: #ff94c8;
    --color-base-00:hsl(calc(0 + var(--accent-h)), 11%, 15.5%);
    --color-base-10: hsl(calc(0 + var(--accent-h)), 11.5%, 18.5%);
    --color-base-20: hsl(calc(0 + var(--accent-h)), 10%, 12%);
    --color-base-25: hsl(calc(0 + var(--accent-h)), 11.5%, 10%);
    --color-base-30: hsl(calc(0 + var(--accent-h)), 12%, 23%);
    --color-base-35: hsl(calc(0 + var(--accent-h)), 14%, 11%);
    --color-base-40: hsl(calc(0 + var(--accent-h)), 16%, 12%);
    --color-base-50: hsl(calc(0 + var(--accent-h)), 18%, 55%);
    --color-base-60: hsl(calc(0 + var(--accent-h)), 20%, 13%);
    --color-base-70: hsl(calc(0 + var(--accent-h)), 15%, 45%);
    --color-base-100: hsl(calc(0 + var(--accent-h)), 15%, 75%);
  }

  /* --- dividers --- */
  .theme-light-and-bright .markdown-rendered hr::before, .theme-light-and-bright .markdown-source-view hr::before {
    font-size: 1.5em;
    content: '✦';
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    padding: 0.35rem;
    color: var(--background-modifier-border);
    background-color: var(--background-primary);
    z-index: 1;
}

  /* ----- solarized theme ----- */
  .theme-solarized.colorful-headings {
    --h1-color: var(--color-cyan);
    --h2-color: var(--color-blue);
    --h3-color: var(--color-purple);
    --h4-color: var(--color-pink);
    --h5-color: var(--color-red);
    --h6-color: var(--color-orange);
  }
  .theme-solarized.colorful-headings-alt {
    --h1-color: var(--color-orange);
    --h2-color: var(--color-yellow);
    --h3-color: var(--color-green);
    --h4-color: var(--color-cyan);
    --h5-color: var(--color-blue);
    --h6-color: var(--color-purple);
  }
  .theme-solarized {
    --font-default: 'Hind', sans-serif;
    --accent-h: 18 !important;
    --accent-s: 80% !important;
    --accent-l: 44% !important;
    --color-red-rgb: 220, 50, 47;
    --color-red: #dc322f;
    --color-green-rgb: 133, 153, 0;
    --color-green: #859900;
    --color-orange-rgb: 203, 75, 22;
    --color-orange: #cb4b16;
    --color-yellow-rgb: 181, 137, 0;
    --color-yellow: #b58900;
    --color-cyan-rgb: 42, 161, 152;
    --color-cyan: #2aa198;
    --color-blue-rgb: 38, 139, 210;
    --color-blue: #268bd2;
    --color-purple-rgb:108, 113, 196;
    --color-purple: #6c71c4;
    --color-pink-rgb: 211, 54, 130;
    --color-pink: #d33682;
  }
  .theme-solarized.theme-light {
    color-scheme: light;
    --highlight-mix-blend-mode: darken;
    --mono-rgb-0: 255, 255, 255;
    --mono-rgb-100: 0, 0, 0;
    --color-base-00: #fdf6e3;
    --color-base-05: #f4efde;
    --color-base-10: #f1ecda;
    --color-base-20: #eee8d5;
    --color-base-25: #eee8d5;
    --color-base-30: #ddd6c1;
    --color-base-35: #ccc5ae;
    --color-base-40: #a7b4b4;
    --color-base-50: #93a1a1;
    --color-base-60: #839496;
    --color-base-70: #657b83;
    --color-base-100: #586e75;
  }
  .theme-solarized.theme-dark {
    color-scheme: dark;
    --highlight-mix-blend-mode: lighten;
    --color-base-00: #002b36;
    --color-base-10: #06333f;
    --color-base-20: #073642;
    --color-base-25: #0c404d;
    --color-base-30: #173c47;
    --color-base-35: #3a4e54;
    --color-base-40: #3e545c;
    --color-base-50: #536668;
    --color-base-60: #586b6d;
    --color-base-70: #657c7e;
    --color-base-100: #8a9a9c;
}



/* ----- gruvbox theme ----- */
.theme-gruvbox {
    --font-default: 'Hind', sans-serif;
}
.theme-gruvbox.colorful-headings {
    --h1-color: var(--color-red);
    --h2-color: var(--color-orange);
    --h3-color: var(--color-yellow);
    --h4-color: var(--color-green);
    --h5-color: var(--color-cyan);
    --h6-color: var(--color-blue);
}
.theme-gruvbox.colorful-headings-alt {
    --h1-color: var(--color-green);
    --h2-color: var(--color-cyan);
    --h3-color: var(--color-blue);
    --h4-color: var(--color-purple);
    --h5-color: var(--color-pink);
    --h6-color: var(--color-red);
}
.theme-gruvbox.theme-light {
    --accent-h: 2 !important;
    --accent-s: 75% !important;
    --accent-l: 46% !important;
    --color-red-rgb: 204, 36, 29;
    --color-red: #cc241d;
    --color-green-rgb: 152, 151, 26;
    --color-green: #98971a;
    --color-orange-rgb: 214, 93, 14;
    --color-orange: #d65d0e;
    --color-yellow-rgb: 215, 153, 33;
    --color-yellow: #d79921;
    --color-cyan-rgb: 104, 157, 106;
    --color-cyan: #689d6a;
    --color-blue-rgb: 69, 133, 136;
    --color-blue: #458588;
    --color-purple-rgb: 177, 98, 130;
    --color-purple: #b16282;
    --color-pink-rgb: 211, 54, 130;
    --color-pink: #d33682;
  }
.theme-gruvbox.theme-light {
    color-scheme: light;
    --highlight-mix-blend-mode: darken;
    --mono-rgb-0: 255, 255, 255;
    --mono-rgb-100: 0, 0, 0;
    --color-base-00: #fbf1c7;
    --color-base-05: #f2e5bc;
    --color-base-10: #f2e5bc;
    --color-base-20: #f2e5bc;
    --color-base-25:  #ebdbb2;
    --color-base-30: #d5c4a1;
    --color-base-35: #bdae93;
    --color-base-40: #a89984;
    --color-base-50: #928374;
    --color-base-60: #928374;
    --color-base-70: #7c6f64;
    --color-base-100: #665c54;
  }
  .theme-gruvbox.theme-dark {
    --accent-h: 6 !important;
    --accent-s: 96% !important;
    --accent-l: 59% !important;
    --color-red-rgb:251, 73, 52;
    --color-red: #fb4934;
    --color-green-rgb: 184, 186, 38;
    --color-green: #b8bb26;
    --color-orange-rgb: 255, 135, 55;
    --color-orange: #ff8737;
    --color-yellow-rgb: 215, 153, 33;
    --color-yellow: #fabd2f;
    --color-cyan-rgb: 142, 192, 124;
    --color-cyan: #8ec07c;
    --color-blue-rgb: 131, 165, 152;
    --color-blue: #83a598;
    --color-purple-rgb: 211, 134, 155;
    --color-purple: #d3869b;
    --color-pink-rgb: 241, 168, 203;
    --color-pink: #f1a8cb;
  }
  .theme-gruvbox.theme-dark {
    color-scheme: dark;
    --highlight-mix-blend-mode: lighten;
    --color-base-00: #282828;
    --color-base-10: #282828;
    --color-base-20: #1d2021;
    --color-base-25: #3c3836;
    --color-base-30: #413b37;
    --color-base-35: #665c54;
    --color-base-40: #7c6f64;
    --color-base-50: #928374;
    --color-base-60: #a89984;
    --color-base-70: #beb19f;
    --color-base-100: #c5baa9;
}

/* ----- anytype theme ----- */

.theme-anytype.colored-bold-and-italic {
    --bold-color: var(--color-blue);
    --italic-color: var(--color-green);
}

.theme-anytype.colorful-headings {
    --h1-color: var(--text-normal);
    --h2-color: var(--text-normal);
    --h3-color: var(--text-normal);
    --h4-color: var(--text-normal);
    --h5-color: var(--text-normal);
    --h6-color: var(--text-normal);
}
.theme-anytype.colorful-headings-alt {
    --h1-color: var(--color-blue);
    --h2-color: var(--color-cyan);
    --h3-color: var(--color-green);
    --h4-color: var(--color-yellow);
    --h5-color: var(--color-orange);
    --h6-color: var(--color-red);


}
.theme-anytype.colorful-headings h1, .theme-anytype.colorful-headings .HyperMD-header-1 {
    background-color: rgba(var(--color-red-rgb), 0.2 );
    padding: 5px 10px 5px 10px;
}
.theme-anytype.colorful-headings h2, .theme-anytype.colorful-headings .HyperMD-header-2 {
    background-color: rgba(var(--color-orange-rgb), 0.3 );
    padding: 5px 10px 5px 10px;
}
.theme-anytype.colorful-headings h3, .theme-anytype.colorful-headings .HyperMD-header-3 {
    background-color: rgba(var(--color-yellow-rgb), 0.3 );
    padding: 5px 10px 5px 10px;
}
.theme-anytype.colorful-headings h4, .theme-anytype.colorful-headings .HyperMD-header-4 {
    background-color: rgba(var(--color-green-rgb), 0.3 );
    padding: 5px 0px 5px 10px;
}
.theme-anytype.colorful-headings h5, .theme-anytype.colorful-headings .HyperMD-header-5 {
    background-color: rgba(var(--color-cyan-rgb), 0.3 );
    padding: 3px 10px 3px 10px;
}
.theme-anytype.colorful-headings h6, .theme-anytype.colorful-headings .HyperMD-header-6 {
    background-color: rgba(var(--color-blue-rgb), 0.3 );
    padding: 3px 10px 3px 10px;
}

.theme-anytype {
    --accent-h: 45 !important;
    --accent-s: 100% !important;
    --accent-l: 50% !important;
    --callout-title-color: var(--text-normal);
    --callout-quote: 216, 216, 216;
    --callout-radius: 5px;
    --font-default: 'Inter', 'Aevnir Next', sans-serif;
    --color-red-rgb: 220, 83, 40;
    --color-red: #DC5328;
    --color-green-rgb: 139, 208, 49;
    --color-green: #8BD031;
    --color-orange-rgb: 241, 177, 56;
    --color-orange: #F1B138;
    --color-yellow-rgb: 234, 213, 60;
    --color-yellow: #EAD53C;
    --color-cyan-rgb: 107, 200, 186;
    --color-cyan: #6BC8BA;
    --color-blue-rgb: 90, 171, 235;
    --color-blue: #5AABEB;
    --color-purple-rgb: 60, 100, 231;
    --color-purple: #3C64E7;
    --color-pink-rgb: 152, 89, 200;
    --color-pink:  #9859C8;
  }

/* --- callouts --- */
.theme-anytype.theme-light .callout {
    background-color: rgba(var(--callout-color), 0.3);
}
.theme-anytype.callout-outlined .callout {
    background-color: transparent !important;
    border-width: 2px;
    border-color: rgba(var(--callout-color), 0.75);
}
.theme-anytype.callout-bordered .callout {
    background-color: rgba(var(--callout-color), 0.3);
    border-width: 2px;
}
.theme-anytype.theme-dark .callout {
    background-color: rgba(var(--callout-color), 0.3);
}
.theme-anytype .callout-icon .svg-icon {
    color: var(--text-normal);
}
.theme-anytype .callout-fold .svg-icon {
    color: var(--text-normal);
}

.theme-anytype.theme-light {
    color-scheme: light;
    --highlight-mix-blend-mode: darken;
    --mono-rgb-0: 255, 255, 255;
    --mono-rgb-100: 0, 0, 0;
    --color-base-00: #ffffff;
    --color-base-05: #f8f8f8;
    --color-base-10: #f1f1f1;
    --color-base-20: #fafafa;
    --color-base-25:  #f2f2f2;
    --color-base-30: rgb(230, 230, 230);
    --color-base-35: #d4d4d4;
    --color-base-40: #bdbdbd;
    --color-base-50: #a2a0a0;
    --color-base-60: #7b7b7b;
    --color-base-70: #999999;
    --color-base-100: #2f2f2f;
  }
  .theme-anytype.theme-dark {
    color-scheme: dark;
    --background-modifier-border: #323130;
    --highlight-mix-blend-mode: lighten;
    --color-base-00: #21201e;
    --color-base-10: #32312f;
    --color-base-20: rgb(28, 26, 23);
    --color-base-25: #21201e;
    --color-base-30: #2e2c29;
    --color-base-35: #484643;
    --color-base-40: #605d5a;
    --color-base-50: #7b7974;
    --color-base-60: #9c9994;
    --color-base-70: #aeaba6;
    --color-base-100: #ffffff;
}

/* --------- chinchilla theme --------- */

/* ------ light mode ------ */
.theme-chinchilla.theme-light {
    --color-base-00: rgb(242, 243, 244);
    --color-base-05: rgb(236, 237, 239);
    --color-base-10: rgb(227, 229, 233);
    --color-base-20: rgb(236, 237, 239);
    --color-base-25: rgb(221, 224, 228);
    --color-base-30: rgb(221, 223, 229);
    --color-base-35: rgb(219, 222, 227);
    --color-base-40: rgb(198, 204, 211);
    --color-base-50: rgb(173, 180, 190);
    --color-base-60: rgb(166, 172, 182);
    --color-base-70: rgb(129, 135, 146);
    --color-base-100: #000000;
}
.theme-chinchilla {
        --accent-h: 184 !important;
        --accent-s: 33% !important;
        --accent-l: 60% !important;
        --color-red-rgb: 245, 167, 167;
        --color-red: #b15e5e;
        --color-green-rgb: 150, 207, 173;
        --color-green: #699c7d;
        --color-orange-rgb: 224, 189, 155;
        --color-orange: #b39373;
        --color-yellow-rgb:219, 209, 176;
        --color-yellow: #cdbd8a;
        --color-cyan-rgb: 166, 199, 199;
        --color-cyan: #83a5a5;
        --color-blue-rgb: 147, 177, 210;
        --color-blue: #7290af;
        --color-purple-rgb:175, 158, 228;
        --color-purple: #8573ba;
        --color-pink-rgb: 213, 139, 175;
        --color-pink: #a86384;
    }

    /* ------ dark mode ------ */

    .theme-chinchilla.theme-dark {

    /* Base Colors */
        --color-base-00: #676b6d;
        --color-base-10: #6e7375;
        --color-base-20: #5b5f60;
        --color-base-25: #767b7d;
        --color-base-30: #7e8486;
        --color-base-35: #7f8486;
        --color-base-40: #919799;
        --color-base-50: #a4a4a4;
        --color-base-60: rgb(176, 176, 176);
        --color-base-70: #c1c1c1;
        --color-base-100: rgb(255, 255, 255);

    }

    /* ------ classes ------ */

    /* ---- colorful headings ---- */

    /* -- normal -- */
.theme-chinchilla.colorful-headings {
    --h1-color: rgb(115, 195, 195);
    --h2-color: rgb(145, 214, 214);
    --h3-color: rgb(149, 217, 209);
    --h4-color: rgb(162, 213, 202);
    --h5-color: rgb(171, 218, 203);
    --h6-color: rgb(188, 214, 201);
}

    /* -- alternate -- */
.theme-chinchilla.colorful-headings-alt {
    --h1-color: var(--color-blue);
    --h2-color: var(--color-cyan);
    --h3-color: var(--color-green);
    --h4-color: var(--color-yellow);
    --h5-color: var(--color-orange);
    --h6-color: var(--color-red);
}

/* ---- colorful bold and italic ---- */
.theme-chinchilla.colored-bold-and-italic {
    --bold-color: var(--color-blue);
    --italic-color: var(--color-purple);
}

/* ------ typography ------ */

.theme-chinchilla {
--font-default: 'Avenir Next', 'Roboto', sans-serif;
}



/* ----- celestial theme ----- */

/* --- vault title --- */
.theme-celestial.theme-light.colorful-headings {
    --h1-color: #8ac9de;
    --h2-color: #94d1e6;
    --h3-color: #abd0dc;
    --h4-color: #b2c7da;
    --h5-color: #b2bccf;
    --h6-color: #b4b5dd; 
}
.theme-celestial.theme-dark.colorful-headings-alt {
    --h1-color: #5684d9;
    --h2-color: rgb(119, 148, 214);
    --h3-color: #6e9dc7;
    --h4-color: #609eb8;
    --h5-color: rgb(89, 155, 181);
    --h6-color: #7194a9;
}
.theme-celestial.theme-dark.colorful-headings {
    --h6-color: #898fe1;
    --h5-color: rgb(94, 133, 224);
    --h4-color: #579fde;
    --h3-color: #c5eeff;
    --h2-color: #94d0e7;
    --h1-color: #ceebff;
}
.theme-celestial .nav-folder.mod-root > .nav-folder-title::before {
    content: var(--theme-decoration);
    padding-right: 8px;
    text-align: center;
}
.theme-celestial .nav-folder.mod-root > .nav-folder-title{
    color: var(--color-accent-2) !important;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}

/* --- dividers --- */
.theme-celestial .markdown-rendered hr::before, .theme-celestial .markdown-source-view hr::before{
    font-size: 1.5em;
    content: var(--theme-decoration);
    display: inline-block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  padding: 0.35rem;
  color: var(--color-accent-1);
  background-color: var(--background-primary);
  z-index: 1;
}

.theme-celestial.theme-light {
    color-scheme: light;
    --font-default: 'Yu Gothic', 'Inter', sans-serif;
    --highlight-mix-blend-mode: darken;
    --mono-rgb-0: 255, 255, 255;
    --mono-rgb-100: 0, 0, 0;
    --accent-h: 42 !important;
    --accent-s: 100% !important;
    --accent-l: 50% !important;
    --color-red-rgb: 255, 114, 114;
    --color-red: rgb(255, 145, 114);
    --color-green-rgb: 170, 199, 83;
    --color-green: #aac753;
    --color-orange-rgb: 247, 153, 70;
    --color-orange: #f79946;
    --color-yellow-rgb: 251, 193, 48;
    --color-yellow: #fbc130;
    --color-cyan-rgb: 111, 210, 147;
    --color-cyan: #6fd293;
    --color-blue-rgb: 86, 214, 201;
    --color-blue: #56d6c9;
    --color-purple-rgb: 106, 160, 217;
    --color-purple: #6aa0d9;
    --color-pink-rgb: 148, 113, 231;
    --color-pink: #9471e7;
    --color-base-00: #fff9eb;
    --color-base-05: #fff2dd;
    --color-base-10: #ffefd6;
    --color-base-20: #ffefd6;
    --color-base-25: #fbe0ba;
    --color-base-30: #fbe0ba;
    --color-base-35: #f2d17d;
    --color-base-40: #ecbf5f;
    --color-base-50: #f0b36e;
    --color-base-60: #d99e5a;
    --color-base-70: #af7d43;
    --color-base-100: rgb(155, 109, 87);
    --theme-decoration: '☀️';
  }
  .theme-celestial.theme-dark {
    color-scheme: dark;
    --font-default: 'Merienda', cursive;
    --highlight-mix-blend-mode: lighten;
    --background-modifier-border: #3b3f56;
    --mono-rgb-0: 0, 0, 0;
    --mono-rgb-100: 255, 255, 255;
    --accent-h: 41 !important;
    --accent-s: 100% !important;
    --accent-l: 100% !important;
    --color-red-rgb: 228, 111, 125;
    --color-red: #e46f7d;
    --color-green-rgb: 165, 209, 140;
    --color-green: #a5d18c;
    --color-orange-rgb: 251, 179, 108;
    --color-orange: #fbb36c;
    --color-yellow-rgb: 255, 222, 115;
    --color-yellow: #ffde73;
    --color-cyan-rgb: 111, 210, 194;
    --color-cyan: #6fd2c2;
    --color-blue-rgb: 86, 174, 214;
    --color-blue: #56aed6;
    --color-purple-rgb: 181, 132, 199;
    --color-purple: #b584c7;
    --color-pink-rgb: 255, 148, 200;
    --color-pink: #ff94c8;
    --color-base-00: #2a3141;
    --color-base-10: #25273a;
    --color-base-20: #1d1f2f;
    --color-base-25: #3a435d;
    --color-base-30: #1d1f2f;
    --color-base-35: #3b445d;
    --color-base-40: #515b71;
    --color-base-50: #5f6980;
    --color-base-60: #70778e;
    --color-base-70: #8890a6;
    --color-base-100: #989eb2;
    --theme-decoration: '☾';
    --h1-color: rgb(255, 255, 255);
    --h2-color: white;
    --h3-color: white;
    --h4-color: white;
    --h5-color: white;
    --h6-color: white;
  }
.theme-celestial.theme-dark blockquote {
    border-radius: 50px;
    padding: 1em 1.5em 1em 1.5em;
}
.theme-celestial.theme-dark .markdown-rendered hr, .theme-celestial.theme-dark .markdown-source-view hr {
    border-color: var(--text-faint);
}
.theme-celestial.theme-light .markdown-rendered hr, .theme-celestial.theme-light .markdown-source-view hr {
    font-family: 'Yu Gothic', 'Inter', sans-serif !important;
}

/* ----- notion theme ----- */
/* - bold and italic colors - */
.theme-notion.colored-bold-and-italic {
    --bold-color: var(--color-red);
    --italic-color: var(--color-blue);
}

/* - dividers - */
.theme-notion hr {
    margin: 0px;
    border-width: 1px;
    opacity: 0.5;
}

/* --- headings ---- */
.theme-notion.colorful-headings, .novel, .theme-notion.colorful-headings-alt {
    --h1-color: var(--text-normal);
    --h2-color: var(--text-normal);
    --h3-color: var(--text-normal);
    --h4-color: var(--text-normal);
    --h5-color: var(--text-normal);
    --h6-color: var(--text-normal);
}

/* - colorful headings -*/
.theme-notion.theme-light.colorful-headings h1, .theme-notion.theme-light.colorful-headings .HyperMD-header-1 {
    background-color: rgba(var(--color-red-rgb), 0.13);
    padding: 5px 10px 5px 10px;
}
.theme-notion.theme-light.colorful-headings h2, .theme-notion.theme-light.colorful-headings .HyperMD-header-2 {
    background-color: rgba(var(--color-orange-rgb), 0.13);
    padding: 5px 10px 5px 10px;
}
.theme-notion.theme-light.colorful-headings h3, .theme-notion.theme-light.colorful-headings .HyperMD-header-3 {
    background-color: rgba(var(--color-yellow-rgb), 0.15);
    padding: 5px 10px 5px 10px;
}
.theme-notion.theme-light.colorful-headings h4, .theme-notion.theme-light.colorful-headings .HyperMD-header-4{
    background-color: rgba(var(--color-green-rgb), 0.13);
    padding: 5px 10px 5px 10px;
}
.theme-notion.theme-light.colorful-headings h5, .theme-notion.theme-light.colorful-headings .HyperMD-header-5 {
    background-color: rgba(var(--color-blue-rgb), 0.13);
    padding: 3px 10px 3px 10px;
}
.theme-notion.theme-light.colorful-headings h6, .theme-notion.theme-light.colorful-headings .HyperMD-header-6 {
    background-color: rgba(var(--color-purple-rgb), 0.13);
    padding: 3px 10px 3px 10px;
}
.theme-notion.theme-dark.colorful-headings h1, .theme-notion.theme-dark.colorful-headings .HyperMD-header-1 {
    background-color: rgba(var(--color-red-rgb), 0.26);
    padding: 5px 10px 5px 10px;
}
.theme-notion.theme-dark.colorful-headings h2, .theme-notion.theme-dark.colorful-headings .HyperMD-header-2 {
    background-color: rgba(var(--color-orange-rgb), 0.26);
    padding: 5px 10px 5px 10px;
}
.theme-notion.theme-dark.colorful-headings h3, .theme-notion.theme-dark.colorful-headings .HyperMD-header-3 {
    background-color: rgba(var(--color-yellow-rgb), 0.26);
    padding: 5px 10px 5px 10px;
}
.theme-notion.theme-dark.colorful-headings h4, .theme-notion.theme-dark.colorful-headings .HyperMD-header-4 {
    background-color: rgba(var(--color-green-rgb), 0.26);
    padding: 5px 10px 5px 10px;
}
.theme-notion.theme-dark.colorful-headings h5, .theme-notion.theme-dark.colorful-headings .HyperMD-header-5 {
    background-color: rgba(var(--color-blue-rgb), 0.26);
    padding: 3px 10px 3px 10px;
}
.theme-notion.theme-dark.colorful-headings h6, .theme-notion.theme-dark.colorful-headings .HyperMD-header-6 {
    background-color: rgba(var(--color-purple-rgb), 0.26);
    padding: 3px 10px 3px 10px;
}
/* - colors and font - */
.theme-notion {
    --accent-h: 210 !important;
    --accent-s: 77% !important;
    --accent-l: 51% !important;
    --callout-quote: 120, 119, 116;
    --font-default: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
  }

/* - alternate colorful headings - */


.theme-notion.colorful-headings-alt h2, .theme-notion.colorful-headings-alt .HyperMD-header-2,
.theme-notion.colorful-headings-alt h3, .theme-notion.colorful-headings-alt .HyperMD-header-3,
.theme-notion.colorful-headings-alt h4, .theme-notion.colorful-headings-alt .HyperMD-header-4 {
    background-color: var(--color-gray);
    padding: 5px 4px 5px 4px;
    border-bottom: none !important;
}
.theme-notion.colorful-headings-alt h5, .theme-notion.colorful-headings-alt .HyperMD-header-5,
.theme-notion.colorful-headings-alt h6, .theme-notion.colorful-headings-alt .HyperMD-header-6 {
    background-color: var(--color-gray);
    padding: 3px 0px 4px 4px;
    border-bottom: none !important;
}



/* --- callouts --- */
.theme-notion.theme-light .callout {
    background-color: rgba(var(--callout-color), 0.1);
}

.theme-notion.theme-dark .callout {
    background-color: rgba(var(--callout-color), 0.2);
}

.theme-notion .callout-title-inner {
    margin-left: 1em;
}

/* - blockquotes - */
.theme-notion .markdown-rendered blockquote {
    border-color: var(--text-normal);
}

/* - checkboxes - */
.theme-notion input[type=checkbox]:not(:checked) {
    border: 1.7px solid var(--text-normal);
}
/* - lists - */
.theme-notion, .theme-anytype {
    --list-marker-color: var(--text-normal);
}

.theme-notion input[type=checkbox] {
border-radius: 0px;
}
.theme-notion.theme-light {
    color-scheme: light;
    --highlight-mix-blend-mode: darken;
    --mono-rgb-0: 255, 255, 255;
    --mono-rgb-100: 0, 0, 0;
    --color-base-00: #ffffff;
    --color-base-05: #f5f5f5;
    --color-base-10: #f0f0f0;
    --color-base-20: #f5f5f5;
    --color-base-25: #e1e1e1;
    --color-base-30: #cecece;
    --color-base-35: #c7c7c7;
    --color-base-40: #afafaf;
    --color-base-50: #989898;
    --color-base-60: #7b7b7b;
    --color-base-70: #5f5f5f;
    --color-base-100: #000000;
    --color-red-rgb: 212, 76, 71;
    --color-red: #D44C47;
    --color-green-rgb: 79, 131, 68;
    --color-green: #4f8344;
    --color-orange-rgb: 217, 115, 13;
    --color-orange: #D9730D;
    --color-yellow-rgb: 203, 145, 47;
    --color-yellow: #CB912F;
    --color-cyan-rgb: 88, 148, 138;
    --color-cyan: #58948a;
    --color-blue-rgb: 51, 126, 169;
    --color-blue: #337EA9;
    --color-purple-rgb: 144, 101, 176;
    --color-purple: #9065B0;
    --color-pink-rgb: 193, 76, 138;
    --color-pink:  #C14C8A;
    --color-gray-rgb: 245, 245, 245;
    --color-gray: #f2f2f2;
  }
  .theme-notion.theme-dark {
    color-scheme: dark;
    --background-modifier-border: #323130;
    --highlight-mix-blend-mode: lighten;
    --color-base-00: #191919;
    --color-base-10: #2d2d2d;
    --color-base-20: #202020;
    --color-base-25: #21201e;
    --color-base-30: #21201e;
    --color-base-35: #363636;
    --color-base-40: #535353;
    --color-base-50: #707070;
    --color-base-60: #5d5d5d;
    --color-base-70: #a0a0a0;
    --color-base-100: rgba(255, 255, 255, 0.81);
    --color-red-rgb: 212, 76, 71;
    --color-gray: #363636a3;
    --color-red: #D44C47;
    --color-green-rgb: 79, 131, 68;
    --color-green: #4f8344;
    --color-orange-rgb: 217, 115, 13;
    --color-orange: #D9730D;
    --color-yellow-rgb: 203, 145, 47;
    --color-yellow: #CB912F;
    --color-cyan-rgb: 88, 148, 138;
    --color-cyan: #58948a;
    --color-blue-rgb: 51, 126, 169;
    --color-blue: #337EA9;
    --color-purple-rgb: 144, 101, 176;
    --color-purple: #9065B0;
    --color-pink-rgb: 193, 76, 138;
    --color-pink:  #C14C8A;
}




/* ---------- rainbow folders ---------- */
/* -------- original rainbow folders by Lithou -------- */
/* ---- adapted from the AnuPpuccin theme --- */


.folder-rainbow-titles .nav-folder-title,
.folder-rainbow-backgrounds .nav-folder-title {
    color: rgb(var(--rainbow-folder-color));
    --nav-collapse-icon-color: rgb(var(--rainbow-folder-color));
    --nav-collapse-icon-color-collapsed: rgb(var(--rainbow-folder-color));
}
.folder-rainbow-backgrounds .nav-folder-title {
    background-color: rgba(var(--rainbow-folder-color), 0.3);
    color: inherit;
    --nav-collapse-icon-color: var(--text-normal);
    --nav-collapse-icon-color-collapsed: var(--text-normal);
}

.folder-rainbow-backgrounds.theme-crystal .nav-folder-title,
.folder-rainbow-backgrounds.theme-ash-old .nav-folder-title {
    background-color: rgba(var(--rainbow-folder-color), 0.13);
    border: 0.25px solid rgb(var(--rainbow-folder-color));
    margin-bottom: 5px;
    color: rgb(var(--rainbow-folder-color));
    --nav-collapse-icon-color: rgb(var(--rainbow-folder-color));
    --nav-collapse-icon-color-collapsed:rgb(var(--rainbow-folder-color));
}

.nav-folder-children > .nav-folder:nth-child(8n+2) {
    --rainbow-folder-color: var(--color-red-rgb);
}
.nav-folder-children > .nav-folder:nth-child(8n+3) {
--rainbow-folder-color: var(--color-orange-rgb);
}
.nav-folder-children > .nav-folder:nth-child(8n+4) {
--rainbow-folder-color: var(--color-yellow-rgb);
}
.nav-folder-children > .nav-folder:nth-child(8n+5) {
--rainbow-folder-color: var(--color-green-rgb);
}
.nav-folder-children > .nav-folder:nth-child(8n+6) {
--rainbow-folder-color: var(--color-cyan-rgb);
}
.nav-folder-children > .nav-folder:nth-child(8n+7) {
--rainbow-folder-color: var(--color-blue-rgb);
}
.nav-folder-children > .nav-folder:nth-child(8n+8) {
--rainbow-folder-color: var(--color-purple-rgb);
}
.nav-folder-children > .nav-folder:nth-child(8n+9) {
--rainbow-folder-color: var(--color-pink-rgb);
}
.folder-rainbow-backgrounds .nav-folder.mod-root .nav-folder .nav-file-title {
--rainbow-folder-color: inherit;
color: rgb(var(--rainbow-folder-color));
}

/* ---------- dataview cards css class ---------- */
/* ----- adapted from Kepano's Minimal cards ----- */
:root {
    --cards-min-width:180px;
    --cards-max-width:1fr;
    --cards-mobile-width:120px;
    --cards-image-height:400px;
    --cards-padding:1.2em;
    --cards-image-fit:contain;
    --cards-background: var(--background-primary);
    --cards-border-width: var(--border-width);
 }

  @media (max-width: 400pt) {
    :root {
      --cards-min-width:var(--cards-mobile-width); } }
  /* Make the grid and basic cards */
  .cards.table-100 table.dataview tbody,
  .table-100 .cards table.dataview tbody {
    padding: 0.25rem 0.75rem; }

  .cards .el-pre + .el-lang-dataview .table-view-thead {
    padding-top: 8px; }

  .cards table.dataview tbody {
    clear: both;
    padding: 0.5rem 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--cards-min-width), var(--cards-max-width)));
    grid-column-gap: 0.3rem;
    grid-row-gap: 0.3rem; }

  .cards table.dataview > tbody > tr {
    background-color: var(--cards-background);
    border: 1px var(--line-style) var(--background-modifier-border);
    display: flex;
    flex-direction: column;
    margin: 3.5px;
    padding: 0 0 calc(var(--cards-padding)/3) 0;
    border-radius: var(--radius-s);
    overflow: hidden;
    transition: box-shadow 0.15s linear; }

  .cards table.dataview > tbody > tr:hover {
    border: var(--cards-border-width) var(--line-style) var(--background-modifier-border-hover);
    box-shadow: 0 4px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 3px 1px rgba(0, 0, 0, 0.025);
    transition: box-shadow 0.15s linear; }

  /* Styling elements inside cards */
  .markdown-source-view.mod-cm6.cards .dataview.table-view-table > tbody > tr > td,
  .trim-cols .cards table.dataview tbody > tr > td {
    white-space: normal; }

  .markdown-source-view.mod-cm6.cards .dataview.table-view-table > tbody > tr > td,
  .cards table.dataview tbody > tr > td {
    border-bottom: none;
    padding: 0 !important;
    line-height: 1.2;
    width: calc(100% - var(--cards-padding));
    margin: 0 auto;
    overflow: visible !important;
    max-width: 100%;
    display: flex; }

  .cards table.dataview tbody > tr > td .el-p {
    display: block;
    width: 100%; }

  .cards table.dataview tbody > tr > td:first-child {
    font-weight: var(--bold-weight);
 }

  .cards table.dataview tbody > tr > td:first-child a {
    padding: 0 0 calc(var(--cards-padding)/3);
    display: block; }

  .cards table.dataview tbody > tr > td:not(:first-child) {
    font-size: 90%;
    color: var(--text-muted); }

  @media (max-width: 400pt) {
    .cards table.dataview tbody > tr > td:not(:first-child) {
      font-size: 80%; }
    }

  .cards-cols-1 table.dataview tbody {
    grid-template-columns: repeat(1, minmax(0, 1fr)); }

  .cards-cols-2 table.dataview tbody {
    grid-template-columns: repeat(2, minmax(0, 1fr)); }

  @media (min-width: 400pt) {
    .cards-cols-3 table.dataview tbody {
      grid-template-columns: repeat(3, minmax(0, 1fr)); }

    .cards-cols-4 table.dataview tbody {
      grid-template-columns: repeat(4, minmax(0, 1fr)); }

    .cards-cols-5 table.dataview tbody {
      grid-template-columns: repeat(5, minmax(0, 1fr)); }

    .cards-cols-6 table.dataview tbody {
      grid-template-columns: repeat(6, minmax(0, 1fr)); }

    .cards-cols-7 table.dataview tbody {
      grid-template-columns: repeat(7, minmax(0, 1fr)); }

    .cards-cols-8 table.dataview tbody {
      grid-template-columns: repeat(8, minmax(0, 1fr)); } }
  /* Card content */
  /* Paragraphs */
  .cards table.dataview tbody > tr > td > *:not(.el-embed-image) {
    padding: calc(var(--cards-padding)/3) 0; }

  .cards table.dataview tbody > tr > td:not(:last-child):not(:first-child) > .el-p:not(.el-embed-image) {
    border-bottom: 1px solid var(--background-modifier-border);
    width: 100%; }

  /* Links */
  .cards table.dataview tbody > tr > td a {
    text-decoration: none; }

  .links-int-on .cards table.dataview tbody > tr > td a {
    text-decoration: none; }

  /* Buttons */
  .cards table.dataview tbody > tr > td > button {
    width: 100%;
    margin: calc(var(--cards-padding)/2) 0; }

  .cards table.dataview tbody > tr > td:last-child > button {
    margin-bottom: calc(var(--cards-padding)/6); }

  /* Lists */
  .cards table.dataview tbody > tr > td > ul {
    width: 100%;
    padding: 0.25em 0 !important;
    margin: 0 auto !important; }

  .cards table.dataview tbody > tr > td:not(:last-child) > ul {
    border-bottom: 1px solid var(--background-modifier-border); }

  /* Images */
  .cards table.dataview tbody > tr > td .el-embed-image {
    background-color: transparent;
    display: block;
    margin: 0 calc(var(--cards-padding)/-2) 0 calc(var(--cards-padding)/-2);
    width: calc(100% + var(--cards-padding));
    border-radius: var(--radius-s);
 }

  .cards table.dataview tbody > tr > td img {
    width: 100%;
    object-fit: var(--cards-image-fit);
    max-height: var(--cards-image-height);
    background-color: transparent;
    vertical-align: bottom;
    border-radius: var(--radius-s);
 }

  /* ------------------- */
  /* Block button */
  .markdown-source-view.mod-cm6.cards .edit-block-button {
    top: 0px; }

  /* ------------------- */
  /* Sorting */
  .cards.table-100 table.dataview thead > tr,
  .table-100 .cards table.dataview thead > tr {
    right: 0.75rem; }

  .table-100 .cards table.dataview thead:before,
  .cards.table-100 table.dataview thead:before {
    margin-right: 0.75rem; }

  .cards table.dataview thead {
    user-select: none;
    width: 180px;
    display: block;
    float: right;
    position: relative;
    text-align: right;
    height: 24px;
    padding-bottom: 4px; }

  .cards table.dataview thead:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: var(--icon-size);
    background-repeat: no-repeat;
    cursor: var(--cursor);
    text-align: right;
    padding: 4px 10px;
    margin-bottom: 2px;
    border-radius: 5px;
    font-weight: 500;
    font-size: var(--font-adaptive-small); }

  .cards table.dataview thead:before {
    opacity: 0.25;
    background-position: center center;
    background-size: var(--icon-size);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="white" d="M49.792 33.125l-5.892 5.892L33.333 28.45V83.333H25V28.45L14.438 39.017L8.542 33.125L29.167 12.5l20.625 20.625zm41.667 33.75L70.833 87.5l-20.625 -20.625l5.892 -5.892l10.571 10.567L66.667 16.667h8.333v54.883l10.567 -10.567l5.892 5.892z"></path></svg>'); }

  .theme-light .cards table.dataview thead:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M49.792 33.125l-5.892 5.892L33.333 28.45V83.333H25V28.45L14.438 39.017L8.542 33.125L29.167 12.5l20.625 20.625zm41.667 33.75L70.833 87.5l-20.625 -20.625l5.892 -5.892l10.571 10.567L66.667 16.667h8.333v54.883l10.567 -10.567l5.892 5.892z"></path></svg>'); }

  .cards table.dataview thead:hover:before {
    opacity: 1;
   }

  .cards table.dataview thead > tr {
    top: 0;
    position: absolute;
    display: none;
    z-index: 9;
    border: 1px solid var(--background-modifier-border);
    background-color: var(--background-secondary);
    box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
    padding: 6px;
    border-radius: 6px;
    flex-direction: column;
    margin: 26px 0 0 0;
    width: 100%; }

  .cards table.dataview thead:hover > tr {
    display: flex; }

  .cards table.dataview thead > tr > th {
    display: block;
    padding: 3px 30px 3px 6px !important;
    border-radius: 5px;
    width: 100%;
    font-weight: 400;
    color: var(--text-muted);
    cursor: var(--cursor);
    border: none;
    font-size: var(--font-adaptive-small); }

  .cards table.dataview thead > tr > th[sortable-style="sortable-asc"],
  .cards table.dataview thead > tr > th[sortable-style="sortable-desc"] {
    color: var(--text-normal); }

  .cards table.dataview thead > tr > th:hover {
    color: var(--text-normal);
    background-color: var(--background-secondary); }

/* ---------- page gallery plug-in ---------- */

.responsive-tile-height .page-gallery__field,
.flex-tiles .page-gallery__field {
    text-shadow: none;
    word-wrap: break-word;
    white-space: initial;
    overflow: hidden;
}
.page-gallery__field {
    text-shadow: none;
    overflow: hidden;
    font-size: 0.8em;
    margin: 6px;
}
.page-gallery__filter input {
    width: 40%;
    margin-bottom: 10px;
    margin-left:11px;
}
.page-gallery__filter Label {
    margin: 3px;
    height: 1em;
    width: 1em;
}
.hide-filter .page-gallery__filter{
    display: none;
}
.page-gallery {
    --image-height: 8em;
}
.page-gallery__filter-clear {
    filter: grayscale();
    text-decoration: none;
    margin: 3px;
    height: 1em;
    width: 1em;
}
.page-gallery__image {
    opacity: 100%;
    border-radius: var(--radius-s) var(--radius-s) 0px 0px !important;
    box-shadow: none;
    width: 100%;
    background-size: cover;
}
.page-gallery__image:hover {
    opacity: 100%;
    box-shadow: var(--shadow-s);
}
.page-gallery__fallback {
box-shadow: none;
border-radius: var(--radius-s) var(--radius-s) 0px 0px;
background: var(--background-secondary-alt);

}

.page-gallery__fallback:hover {
    background: linear-gradient(to bottom right,
        var(--code-color),
        var(--background-secondary));
        box-shadow: var(--shadow-s);
}

.page-gallery__tile {
    max-width: 100%;
    border: 1px var(--line-style) var(--background-modifier-border);
    border-radius: var(--radius-s);
    display: flex;
    flex-direction: column;
    box-shadow: var(--shadow-s);
}
.flex-tiles .page-gallery__tile {
width: fit-content;
height: flex;
min-width: 10em;
max-width: 25em;
min-height: 10em;
flex-grow: 1;
}
.flex-tiles .page-gallery {
    --columns: auto;
    --gutter-size: 0.75em;
}
.flex-tiles .page-gallery__tiles {
    min-width: 100%;
    justify-content: center;
}

.theme-dark .page-gallery__tile {
    background-color: var(--background-secondary);
}

.page-gallery__group-title {
    text-shadow: none;
    margin-bottom: 1em;
    font-size: var(--h2-size);
    font-family: var(--h2-font);
    font-weight: var(--h2-weight);
  }

/* ---------- database folder plug-in ---------- */
.database-plugin__row-shadow {
    background-color: var(--background-secondary-alt);
  }
/* ------ focus mode ------ */
.nav-buttons-container, .view-actions, .workspace-tab-header-inner, .side-dock-settings, .side-dock-actions {
    opacity: 1;
}
/* --- hide buttons --- */
.hide-buttons.classic-layout {
    --border-width: 0px;
}
.hide-buttons .view-actions, .hide-buttons .side-dock-settings, .hide-buttons .side-dock-actions, .hide-buttons .sidebar-toggle-button {
    opacity: 0;
}
.hide-buttons .view-actions:hover, .hide-buttons .side-dock-settings:hover, .hide-buttons .side-dock-actions:hover, .sidebar-toggle-button:hover {
    opacity: 1;
    transition: opacity .15s ease-in-out;
    transition-delay: 0ms;
}
/* --- hide titlebar --- */

.hide-titlebar .view-header {
 opacity: 0;
height: 1px;
transition: height 0.1s, opacity 0.25s;
}
.hide-titlebar .view-header:hover {
    opacity: 1;
   height:var(--header-height);
}

/* --- hide scrollbars --- */
.hide-scrollbars {
    --scrollbar-active-thumb-bg: transparent;
  --scrollbar-bg: transparent;
  --scrollbar-thumb-bg: transparent;
}

/* --- hide tabs --- */
.hide-tabs .workspace-tab-header-container {
    opacity: 0;
}

.hide-tabs .workspace-tab-header-container:hover {
    opacity: 1;
    transition: opacity .23s ease-in-out;
    transition-delay: 0ms;
}

/* ---------- ultra focus --------- */

/* --- center workspace leaf --- */

.ultra-focus .workspace-leaf-content {
    margin-left: 0px;
    margin-right: 0px;
}
.ultra-focus.classic-layout {
    --workspace-background: var(--background-primary);
    --divider-width: 0px;
}
.ultra-focus.classic-layout .workspace-ribbon::before {
    background-color: var(--background-secondary) !important;
    border-bottom: 2px solid var(--background-secondary) !important;
}
/* --- make sidebar disappear until hover --- */
.ultra-focus .workspace-ribbon.mod-left.is-collapsed {
    display:block;
    max-width: 5px;
    opacity: 0;
}
.ultra-focus .workspace-ribbon.mod-left.is-collapsed:hover {
    display:flex;
    max-width: inherit;
    opacity: 1;
    transition: opacity .2s ease-in-out, width .3s ease-in-out, display .1s ease-in;
    transition-delay: 0ms;
}
/* --- hide tabs until hover --- */
.ultra-focus .workspace-tab-header-container:not(:hover) {
    height: 5px;
    opacity: 0;
    transition: opacity .2s ease-in-out, height .1s ease-in-out, display .1s ease-in;
    transition-delay: 0ms;
}
.ultra-focus .workspace-tab-header-container:hover {
    display: flex;
    height: var(--header-height);
    opacity: 1;
    transition: opacity .2s ease-in-out, height .1s ease-in-out, display .1s ease-in;
    transition-delay: 0ms;
}

/* ----- increased line height ---- */
body {
    --line-height-normal: 1.7;
    --line-height-tight: 1.3;
}
.increased-line-height {
    --line-height-normal: 2.15;
    --line-height-tight: 1.6
}
.markdown-source-view.mod-cm6 .cm-line {
    --line-height: var(--line-height-normal) !important;
}
.increased-line-height .markdown-rendered h1, .increased-line-height .HyperMD-header-1,
.increased-line-height .markdown-rendered h2, .increased-line-height .HyperMD-header-2,
.increased-line-height .markdown-rendered h3, .increased-line-height  .HyperMD-header-3,
.increased-line-height .markdown-rendered h4, .increased-line-height .HyperMD-header-4,
.increased-line-height .markdown-rendered h5, .increased-line-height .HyperMD-header-5,
.increased-line-height .markdown-rendered h6, .increased-line-height.HyperMD-header-6 {
    margin-top: 2.2em;
}
 .markdown-rendered h1,  .HyperMD-header-1,
 .markdown-rendered h2,  .HyperMD-header-2,
 .markdown-rendered h3,  .HyperMD-header-3,
.markdown-rendered h4,  .HyperMD-header-4,
 .markdown-rendered h5,  .HyperMD-header-5,
 .markdown-rendered h6, .HyperMD-header-6 {
    margin-top: 2em;
}
 .increased-line-height .markdown-preview-view br, .increased-line-height .markdown-preview-view br {
    content: '';
    display: block;
    margin-top: 0.5em !important;
}

/* ---------- style settings ---------- */
.style-settings-heading[data-id=chime-theme] .setting-item-name {
    color: var(--color-accent-1);
}



/* @settings

name: Chime Theme
id: chime-theme
settings:
    -
        id: theme-settings
        title: Theme
        type: class-select
        allowEmpty: false
        default: theme-default
        options:
            - 
                label: Macaroon
                value: theme-default
            -
                label: Ash
                value: theme-crystal
            -
                label: Ash (old)
                value: theme-ash-old
            -
                label: Anytype
                value: theme-anytype
            -
                label: Celestial
                value: theme-celestial
            -
                label: Chinchilla
                value: theme-chinchilla
            -
                label: Spring
                value: theme-spring
            -
                label: Novelist
                value: theme-novelist
            -
                label: Nord
                value: theme-nord
            -
                label: Notion
                value: theme-notion
            -
                label: Solarized
                value: theme-solarized
            -
                label: Gruvbox
                value: theme-gruvbox
            -
                label: Obsidian
                value: theme-classic
            -
                label: Light & Bright
                value: theme-light-and-bright

    -
        id: ui-options
        title: Layout
        type: heading
        level: 2
        collapsed: true
    -
        id: hide-dividers
        title: Hide Workspace Dividers
        type: class-toggle

    -
        id: cards-layout
        title: Cards Sidebar Layout
        description: Toggle a cards layout for sidebars. NOTE - will not have any effect if Classic Layout is turned on.
        type: class-toggle
    -
        id: classic-layout
        title: Classic Layout
        description: Get rid of rounded note corners for a more blocky, classic look. NOTE - will override Cards Layout.
        type: class-toggle
    -
        id: line-style
        title: Line Style
        description: Line style displayed on borders.
        type: class-select
        allowEmpty: false
        default: line-style-solid
        options:
            -
                label: Solid
                value: line-style-solid
            -
                label: Dashed
                value: line-style-dashed
            -
                label: Dotted
                value: line-style-dotted
            -
                label: Double
                value: line-style-double
            -
                label: Groove
                value: line-style-groove
            -
                label: Ridge
                value: line-style-ridge
            -
                label: Inset
                value: line-style-inset
            -
                label: outset
                value: line-style-outset
    -
        id: border-width
        title: Border Width
        type: variable-number-slider
        default: 1.2
        min: 1
        max: 2.5
        step: 0.1
        format: px
    -
        id: border-radius-average
        title: Border Radius (Roundness)
	    description: Adjust the roundness of the panes and other small elements (overriden with classic mode turned on)
        type: variable-number-slider
        default: 11
        min: 0
        max: 30
        step: 1
        format: px
    -
        id: editor-heading
        title: Editor
        type: heading
        level: 2
        collapsed: true
    -
        id: file-line-width
        title: Readable Line Length
        description: Change the width of the note when Readable Line Length is turned on.
        type: variable-text
        default: '700px'
    -
        id: folders-heading
        title: Folders
        type: heading
        level: 2
        collapsed: true
    -
        id: folder-color-options
        title: Folder Colors
        description: Enable or disable rainbow folders (original rainbow folders created by Lithou)
        type: class-select
        allowEmpty: false
        default: folder-default
        options:
            -
                label: Default
                value: folder-default
            -
                label: Rainbow Folder Titles
                value: folder-rainbow-titles
            -
                label: Rainbow Folder Backgrounds
                value: folder-rainbow-backgrounds
    -
        id: tabs-heading
        title: Tabs
        type: heading
        level: 2
        collapsed: true
    -
        id: tab-text-color-focused-active-current
        title: Active Tab Color
        description: Change the text color of the active tab.
        type: variable-select
        default: var(--text-accent)
        options:
            -
                label: Accent Color
                value: var(--text-accent)
            -
                label: Muted
                value: var(--text-muted)
            -
                label: Faint
                value: var(--text-faint)
            -
                label: Normal
                value: var(--text-normal)

    -
        id: workspace-options
        title: Background Image
        type: heading
        level: 2
        collapsed: true
    -
        id: background-image
        title: Enable Workspace Background Image
        description: Set a background image for your workspace.
        type: class-toggle
        default: false
    -
        id: custom-image
        title: Custom Background Image
        type: variable-select
        default: Above the Clouds
        options:
            -
                label: Gradient 1
                value: url(https://images.unsplash.com/photo-1554034483-04fda0d3507b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80)
            -
                label: Gradient 2
                value: url(https://images.unsplash.com/photo-1557682260-96773eb01377?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2029&q=80)
            -
                label: Color Waves
                value: url(https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1964&q=80)
            -
                label: Stacked Colors
                value: url(https://images.unsplash.com/photo-1576502200916-3808e07386a5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2065&q=80)
            -
                label: Above the Clouds
                value: url(https://images.unsplash.com/photo-1428908728789-d2de25dbd4e2?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80)
            -
                label: Serene White Mountain
                value: url(https://images.unsplash.com/photo-1454496522488-7a8e488e8606?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2076&q=80)
            -
                label: City at Dawn
                value: url(https://images.unsplash.com/flagged/photo-1559717865-a99cac1c95d8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2071&q=80)
            -
                label: Morning Coast
                value: url(https://images.unsplash.com/photo-1555117746-a7c449e5d0ff?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2532&q=80)
            -
                label: Dramatic Woods
                value: url(https://images.unsplash.com/photo-1562627952-f52a76c3c823?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2069&q=80)
            -
                label: Snowy Sunrise
                value: url(https://images.unsplash.com/photo-1487349703519-90c8e4f426a7?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2906&q=80)
            -
                label: Sakura Blossoms
                value: url(https://images.unsplash.com/photo-1560719613-9f0bdc469ca2?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2532&q=80)
            -
                label: Mountain Silhouette at Dusk
                value: url(https://images.unsplash.com/photo-1509226704106-8a5a71ffbfa4?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80)
            -
                label: Neon City
                value: url(https://images.unsplash.com/photo-1531931477284-7e16215c9540?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=987&q=80)
    -
        id: bg-blur
        title: Background Blur
        type: variable-number
        description: Apply a blurring effect to the background image. I recommend using higher values for dark mode.
        default: 0
        format: px
    -
        id: blockquote-options
        title: Blockquotes
        type: heading
        level: 2
        collapsed: true
    -
        id: blockquote-style
        title: Blockquote style
        type: class-select
        allowEmpty: false
        default: blockquote-normal
        options:
            -
                label: Chime
                value: blockquote-normal
            -
                label: Simple Block
                value: blockquote-block
            -
                label: Obsidian
                value: blockquote-quote
            -
                label: Minimalist
                value: blockquote-minimal
            -
                label: Card
                value: blockquote-floating
            -
                label: Sleek
                value: blockquote-sleek
            -
                label: Basic
                value: blockquote-basic
    -
        id: blockquote-mark
        title: Quote Marking
        type: class-toggle
        default: false
    -
        id: callout-options
        title: Callouts
        type: heading
        level: 2
        collapsed: true
    -
        id: callout-style
        title: Callout Style
        type: class-select
        allowEmpty: false
        default: callout-normal
        options:
            -
                label: Default
                value: callout-normal
            -
                label: Bordered
                value: callout-bordered
            -
                label: Outlined
                value: callout-outlined
            -
                label: Card
                value: callout-floating
    -
        id: checkbox-options
        title: Checkboxes
        type: heading
        level: 2
        collapsed: true
    -
        id: checkbox-style
        title: Checkbox Style
        type: class-select
        allowEmpty: false
        default: checkbox-default
        options:
            -
                label: Default
                value: checkbox-default
            -
                label: Block
                value: checkbox-block
            -
                label: Anytype
                value: checkbox-anytype
    -
        id: tag-options
        title: Tags
        type: heading
        level: 2
        collapsed: true
    -
        id: tag-style
        title: Tag Style
        type: class-select
        allowEmpty: false
        default: tag-default
        options:
            -
                label: Default
                value: tag-default
            -
                label: Block
                value: tag-block
            -
                label: Minimalistic
                value: tag-minimal
            -
                label: Button
                value: tag-button
    -
        id: link-options
        title: Links
        type: heading
        level: 2
        collapsed: true
    -
        id: link-style
        title: Link Style
        type: class-select
        allowEmpty: false
        default: link-default
        options:
            -
                label: Default
                value: link-default
            -
                label: Web
                value: link-web
            -
                label: Emphasized
                value: link-em
            -
                label: Button
                value: link-button
    -
        id: code-heading
        title: Code
        type: heading
        level: 2
        collapsed: true
    -
        id: code-normal
        title: Inline Code Color
        type: variable-select
        default: var(--text-muted)
        options:
            -
                label: Muted
                value: var(--text-muted)
            -
                label: Normal
                value: var(--text-normal)
            -
                label: Red
                value: var(--color-red)
            -
                label: Accent
                value: var(--text-accent)
    -
        id: code-background
        title: Code background
        type: variable-select
        default: var(--background-primary-alt)
        options:
            -
                label: Default
                value: var(--background-primary-alt)
            -
                label: Background Primary
                value: var(--background-primary)
            -
                label: Background Secondary
                value: var(--background-secondary)
            -
                label: Background Secondary Alt
                value: var(--background-secondary-alt)
            -
                label: Transparent
                value: transparent
            -
                label: Accent
                value: hsla(var(--color-accent-hsl), 0.1

    -
        id: headings-settings
        title: Headings
        type: heading
        level: 2
        collapsed: true
    -
        id: heading-colors
        title: Heading Colors
        type: class-select
        allowEmpty: false
        default: heading-default
        options:
            -
                label: Default
                value: heading-default
            -
                label: Colorful Headings
                value: colorful-headings
            -
                label: Alternate Colorful Headings
                value: colorful-headings-alt
    -
        id: smaller-headings
        title: Smaller Headings
        description: Make headings smaller and less distracting.
        type: class-toggle
        default: false
    -
        id: h1-options
        title: Header 1
        type: heading
        level: 3
        collapsed: true
    -
        id: h1-weight
        title: Header 1 Weight
        type: variable-number
        default: 600
    -
        id: h1-variant
        title: Header 1 Font Variant
        type: variable-select
        default: normal
        options:
            - normal
            - petite-caps
            - small-caps
            - all-small-caps
            - unicase
    -
        id: h1-center
        title: Center Header 1
        type: class-toggle
        default: false
    -
        id: h1-bottom-border
        title: Header 1 Bottom Border
        type: class-toggle
        default: false
    -
        id: h2-options
        title: Header 2
        type: heading
        level: 3
        collapsed: true
    -
        id: h2-weight
        title: Header 2 Weight
        type: variable-number
        default: 600
    -
        id: h2-variant
        title: Header 2 Font Variant
        type: variable-select
        default: normal
        options:
            - normal
            - petite-caps
            - small-caps
            - all-small-caps
            - unicase
    -
        id: h2-center
        title: Center Header 2
        type: class-toggle
        default: false
    -
        id: h2-bottom-border
        title: Header 2 Bottom Border
        type: class-toggle
        default: false
    -
        id: h3-options
        title: Header 3
        type: heading
        level: 3
        collapsed: true
    -
        id: h3-weight
        title: Header 3 Weight
        type: variable-number
        default: 600
    -
        id: h3-variant
        title: Header 3 Font Variant
        type: variable-select
        default: normal
        options:
            - normal
            - petite-caps
            - small-caps
            - all-small-caps
            - unicase
    -
        id: h3-center
        title: Center Header 3
        type: class-toggle
        default: false
    -
        id: h3-bottom-border
        title: Header 3 Bottom Border
        type: class-toggle
        default: false
    -
        id: h4-options
        title: Header 4
        type: heading
        level: 3
        collapsed: true
    -
        id: h4-weight
        title: Header 4 Weight
        type: variable-number
        default: 600
    -
        id: h4-variant
        title: Header 4 Font Variant
        type: variable-select
        default: normal
        options:
            - normal
            - petite-caps
            - small-caps
            - all-small-caps
            - unicase
    -
        id: h4-center
        title: Center Header 4
        type: class-toggle
        default: false
    -
        id: h4-bottom-border
        title: Header 4 Bottom Border
        type: class-toggle
        default: false
    -
        id: h5-options
        title: Header 5
        type: heading
        level: 3
        collapsed: true
    -
        id: h5-weight
        title: Header 5 Weight
        type: variable-number
        default: 600
    -
        id: h5-variant
        title: Header 5 Font Variant
        type: variable-select
        default: normal
        options:
            - normal
            - petite-caps
            - small-caps
            - all-small-caps
            - unicase
    -
        id: h5-center
        title: Center Header 5
        type: class-toggle
        default: false
    -
        id: h5-bottom-border
        title: Header 5 Bottom Border
        type: class-toggle
        default: false
    -
        id: h6-options
        title: Header 6
        type: heading
        level: 3
        collapsed: true
    -
        id: h6-weight
        title: Header 6 Weight
        type: variable-number
        default: 600
    -
        id: h6-variant
        title: Header 6 Font Variant
        type: variable-select
        default: petite-caps
        options:
            - normal
            - petite-caps
            - small-caps
            - all-small-caps
            - unicase
    -
        id: h6-center
        title: Center Header 6
        type: class-toggle
        default: false
    -
        id: h6-bottom-border
        title: Header 6 Bottom Border
        type: class-toggle
        default: false
    -
        id: text-options
        title: Text
        type: heading
        level: 2
        collapsed: true
    -
        id: colored-bold-and-italic
        title: Colorful bold and italic text
        type: class-toggle
        default: false
    -
        id: underlined-highlight
        title: Underlined Highlights
        description: Show highlights as underlined text.
        type: class-toggle
        default: false
    -
        id: increased-line-height
        title: Increased Line Height
        description: Increase line height and paragraph spacing for more readability.
        type: class-toggle
        default: false
    -
        id: custom-font-toggle
        title: Enable custom font
        type: class-toggle
        default: false
    -
        id: custom-font
        title: Custom font
        type: variable-select
        description: This will override theme fonts, but it will not override any font defined in Settings/Appearance.
        default: Monsterrat
        options:
            - Hindi
            - Roboto
            - 'Merriweather Sans'
            - 'Merriweather'
            - 'Nunito Sans'
            - 'IBM Plex Sans'
            - Forum
            - 'EB Garamond'
            - 'Koh Santepheap'
            - Alice
            - Comfortaa
            - Nunito
            - Montserrat
            - Figtree
            - Poppins
            - Rubik
            - Tilt Warp
            - Merienda
            - Handlee
            - Arima
            - Courgette
            - 'Inknut Antiqua'
            - 'Averia Gruesa Libre'
            - 'Anonymous Pro'
            - 'Space Mono'
            - 'Ubuntu Mono'
            - 'DM Mono'
    -
        id: plugin-options
        title: Plugins
        type: heading
        level: 2
        collapsed: true
    -
        id: page-gallery
        title: Page Gallery
        type: heading
        level: 3
        collapsed: true
    -
        id: hide-filter
        title: Hide Search Bar
        type: class-toggle
        default: false
    -
        id: responsive-tile-height
        title: Responsive Tile Height
        type: class-toggle
        default: true
        description: Make text break and continue on the next line rather than overflowing. Tile heights will change to accommodate the whole text.
    -
        id: flex-tiles
        title: Loose Tiles
        description: Make the tiles resize and rearrange themselves depending on the size of their content. This gets rid of the rigid columnar layout.
        type: class-toggle
        default: false
    -

        id: focus-mode-heading
        title: Focus Mode
        type: heading
        description: Hide certain UI elements until you hover over them with your mouse.
        level: 2
        collapsed: true
    -
        id: hide-buttons
        title: Hide Buttons
        type: class-toggle
        default: false
    -
        id: hide-tabs
        title: Hide Tabs
        type: class-toggle
        default: false
    -
        id: hide-titlebar
        title: Hide Floating Note Titlebar
        type: class-toggle
        default: false
    -
        id: hide-scrollbars
        title: Hide Scrollbars
        type: class-toggle
        default: false
    -
        id: ultra-focus
        title: Enable Ultra Focus (A.K.A. Full-Screen)
        description: Everything except your note is completely invisible until you hover over it. Your note takes up most of the screen.
        type: class-toggle
        default: false


*/
