/* Version 2.0.13 */

body {
  --grotto-accent-h: 16;
  --grotto-accent-s: 80%;
  --grotto-accent-l: 60%;
  --grotto-dark-0: hsl(240, 18%, 20%);
  --grotto-dark-1: hsl(240, 18%, 24%);
  --grotto-dark-2: hsl(240, 18%, 36%);
  --grotto-light-0: hsl(33, 33%, 90%);
  --grotto-light-1: hsl(33, 33%, 94%);
  --grotto-light-2: hsl(33, 33%, 86%);
  --grotto-accent: hsl(16, 80%, 60%);
  --grotto-text-color-on-accent: var(--grotto-light-1);
}


.preset-absol {
  --grotto-accent-h: 200;
  --grotto-accent-s: 16%;
  --grotto-accent-l: 60%;
  --grotto-dark-0: hsl(200, 5%, 12%);
  --grotto-dark-1: hsl(200, 5%, 18%);
  --grotto-dark-2: hsl(200, 5%, 24%);
  --grotto-light-0: hsl(0, 0%, 84%);
  --grotto-light-1: hsl(0, 0%, 90%);
  --grotto-light-2: hsl(0, 0%, 80%);
  --grotto-accent: hsl(200, 16%, 60%);
}
.preset-aegislash {
  --grotto-accent-h: 260;
  --grotto-accent-s: 20%;
  --grotto-accent-l: 60%;
  --grotto-dark-0: hsl(260, 10%, 12%);
  --grotto-dark-1: hsl(260, 10%, 18%);
  --grotto-dark-2: hsl(260, 10%, 28%);
  --grotto-light-0: hsl(40, 50%, 84%);
  --grotto-light-1: hsl(40, 50%, 90%);
  --grotto-light-2: hsl(40, 30%, 80%);
  --grotto-accent: hsl(260, 20%, 60%);
}
.preset-aggron {
  --grotto-accent-h: 0;
  --grotto-accent-s: 0%;
  --grotto-accent-l: 58%;
  --grotto-dark-0: hsl(0, 0%, 16%);
  --grotto-dark-1: hsl(0, 0%, 20%);
  --grotto-dark-2: hsl(0, 0%, 28%);
  --grotto-light-0: hsl(0, 0%, 82%);
  --grotto-light-1: hsl(0, 0%, 88%);
  --grotto-light-2: hsl(0, 0%, 78%);
  --grotto-accent: hsl(0, 0%, 58%);
}
.preset-aromatisse {
  --grotto-accent-h: 0;
  --grotto-accent-s: 50%;
  --grotto-accent-l: 60%;
  --grotto-dark-0: hsl(300, 20%, 20%);
  --grotto-dark-1: hsl(300, 20%, 28%);
  --grotto-dark-2: hsl(300, 20%, 36%);
  --grotto-light-0: hsl(40, 0%, 82%);
  --grotto-light-1: hsl(40, 0%, 86%);
  --grotto-light-2: hsl(40, 0%, 76%);
  --grotto-accent: hsl(0, 50%, 60%);
}
.theme-light.preset-aromatisse {
  --grotto-dark-0: hsl(300, 20%, 12%);
  --grotto-dark-1: hsl(300, 20%, 20%);
  --grotto-dark-2: hsl(300, 20%, 32%);
}
.preset-calyrex {
  --grotto-accent-h: 160;
  --grotto-accent-s: 24%;
  --grotto-accent-l: 50%;
  --grotto-dark-0: hsl(160, 20%, 12%);
  --grotto-dark-1: hsl(160, 20%, 20%);
  --grotto-dark-2: hsl(160, 20%, 28%);
  --grotto-light-0: hsl(50, 12%, 80%);
  --grotto-light-1: hsl(50, 12%, 86%);
  --grotto-light-2: hsl(50, 12%, 76%);
  --grotto-accent: hsl(160, 24%, 50%);
}
.preset-clobbopus {
  --grotto-accent-h: 16;
  --grotto-accent-s: 80%;
  --grotto-accent-l: 60%;
  --grotto-dark-0: hsl(240, 18%, 20%);
  --grotto-dark-1: hsl(240, 18%, 24%);
  --grotto-dark-2: hsl(240, 18%, 36%);
  --grotto-light-0: hsl(33, 33%, 90%);
  --grotto-light-1: hsl(33, 33%, 94%);
  --grotto-light-2: hsl(33, 33%, 86%);
  --grotto-accent: hsl(16, 80%, 60%);
}
.preset-cryogonal {
  --grotto-accent-h: 210;
  --grotto-accent-s: 50%;
  --grotto-accent-l: 60%;
  --grotto-dark-0: hsl(210, 10%, 16%);
  --grotto-dark-1: hsl(220, 30%, 32%);
  --grotto-dark-2: hsl(220, 30%, 40%);
  --grotto-light-0: hsl(40, 0%, 80%);
  --grotto-light-1: hsl(40, 0%, 86%);
  --grotto-light-2: hsl(40, 0%, 76%);
  --grotto-accent: hsl(210, 50%, 60%);
}
.theme-light.preset-cryogonal {
  --grotto-dark-0: hsl(210, 10%, 12%);
  --grotto-dark-1: hsl(220, 30%, 28%);
  --grotto-dark-2: hsl(220, 30%, 36%);
}
.preset-darkrai {
  --grotto-accent-h: 5;
  --grotto-accent-s: 50%;
  --grotto-accent-l: 50%;
  --grotto-dark-0: hsl(0, 0%, 12%);
  --grotto-dark-1: hsl(0, 0%, 18%);
  --grotto-dark-2: hsl(0, 0%, 32%);
  --grotto-light-0: hsl(212, 0%, 84%);
  --grotto-light-1: hsl(212, 0%, 90%);
  --grotto-light-2: hsl(212, 0%, 80%);
  --grotto-accent: hsl(5, 50%, 50%);
}
.preset-dewpider {
  --grotto-accent-h: 80;
  --grotto-accent-s: 50%;
  --grotto-accent-l: 44%;
  --grotto-dark-0: hsl(196, 24%, 20%);
  --grotto-dark-1: hsl(196, 24%, 28%);
  --grotto-dark-2: hsl(196, 24%, 36%);
  --grotto-light-0: hsl(44, 0%, 82%);
  --grotto-light-1: hsl(44, 0%, 86%);
  --grotto-light-2: hsl(44, 0%, 76%);
  --grotto-accent: hsl(80, 50%, 44%);
}
.preset-diancie {
  --grotto-accent-h: 320;
  --grotto-accent-s: 20%;
  --grotto-accent-l: 60%;
  --grotto-dark-0: hsl(30, 0%, 12%);
  --grotto-dark-1: hsl(30, 0%, 20%);
  --grotto-dark-2: hsl(30, 0%, 28%);
  --grotto-light-0: hsl(40, 0%, 76%);
  --grotto-light-1: hsl(40, 0%, 80%);
  --grotto-light-2: hsl(40, 0%, 72%);
  --grotto-accent: hsl(320, 20%, 60%);
}
.preset-eldegoss {
  --grotto-accent-h: 44;
  --grotto-accent-s: 56%;
  --grotto-accent-l: 48%;
  --grotto-dark-0: hsl(86, 40%, 18%);
  --grotto-dark-1: hsl(86, 40%, 26%);
  --grotto-dark-2: hsl(86, 40%, 34%);
  --grotto-light-0: hsl(44, 40%, 80%);
  --grotto-light-1: hsl(44, 40%, 86%);
  --grotto-light-2: hsl(44, 40%, 76%);
  --grotto-accent: hsl(44, 56%, 48%);
}
.preset-butterfree {
  --grotto-accent-h: 80;
  --grotto-accent-s: 30%;
  --grotto-accent-l: 52%;
  --grotto-dark-0: hsl(180, 30%, 22%);
  --grotto-dark-1: hsl(180, 30%, 30%);
  --grotto-dark-2: hsl(280, 20%, 36%);
  --grotto-light-0: hsl(80, 30%, 90%);
  --grotto-light-1: hsl(80, 30%, 96%);
  --grotto-light-2: hsl(80, 30%, 86%);
  --grotto-accent: hsl(80, 30%, 52%);
}
.preset-hisuian-typhlosion {
  --grotto-accent-h: 310;
  --grotto-accent-s: 16%;
  --grotto-accent-l: 50%;
  --grotto-dark-0: hsl(240, 16%, 20%);
  --grotto-dark-1: hsl(240, 16%, 28%);
  --grotto-dark-2: hsl(240, 16%, 36%);
  --grotto-light-0: hsl(40, 16%, 82%);
  --grotto-light-1: hsl(40, 16%, 86%);
  --grotto-light-2: hsl(40, 16%, 76%);
  --grotto-accent: hsl(310, 16%, 50%);
}
.preset-manectric {
  --grotto-accent-h: 48;
  --grotto-accent-s: 52%;
  --grotto-accent-l: 52%;
  --grotto-dark-0: hsl(200, 38%, 24%);
  --grotto-dark-1: hsl(200, 34%, 32%);
  --grotto-dark-2: hsl(200, 24%, 22%);
  --grotto-light-0: hsl(48, 20%, 90%);
  --grotto-light-1: hsl(48, 20%, 96%);
  --grotto-light-2: hsl(48, 40%, 84%);
  --grotto-accent: hsl(48, 52%, 52%);
}
.theme-light.preset-manectric {
  --grotto-accent-h: 200;
  --grotto-accent-s: 34%;
  --grotto-accent-l: 34%;
  --grotto-light-0: hsl(48, 30%, 86%);
  --grotto-light-1: hsl(48, 30%, 92%);
  --grotto-light-2: hsl(48, 30%, 80%);
  --grotto-accent: hsl(200, 34%, 34%);
}
.preset-mareep {
  --grotto-accent-h: 216;
  --grotto-accent-s: 30%;
  --grotto-accent-l: 48%;
  --grotto-dark-0: hsl(200, 0%, 16%);
  --grotto-dark-1: hsl(200, 0%, 24%);
  --grotto-dark-2: hsl(200, 0%, 32%);
  --grotto-light-0: hsl(40, 36%, 86%);
  --grotto-light-1: hsl(40, 36%, 90%);
  --grotto-light-2: hsl(40, 36%, 82%);
  --grotto-accent: hsl(216, 30%, 48%);
}
.preset-mega-lucario {
  --grotto-accent-h: 0;
  --grotto-accent-s: 40%;
  --grotto-accent-l: 56%;
  --grotto-dark-0: hsl(200, 30%, 18%);
  --grotto-dark-1: hsl(200, 30%, 26%);
  --grotto-dark-2: hsl(200, 10%, 36%);
  --grotto-light-0: hsl(40, 20%, 86%);
  --grotto-light-1: hsl(40, 20%, 90%);
  --grotto-light-2: hsl(40, 20%, 80%);
  --grotto-accent: hsl(0, 40%, 56%);
}
.preset-meloetta {
  --grotto-accent-h: 160;
  --grotto-accent-s: 36%;
  --grotto-accent-l: 56%;
  --grotto-dark-0: hsl(40, 6%, 12%);
  --grotto-dark-1: hsl(40, 6%, 16%);
  --grotto-dark-2: hsl(40, 6%, 24%);
  --grotto-light-0: hsl(70, 30%, 86%);
  --grotto-light-1: hsl(70, 30%, 92%);
  --grotto-light-2: hsl(70, 30%, 80%);
  --grotto-accent: hsl(160, 36%, 56%);
}
.preset-necrozma {
  --grotto-accent-h: 0;
  --grotto-accent-s: 0%;
  --grotto-accent-l: 32%;
  --grotto-dark-0: hsl(0, 0%, 8%);
  --grotto-dark-1: hsl(0, 0%, 10%);
  --grotto-dark-2: hsl(0, 0%, 16%);
  --grotto-light-0: hsl(0, 0%, 90%);
  --grotto-light-1: hsl(0, 0%, 96%);
  --grotto-light-2: hsl(0, 0%, 84%);
  --grotto-accent: hsl(0, 0%, 32%);
}
.theme-light.preset-necrozma {
  --grotto-accent-h: 0;
  --grotto-accent-s: 0%;
  --grotto-accent-l: 20%;
  --grotto-accent: hsl(0, 0%, 20%);
}
.theme-dark.preset-necrozma {
  --grotto-accent-h: 0;
  --grotto-accent-s: 0%;
  --grotto-accent-l: 32%;
  --grotto-accent: hsl(0, 0%, 32%);
}
.preset-pirouette-meloetta {
  --grotto-accent-h: 10;
  --grotto-accent-s: 50%;
  --grotto-accent-l: 54%;
  --grotto-dark-0: hsl(40, 16%, 12%);
  --grotto-dark-1: hsl(40, 16%, 16%);
  --grotto-dark-2: hsl(40, 16%, 24%);
  --grotto-light-0: hsl(40, 40%, 86%);
  --grotto-light-1: hsl(40, 40%, 90%);
  --grotto-light-2: hsl(40, 40%, 80%);
  --grotto-accent: hsl(10, 50%, 54%);
}
.preset-poltchageist {
  --grotto-accent-h: 114;
  --grotto-accent-s: 24%;
  --grotto-accent-l: 50%;
  --grotto-dark-0: hsl(60, 5%, 10%);
  --grotto-dark-1: hsl(60, 10%, 14%);
  --grotto-dark-2: hsl(60, 10%, 24%);
  --grotto-light-0: hsl(30, 20%, 78%);
  --grotto-light-1: hsl(30, 20%, 82%);
  --grotto-light-2: hsl(30, 20%, 76%);
  --grotto-accent: hsl(114, 24%, 50%);
}
.preset-scolipede {
  --grotto-accent-h: 340;
  --grotto-accent-s: 40%;
  --grotto-accent-l: 50%;
  --grotto-dark-0: hsl(340, 10%, 12%);
  --grotto-dark-1: hsl(340, 10%, 18%);
  --grotto-dark-2: hsl(340, 10%, 24%);
  --grotto-light-0: hsl(240, 10%, 78%);
  --grotto-light-1: hsl(240, 10%, 84%);
  --grotto-light-2: hsl(240, 10%, 72%);
  --grotto-accent: hsl(340, 40%, 56%);
}
.preset-skiddo {
  --grotto-accent-h: 145;
  --grotto-accent-s: 64%;
  --grotto-accent-l: 40%;
  --grotto-dark-0: hsl(20, 20%, 18%);
  --grotto-dark-1: hsl(20, 20%, 26%);
  --grotto-dark-2: hsl(20, 20%, 34%);
  --grotto-light-0: hsl(40, 20%, 90%);
  --grotto-light-1: hsl(40, 20%, 96%);
  --grotto-light-2: hsl(40, 20%, 86%);
  --grotto-accent: hsl(145, 64%, 40%);
}
.preset-swampert {
  --grotto-accent-h: 24;
  --grotto-accent-s: 64%;
  --grotto-accent-l: 56%;
  --grotto-dark-0: hsl(210, 20%, 20%);
  --grotto-dark-1: hsl(210, 30%, 30%);
  --grotto-dark-2: hsl(210, 30%, 36%);
  --grotto-light-0: hsl(40, 14%, 82%);
  --grotto-light-1: hsl(40, 14%, 86%);
  --grotto-light-2: hsl(40, 14%, 76%);
  --grotto-accent: hsl(24, 64%, 56%);
}
.preset-tsareena {
  --grotto-accent-h: 100;
  --grotto-accent-s: 36%;
  --grotto-accent-l: 56%;
  --grotto-dark-0: hsl(340, 32%, 28%);
  --grotto-dark-1: hsl(340, 32%, 36%);
  --grotto-dark-2: hsl(340, 32%, 48%);
  --grotto-light-0: hsl(20, 24%, 86%);
  --grotto-light-1: hsl(20, 24%, 92%);
  --grotto-light-2: hsl(20, 24%, 82%);
  --grotto-accent: hsl(100, 36%, 50%);
}
.preset-ursaluna {
  --grotto-accent-h: 40;
  --grotto-accent-s: 40%;
  --grotto-accent-l: 50%;
  --grotto-dark-0: hsl(20, 20%, 14%);
  --grotto-dark-1: hsl(20, 20%, 20%);
  --grotto-dark-2: hsl(20, 20%, 32%);
  --grotto-light-0: hsl(20, 10%, 74%);
  --grotto-light-1: hsl(20, 10%, 80%);
  --grotto-light-2: hsl(20, 10%, 70%);
  --grotto-accent: hsl(40, 40%, 50%);
}


body {
  --grotto-global-border-radius: 0rem;
  --grotto-global-border-width: 1px;
}


body,
.theme-light,
.theme-dark,
.is-mobile.theme-light,
.is-mobile.theme-dark {
  --accent-h: var(--grotto-accent-h);
  --accent-s: var(--grotto-accent-s);
  --accent-l: var(--grotto-accent-l);
  --color-accent-hsl: var(--grotto-accent-h), var(--grotto-accent-s), var(--grotto-accent-l);
  --color-accent: hsl(var(--grotto-accent-h), var(--grotto-accent-s), var(--grotto-accent-l));
  --color-accent-1: hsl(var(--grotto-accent-h), var(--grotto-accent-s), var(--grotto-accent-l));
  --color-accent-2: hsl(var(--grotto-accent-h), var(--grotto-accent-s), var(--grotto-accent-l));
  --text-selection: hsla(var(--color-accent-hsl), 1);
  --text-highlight-bg: var(--grotto-background-tertiary);
  --text-error: hsl(0, 50%, 50%);
  --text-warning: hsl(30, 50%, 50%);
  --text-success: hsl(100, 50%, 50%);
  --background-modifier-box-shadow: none;
  --background-modifier-cover: hsla(0, 0%, 0%, 0.5);
  --input-shadow: none;
  --input-shadow-hover: none;
  --shadow-edges: none;
  --shadow-xs: none;
  --shadow-s: none;
  --shadow-l: none;
  --pdf-shadow: none;
  --pdf-thumbnail-shadow: none;
  --background-modifier-error: var(--text-error);
  --background-modifier-error-hover: var(--text-error);
  --background-modifier-success: var(--text-success);
  --background-primary-alt: var(--background-primary);
  --background-secondary-alt: var(--background-secondary);
  --p-spacing: 0rem;
  --tab-curve: 0rem;
  --tab-outline-width: 1px;
  --radius-s: 0px;
  --radius-m: 0px;
  --radius-l: 0px;
  --radius-xl: 0px;
  --touch-radius-xxs: 0px;
  --touch-radius-xs: 0px;
  --touch-radius-s: 0px;
  --touch-radius-m: 0px;
  --touch-radius-l: 0px;
  --touch-radius-xl: 0px;
  --grotto-blur: 0px;
  filter: blur(var(--grotto-blur));
  --grotto-redacted: 'Flow Circular';
  --font-interface: var(--font-interface-override);
  --font-text: var(--font-text-override);
  --font-print: var(--font-print-override);
  --font-monospace: var(--font-monospace-override);
  --divider-width: 0px;
  --divider-width-hover: 2px;
  --workspace-background-translucent: transparent;
  --grotto-font-weight: 500;
  font-weight: var(--grotto-font-weight);
  --blur-background: none;
}
.is-phone {
  --view-top-spacing: 52px;
  --view-top-spacing-markdown: 52px;
  --border-width: 0px;
  --view-top-fade-mask: none;
  --view-bottom-fade-mask: none;
  --view-bottom-fade-opacity: 1;
  --view-bottom-fade-mask: none;
}
.is-mobile,
.is-mobile.theme-light,
.is-mobile.theme-dark {
  --icon-opacity-hover: 1;
  --input-radius: 0rem;
  --menu-divider-width: 0px;
  --modal-radius: 0px;
  --navbar-radius: 0px;
  --prompt-backdrop-filter: none;
  --suggestion-backdrop-filter: none;
  --radius-xl: 0rem;
  --textarea-radius: 0rem;
  --tag-background: var(--grotto-tag-background);
  --caret-color: currentColor;
  --mobile-sidebar-background: var(--background-secondary);
  --system-status-background: var(--background-primary);
}


.theme-light,
.is-mobile.theme-light {
  --text-normal: var(--grotto-dark-1);
  --text-muted: var(--grotto-dark-2);
  --text-faint: var(--grotto-dark-2);
  --background-primary: var(--grotto-light-1);
  --background-secondary: var(--grotto-light-0);
  --grotto-background-tertiary: var(--grotto-light-2);
}


.theme-dark,
.is-mobile.theme-dark {
  --text-normal: var(--grotto-light-1);
  --text-muted: var(--grotto-light-2);
  --text-faint: var(--grotto-light-2);
  --background-primary: var(--grotto-dark-1);
  --background-secondary: var(--grotto-dark-0);
  --grotto-background-tertiary: var(--grotto-dark-2);
}


body {
  --grotto-tag-color: var(--background-primary);
  --grotto-tag-background-color: var(--text-normal);
  --grotto-tag-size: 0.8rem;
  --grotto-tag-weight: 600;
  --grotto-tag-border-color: var(--text-normal);
  --grotto-tag-border-width: 1.5px;
  --grotto-tag-border-radius: 0rem;
  --grotto-tag-padding-y: 0.1rem;
  --grotto-tag-padding-x: 0.4rem;
  --grotto-tag-pointer-events: none;
}
a.tag,
a.tag:hover,
.cm-hashtag,
.cm-s-obsidian span.cm-quote.cm-hashtag {
  color: var(--grotto-tag-color);
  background-color: var(--grotto-tag-background-color);
  font-size: var(--grotto-tag-size);
  font-weight: var(--grotto-tag-weight);
  pointer-events: var(--grotto-tag-pointer-events);
  vertical-align: middle;
  caret-color: currentColor;
}
a.tag,
a.tag:hover {
  padding: var(--grotto-tag-padding-y) var(--grotto-tag-padding-x);
  border: var(--grotto-tag-border-width) solid var(--grotto-tag-border-color);
  border-radius: var(--grotto-tag-border-radius);
}
.cm-hashtag {
  padding: var(--grotto-tag-padding-y) 0px;
  border: var(--grotto-tag-border-width) solid var(--grotto-tag-border-color);
}
.cm-hashtag.cm-hashtag-begin {
  border-inline-start: var(--grotto-tag-border-width) solid var(--grotto-tag-border-color);
  padding-inline-start: var(--grotto-tag-padding-x);
  border-start-start-radius: var(--grotto-tag-border-radius);
  border-end-start-radius: var(--grotto-tag-border-radius);
}
.cm-hashtag.cm-hashtag-end {
  border-inline-end: var(--grotto-tag-border-width) solid var(--grotto-tag-border-color);
  padding-inline-end: var(--grotto-tag-padding-x);
  border-start-end-radius: var(--grotto-tag-border-radius);
  border-end-end-radius: var(--grotto-tag-border-radius);
}
.cm-s-obsidian .cm-line.HyperMD-header-1 .cm-hashtag,
.cm-s-obsidian .cm-line.HyperMD-header-2 .cm-hashtag,
.cm-s-obsidian .cm-line.HyperMD-header-3 .cm-hashtag,
.cm-s-obsidian .cm-line.HyperMD-header-4 .cm-hashtag,
.cm-s-obsidian .cm-line.HyperMD-header-5 .cm-hashtag,
.cm-s-obsidian .cm-line.HyperMD-header-6 .cm-hashtag {
  font-size: var(--grotto-tag-size) !important;
  vertical-align: top;
}
.markdown-rendered h1 a.tag,
.markdown-rendered h2 a.tag,
.markdown-rendered h3 a.tag,
.markdown-rendered h4 a.tag,
.markdown-rendered h5 a.tag,
.markdown-rendered h6 a.tag {
  position: relative;
  top: -2px;
}

.grotto-tag-accented {
  --grotto-tag-color: var(--grotto-text-color-on-accent);
  --grotto-tag-background-color: var(--grotto-accent);
  --grotto-tag-border-color: var(--text-normal);
}

.grotto-tag-rounded {
  --grotto-tag-border-radius: 2rem;
}


::selection {
  color: var(--background-primary);
}


img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: auto;
}


body {
  --grotto-header-size: 1.5rem;
  --grotto-header-weight: 500;
  --grotto-header-line-height: 2rem;
  --grotto-header-border-radius: 0rem;
  --grotto-header-1-color: var(--grotto-light-1);
  --grotto-header-2-color: var(--background-primary);
  --grotto-header-3-color: var(--text-normal);
  --grotto-header-4-color: var(--text-normal);
  --grotto-header-5-color: var(--text-normal);
  --grotto-header-6-color: var(--text-normal);
  --grotto-header-1-background-color: var(--grotto-accent);
  --grotto-header-2-background-color: var(--text-normal);
  --grotto-header-3-background-color: transparent;
  --grotto-header-4-background-color: transparent;
  --grotto-header-5-background-color: transparent;
  --grotto-header-6-background-color: transparent;
  --grotto-header-1-border-color: var(--text-normal);
  --grotto-header-2-border-color: var(--text-normal);
  --grotto-header-3-border-color: var(--text-normal);
  --grotto-header-4-border-color: var(--text-normal);
  --grotto-header-5-border-color: var(--grotto-accent);
  --grotto-header-6-border-color: transparent;
  --grotto-header-1-border-radius: var(--grotto-header-border-radius);
  --grotto-header-2-border-radius: var(--grotto-header-border-radius);
  --grotto-header-3-border-radius: var(--grotto-header-border-radius);
  --grotto-header-4-border-radius: var(--grotto-header-border-radius);
  --grotto-header-5-border-radius: var(--grotto-header-border-radius);
  --grotto-header-6-border-radius: var(--grotto-header-border-radius);
  --grotto-header-1-size: var(--grotto-header-size);
  --grotto-header-2-size: var(--grotto-header-size);
  --grotto-header-3-size: var(--grotto-header-size);
  --grotto-header-4-size: var(--grotto-header-size);
  --grotto-header-5-size: var(--grotto-header-size);
  --grotto-header-6-size: var(--grotto-header-size);
}
.HyperMD-header-1,
.HyperMD-header-2,
.HyperMD-header-3,
.HyperMD-header-4,
.HyperMD-header-5,
.HyperMD-header-6,
.inline-title h1,
.inline-title h2,
.inline-title h3,
.inline-title h4,
.inline-title h5,
.inline-title h6,
.markdown-rendered h1,
.markdown-rendered h2,
.markdown-rendered h3,
.markdown-rendered h4,
.markdown-rendered h5,
.markdown-rendered h6,
.HyperMD-list-line .cm-header-1,
.HyperMD-list-line .cm-header-2,
.HyperMD-list-line .cm-header-3,
.HyperMD-list-line .cm-header-4,
.HyperMD-list-line .cm-header-5,
.HyperMD-list-line .cm-header-6,
.cm-s-obsidian .cm-line.HyperMD-header-1,
.cm-s-obsidian .cm-line.HyperMD-header-2,
.cm-s-obsidian .cm-line.HyperMD-header-3,
.cm-s-obsidian .cm-line.HyperMD-header-4,
.cm-s-obsidian .cm-line.HyperMD-header-5,
.cm-s-obsidian .cm-line.HyperMD-header-6 {
  font-weight: var(--grotto-header-weight);
  line-height: var(--grotto-header-line-height);
  caret-color: currentColor;
  letter-spacing: 0px;
  width: fit-content;
  padding: 0px 7px;
}
.cm-formatting-header {
  color: currentColor;
}
.HyperMD-header-1,
.inline-title h1,
.markdown-rendered h1,
.HyperMD-list-line .cm-header-1,
.cm-s-obsidian .cm-line.HyperMD-header-1 {
  color: var(--grotto-header-1-color);
  background-color: var(--grotto-header-1-background-color);
  font-size: var(--grotto-header-1-size);
  border: 2px solid var(--grotto-header-1-border-color);
  border-radius: var(--grotto-header-1-border-radius);
  outline: 2px solid var(--background-primary);
  outline-offset: -4px;
}
.HyperMD-header-2,
.inline-title h2,
.markdown-rendered h2,
.HyperMD-list-line .cm-header-2,
.cm-s-obsidian .cm-line.HyperMD-header-2 {
  color: var(--grotto-header-2-color);
  background-color: var(--grotto-header-2-background-color);
  font-size: var(--grotto-header-2-size);
  border: 2px solid var(--grotto-header-2-border-color);
  border-radius: var(--grotto-header-2-border-radius);
  outline: 2px solid var(--background-primary);
  outline-offset: -4px;
}
.HyperMD-header-3,
.inline-title h3,
.markdown-rendered h3,
.HyperMD-list-line .cm-header-3,
.cm-s-obsidian .cm-line.HyperMD-header-3 {
  color: var(--grotto-header-3-color);
  background-color: var(--grotto-header-3-background-color);
  font-size: var(--grotto-header-3-size);
  border: 2px solid var(--grotto-header-3-border-color);
  border-radius: var(--grotto-header-3-border-radius);
  outline: 2px solid var(--background-primary);
  outline-offset: -4px;
}
.HyperMD-header-4,
.inline-title h4,
.markdown-rendered h4,
.HyperMD-list-line .cm-header-4,
.cm-s-obsidian .cm-line.HyperMD-header-4 {
  color: var(--grotto-header-4-color);
  background-color: var(--grotto-header-4-background-color);
  font-size: var(--grotto-header-4-size);
  border-bottom: 6px solid var(--grotto-header-4-border-color);
  border-radius: var(--grotto-header-4-border-radius);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--background-primary);
  text-underline-offset: 9px;
}
.HyperMD-header-5,
.inline-title h5,
.markdown-rendered h5,
.HyperMD-list-line .cm-header-5,
.cm-s-obsidian .cm-line.HyperMD-header-5 {
  color: var(--grotto-header-5-color);
  background-color: var(--grotto-header-5-background-color);
  font-size: var(--grotto-header-5-size);
  border: 2px solid transparent;
  border-radius: var(--grotto-header-5-border-radius);
  outline: 2px solid var(--background-primary);
  outline-offset: -4px;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--grotto-header-5-border-color);
}
.HyperMD-header-6,
.inline-title h6,
.markdown-rendered h6,
.HyperMD-list-line .cm-header-6,
.cm-s-obsidian .cm-line.HyperMD-header-6 {
  color: var(--grotto-header-6-color);
  background-color: var(--grotto-header-6-background-color);
  font-size: var(--grotto-header-6-size);
  border: 2px solid var(--grotto-header-6-border-color);
  border-radius: var(--grotto-header-6-border-radius);
  outline: 2px solid var(--background-primary);
  outline-offset: -4px;
}
.markdown-rendered h1 strong,
.markdown-rendered h2 strong,
.markdown-rendered h3 strong,
.markdown-rendered h4 strong,
.markdown-rendered h5 strong,
.markdown-rendered h6 strong,
.markdown-rendered h1 em,
.markdown-rendered h2 em,
.markdown-rendered h3 em,
.markdown-rendered h4 em,
.markdown-rendered h5 em,
.markdown-rendered h6 em,
.cm-header.cm-header-1.cm-strong,
.cm-header.cm-header-2.cm-strong,
.cm-header.cm-header-3.cm-strong,
.cm-header.cm-header-4.cm-strong,
.cm-header.cm-header-5.cm-strong,
.cm-header.cm-header-6.cm-strong,
.cm-header.cm-header-1.cm-em,
.cm-header.cm-header-2.cm-em,
.cm-header.cm-header-3.cm-em,
.cm-header.cm-header-4.cm-em,
.cm-header.cm-header-5.cm-em,
.cm-header.cm-header-6.cm-em {
  color: inherit;
}

.grotto-header-rounded {
  --grotto-header-border-radius: 2rem;
}


body {
  --grotto-bold-color: var(--grotto-accent);
  --grotto-bold-weight: 800;
  --grotto-italic-color: var(--grotto-accent);
  --grotto-italic-weight: 500;
  --grotto-strikethrough-color: var(--text-normal);
  --grotto-strikethrough-weight: 500;
  --grotto-strikethrough-opacity: 0.5;
  --grotto-comment-color: var(--text-normal);
  --grotto-comment-weight: 500;
}
b,
strong,
.cm-strong {
  color: var(--grotto-bold-color);
  font-weight: var(--grotto-bold-weight);
  caret-color: currentColor;
}
i,
em,
.cm-em {
  color: var(--grotto-italic-color);
  font-weight: var(--grotto-italic-weight);
  caret-color: currentColor;
}
.cm-strikethrough {
  color: var(--grotto-strikethrough-color);
  font-weight: var(--grotto-strikethrough-weight);
  opacity: var(--grotto-strikethrough-opacity);
  font-size: 0.8rem;
  caret-color: currentColor;
}
.cm-comment {
  color: var(--grotto-comment-color);
  font-weight: var(--grotto-comment-weight);
  opacity: 0.3;
  caret-color: currentColor;
}


body {
  --grotto-link-color: var(--grotto-accent);
  --grotto-link-weight: 500;
}
a,
.external-link,
.cm-s-obsidian span.cm-url,
.cm-s-obsidian span.cm-link,
.markdown-rendered .internal-link,
.metadata-property-value .internal-link,
.cm-s-obsidian span.cm-hmd-internal-link,
.cm-s-obsidian span.cm-formatting-link.cm-url,
.markdown-source-view.mod-cm6 .cm-underline,
.markdown-source-view.mod-cm6 .cm-url .cm-underline,
.markdown-source-view.mod-cm6 .cm-link .cm-underline {
  color: var(--grotto-link-color);
  font-weight: var(--grotto-link-weight);
}
a:hover,
a.mobile-tap,
.external-link:hover,
.external-link.mobile-tap,
.cm-s-obsidian span.cm-url:hover,
.cm-s-obsidian span.cm-link:hover,
.markdown-rendered .internal-link:hover,
.metadata-property-value .internal-link:hover,
.cm-s-obsidian span.cm-hmd-internal-link:hover,
.cm-s-obsidian span.cm-formatting-link.cm-url:hover,
.markdown-source-view.mod-cm6 .cm-underline:hover,
.markdown-source-view.mod-cm6 .cm-url .cm-underline:hover,
.markdown-source-view.mod-cm6 .cm-link .cm-underline:hover {
  color: var(--grotto-link-color);
  filter: brightness(105%);
  opacity: 0.8;
}
.markdown-rendered h1 .external-link,
.markdown-rendered h2 .external-link,
.markdown-rendered h3 .external-link,
.markdown-rendered h4 .external-link,
.markdown-rendered h5 .external-link,
.markdown-rendered h6 .external-link,
.markdown-rendered h1 .internal-link,
.markdown-rendered h2 .internal-link,
.markdown-rendered h3 .internal-link,
.markdown-rendered h4 .internal-link,
.markdown-rendered h5 .internal-link,
.markdown-rendered h6 .internal-link,
.cm-header.cm-header-1.cm-hmd-internal-link,
.cm-header.cm-header-2.cm-hmd-internal-link,
.cm-header.cm-header-3.cm-hmd-internal-link,
.cm-header.cm-header-4.cm-hmd-internal-link,
.cm-header.cm-header-5.cm-hmd-internal-link,
.cm-header.cm-header-6.cm-hmd-internal-link,
.cm-s-obsidian .cm-line.HyperMD-header-1 span.cm-url,
.cm-s-obsidian .cm-line.HyperMD-header-2 span.cm-url,
.cm-s-obsidian .cm-line.HyperMD-header-3 span.cm-url,
.cm-s-obsidian .cm-line.HyperMD-header-4 span.cm-url,
.cm-s-obsidian .cm-line.HyperMD-header-5 span.cm-url,
.cm-s-obsidian .cm-line.HyperMD-header-6 span.cm-url,
.cm-s-obsidian .cm-line.HyperMD-header-1 span.cm-link,
.cm-s-obsidian .cm-line.HyperMD-header-2 span.cm-link,
.cm-s-obsidian .cm-line.HyperMD-header-3 span.cm-link,
.cm-s-obsidian .cm-line.HyperMD-header-4 span.cm-link,
.cm-s-obsidian .cm-line.HyperMD-header-5 span.cm-link,
.cm-s-obsidian .cm-line.HyperMD-header-6 span.cm-link,
.cm-s-obsidian .cm-line.HyperMD-header-1 .cm-underline,
.cm-s-obsidian .cm-line.HyperMD-header-2 .cm-underline,
.cm-s-obsidian .cm-line.HyperMD-header-3 .cm-underline,
.cm-s-obsidian .cm-line.HyperMD-header-4 .cm-underline,
.cm-s-obsidian .cm-line.HyperMD-header-5 .cm-underline,
.cm-s-obsidian .cm-line.HyperMD-header-6 .cm-underline {
  color: inherit;
}
.markdown-rendered h1 .external-link:hover,
.markdown-rendered h2 .external-link:hover,
.markdown-rendered h3 .external-link:hover,
.markdown-rendered h4 .external-link:hover,
.markdown-rendered h5 .external-link:hover,
.markdown-rendered h6 .external-link:hover,
.markdown-rendered h1 .internal-link:hover,
.markdown-rendered h2 .internal-link:hover,
.markdown-rendered h3 .internal-link:hover,
.markdown-rendered h4 .internal-link:hover,
.markdown-rendered h5 .internal-link:hover,
.markdown-rendered h6 .internal-link:hover,
.cm-header.cm-header-1.cm-hmd-internal-link:hover,
.cm-header.cm-header-2.cm-hmd-internal-link:hover,
.cm-header.cm-header-3.cm-hmd-internal-link:hover,
.cm-header.cm-header-4.cm-hmd-internal-link:hover,
.cm-header.cm-header-5.cm-hmd-internal-link:hover,
.cm-header.cm-header-6.cm-hmd-internal-link:hover,
.cm-s-obsidian .cm-line.HyperMD-header-1 .cm-link .cm-underline:hover,
.cm-s-obsidian .cm-line.HyperMD-header-2 .cm-link .cm-underline:hover,
.cm-s-obsidian .cm-line.HyperMD-header-3 .cm-link .cm-underline:hover,
.cm-s-obsidian .cm-line.HyperMD-header-4 .cm-link .cm-underline:hover,
.cm-s-obsidian .cm-line.HyperMD-header-5 .cm-link .cm-underline:hover,
.cm-s-obsidian .cm-line.HyperMD-header-6 .cm-link .cm-underline:hover {
  color: inherit;
  filter: brightness(105%);
  opacity: 0.8;
}
.external-link {
  background-image: none;
  padding-inline-end: 0rem;
}


body {
  --grotto-code-color: var(--text-normal);
  --grotto-code-background-color: var(--grotto-background-tertiary);
  --grotto-code-border-color: var(--text-normal);
  --grotto-code-border-radius: 0rem;
  --grotto-code-weight: 500;
  --code-border-color: var(--grotto-code-border-color);
  --code-radius: var(--grotto-code-radius);
  --code-important: hsl(30, 30%, 60%);
  --code-property: hsl(170, 30%, 50%);
  --code-keyword: hsl(330, 30%, 60%);
  --code-function: hsl(50, 30%, 45%);
  --code-string: hsl(120, 30%, 50%);
  --code-operator: hsl(0, 30%, 60%);
  --code-value: hsl(270, 30%, 60%);
  --code-tag: hsl(0, 30%, 60%);
  --code-border-width: var(--grotto-global-border-width);
}
.markdown-rendered pre,
.markdown-rendered code,
.cm-s-obsidian span.cm-inline-code,
.cm-s-obsidian .cm-inline-code:not(.cm-formatting),
.markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock {
  color: var(--grotto-code-color);
  background-color: var(--grotto-code-background-color);
  border-radius: var(--grotto-code-border-radius);
  font-size: 0.8rem;
  padding: 0.1rem 0.2rem;
  font-weight: var(--grotto-code-weight);
  vertical-align: middle;
  caret-color: currentColor;
}
.markdown-rendered button.copy-code-button,
.markdown-source-view.mod-cm6 .code-block-flair {
  color: var(--grotto-light-1);
  background-color: var(--grotto-accent);
  border: var(--grotto-global-border-width) solid var(--grotto-code-border-color);
  border-radius: var(--grotto-code-border-radius);
  padding: 0.2rem 0.4rem;
}
.markdown-rendered button.copy-code-button:hover,
.markdown-source-view.mod-cm6 .code-block-flair:hover {
  color: var(--text-normal);
  background-color: var(--grotto-code-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-code-border-color);
  border-radius: var(--grotto-code-border-radius);
  outline: 1px solid var(--grotto-code-border-color);
  outline-offset: 2px;
  transition: linear outline-offset 0.1s;
}


body {
  --grotto-blockquote-color: var(--text-normal);
  --grotto-blockquote-background-color: transparent;
  --blockquote-border-color: var(--grotto-accent);
}
.markdown-rendered blockquote,
.cm-s-obsidian span.cm-quote {
  color: var(--grotto-blockquote-color);
  background-color: var(--grotto-blockquote-background-color);
  caret-color: currentColor;
}
.markdown-rendered blockquote {
  padding: 0px 8px;
}
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote {
  background-color: var(--grotto-blockquote-background-color);
}
.cm-s-obsidian span.cm-quote.cm-strong {
  color: var(--grotto-bold-color);
}
.cm-s-obsidian span.cm-quote.cm-em {
  color: var(--grotto-italic-color);
}
.cm-s-obsidian span.cm-quote.cm-comment {
  color: var(--grotto-comment-color);
}


body {
  --grotto-callout-color: var(--text-normal);
  --grotto-callout-background-color: var(--background-primary);
  --grotto-callout-border-color: var(--text-normal);
  --grotto-callout-radius: var(--grotto-global-border-radius);
  --grotto-callout-padding: 8px 16px;
  --grotto-callout-icon: none;
  --grotto-callout-title-size: var(--grotto-header-size);
  --callout-default: var(--grotto-callout-color);
}
.callout,
.callout:hover {
  color: var(--grotto-callout-color);
  background-color: var(--grotto-callout-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-callout-border-color);
  border-radius: var(--grotto-callout-radius);
  padding: var(--grotto-callout-padding);
}
.callout-title {
  color: var(--grotto-callout-color);
  border-bottom: var(--grotto-global-border-width) solid var(--grotto-callout-border-color);
  font-size: var(--grotto-callout-title-size);
  line-height: 2rem;
  gap: 2px;
}
.callout-icon .svg-icon {
  display: var(--grotto-callout-icon);
}
.callout-content p {
  margin: 4px;
}


body {
  --grotto-embed-color: var(--text-normal);
  --grotto-embed-background-color: transparent;
  --grotto-embed-border-color: var(--text-normal);
  --grotto-embed-border-radius: var(--grotto-global-border-radius);
  --grotto-embed-title-visibility: block;
  --grotto-embed-title-color: var(--text-normal);
  --grotto-embed-title-size: 1.5rem;
}
.markdown-embed {
  color: var(--grotto-embed-color);
  background-color: var(--grotto-embed-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-embed-border-color);
  border-radius: var(--grotto-embed-border-radius);
  padding-bottom: 16px;
}
.embed-title {
  display: var(--grotto-embed-title-visibility);
  color: var(--grotto-embed-title-color);
  font-size: var(--grotto-embed-title-size);
}
.inline-embed>.markdown-embed-content>.markdown-source-view,
.inline-embed>.markdown-embed-content>.markdown-preview-view {
  padding-left: 16px;
  padding-right: 2px;
}
.markdown-embed-link,
.file-embed-link,
.markdown-source-view.mod-cm6 .edit-block-button {
  color: var(--grotto-light-1);
  background-color: var(--grotto-accent);
  border: var(--grotto-global-border-width) solid var(--grotto-embed-border-color);
  border-radius: var(--grotto-embed-border-radius);
  opacity: 1;
}
.markdown-source-view.mod-cm6 .edit-block-button {
  opacity: 0;
}
body:not(.is-mobile) .image-embed:focus-within .edit-block-button {
  background-color: var(--grotto-accent);
}
.markdown-embed-link:hover,
.file-embed-link:hover,
.markdown-source-view.mod-cm6 .edit-block-button:hover {
  color: var(--text-normal);
  background-color: var(--grotto-embed-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-embed-border-color);
  border-radius: var(--grotto-embed-border-radius);
  opacity: 1;
  outline: 1px solid var(--grotto-embed-border-color);
  outline-offset: 2px;
  transition: linear outline-offset 0.1s;
}
.markdown-source-view.mod-cm6 .cm-embed-block:not(.cm-table-widget, .cm-lang-base):hover {
  box-shadow: none;
  border-radius: var(--grotto-callout-radius);
}


body {
  --grotto-calendar-color: var(--text-normal);
  --grotto-calendar-background-color: transparent;
  --grotto-calendar-border-color: var(--text-normal);
  --grotto-calendar-border-radius: var(--grotto-global-border-radius);
  --grotto-calendar-border-width: var(--grotto-global-border-width);
  --grotto-calendar-pointer-events: auto;
  --grotto-calendar-day-color: var(--text-normal);
  --grotto-calendar-day-border-color: transparent;
  --grotto-calendar-day-border-radius: var(--grotto-global-border-radius);
  --grotto-calendar-today-color: var(--grotto-text-color-on-accent);
  --grotto-calendar-today-background-color: var(--grotto-accent);
  --grotto-calendar-today-border-color: var(--text-normal);
  --grotto-calendar-month-color: var(--text-normal);
  --grotto-calendar-year-color: var(--grotto-accent);
  --grotto-calendar-dayofweek-color: var(--text-normal);
  --grotto-calendar-dayofweek-background-color: transparent;
  --grotto-calendar-dayofweek-border-color: var(--text-normal);
  --grotto-calendar-dayofweek-border-radius: var(--grotto-global-border-radius);
  --grotto-calendar-dayofweek-outline-color: transparent;
  --grotto-calendar-weekend-border-width: 1px;
  --grotto-calendar-weekend-border-color: var(--text-normal);
  --grotto-calendar-day-active-color: var(--text-normal);
  --grotto-calendar-view-height: 0vh;
}
#calendar-container {
  --color-arrow: var(--grotto-calendar-color);
  background-color: var(--grotto-calendar-background-color);
  border: var(--grotto-calendar-border-width) solid var(--grotto-calendar-border-color);
  border-radius: var(--grotto-calendar-border-radius);
  width: 100%;
  padding: 4px;
}
#calendar-container .day {
  pointer-events: var(--grotto-calendar-pointer-events);
  color: var(--grotto-calendar-day-color);
  border: var(--grotto-global-border-width) solid var(--grotto-calendar-day-border-color);
  border-radius: var(--grotto-calendar-day-border-radius);
  padding: 4px;
}
#calendar-container .day.active,
#calendar-container .day.svelte-q3wqg9:hover,
#calendar-container .week-num.svelte-egt0yd:hover {
  color: var(--grotto-accent);
  background-color: transparent;
  border: var(--grotto-global-border-width) solid var(--grotto-calendar-day-active-color);
  border-radius: var(--grotto-calendar-day-border-radius);
}
#calendar-container .day.active:hover,
#calendar-container .week-num.svelte-egt0yd:hover {
  color: var(--grotto-accent);
  outline: 1px solid var(--grotto-calendar-today-border-color);
  outline-offset: 2px;
  transition: linear outline-offset 0.1s;
}
#calendar-container .day:not(.active).svelte-q3wqg9:hover,
#calendar-container .week-num.svelte-egt0yd:hover {
  border: var(--grotto-global-border-width) solid transparent;
}
#calendar-container .today,
#calendar-container .week-num.active.svelte-egt0yd {
  color: var(--grotto-calendar-today-color);
  background-color: var(--grotto-calendar-today-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-calendar-today-border-color);
}
#calendar-container .today.svelte-q3wqg9:hover {
  color: var(--grotto-calendar-today-color);
  background-color: var(--grotto-calendar-today-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-calendar-today-border-color);
  outline: 1px solid var(--grotto-calendar-today-border-color);
  outline-offset: 2px;
  transition: linear outline-offset 0.1s;
}
#calendar-container .month {
  color: var(--grotto-calendar-month-color);
}
#calendar-container .year {
  color: var(--grotto-calendar-year-color);
}
#calendar-container .is-mobile .title {
  padding-left: 16px;
}
#calendar-container .reset-button {
  color: var(--grotto-calendar-year-color);
  padding: 4px;
}
#calendar-container th.svelte-pcimu8 {
  color: var(--grotto-calendar-dayofweek-color);
  background-color: var(--grotto-calendar-dayofweek-background-color);
  border-top: var(--grotto-global-border-width) solid var(--grotto-calendar-dayofweek-border-color);
  border-bottom: var(--grotto-global-border-width) solid var(--grotto-calendar-dayofweek-border-color);
  outline: 1px solid var(--grotto-calendar-dayofweek-outline-color);
  outline-offset: -4px;
}
#calendar-container td.svelte-egt0yd {
  border-right: var(--grotto-global-border-width) solid var(--grotto-calendar-border-color);
  padding-right: 1.5px;
}
#calendar-container .week-num.svelte-egt0yd {
  color: var(--grotto-calendar-color);
  border: var(--grotto-global-border-width) solid transparent;
  border-radius: 0rem;
}
#calendar-container .filled.svelte-1widvzq {
  fill: var(--grotto-calendar-color);
}
#calendar-container .weekend:has(+ .weekend) {
  border-left: var(--grotto-calendar-weekend-border-width) solid var(--grotto-calendar-weekend-border-color);
}
.is-phone .workspace-leaf-content[data-type="calendar"] {
  bottom: calc(var(--grotto-calendar-view-height) * (-1));
  position: absolute;
}


body {
  --grotto-checkbox-border-color: var(--text-normal);
  --grotto-checkbox-border-radius: var(--grotto-global-border-radius);
  --checkbox-marker-color: transparent;
}
input[type=checkbox],
input[type=checkbox]:checked {
  border-radius: var(--grotto-checkbox-border-radius);
  border: var(--grotto-global-border-width) solid var(--grotto-checkbox-border-color);
}


body {
  --grotto-list-marker-color: var(--text-normal);
  --list-marker-color: var(--grotto-list-marker-color);
  --list-marker-color-hover: var(--grotto-list-marker-color);
  --list-marker-color-collapsed: var(--grotto-list-marker-color);
  --list-bullet-radius: var(--grotto-global-border-radius);
}


body {
  --grotto-slider-background-color: var(--text-normal);
  --grotto-slider-border-color: var(--background-primary);
  --slider-thumb-y: -7px;
}
input[type='range']::-webkit-slider-thumb,
input[type='range']::-webkit-slider-thumb:hover,
input[type='range']::-webkit-slider-thumb:active {
  background-color: var(--grotto-slider-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-slider-border-color);
  outline: 1px solid var(--grotto-slider-border-color);
  outline-offset: -1px;
  box-shadow: none;
}
input[type='range']::-webkit-slider-thumb:hover,
input[type='range']::-webkit-slider-thumb:active,
body:not(.is-mobile) input[type=range]:focus::-webkit-slider-thumb,
body:not(.is-mobile) input[type=range]:focus-visible::-webkit-slider-thumb {
  outline: 1px solid var(--grotto-slider-border-color);
  outline-offset: -3px;
  box-shadow: none;
}
input[type='range']::-webkit-slider-runnable-track {
  background-color: var(--grotto-accent);
  outline: var(--grotto-global-border-width) solid var(--text-normal);
  height: 4px;
}


body {
  --grotto-toggle-background-color: var(--background-primary);
  --grotto-toggle-enabled-background-color: var(--grotto-accent);
  --grotto-toggle-border-color: var(--text-normal);
  --grotto-toggle-border-width: var(--grotto-global-border-width);
}
.checkbox-container {
  background-color: var(--grotto-toggle-background-color);
  outline: var(--grotto-toggle-border-width) solid var(--grotto-toggle-border-color);
  box-shadow: none;
}
.checkbox-container:after {
  background-color: var(--text-normal);
  box-shadow: none;
}
.checkbox-container.is-enabled {
    background-color: var(--grotto-toggle-enabled-background-color);
}


.is-mobile input[type="color"] {
  width: 44px;
  height: 44px;
}
input[type="color"]::-webkit-color-swatch {
  box-shadow: 0px 0px 0px var(--grotto-global-border-width) var(--text-normal);
}
input[type="color"]::-webkit-color-swatch:hover {
  box-shadow: 0px 0px 0px var(--grotto-global-border-width) var(--text-normal);
  opacity: 1;
  outline: 1px solid var(--text-normal);
  outline-offset: 3px;
}


body {
  --grotto-notice-color: var(--grotto-text-color-on-accent);
  --grotto-notice-background-color: var(--grotto-accent);
  --grotto-notice-border-color: var(--text-normal);
  --grotto-notice-border-width: var(--grotto-global-border-width);
  --grotto-notice-border-radius: var(--grotto-global-border-radius);
}
.notice,
.is-phone .notice {
  color: var(--grotto-notice-color);
  background-color: var(--grotto-notice-background-color);
  border: var(--grotto-notice-border-width) solid var(--grotto-notice-border-color);
  border-radius: var(--grotto-notice-border-radius);
  box-shadow: none;
}


body {
  --grotto-pull-color: var(--grotto-text-color-on-accent);
  --grotto-pull-background-color: var(--grotto-accent);
  --grotto-pull-border-color: var(--text-normal);
  --grotto-pull-border-radius: var(--grotto-global-border-radius);
}
.pull-action,
.pull-down-action,
.pull-out-action {
  color: var(--grotto-pull-color);
  background-color: var(--grotto-pull-background-color);
  background: var(--grotto-pull-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-pull-border-color);
  border-radius: var(--grotto-pull-border-radius);
  width: fit-content;
  height: fit-content;
  padding: 4px;
  margin-top: 10vh;
}
.pull-action.mod-activated,
.pull-down-action.mod-activated,
.pull-out-action.mod-activated {
  color: var(--grotto-pull-color);
}


body {
  --grotto-dragging-color: var(--grotto-text-color-on-accent);
  --grotto-dragging-background-color: var(--grotto-accent);
  --grotto-dragging-border-color: var(--text-normal);
  --grotto-dragging-border-radius: var(--grotto-global-border-radius);
}
.drag-ghost {
  color: var(--grotto-dragging-color);
  background-color: var(--grotto-dragging-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-dragging-border-color);
  border-radius: var(--grotto-dragging-border-radius);
  box-shadow: none;
}


body {
  --grotto-statusbar-color: var(--text-normal);
  --grotto-statusbar-background-color: var(--background-secondary);
  --grotto-statusbar-border-color: var(--text-normal);
  --grotto-statusbar-border-radius: var(--grotto-global-border-radius);
}
.status-bar {
  color: var(--grotto-statusbar-color);
  background-color: var(--grotto-statusbar-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-statusbar-border-color);
  border-radius: var(--grotto-statusbar-border-radius);
  bottom: 12px;
  right: 12px;
}
.status-bar-item {
  color: var(--grotto-statusbar-color);
}
.status-bar-item.mod-clickable:hover {
  color: var(--grotto-accent);
  background-color: transparent;
}


body {
  --grotto-tooltip-color: var(--text-normal);
  --grotto-tooltip-background-color: var(--grotto-background-tertiary);
  --grotto-tooltip-border-color: var(--text-normal);
  --grotto-tooltip-border-width: var(--grotto-global-border-width);
  --grotto-tooltip-border-radius: var(--grotto-global-border-radius);
}
.tooltip {
  color: var(--grotto-tooltip-color);
  background-color: var(--grotto-tooltip-background-color);
  border: var(--grotto-tooltip-border-width) solid var(--grotto-tooltip-border-color);
  border-radius: var(--grotto-tooltip-border-radius);
  box-shadow: none;
}
.tooltip .tooltip-arrow {
  border-bottom: 5px solid var(--grotto-tooltip-border-color);
  border-radius: 0rem;
}
.tooltip.mod-right .tooltip-arrow {
  border-right: 5px solid var(--grotto-tooltip-border-color);
  border-radius: 0rem;
}
.tooltip.mod-left .tooltip-arrow {
  border-left: 5px solid var(--grotto-tooltip-border-color);
  border-radius: 0rem;
}
.tooltip.mod-top .tooltip-arrow {
  border-top: 5px solid var(--grotto-tooltip-border-color);
  border-radius: 0rem;
}


body {
  --grotto-backlink-border-color: var(--text-normal);
}
.embedded-backlinks {
  border-top: var(--grotto-global-border-width) solid var(--grotto-backlink-border-color);
}
.embedded-backlinks .clickable-icon.nav-action-button {
  background-color: transparent;
}


body {
  --grotto-button-color: var(--grotto-text-color-on-accent);
  --grotto-button-background-color: var(--grotto-accent);
  --grotto-button-border-color: var(--text-normal);
  --grotto-button-border-width: var(--grotto-global-border-width);
  --grotto-button-border-radius: var(--grotto-global-border-radius);
  --grotto-button-outline-width: 1px;
}
button.mod-cta,
button:not(.clickable-icon) {
  color: var(--grotto-button-color);
  background-color: var(--grotto-button-background-color);
  box-shadow: none;
  border: var(--grotto-button-border-width) solid var(--grotto-button-border-color);
  border-radius: var(--grotto-button-border-radius);
}
button.mod-cta:hover,
button.mod-cta.mobile-tap,
button:not(.clickable-icon):hover,
button:not(.clickable-icon).mobile-tap {
  color: var(--grotto-button-color);
  background-color: var(--grotto-button-background-color);
  outline: var(--grotto-button-outline-width) solid var(--grotto-button-border-color);
  outline-offset: 2px;
  transition: linear outline-offset 0.1s;
  box-shadow: none;
}
button:focus-visible,
button.mod-cta:focus-visible {
  box-shadow: 0 0 0 3px var(--grotto-button-border-color);
}
button.mod-warning,
button.mod-destructive {
  color: var(--grotto-button-color);
  background-color: var(--text-error);
}
button.mod-warning:hover,
button.mod-destructive:hover {
  background-color: var(--text-error);
}


body {
  --grotto-dropdown-color: var(--grotto-text-color-on-accent);
  --grotto-dropdown-background-color: var(--grotto-accent);
  --grotto-dropdown-border-color: var(--text-normal);
  --grotto-dropdown-border-width: var(--grotto-global-border-width);
  --grotto-dropdown-border-radius: var(--grotto-global-border-radius);
  --grotto-dropdown-outline-width: 1px;
  --grotto-dropdown-option-color: var(--text-normal);
  --grotto-dropdown-option-background-color: var(--background-primary);
}
select,
.dropdown,
.combobox-button {
  color: var(--grotto-dropdown-color);
  background-color: var(--grotto-dropdown-background-color);
  border: var(--grotto-dropdown-border-width) solid var(--grotto-dropdown-border-color);
  border-radius: var(--grotto-dropdown-border-radius);
  box-shadow: none;
}
select:hover,
select.mobile-tap,
.dropdown:hover,
.dropdown.mobile-tap,
.combobox-button:hover,
.combobox-button.mobile-tap {
  color: var(--grotto-dropdown-color);
  background-color: var(--grotto-dropdown-background-color);
  outline: var(--grotto-dropdown-outline-width) solid var(--grotto-dropdown-border-color);
  outline-offset: 2px;
  transition: linear outline-offset 0.1s;
  box-shadow: none;
}
select:focus-visible,
.dropdown:focus-visible,
.combobox-button:focus-visible {
  box-shadow: 0 0 0px 2px var(--grotto-dropdown-border-color);
  outline: none;
}
.dropdown option {
  color: var(--grotto-dropdown-option-color);
  background-color: var(--grotto-dropdown-option-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-dropdown-border-color);
  border-radius: var(--grotto-dropdown-border-radius);
  box-shadow: none;
}


body {
  --grotto-table-color: var(--text-normal);
  --grotto-table-background-color: transparent;
  --grotto-table-border-color: var(--text-normal);
  --grotto-table-border-width: var(--grotto-global-border-width);
  --grotto-table-cell-width: fit-content;
  --grotto-table-cell-width-reading: wrap;
  --grotto-table-border-style: separate;
  --grotto-table-border-radius: 0rem;
  --table-background: var(--grotto-table-background-color);
  --table-text-color: var(--grotto-table-color);
  --table-border-width: var(--grotto-table-border-width);
  --table-border-color: var(--grotto-table-border-color);
  --table-header-background-hover: var(--table-background);
  --table-add-button-border-color: var(--table-border-color);
}
.markdown-preview-view td,
.markdown-preview-view th {
  white-space: var(--grotto-table-cell-width-reading) !important;
}
th,
.markdown-source-view.mod-cm6 .cm-table-widget .table-cell-wrapper,
.markdown-source-view.mod-cm6 .cm-table-widget .cm-line {
  color: var(--grotto-table-color);
  width: var(--grotto-table-cell-width);
  --caret-color: currentColor;
  min-width: 4px;
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-col-drag-handle,
.markdown-source-view.mod-cm6 .cm-table-widget .table-row-drag-handle {
  color: var(--grotto-table-color);
  border: var(--grotto-global-border-width) solid var(--grotto-table-border-color);
  border-radius: var(--grotto-table-border-radius);
}
:is(th, td):has(> .table-cell-wrapper > .cm-s-obsidian) {
  outline: 2px solid var(--grotto-table-border-color);
  outline-offset: -4px;
}
.markdown-rendered table {
  border-collapse: var(--grotto-table-border-style, collapse);
}
.cm-line:has(+ .cm-table-widget),
.cm-table-widget+.cm-line {
  line-height: 0px;
}


body {
  --grotto-scrollbar-border-color: var(--text-normal);
  --scrollbar-width: 12px;
  --scrollbar-radius: var(--grotto-global-border-radius);
  --scrollbar-bg: var(--grotto-accent);
  --scrollbar-thumb-bg: var(--grotto-accent);
  --scrollbar-active-thumb-bg: var(--grotto-accent);
  --scrollbar-border-width: 3px;
}
.is-android {
  --scrollbar-border-width: 3px;
  --scrollbar-width: 12px;
  --scrollbar-radius: var(--grotto-global-border-radius);
}
body.styled-scrollbars ::-webkit-scrollbar-thumb {
  outline: var(--grotto-global-border-width) solid var(--grotto-scrollbar-border-color);
  outline-offset: -3px;
  border-radius: var(--grotto-global-border-radius);
}


body {
  --grotto-canvas-color: var(--text-normal);
  --grotto-canvas-background-color: var(--background-primary);
  --grotto-canvas-border-color: var(--text-normal);
  --grotto-canvas-border-radius: var(--grotto-global-border-radius);
  --grotto-canvas-controls-color: var(--text-normal);
  --grotto-canvas-controls-background-color: var(--grotto-background-tertiary);
  --grotto-canvas-path-color: var(--text-normal);
  --grotto-canvas-path-node-color: var(--grotto-accent);
}
.canvas-node-container {
  background-color: var(--grotto-canvas-controls-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-canvas-border-color);
  border-radius: var(--grotto-canvas-border-radius);
}
.canvas-group-label {
  color: var(--grotto-text-color-on-accent);
  background-color: var(--grotto-accent);
  border: var(--grotto-global-border-width) solid var(--grotto-canvas-border-color);
  border-radius: var(--grotto-canvas-border-radius);
}
.canvas-edges path.canvas-display-path {
  stroke: var(--grotto-canvas-path-color);
  stroke-width: var(--grotto-global-border-width);
}
.canvas-edges polygon.canvas-path-end {
  stroke: var(--grotto-canvas-path-color);
  fill: var(--grotto-canvas-path-color);
}
.canvas-control-group {
  background-color: var(--grotto-canvas-controls-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-canvas-border-color);
  border-radius: var(--grotto-canvas-border-radius);
  box-shadow: none;
}
.canvas-control-item {
  color: var(--grotto-canvas-color);
  background-color: var(--grotto-canvas-controls-background-color);
  border: 0px solid transparent;
}
.canvas-control-item:hover {
  color: var(--grotto-accent);
  background-color: var(--grotto-canvas-controls-background-color);
}
.canvas-menu {
  background-color: var(--grotto-canvas-controls-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-canvas-border-color);
  border-radius: var(--grotto-canvas-border-radius);
}


body {
  --grotto-graph-line-color: var(--text-normal);
  --grotto-graph-node-color: var(--text-normal);
  --graph-node: var(--grotto-graph-node-color);
  --graph-text: var(--text-normal);
  --graph-node-focused: var(--grotto-accent);
  --graph-node-tag: var(--grotto-accent);
  --graph-node-attachment: var(--text-success);
  --grotto-graph-controls-color: var(--text-normal);
  --grotto-graph-controls-background-color: var(--grotto-background-tertiary);
  --grotto-graph-controls-border-color: var(--text-normal);
  --grotto-graph-controls-border-radius: var(--grotto-global-border-radius);
  --grotto-graph-sidebar-controls-color: var(--text-normal);
  --grotto-graph-sidebar-controls-background-color: var(--grotto-background-tertiary);
  --grotto-graph-sidebar-controls-border-color: var(--text-normal);
}
.graph-view.color-line {
  color: var(--grotto-graph-line-color);
  opacity: 0.4;
}
.graph-controls,
.graph-controls:not(.is-close),
.graph-controls.is-close {
  color: var(--grotto-graph-controls-color);
  background-color: var(--grotto-graph-controls-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-graph-controls-border-color);
  border-radius: var(--grotto-graph-controls-border-radius);
  box-shadow: none;
}
.graph-control-section {
  border-bottom: var(--grotto-global-border-width) solid var(--grotto-graph-controls-border-color);
}
.workspace-split:not(.mod-root) .graph-controls.is-close {
  color: var(--grotto-graph-sidebar-controls-color);
  background-color: var(--grotto-graph-sidebar-controls-background-color);
  border-color: var(--grotto-graph-sidebar-controls-border-color);
  --grotto-icon-color: var(--grotto-graph-sidebar-controls-color);
}


body {
  --grotto-prompt-color: var(--text-normal);
  --grotto-prompt-background-color: var(--background-primary);
  --grotto-prompt-border-color: var(--text-normal);
  --grotto-prompt-border-width: var(--grotto-global-border-width);
  --grotto-prompt-border-radius: var(--grotto-global-border-radius);
}
.is-mobile.theme-dark .prompt,
.is-mobile.theme-light .prompt,
.prompt {
  background-color: var(--grotto-prompt-background-color);
  border: var(--grotto-prompt-border-width) solid var(--grotto-prompt-border-color);
  border-radius: var(--grotto-prompt-border-radius);
}
input.prompt-input:hover,
input.prompt-input:focus,
input.prompt-input:focus-visible,
.theme-dark.is-mobile .prompt input.prompt-input,
.theme-light.is-mobile .prompt input.prompt-input,
.prompt input.prompt-input {
  color: var(--grotto-prompt-color);
  background-color: var(--grotto-background-tertiary);
  caret-color: currentColor;
  border: var(--grotto-prompt-border-width) solid var(--grotto-prompt-border-color);
  border-radius: var(--grotto-prompt-border-radius);
}
.prompt-results .suggestion-hotkey {
  color: var(--grotto-text-color-on-accent);
  background-color: var(--grotto-accent);
  border: var(--grotto-prompt-border-width) solid var(--grotto-prompt-border-color);
  border-radius: var(--grotto-prompt-border-radius);
}
.search-input-clear-button {
  color: var(--text-faint);
}
.search-input-clear-button:hover,
.search-input-clear-button:active {
  color: var(--grotto-accent);
}
.is-mobile .prompt {
  border-radius: 0px;
  position: relative;
  top: 0%;
  height: 40vh;
  width: 94%;
  background-color: var(--text-normal);
  padding: 0px;
}
.prompt-instructions {
  background-color: var(--grotto-background-tertiary);
  color: var(--text-normal);
  border-top: var(--grotto-prompt-border-width) solid var(--grotto-prompt-border-color);
}


body {
  --grotto-input-radius: var(--grotto-global-border-radius);
}
input[type=number],
input[type=text],
input[type='date'],
input[type='datetime-local'],
input[type='email'],
input[type='password'],
input[type=search],
input[type=number]:hover,
input[type=text]:hover,
input[type='date']:hover,
input[type='datetime-local']:hover,
input[type='email']:hover,
input[type='password']:hover,
input[type=search]:hover {
  color: var(--text-normal);
  background-color: transparent;
  border: var(--grotto-global-border-width) solid var(--text-normal);
  caret-color: currentColor;
  border-radius: var(--grotto-input-radius);
  box-shadow: none;
}
.prompt input[type=text],
.prompt input[type=text]:hover {
  color: var(--background-primary);
  background-color: var(--text-normal);
  border: 0px solid var(--text-normal);
  border-radius: 0rem;
  box-shadow: none;
}
input[type=number]:hover,
input[type=text]:hover,
input[type=search]:hover,
input[type='datetime-local']:hover,
input[type='date']:hover,
input[type='email']:hover,
input[type='password']:hover {
  outline: 2px solid var(--text-normal);
  outline-offset: -4px;
  box-shadow: none;
}

input[type=number]:focus,
input[type=text]:focus,
input[type=search]:focus,
input[type='datetime-local']:focus,
input[type='date']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type=number]:focus-visible,
input[type=text]:focus-visible,
input[type=search]:focus-visible,
input[type='datetime-local']:focus-visible,
input[type='date']:focus-visible,
input[type='email']:focus-visible,
input[type='password']:focus-visible {
  box-shadow: 0px 0px 0px 2px var(--text-normal);
}


body {
  --grotto-suggestion-color: var(--text-normal);
  --grotto-suggestion-background-color: var(--grotto-background-tertiary);
  --grotto-suggestion-border-color: var(--text-normal);
  --grotto-suggestion-border-radius: var(--grotto-global-border-radius);
  --grotto-suggestion-selected-color: var(--grotto-text-color-on-accent);
  --grotto-suggestion-selected-background-color: var(--grotto-accent);
}
.suggestion-container,
.is-mobile .suggestion-container {
  color: var(--grotto-suggestion-color);
  background-color: var(--grotto-suggestion-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-suggestion-border-color);
  border-radius: var(--grotto-suggestion-border-radius);
  box-shadow: none;
}
.suggestion-flair .svg-icon,
.suggestion-item.mod-complex .suggestion-flair {
  color: currentColor;
}
.suggestion-item:hover .suggestion-flair .svg-icon,
.suggestion-container.mod-property-key .suggestion-item:hover {
  color: var(--grotto-text-color-on-accent);
}
.suggestion-container.mod-property-key .suggestion-item.is-selected {
  color: var(--grotto-suggestion-color);
}
.suggestion-container.mod-search-suggestion .suggestion {
  border: var(--grotto-global-border-width) solid var(--grotto-suggestion-color);
}
.search-suggest-item.mod-group:not(:first-child) {
  padding-inline-start: 8px;
  padding-inline-end: 0px;
  margin-right: 0px;
  padding-top: 0px;
}
.suggestion-item {
  border: var(--grotto-global-border-width) solid transparent;
  border-radius: var(--grotto-suggestion-border-radius);
}
.suggestion-item.is-selected,
.suggestion-item.mobile-tap {
  color: var(--grotto-text-color-on-accent);
  background-color: var(--grotto-accent);
  border: var(--grotto-global-border-width) solid var(--text-normal);
  border-radius: var(--grotto-suggestion-border-radius);
}
.suggestion-item .suggestion-aux {
  color: var(--grotto-suggestion-color);
}
.suggestion-item.mobile-tap .suggestion-aux {
  color: var(--grotto-text-color-on-accent);
}


body {
  --grotto-icon-color: var(--text-normal);
}
.clickable-icon,
.is-mobile .clickable-icon {
  color: var(--grotto-icon-color);
  background-color: transparent;
  border-radius: var(--grotto-global-border-radius);
}
.clickable-icon:hover,
.clickable-icon.has-active-menu,
.clickable-icon:active,
.clickable-icon.is-active,
.clickable-icon.is-active:hover,
.clickable-icon.mobile-tap,
.status-bar-item.plugin-editor-status:hover,
.status-bar-item.plugin-sync:hover,
.clickable-icon.nav-action-button.mobile-tap,
.clickable-icon.nav-action-button:hover,
.clickable-icon.nav-action-button.is-active {
  color: var(--grotto-accent);
  background-color: transparent;
  opacity: 1;
  border-radius: 0rem;
}


body {
  --grotto-ribbon-border-color: transparent;
  --grotto-ribbon-border-radius: 0rem;
  --grotto-ribbon-border-width: var(--grotto-global-border-width);
}
.workspace-ribbon {
  border-right: var(--grotto-ribbon-border-width) solid var(--grotto-ribbon-border-color);
  border-radius: var(--grotto-ribbon-border-radius);
}
.workspace-ribbon.mod-left.is-collapsed {
  border-right: var(--grotto-ribbon-border-width) solid var(--grotto-ribbon-border-color);
  border-radius: var(--grotto-ribbon-border-radius);
  background-color: var(--background-secondary);
}


body {
  --grotto-filenav-color: var(--text-normal);
  --grotto-filenav-background-color: var(--background-secondary);
  --grotto-filenav-active-color: var(--grotto-text-color-on-accent);
  --grotto-filenav-active-background-color: var(--grotto-accent);
  --grotto-filenav-border-color: var(--text-normal);
  --grotto-filenav-border-radius: var(--grotto-global-border-radius);
  --grotto-filenav-tag-color: var(--background-secondary);
  --grotto-filenav-tag-background-color: var(--text-normal);
  --grotto-filenav-button-background-color: var(--grotto-background-tertiary);
}
.workspace-drawer-inner {
  background-color: var(--grotto-filenav-background-color);
}
.nav-file-tag {
  color: var(--grotto-filenav-tag-color);
  background-color: var(--grotto-filenav-tag-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-filenav-tag-color);
  border-radius: var(--grotto-filenav-border-radius);
}
body:not(.is-grabbing) .nav-file-title.is-active .nav-file-tag,
.nav-file-title:hover .nav-file-tag,
.nav-file-title.mobile-tap .nav-file-tag,
body:not(.is-grabbing) .nav-file-title.is-active:hover .nav-file-tag,
body:not(.is-grabbing) .nav-folder-title.is-active:hover .nav-file-tag,
body:not(.is-grabbing) .nav-file-title:hover .nav-file-tag,
body:not(.is-grabbing) .nav-folder-title:hover .nav-file-tag,
.nav-file-title.is-active .nav-file-tag,
.nav-folder-title.is-active .nav-file-tag {
  color: var(--grotto-filenav-tag-color);
  background-color: var(--grotto-filenav-tag-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-filenav-tag-color);
  border-radius: var(--grotto-filenav-border-radius);
}
.nav-file-title,
.nav-folder-title,
.clickable-icon.nav-action-button,
.side-dock-settings .side-dock-ribbon-action,
.side-dock-actions .side-dock-ribbon-action {
  color: var(--grotto-filenav-color);
  background-color: var(--grotto-filenav-background-color);
  border-radius: var(--grotto-filenav-border-radius);
  border: var(--grotto-global-border-width) solid transparent;
}
.nav-file-title.is-active,
.nav-folder-title.is-active {
  color: var(--grotto-filenav-active-color);
  border-radius: var(--grotto-filenav-border-radius);
  border: var(--grotto-global-border-width) solid var(--text-normal);
  font-weight: var(--grotto-font-weight);
  background-color: var(--grotto-filenav-active-background-color);
}
.nav-file-title.mobile-tap,
.nav-folder-title.mobile-tap,
.tree-item-self.is-clickable.mobile-tap,
body:not(.is-grabbing) .tree-item-self.tappable.mobile-tap,
.nav-file-title:hover,
.nav-folder-title:hover,
.side-dock-settings .side-dock-ribbon-action:hover,
.side-dock-actions .side-dock-ribbon-action:hover,
body:not(.is-grabbing) .tree-item-self.is-clickable:hover,
body:not(.is-grabbing) .nav-folder-title:hover {
  color: var(--grotto-accent);
  border-radius: var(--grotto-filenav-border-radius);
  border: var(--grotto-global-border-width) solid transparent;
  font-weight: var(--grotto-font-weight);
  background-color: var(--grotto-filenav-background-color);
}
body:not(.is-grabbing) .nav-file-title.is-active:hover,
body:not(.is-grabbing) .nav-folder-title.is-active:hover {
  color: var(--grotto-filenav-active-color);
  border-radius: var(--grotto-filenav-border-radius);
  border: var(--grotto-global-border-width) solid var(--grotto-filenav-border-color);
  font-weight: var(--grotto-font-weight);
  background-color: var(--grotto-filenav-active-background-color);
}
.is-phone .workspace-drawer.mod-right {
  border-left: var(--grotto-global-border-width) solid var(--grotto-filenav-border-color);
}
.is-phone .workspace-drawer.mod-left {
  border-right: var(--grotto-global-border-width) solid var(--grotto-filenav-border-color);
}
.workspace-drawer .nav-buttons-container .nav-action-button {
  color: var(--grotto-filenav-color);
  background-color: var(--grotto-filenav-button-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-filenav-border-color);
  border-radius: var(--grotto-filenav-border-radius);
}
.workspace-drawer-tab-options:not(.has-swipe) .workspace-tab-header.is-active .workspace-tab-header-inner,
.workspace-drawer-tab-options:not(.has-swipe) .workspace-tab-header.is-active .workspace-tab-header-inner:hover,
.workspace-drawer-tab-options:not(.has-swipe) .workspace-tab-header.is-active .workspace-tab-header-inner.mobile-tap {
  background-color: transparent;
  color: var(--grotto-accent);
  border: var(--grotto-global-border-width) solid transparent;
  border-radius: var(--grotto-drawer-border-radius);
}
.workspace-drawer-tab-options .workspace-tab-header.is-active .workspace-tab-header-inner-title,
.workspace-drawer-tab-options .workspace-tab-header.is-active .workspace-tab-header-inner-icon {
  color: var(--grotto-accent);
  background-color: transparent;
}
.workspace-drawer-tab-options:not(.has-swipe) .workspace-tab-header.mobile-tap .workspace-tab-header-inner-title,
.workspace-drawer-tab-options:not(.has-swipe) .workspace-tab-header.mobile-tap .workspace-tab-header-inner-icon,
.workspace-drawer-tab-options:not(.has-swipe) .workspace-tab-header.mobile-tap .workspace-tab-header-inner {
  color: var(--grotto-accent);
  background-color: transparent;
}
.workspace-drawer-tab-options .workspace-tab-header-inner-icon {
  color: var(--grotto-text-color-on-accent);
}
.workspace-drawer .nav-buttons-container .nav-action-button:hover,
.workspace-drawer .nav-buttons-container .nav-action-button.mobile-tap {
  color: var(--grotto-accent);
}
.workspace-drawer-active-tab-container {
  background-color: var(--grotto-filenav-backgorund-color);
}
.workspace-drawer-active-tab-content {
  --nav-item-color: var(--grotto-filenav-color);
}
body.is-focused .mod-active .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner-icon {
  color: var(--grotto-text-color-on-accent);
}


.workspace-drawer-header-left .workspace-drawer-header-name-text,
.workspace-drawer-header-left .workspace-drawer-header-name-chevron,
.workspace-drawer-header-left .workspace-drawer-header-info,
.clickable-icon.workspace-drawer-header-icon.mod-raised.mod-settings {
  color: var(--grotto-filenav-color);
}
body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile {
  border-top: var(--grotto-global-border-width) solid transparent;
}


body {
  --grotto-resize-handle-color: var(--text-normal);
  --grotto-resize-handle-border-color: transparent;
  --grotto-resize-handle-border-width: var(--grotto-global-border-width);
}
.workspace-split.mod-horizontal>*>.workspace-leaf-resize-handle {
  background-color: transparent;
  border-bottom-width: 1px;
  border-bottom-color: var(--grotto-background-tertiary);
}
.workspace-split.mod-horizontal>*>.workspace-leaf-resize-handle:hover {
  background-color: var(--grotto-accent);
}
.workspace-split.mod-left-split>.workspace-leaf-resize-handle,
.workspace-split.mod-right-split>.workspace-leaf-resize-handle {
  background-color: transparent;
  border-width: var(--grotto-resize-handle-border-width);
  border-color: var(--grotto-resize-handle-border-color);
}
.workspace-split.mod-left-split>.workspace-leaf-resize-handle:hover,
.workspace-split.mod-right-split>.workspace-leaf-resize-handle:hover {
  background-color: var(--grotto-accent);
}


.tree-item-self {
  border: var(--grotto-global-border-width) solid transparent;
}
.tree-item-inner-text,
.tree-item-self .tree-item-icon {
  color: var(--grotto-filenav-color);
}
.tree-item-inner-text:hover,
.tree-item-self .tree-item-icon:hover {
  color: var(--grotto-accent);
}


body {
  --grotto-properties-color: var(--text-normal);
  --grotto-properties-background-color: var(--background-primary);
  --grotto-properties-border-color: var(--text-normal);
  --grotto-properties-border-radius: var(--grotto-global-border-radius);
}
.metadata-property,
.metadata-property:hover,
.metadata-property.has-focus,
.metadata-property:focus-within {
  border-radius: var(--grotto-properties-border-radius);
  box-shadow: none;
}
.metadata-property-icon {
  color: var(--background-primary);
  background-color: var(--text-normal);
  border: var(--grotto-global-border-width) solid var(--grotto-properties-border-color);
  border-radius: var(--grotto-properties-border-radius);
  padding: 4px;
}
.metadata-property-icon:hover .svg-icon {
  color: var(--grotto-accent);
  background-color: var(--text-normal);
  border: var(--grotto-global-border-width) solid var(--grotto-properties-border-color);
  border-radius: var(--grotto-properties-border-radius);
}
input.metadata-property-key-input:active,
input.metadata-property-key-input:focus {
  color: var(--grotto-properties-color);
  border: var(--grotto-global-border-width) solid var(--grotto-properties-border-color);
  border-radius: var(--grotto-properties-border-radius);
}
.metadata-property-value .multi-select-container {
  color: var(--grotto-properties-color);
  border: var(--grotto-global-border-width) solid var(--grotto-properties-border-color);
  border-radius: var(--grotto-properties-border-radius);
  height: 24px;
}
.metadata-properties .metadata-input-longtext {
  color: var(--grotto-properties-color);
  border: var(--grotto-global-border-width) solid var(--grotto-properties-border-color);
  border-radius: var(--grotto-properties-border-radius);
  height: 28px;
}
.metadata-properties .metadata-input-longtext::-webkit-scrollbar {
  display: none;
}
.metadata-property-value .multi-select-pill {
  color: var(--background-primary);
  background-color: var(--grotto-properties-color);
  border: var(--grotto-global-border-width) solid var(--grotto-properties-border-color);
  border-radius: var(--grotto-properties-border-radius);
}
.metadata-container .metadata-show-source-button,
.metadata-container .metadata-add-button {
  color: var(--grotto-text-color-on-accent);
  background-color: var(--grotto-accent);
  border: var(--grotto-global-border-width) solid var(--grotto-properties-border-color);
  border-radius: var(--grotto-properties-border-radius);
}
.metadata-container .metadata-show-source-button:hover,
.metadata-container .metadata-add-button:hover {
  outline: 1px solid var(--text-normal);
  outline-offset: 2px;
  transition: linear outline-offset 0.1s;
}
@container (width < 250px) {
  .metadata-property .metadata-property-value {
    padding-inline-start: 0px;
  }
}


.style-settings-empty {
  background-color: var(--background-secondary);
  border: var(--grotto-global-border-width) solid var(--text-normal);
}
.style-settings-container,
.style-settings-heading {
  padding: 0px;
}
.style-settings-heading {
  border-bottom: 0px solid transparent;
}
.style-settings-heading[data-level="0"] {
  margin-bottom: 16px;
}
.style-settings-heading[data-level="0"]+.style-settings-container {
  padding-left: 16px;
}


.mod-right-split .workspace-tab-header-container .workspace-tab-header-inner-title,
.mod-right-split .workspace-tab-header-container .workspace-tab-header-inner-icon,
.mod-left-split .workspace-tab-header-container .workspace-tab-header-inner-title,
.mod-left-split .workspace-tab-header-container .workspace-tab-header-inner-icon {
  color: var(--text-normal);
}
.mod-right-split .workspace-tab-header-container .workspace-tab-header-inner-title:hover,
.mod-right-split .workspace-tab-header-container .workspace-tab-header-inner-icon:hover,
.mod-left-split .workspace-tab-header-container .workspace-tab-header-inner-title:hover,
.mod-left-split .workspace-tab-header-container .workspace-tab-header-inner-icon:hover {
  color: var(--grotto-accent);
}
.mod-right-split .workspace-tab-header-container .workspace-tab-header,
.mod-left-split .workspace-tab-header-container .workspace-tab-header {
  border: var(--grotto-global-border-width) solid transparent;
}
.mod-right-split .workspace-tab-header-container .workspace-tab-header.is-active,
.mod-left-split .workspace-tab-header-container .workspace-tab-header.is-active {
  background-color: var(--grotto-accent);
  border: var(--grotto-global-border-width) solid var(--text-normal);
  border-radius: var(--grotto-global-border-radius);
}
.mod-right-split .workspace-tab-header-container .workspace-tab-header.is-active:hover,
.mod-left-split .workspace-tab-header-container .workspace-tab-header.is-active:hover {
  background-color: var(--grotto-accent);
  border: var(--grotto-global-border-width) solid var(--text-normal);
  border-radius: var(--grotto-global-border-radius);
  outline: 1px solid var(--text-normal);
  outline-offset: -3px;
  transition: linear outline-offset 0.1s;
}
.mod-right-split .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner-icon,
.mod-left-split .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner-icon {
  color: var(--grotto-text-color-on-accent);
}


body:not(.is-phone) .menu {
  border: 0px solid var(--grotto-menu-border-color);
  box-shadow: none;
  border-radius: var(--grotto-global-border-radius);
}
body:not(.is-phone) .menu-scroll {
  background-color: var(--grotto-menu-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-menu-border-color);
  border-radius: var(--grotto-global-border-radius);
  padding: 8px;
}
body:not(.is-phone) .menu-item-icon,
body:not(.is-phone) .menu-item-title {
  color: var(--grotto-menu-color);
  background-color: var(--grotto-menu-background-color);
}
.menu-item.tappable {
  border: var(--grotto-global-border-width) solid transparent;
  border-radius: var(--grotto-global-border-radius);
}
.menu-item.selected .menu-item-icon,
.menu-item.selected .menu-item-title {
  color: var(--grotto-text-color-on-accent);
  background-color: var(--grotto-accent);
}
.menu-item.selected:not(.is-label):not(.is-disabled) {
  background-color: var(--grotto-accent);
  border: var(--grotto-global-border-width) solid var(--grotto-menu-border-color);
}
.menu-item.is-warning .menu-item-icon:not(.is-disabled),
.menu-item.is-warning .menu-item-title:not(.is-disabled) {
  color: var(--text-error);
}


body {
  --grotto-menu-color: var(--text-normal);
  --grotto-menu-background-color: var(--background-secondary);
  --grotto-menu-border-color: var(--text-normal);
  --grotto-menu-border-radius: var(--grotto-global-border-radius);
}
.is-phone .menu {
  color: var(--grotto-menu-color);
  background-color: var(--grotto-menu-background-color);
  border-top: var(--grotto-global-border-width) solid var(--grotto-menu-border-color);
  border-radius: var(--grotto-menu-border-radius) var(--grotto-global-border-radius) 0rem 0rem;
}
.is-phone .menu-scroll {
  background-color: transparent;
  border-width: 0px;
  padding: 8px;
}
.is-phone .menu-group .menu-item {
  background-color: var(--grotto-menu-background-color);
}
.is-phone .menu-group .menu-item:not(:last-child) {
  background-color: var(--grotto-menu-background-color);
  border: var(--grotto-global-border-width) solid transparent;
}
.is-phone .menu-group .menu-item:not(.is-label):after {
  height: 0px;
}
.is-phone .menu .suggestion-group .suggestion-item:not(.is-label),
.is-phone .menu-item .menu-item-icon:not(.is-label),
.is-phone .menu-item .menu-item-title:not(.is-label) {
  color: var(--grotto-menu-color);
  background-color: var(--grotto-menu-background-color);
}
.is-phone .menu-item.tappable.mobile-tap {
  --grotto-menu-color: var(--grotto-accent);
  background-color: var(--grotto-menu-background-color);
}
.is-phone .menu-item.is-warning .menu-item-icon:not(.is-disabled),
.is-phone .menu-item.is-warning .menu-item-title:not(.is-disabled) {
  color: var(--text-error);
}
.menu-item.is-disabled .menu-item-icon:not(.is-label),
.menu-item.is-disabled .menu-item-title:not(.is-label) {
  color: var(--grotto-menu-color);
}
.menu-item.is-disabled,
.is-phone .menu-item.mobile-tap:not(.is-disabled) {
  background-color: var(--grotto-menu-background-color);
}
.menu-item.is-disabled.selected {
  background-color: var(--grotto-accent);
}
.menu-separator {
  border-bottom: 0px solid var(--grotto-menu-border-color);
}
hr,
.markdown-rendered hr {
  border-color: var(--text-normal);
  border-width: var(--grotto-global-border-width);
}


.tree-item-self.is-being-renamed,
.tree-item-self.is-being-renamed:focus-within,
.tree-item-self.nav-file-title.tappable.is-clickable.is-active.has-focus.is-being-renamed {
  color: var(--text-normal) !important;
  background-color: var(--background-primary) !important;
  border: var(--grotto-global-border-width) solid var(--grotto-filenav-color) !important;
  border-radius: var(--grotto-global-border-radius) !important;
  caret-color: currentColor;
  box-shadow: none;
  outline: 1px solid var(--text-normal);
  outline-offset: -3px;
  transition: linear outline-offset 0.1s;
}
.is-phone .modal-container.mod-dim .modal.mod-file-rename {
  border-top: var(--grotto-global-border-width) solid var(--text-normal);
}
body:not(.is-phone) .workspace-leaf.mod-active .tree-item-self.has-focus,
.tree-item-self.has-active-menu {
  box-shadow: none;
  outline: var(--grotto-global-border-width) solid var(--text-normal);
}


body {
  --grotto-modal-color: var(--text-normal);
  --grotto-modal-background-color: var(--background-primary);
  --grotto-modal-border-color: var(--text-normal);
  --grotto-modal-border-radius: var(--grotto-global-border-radius);
}
.modal-container.mod-dim .modal {
  box-shadow: none;
  border: var(--grotto-global-border-width) solid var(--grotto-modal-border-color);
  border-radius: var(--grotto-global-border-radius);
}
.is-phone .modal-container.mod-dim .modal {
  border: 0px solid transparent;
}
.modal-sidebar {
  border-right: var(--grotto-global-border-width) solid var(--grotto-modal-border-color);
  background-color: var(--grotto-modal-background-color);
  border-radius: var(--grotto-global-border-radius);
}
.is-phone .modal-sidebar {
  border: 0px solid transparent;
}
.is-phone .mod-community-theme .community-item {
  border: var(--grotto-global-border-width) solid var(--grotto-modal-border-color);
}
.is-phone .modal.mod-lg,
.is-phone .modal.mod-sidebar-layout {
  background-color: var(--grotto-modal-background-color);
  border-top: var(--grotto-global-border-width) solid var(--grotto-modal-border-color);
}
.mod-community-modal .modal-sidebar button.clickable-icon:hover {
  color: var(--grotto-accent);
}
.community-item,
.is-phone .community-item {
  background-color: var(--grotto-background-tertiary);
  border: var(--grotto-global-border-width) solid var(--grotto-modal-border-color);
  border-radius: var(--grotto-modal-border-radius);
}
.community-item:hover,
.community-item.mobile-tap,
body:not(.is-phone) .community-item.is-selected,
body:not(.is-phone) .community-item.is-selected:hover,
.is-mobile .community-item.tappable:hover {
  border: var(--grotto-global-border-width) solid var(--grotto-modal-border-color);
  background-color: var(--grotto-accent);
  color: var(--grotto-text-color-on-accent);
  --text-muted: currentColor;
}
.community-item .flair {
  color: var(--grotto-modal-color);
  background-color: transparent;
  border: var(--grotto-global-border-width) solid var(--grotto-modal-border-color);
  border-radius: var(--grotto-modal-border-radius);
}
.community-item .flair.mod-pop,
.community-modal-info-name .flair.mod-pop {
  color: var(--grotto-text-color-on-accent);
  background-color: var(--grotto-accent);
  border: var(--grotto-global-border-width) solid var(--grotto-modal-border-color);
  border-radius: var(--grotto-modal-border-radius);
}
.is-mobile .community-modal-meta,
.is-mobile .community-modal-readme {
  background-color: var(--grotto-background-tertiary);
  border: var(--grotto-global-border-width) solid var(--grotto-modal-border-color);
  border-radius: var(--grotto-modal-border-radius);
}
.is-phone .community-modal-info {
  background-color: var(--background-primary);
}


body {
  --grotto-settings-color: var(--text-normal);
  --grotto-settings-background-color: var(--background-secondary);
  --grotto-settings-border-color: var(--text-normal);
  --grotto-settings-border-radius: var(--grotto-global-border-radius);
}
.vertical-tab-header-group-title {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--grotto-accent);
}
.vertical-tab-header-group-items {
  background-color: var(--grotto-settings-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-settings-border-color);
}
.vertical-tab-nav-item,
.is-phone .vertical-tab-nav-item {
  color: var(--grotto-settings-color);
  background-color: var(--grotto-settings-background-color);
  border: var(--grotto-global-border-width) solid transparent;
  border-radius: var(--grotto-settings-border-radius);
}
body:not(.is-phone) .vertical-tab-nav-item.is-active,
body:not(.is-phone) .horizontal-tab-nav-item.is-active,
body:not(.is-phone) .horizontal-tab-nav-item:hover,
body:not(.is-phone) .vertical-tab-nav-item:hover,
body:not(.is-phone) .horizontal-tab-nav-item.is-active:hover,
body:not(.is-phone) .vertical-tab-nav-item.is-active:hover {
  color: var(--grotto-text-color-on-accent);
  background-color: var(--grotto-accent);
  outline: var(--grotto-global-border-width) solid var(--grotto-settings-border-color);
}
.vertical-tab-nav-item.is-active .vertical-tab-nav-item-icon,
.vertical-tab-nav-item:hover .vertical-tab-nav-item-icon {
  color: var(--grotto-text-color-on-accent);
}
body:not(.is-phone) .vertical-tab-nav-item.is-active:not(:first-child):not(:last-child),
body:not(.is-phone) .vertical-tab-nav-item:not(:first-child):not(:last-child):hover {
  border-radius: 0rem;
}
body:not(.is-phone) .vertical-tab-nav-item.is-active:last-child,
body:not(.is-phone) .vertical-tab-nav-item:last-child:hover {
  border-radius: 0rem 0rem calc(var(--grotto-global-border-radius) * 0.75) calc(var(--grotto-global-border-radius) * 0.75);
}
body:not(.is-phone) .vertical-tab-nav-item.is-active:first-child,
body:not(.is-phone) .vertical-tab-nav-item:first-child:hover {
  border-radius: calc(var(--grotto-global-border-radius) * 0.75) calc(var(--grotto-global-border-radius) * 0.75) 0rem 0rem;
}
body:not(.is-phone) .vertical-tab-nav-item.is-active:only-child,
body:not(.is-phone) .vertical-tab-nav-item:only-child:hover {
  border-radius: calc(var(--grotto-global-border-radius) * 0.75);
}
.modal.mod-settings .vertical-tab-header,
.setting-group .setting-item {
  border-width: 0px;
}
.setting-item-heading .setting-item-name {
  font-size: 1rem;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--grotto-accent);
}
.is-phone .modal.mod-settings .vertical-tab-header,
.is-phone .modal.mod-settings .vertical-tab-content {
  --scrollbar-width: 0px;
  background-color: var(--background-primary);
}
.is-phone .modal.mod-settings .vertical-tab-header-group-items,
.vertical-tab-header-group-items {
  border: var(--grotto-global-border-width) solid var(--grotto-settings-border-color);
  border-radius: calc(var(--grotto-global-border-radius) * 0.9);
}
.is-phone .vertical-tab-nav-item.mobile-tap {
  color: var(--grotto-accent);
  background-color: var(--grotto-settings-background-color);
}
.is-phone .modal.mod-settings .modal-content {
  --modal-header-height: 64px;
}
.modal.mod-sidebar-layout {
  border: var(--grotto-global-border-width) solid var(--grotto-settings-border-color);
  border-radius: var(--grotto-global-border-radius);
}
.is-phone .modal.mod-sidebar-layout {
  border-width: var(--grotto-global-border-width) 0px 0px 0px;
}
.setting-group .setting-items {
  background-color: var(--grotto-settings-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-settings-border-color);
  border-radius: var(--grotto-settings-border-radius);
}
.setting-group .setting-group-search {
  background-color: var(--grotto-settings-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-settings-border-color);
  border-radius: var(--grotto-settings-border-radius) var(--grotto-settings-border-radius) 0rem 0rem;
  border-bottom-width: 0px;
}
.setting-hotkey {
  border: var(--grotto-global-border-width) solid var(--grotto-settings-border-color);
  border-radius: var(--grotto-settings-border-radius);
}
.modal-setting-nav-bar,
.community-modal-search-summary {
  border-bottom: var(--grotto-global-border-width) solid var(--text-normal);
}


body {
  --grotto-progress-color: var(--grotto-accent);
  --grotto-progress-background-color: var(--text-normal);
  --grotto-progress-border-color: var(--text-normal);
  --grotto-progress-radius: var(--grotto-global-border-radius);
}
.notice progress[value]::-webkit-progress-bar,
.markdown-rendered progress[value]::-webkit-progress-bar,
.markdown-preview-view progress[value]::-webkit-progress-bar,
.markdown-source-view.is-live-preview progress[value]::-webkit-progress-bar,
.theme-light .notice progress[value]::-webkit-progress-bar {
  background-color: var(--grotto-progress-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-progress-border-color);
  border-radius: var(--grotto-progress-radius);
  box-shadow: none;
}
.notice progress[value]::-webkit-progress-value,
.markdown-rendered progress[value]::-webkit-progress-value,
.markdown-preview-view progress[value]::-webkit-progress-value,
.markdown-source-view.is-live-preview progress[value]::-webkit-progress-value {
  background-color: var(--grotto-progress-color);
}
.progress-bar-indicator {
  background-color: var(--grotto-progress-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-progress-border-color);
  border-radius: var(--grotto-progress-radius);
}


body {
  --grotto-drawer-color: var(--grotto-text-color-on-accent);
  --grotto-drawer-background-color: var(--grotto-accent);
  --grotto-drawer-border-color: var(--text-normal);
  --grotto-drawer-border-radius: var(--grotto-global-border-radius);
}
.workspace-drawer-tab-select .workspace-tab-header-inner {
  color: var(--grotto-drawer-color);
  background-color: var(--grotto-drawer-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-filenav-border-color);
  border-radius: var(--grotto-drawer-border-radius);
}
.is-phone .workspace-drawer-tab-options-list {
  color: var(--grotto-filenav-color);
  background-color: var(--grotto-filenav-button-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-filenav-border-color);
  border-radius: var(--grotto-drawer-border-radius);
  box-shadow: none;
  padding-right: 0px;
}
.is-phone .workspace-drawer-tab-options-list .workspace-tab-header-inner-title,
.is-phone .workspace-drawer-tab-options-list .workspace-tab-header-inner-icon {
  color: var(--grotto-filenav-color);
}
.is-phone .workspace-drawer-tab-options .workspace-tab-header-inner-chevron {
  color: var(--grotto-drawer-color);
}
.workspace-drawer .search-input-container input {
  border: var(--grotto-global-border-width) solid var(--grotto-drawer-border-color);
}


body {
  --grotto-tab-switcher-color: var(--text-normal);
  --grotto-tab-switcher-background-color: var(--background-primary);
  --grotto-tab-switcher-menu-background-color: var(--grotto-background-tertiary);
  --grotto-tab-switcher-border-color: var(--text-normal);
  --grotto-tab-switcher-border-radius: var(--grotto-global-border-radius);
  --grotto-tab-switcher-tab-height: 200px;
  --tab-switcher-preview-background-shadow: none;
  --grotto-tab-switcher-selected-tab-background-color: var(--grotto-accent);
}
.mobile-tab-switcher-scroll {
  background-color: var(--grotto-tab-switcher-background-color);
}
.mobile-tab-switcher-menubar {
  background-color: var(--grotto-tab-switcher-menu-background-color);
  border-top: var(--grotto-global-border-width) solid var(--grotto-tab-switcher-border-color);
}
.mobile-tab-preview-empty,
.mobile-tab-preview-embed {
  color: var(--grotto-tab-switcher-color);
  background-color: var(--grotto-tab-switcher-background-color);
  border-bottom: var(--grotto-global-border-width) solid var(--grotto-tab-switcher-border-color);
  border-radius: 0px;
}
.mobile-tab {
  border: var(--grotto-global-border-width) solid var(--grotto-tab-switcher-border-color);
  border-radius: 0px 0px var(--grotto-tab-switcher-border-radius) var(--grotto-tab-switcher-border-radius);
  background-color: var(--grotto-tab-switcher-menu-background-color);
  padding: 0px;
}
.mobile-tab-preview {
  height: var(--grotto-tab-switcher-tab-height);
}
.mobile-tab-wrapper .mobile-tab.mobile-tap {
  background-color: var(--grotto-tab-switcher-selected-tab-background-color);
}
.mobile-tab-wrapper .mobile-tab-preview-empty.mobile-tap,
.mobile-tab-wrapper .mobile-tab-preview-embed.mobile-tap {
  outline: 1px solid var(--text-normal);
  outline-offset: 2px;
  transition: linear outline-offset 0.1s;
}
.mobile-tab.is-active .mobile-tab-preview-empty,
.mobile-tab.is-active .mobile-tab-preview-embed {
  box-shadow: none;
}
.mobile-tab .mobile-tab-pin,
.mobile-tab .close-button {
  color: var(--grotto-text-color-on-accent);
  background-color: var(--grotto-accent);
  border: var(--grotto-global-border-width) solid var(--grotto-tab-switcher-border-color);
  border-radius: var(--grotto-tab-switcher-border-radius);
}
.mobile-tab .mobile-tab-pin:hover,
.mobile-tab .close-button:hover,
.mobile-tab .mobile-tab-pin.mobile-tap,
.mobile-tab .close-button.mobile-tap {
  color: var(--text-normal);
  background-color: var(--background-primary);
  border: var(--grotto-global-border-width) solid var(--grotto-tab-switcher-border-color);
  outline: 1px solid var(--text-normal);
  outline-offset: 2px;
  transition: linear outline-offset 0.1s;
}


body {
  --grotto-bases-color: var(--text-normal);
  --grotto-bases-background-color: var(--background-primary);
  --grotto-bases-header-background-color: var(--grotto-background-tertiary);
  --grotto-bases-border-color: var(--text-normal);
  --grotto-bases-border-radius: var(--grotto-global-border-radius);
}
.bases-header {
  background-color: var(--grotto-bases-header-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-bases-border-color);
  border-radius: var(--grotto-bases-border-radius);
  margin: 4px;
}
.bases-toolbar .bases-toolbar-item.bases-toolbar-views-menu .text-icon-button,
.bases-header .bases-toolbar-item .text-button-icon,
.bases-header .bases-toolbar-item .text-button-label {
  color: var(--grotto-bases-color);
}
.is-phone .workspace-leaf-content[data-type="bases"] {
  --view-top-spacing: calc(var(--safe-area-inset-top) + var(--view-header-height) + 8px);
  --view-top-spacing-markdown: calc(var(--safe-area-inset-top) + var(--view-header-height) + 16px);
}
.bases-cards-item {
  color: var(--grotto-bases-color);
  border: var(--grotto-global-border-width) solid var(--grotto-bases-border-color);
  border-radius: var(--grotto-global-border-radius);
  box-shadow: none;
}
.bases-cards-cover {
  border-bottom: var(--grotto-global-border-width) solid var(--grotto-bases-border-color);
  border-radius: var(--grotto-global-border-radius);
  box-shadow: none;
}
.bases-cards-item:hover {
  box-shadow: none;
  color: var(--grotto-accent);
  background-color: var(--grotto-bases-cards-background-color-hover);
  --grotto-bases-cards-label-color: var(--grotto-accent);
  --text-normal: var(--grotto-light-1);
  --text-faint: var(--grotto-light-2);
  --grotto-link-color: var(--grotto-light-1);
}
span.value-list-element a.tag {
  line-height: 0.8rem;
}
.bases-cards-line {
  overflow: scroll;
}
.bases-cards-line::-webkit-scrollbar {
  display: none;
}


body {
  --grotto-navbar-color: var(--text-normal);
  --grotto-navbar-background-color: var(--grotto-background-tertiary);
  --grotto-navbar-border-color: var(--text-normal);
  --grotto-navbar-border-radius: var(--grotto-global-border-radius);
  --grotto-navbar-position-offset: 16px;
  --grotto-navbar-new-tab-display: auto;
  --grotto-navbar-background-color: var(--grotto-background-tertiary);
}
.is-mobile.is-floating-nav .mod-raised {
  color: var(--grotto-navbar-color);
  background-color: var(--grotto-navbar-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-navbar-border-color);
  border-radius: var(--grotto-navbar-border-radius);
  bottom: var(--grotto-navbar-position-offset);
  padding: 0px;
  box-shadow: none;
  backdrop-filter: none;
  height: 36px;
}
.is-mobile.is-floating-nav .mod-raised.prompt-input-container {
  height: auto;
  bottom: 0px;
}
.is-phone:not(.is-floating-nav) .mobile-navbar {
  color: var(--grotto-navbar-color);
  background-color: var(--grotto-navbar-background-color);
  border-top: var(--grotto-global-border-width) solid var(--grotto-navbar-border-color);
  border-radius: var(--grotto-navbar-border-radius) var(--grotto-navbar-border-radius) 0rem 0rem;
  padding: 4px;
  box-shadow: none;
  backdrop-filter: none;
  height: 48px;
}
.mobile-navbar-action {
  height: 36px;
  width: 48px;
}
.mobile-navbar-action-new-tab {
  display: var(--grotto-navbar-new-tab-display);
}


body {
  --grotto-mobile-toolbar-color: var(--text-normal);
  --grotto-mobile-toolbar-background-color: var(--grotto-background-tertiary);
  --grotto-mobile-toolbar-border-color: var(--text-normal);
  --grotto-mobile-toolbar-border-radius: var(--grotto-global-border-radius);
}
.mobile-toolbar {
  background-color: var(--grotto-mobile-toolbar-background-color);
  box-shadow: none;
  border-top: var(--grotto-global-border-width) solid var(--grotto-mobile-toolbar-border-color);
  border-radius: var(--grotto-mobile-toolbar-border-radius);
  padding: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  justify-self: center;
}
.is-floating-nav .mobile-toolbar {
  background-color: var(--grotto-mobile-toolbar-background-color);
  box-shadow: none;
  border: var(--grotto-global-border-width) solid var(--grotto-mobile-toolbar-border-color);
  border-radius: var(--grotto-mobile-toolbar-border-radius);
  padding: 0px;
  margin-left: 4px;
  margin-right: 4px;
  width: fit-content;
  justify-self: center;
}
.mobile-toolbar-spacer {
  background-color: transparent;
}
.is-floating-nav .mobile-toolbar-options-container {
  margin-left: 0px;
  margin-right: 0px;
  padding: 4px 0px;
  width: fit-content;
}
.mobile-toolbar-options-container {
  margin-left: 0px;
  margin-right: 0px;
  padding: 4px 0px;
  width: 100%;
}
.mobile-toolbar-options-list-container.mod-raised {
  border: none !important;
}
.is-phone .modal.mod-lg.mod-scrollable-content.mod-plugin-debug {
  border-top: var(--grotto-global-border-width) solid var(--text-normal);
}
.mobile-toolbar-options-list-container {
  border-radius: var(--grotto-global-border-radius);
}
.is-floating-nav .mobile-toolbar-options-list {
  display: flex;
  flex-direction: column;
  flex-flow: wrap;
  overflow-y: auto;
  border: 0px solid transparent;
  border-radius: var(--grotto-global-border-radius);
  justify-content: center;
  justify-self: center;
  height: 100%;
}
.mobile-toolbar-options-list {
  border: 0px solid transparent;
  border-radius: var(--grotto-global-border-radius);
  height: 100%;
}
.is-floating-nav .mobile-toolbar-option {
  margin: 0px;
  padding: 6px;
  background-color: transparent;
  border: 0px solid transparent;
  border-radius: var(--grotto-mobile-toolbar-border-radius);
}
.mobile-toolbar-option {
  margin: 0px;
  padding: 6px;
  background-color: transparent;
  border: 0px solid transparent;
  border-radius: var(--grotto-mobile-toolbar-border-radius);
}



.grotto-rounded-ui {
  --grotto-global-border-radius: 1rem;
}


.grotto-blur {
  --grotto-blur: 4px;
}

.grotto-redact {
  --font-interface: var(--grotto-redacted);
  --font-interface-override: var(--grotto-redacted);
  --font-text: var(--grotto-redacted);
  --font-text-override: var(--grotto-redacted);
  --font-print: var(--grotto-redacted);
  --font-monospace: var(--grotto-redacted);
}


body {
  --grotto-view-header-sidebar-toggle-display: none;
  --grotto-view-header-color: var(--text-normal);
  --grotto-view-header-background-color: var(--grotto-background-tertiary);
}
.is-phone .view-header .view-actions {
  background-color: transparent;
}
.is-mobile .view-header-left {
  display: var(--grotto-view-header-sidebar-toggle-display);
  background-color: transparent;
}
.is-phone .view-header .view-header-left .view-action {
  display: auto;
}
.is-phone .view-header {
  padding-left: 72px;
  height: 0px;
}
.is-mobile .mod-raised {
  backdrop-filter: none;
  box-shadow: none;
}
.is-mobile.is-floating-nav .view-actions.mod-raised {
  border: none;
}
.is-phone .view-header .view-action {
  background-color: var(--grotto-view-header-background-color);
  border: var(--grotto-global-border-width) solid var(--grotto-view-header-color);
  border-radius: var(--grotto-global-border-radius);
}
.is-mobile .view-header .view-action[aria-label="More options"] {
  --icon-stroke: 1px;
}
svg.svg-icon.lucide-more-vertical {
  fill: var(--text-normal);
}


body {
  --grotto-titlebar-color: var(--text-normal);
  --grotto-titlebar-border-radius: var(--grotto-global-border-radius);
}
.titlebar-button {
  height: var(--header-height);
  color: var(--grotto-titlebar-color);
  background-color: var(--background-secondary);
  border-bottom: var(--grotto-global-border-width) solid transparent;
}
.titlebar-button:hover {
  background-color: var(--grotto-accent);
}
.workspace-tab-header-container {
  border-bottom: var(--grotto-global-border-width) solid transparent;
}
.workspace-ribbon.mod-left:before {
  border-bottom: 0px solid transparent;
}
.workspace-ribbon .sidebar-toggle-button {
  border-bottom: var(--grotto-global-border-width) solid transparent;
  height: 40px;
}
.workspace .mod-root .workspace-tab-header-inner::after {
  display: none;
}
.workspace-tab-header.is-active .workspace-tab-header-inner-close-button:hover {
  color: var(--grotto-accent);
  background-color: transparent;
}
.workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button:hover {
  color: var(--grotto-text-color-on-accent);
  background-color: transparent;
}
.workspace .mod-root .workspace-tab-header:not(.is-active).tappable,
.workspace .mod-root .workspace-tab-header:not(.is-active).tappable:hover {
  margin-top: 8px;
  padding-top: 4px;
  background-color: var(--grotto-background-tertiary);
  border: var(--grotto-global-border-width) solid var(--grotto-background-tertiary);
  border-radius: var(--grotto-global-border-radius) var(--grotto-global-border-radius) 0rem 0rem;
  transition: linear margin-top 0.1s;
}
.workspace .mod-root .workspace-tab-header:not(.is-active).tappable:hover {
  color: var(--grotto-light-1);
  background-color: var(--grotto-accent);
}
.workspace .mod-root .workspace-tab-header,
.workspace .mod-root .workspace-tab-header-container .workspace-tab-header {
  border: var(--grotto-global-border-width) solid transparent;
  border-radius: var(--grotto-global-border-radius) var(--grotto-global-border-radius) 0rem 0rem;
  border-bottom: none;
  --tab-outline-width: 0px;
}
body.is-focused .mod-root .workspace-tab-header-container-inner .workspace-tab-header:not(.is-active),
body:not(.is-focused) .mod-root .workspace-tab-header-container-inner .workspace-tab-header:not(.is-active) {
  color: var(--text-normal);
  background-color: var(--grotto-background-tertiary);
  filter: brightness(100%);
  border: var(--grotto-global-border-width) solid var(--grotto-background-tertiary);
  border-radius: var(--grotto-global-border-radius) var(--grotto-global-border-radius) 0rem 0rem;
}
.mod-root .workspace-tab-header-container-inner {
  border-bottom: 0px solid var(--grotto-background-tertiary);
}
.workspace .mod-root .workspace-tab-header:not(.is-active).tappable .workspace-tab-header-inner-icon,
.workspace .mod-root .workspace-tab-header:not(.is-active).tappable .workspace-tab-header-inner-icon:hover {
  color: var(--text-normal);
}
.workspace-tab-header-container .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
  background-color: transparent;
  border-radius: var(--grotto-global-border-radius);
}
.nav-files-container {
  --safe-area-inset-bottom: 144px;
}
.is-mobile .inline-title {
  padding-top: 0px;
}
.is-phone .mod-root .workspace-leaf-content .view-content .markdown-reading-view>.markdown-preview-view,
.is-phone .mod-root .workspace-leaf-content .view-content .markdown-source-view>.cm-editor>.cm-scroller {
  --view-top-spacing-markdown: calc(var(--safe-area-inset-top) + var(--view-header-height) + 4px)
}
.clickable-icon.workspace-drawer-header-icon.mod-raised.mod-settings {
  background-color: transparent;
  border: var(--grotto-global-border-width) solid transparent;
}
.clickable-icon.workspace-drawer-header-icon.mod-raised.mod-settings:hover,
.clickable-icon.workspace-drawer-header-icon.mod-raised.mod-settings.mobile-tap {
  color: var(--grotto-accent);
}
.is-phone.is-floating-nav .modal.mod-settings.mod-sidebar-layout .modal-close-button {
  top: 43px;
}
.is-phone .modal.mod-settings.mod-sidebar-layout .modal-close-button.mobile-tap,
.is-phone .modal .modal-setting-back-button.mobile-tap {
  color: var(--grotto-accent);
}
.workspace-drawer-ribbon {
  border-inline-end: 0px solid var(--text-normal);
}


.grotto-category-section h3 {
  color: var(--grotto-text-color-on-accent);
  background-color: var(--grotto-accent);
  border-radius: var(--grotto-global-border-radius) var(--grotto-global-border-radius) 0rem 0rem;
  border-width: var(--grotto-global-border-width)
}
.grotto-deadline-categories {
  border: var(--grotto-global-border-width) solid var(--text-normal);
  border-top: 1px;
  border-radius: 0rem 0rem var(--grotto-global-border-radius) var(--grotto-global-border-radius);
}
.grotto-deadline-card.grotto-deadline-warning {
  border-radius: calc(var(--grotto-global-border-radius) * 0.6);
}


.cm-line[dir = 'rtl'] {
  font-size: 1.75rem;
}


.theme-dark,
.theme-light {
  --grotto-font-main: 'Quicksand';
  --font-interface: var(--grotto-font-main);
  --font-interface-override: var(--grotto-font-main);
  --font-text: var(--grotto-font-main);
  --font-text-override: var(--grotto-font-main);
  --font-print: var(--grotto-font-main);
  --font-print-override: var(--grotto-font-main);
  --font-monospace: var(--grotto-font-main);
  --font-monospace-override: var(--grotto-font-main);
}