@charset "UTF-8";
/* 
Flexcyon: Made by mixing both the Flexoki and Halcyon color scheme 
Repository: https://github.com/bladeacer/flexcyon 
*/
body.theme-dark {
  --flexcyon-cyan: #3cb9c2;
  --flexcyon-lime-green: #a1c05c;
  --flexcyon-orange: #cc8449;
  --flexcyon-yellow: #c29e42;
  --flexcyon-purple-lilac: #a461c8;
  --flexcyon-red-salmon: #c03a47;
  --flexcyon-blue: #5a8fcd;
  --flexcyon-pink: #d458a3;
}

body:is(.theme-dark) {
  --color-red-rgb: 192, 58, 71;
  --color-orange-rgb: 204, 132, 73;
  --color-yellow-rgb: 194, 158, 66;
  --color-green-rgb: 161, 192, 92;
  --color-cyan-rgb: 60, 185, 194;
  --color-blue-rgb: 90, 143, 205;
  --color-purple-rgb: 164, 97, 200;
  --color-pink-rgb: 212, 88, 163;
}

body.theme-light {
  --flexcyon-cyan: #3b9ba1;
  --flexcyon-lime-green: #689523;
  --flexcyon-orange: #ed8126;
  --flexcyon-yellow: #e8c62a;
  --flexcyon-purple-lilac: #6f49ae;
  --flexcyon-red-salmon: #eb5325;
  --flexcyon-blue: #5c9fe4;
  --flexcyon-pink: #e389ca;
}

body:is(.theme-light) {
  --color-red-rgb: 235, 83, 87;
  --color-orange-rgb: 237, 129, 38;
  --color-yellow-rgb: 232, 198, 42;
  --color-green-rgb: 104, 149, 35;
  --color-cyan-rgb: 59, 155, 161;
  --color-blue-rgb: 92, 159, 228;
  --color-purple-rgb: 111, 73, 174;
  --color-pink-rgb: 227, 137, 202;
}

body.theme-light,
body.theme-dark {
  --color-red: var(--flexcyon-red-salmon);
  --color-orange: var(--flexcyon-orange);
  --color-yellow: var(--flexcyon-yellow);
  --color-green: var(--flexcyon-lime-green);
  --color-cyan: var(--flexcyon-cyan);
  --color-blue: var(--flexcyon-blue);
  --color-purple: var(--flexcyon-purple-lilac);
  --color-pink: var(--flexcyon-pink);
}

body.flexcyon-ext-colors-enabled {
  --color-red-blue-mix: color-mix(in hsl, var(--color-red), var(--color-blue));
  --color-red-blue-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-red), var(--color-blue))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-red-orange-mix: color-mix(
    in hsl,
    var(--color-red),
    var(--color-orange)
  );
  --color-red-orange-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-red), var(--color-orange))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-red-yellow-mix: color-mix(
    in hsl,
    var(--color-red),
    var(--color-yellow)
  );
  --color-red-yellow-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-red), var(--color-yellow))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-red-green-mix: color-mix(
    in hsl,
    var(--color-red),
    var(--color-green)
  );
  --color-red-green-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-red), var(--color-green))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-red-cyan-mix: color-mix(in hsl, var(--color-red), var(--color-cyan));
  --color-red-cyan-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-red), var(--color-cyan))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-red-purple-mix: color-mix(
    in hsl,
    var(--color-red),
    var(--color-purple)
  );
  --color-red-purple-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-red), var(--color-purple))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-red-pink-mix: color-mix(in hsl, var(--color-red), var(--color-pink));
  --color-red-pink-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-red), var(--color-pink))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-orange-yellow-mix: color-mix(
    in hsl,
    var(--color-orange),
    var(--color-yellow)
  );
  --color-orange-yellow-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-orange), var(--color-yellow))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-orange-green-mix: color-mix(
    in hsl,
    var(--color-orange),
    var(--color-green)
  );
  --color-orange-green-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-orange), var(--color-green))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-orange-cyan-mix: color-mix(
    in hsl,
    var(--color-orange),
    var(--color-cyan)
  );
  --color-orange-cyan-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-orange), var(--color-cyan))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-orange-blue-mix: color-mix(
    in hsl,
    var(--color-orange),
    var(--color-blue)
  );
  --color-orange-blue-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-orange), var(--color-blue))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-orange-purple-mix: color-mix(
    in hsl,
    var(--color-orange),
    var(--color-purple)
  );
  --color-orange-purple-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-orange), var(--color-purple))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-orange-pink-mix: color-mix(
    in hsl,
    var(--color-orange),
    var(--color-pink)
  );
  --color-orange-pink-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-orange), var(--color-pink))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-yellow-green-mix: color-mix(
    in hsl,
    var(--color-yellow),
    var(--color-green)
  );
  --color-yellow-green-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-yellow), var(--color-green))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-yellow-cyan-mix: color-mix(
    in hsl,
    var(--color-yellow),
    var(--color-cyan)
  );
  --color-yellow-cyan-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-yellow), var(--color-cyan))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-yellow-blue-mix: color-mix(
    in hsl,
    var(--color-yellow),
    var(--color-blue)
  );
  --color-yellow-blue-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-yellow), var(--color-blue))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-yellow-purple-mix: color-mix(
    in hsl,
    var(--color-yellow),
    var(--color-purple)
  );
  --color-yellow-purple-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-yellow), var(--color-purple))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-yellow-pink-mix: color-mix(
    in hsl,
    var(--color-yellow),
    var(--color-pink)
  );
  --color-yellow-pink-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-yellow), var(--color-pink))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-green-cyan-mix: color-mix(
    in hsl,
    var(--color-green),
    var(--color-cyan)
  );
  --color-green-cyan-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-green), var(--color-cyan))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-green-blue-mix: color-mix(
    in hsl,
    var(--color-green),
    var(--color-blue)
  );
  --color-green-blue-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-green), var(--color-blue))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-green-purple-mix: color-mix(
    in hsl,
    var(--color-green),
    var(--color-purple)
  );
  --color-green-purple-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-green), var(--color-purple))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-green-pink-mix: color-mix(
    in hsl,
    var(--color-green),
    var(--color-pink)
  );
  --color-green-pink-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-green), var(--color-pink))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-cyan-blue-mix: color-mix(
    in hsl,
    var(--color-cyan),
    var(--color-blue)
  );
  --color-cyan-blue-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-cyan), var(--color-blue))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-cyan-purple-mix: color-mix(
    in hsl,
    var(--color-cyan),
    var(--color-purple)
  );
  --color-cyan-purple-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-cyan), var(--color-purple))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-cyan-pink-mix: color-mix(
    in hsl,
    var(--color-cyan),
    var(--color-pink)
  );
  --color-cyan-pink-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-cyan), var(--color-pink))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-blue-purple-mix: color-mix(
    in hsl,
    var(--color-blue),
    var(--color-purple)
  );
  --color-blue-purple-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-blue), var(--color-purple))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-blue-pink-mix: color-mix(
    in hsl,
    var(--color-blue),
    var(--color-pink)
  );
  --color-blue-pink-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-blue), var(--color-pink))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
  --color-purple-pink-mix: color-mix(
    in hsl,
    var(--color-purple),
    var(--color-pink)
  );
  --color-purple-pink-mix-bg: color-mix(
    in hsl,
    color-mix(in hsl, var(--color-purple), var(--color-pink))
      var(--flexcyon-callout-bg-opacity),
    transparent
  );
}

body.theme-dark {
  --flexcyon-base-01: #14161c;
  --flexcyon-base-02: #191d28;
  --flexcyon-base-03: #24262c;
  --flexcyon-base-04: #4d566b;
  --flexcyon-base-05: #6f7685;
  --flexcyon-base-grey-dark: #898c93;
  --flexcyon-base-grey-light: #d3d5d3;
}

body.theme-light {
  --flexcyon-base-01: #faf7ef;
  --flexcyon-base-02: #edebe5;
  --flexcyon-base-03: #dddcd6;
  --flexcyon-base-04: #d3d3ce;
  --flexcyon-base-05: #b4b3af;
  /* ------------------------------ */
  --flexcyon-base-grey-dark: #797876;
  --flexcyon-base-grey-light: #080808;
}

body:is(.theme-dark),
body:is(.theme-light) {
  --flexcyon-base-grey-tab: #71777f;
  --flexyon-base-grey-token: #586582;
  --flexcyon-base-grey-scroll: #3f495e;
  --flexcyon-base-grey-scroll-hover: #5c6782;
  /* ------------------------------ */
  --flexcyon-base-01-02-mix: color-mix(
    in hsl,
    var(--flexcyon-base-01),
    var(--flexcyon-base-02)
  );
  --flexcyon-base-02-03-mix: color-mix(
    in hsl,
    var(--flexcyon-base-02),
    var(--flexcyon-base-03)
  );
  --flexcyon-base-03-04-mix: color-mix(
    in hsl,
    var(--flexcyon-base-03),
    var(--flexcyon-base-04)
  );
  --flexcyon-base-04-05-mix: color-mix(
    in hsl,
    var(--flexcyon-base-04),
    var(--flexcyon-base-05)
  );
  --flexcyon-base-grey-mix: color-mix(
    in hsl,
    var(--flexcyon-base-grey-light),
    var(--flexcyon-base-grey-dark)
  );
  --color-base-00: var(--flexcyon-base-01);
  --color-base-05: var(--flexcyon-base-01-02-mix);
  --color-base-10: var(--flexcyon-base-02);
  --color-base-20: var(--flexcyon-base-02-03-mix);
  --color-base-25: var(--flexcyon-base-03);
  --color-base-30: var(--flexcyon-base-03-04-mix);
  --color-base-35: var(--flexcyon-base-04);
  --color-base-40: var(--flexcyon-base-04-05-mix);
  --color-base-50: var(--flexcyon-base-05);
  --color-base-60: var(--flexcyon-base-grey-dark);
  --color-base-70: var(--flexcyon-base-grey-mix);
  --color-base-100: var(--flexcyon-base-grey-light);
}

body:is(.theme-light) {
  --flexcyon-base-01-02-mix: color-mix(
    in hsl,
    var(--flexcyon-base-01) 70%,
    var(--flexcyon-base-02) 30%
  );
}

body.theme-dark {
  --flexcyon-accent: #92a871;
  --flexcyon-accent-h: 105.5;
  --flexcyon-accent-s: 77.5%;
  --flexcyon-accent-l: 59.5%;
}

body.theme-light {
  --flexcyon-accent: #5770b9;
  --flexcyon-accent-h: 225;
  --flexcyon-accent-s: 41%;
  --flexcyon-accent-l: 53%;
}

body {
  --accent-h: var(--flexcyon-accent-h);
  --accent-s: var(--flexcyon-accent-s);
  --accent-l: var(--flexcyon-accent-l);
}

body {
  --h1-weight: 700;
  --h2-weight: 675;
  --h3-weight: 650;
  --h4-weight: 625;
  --h5-weight: 600;
  --h6-weight: 575;
}

body.flexcyon-headings-coloured-enabled {
  --h1-color: var(--flexcyon-blue);
  --h2-color: var(--flexcyon-purple-lilac);
  --h3-color: var(--flexcyon-cyan);
  --h4-color: var(--flexcyon-pink);
  --h5-color: var(--flexcyon-lime-green);
  --h6-color: var(--flexcyon-yellow);
}

body.flexcyon-headings-glow-enabled h1,
body.flexcyon-headings-glow-enabled .cm-header-1 {
  text-shadow: 2px 2px 4px var(--h1-color);
}
body.flexcyon-headings-glow-enabled h2,
body.flexcyon-headings-glow-enabled .cm-header-2 {
  text-shadow: 1.75px 1.75px 3.5px var(--h2-color);
}
body.flexcyon-headings-glow-enabled h3,
body.flexcyon-headings-glow-enabled .cm-header-3 {
  text-shadow: 1.5px 1.5px 3px var(--h3-color);
}
body.flexcyon-headings-glow-enabled h4,
body.flexcyon-headings-glow-enabled .cm-header-4 {
  text-shadow: 1.25px 1.25px 2.5px var(--h4-color);
}
body.flexcyon-headings-glow-enabled h5,
body.flexcyon-headings-glow-enabled .cm-header-5 {
  text-shadow: 1px 1px 2px var(--h5-color);
}
body.flexcyon-headings-glow-enabled h6,
body.flexcyon-headings-glow-enabled .cm-header-6 {
  text-shadow: 0.75px 0.75px 1.5px var(--h6-color);
}
body.flexcyon-headings-glow-enabled .cm-formatting-header {
  text-shadow: none;
}

body.flexcyon-h1-underline-enabled h1 {
  border-block-end: calc((var(--h1-weight) - 200) / 100 * 1px) solid
    var(--h1-color);
}

body.flexcyon-h2-underline-enabled h2 {
  border-block-end: calc((var(--h2-weight) - 200) / 100 * 1px) solid
    var(--h2-color);
}

body.flexcyon-h3-underline-enabled h3 {
  border-block-end: calc((var(--h3-weight) - 200) / 100 * 1px) solid
    var(--h3-color);
}

body.flexcyon-h4-underline-enabled h4 {
  border-block-end: calc((var(--h4-weight) - 200) / 100 * 1px) solid
    var(--h4-color);
}

body.flexcyon-h5-underline-enabled h5 {
  border-block-end: calc((var(--h5-weight) - 200) / 100 * 1px) solid
    var(--h5-color);
}

body.flexcyon-h6-underline-enabled h6 {
  border-block-end: calc((var(--h6-weight) - 200) / 100 * 1px) solid
    var(--h6-color);
}

.headings-indicator-all h1:not(:hover)::before,
.headings-indicator-all .HyperMD-header-1::before,
.headings-indicator-h1 h1:not(:hover)::before,
.headings-indicator-h1 .HyperMD-header-1::before,
.flexcyon-headings-indicator-h1
  .workspace-leaf-content[data-type="markdown"]
  h1:not(:hover)::before,
.flexcyon-headings-indicator-h1
  .workspace-leaf-content[data-type="markdown"]
  .HyperMD-header-1::before {
  position: relative;
  content: "h1";
  color: var(--h1-color);
  opacity: calc(var(--dimmed) + 0.25);
  font-size: var(--font-ui-medium);
  padding-right: 8px;
}

.headings-indicator-all h2:not(:hover)::before,
.headings-indicator-all .HyperMD-header-2::before,
.headings-indicator-h2 h2:not(:hover)::before,
.headings-indicator-h2 .HyperMD-header-2::before,
.flexcyon-headings-indicator-h2
  .workspace-leaf-content[data-type="markdown"]
  h2:not(:hover)::before,
.flexcyon-headings-indicator-h2
  .workspace-leaf-content[data-type="markdown"]
  .HyperMD-header-2::before {
  position: relative;
  content: "h2";
  color: var(--h2-color);
  opacity: calc(var(--dimmed) + 0.25);
  font-size: var(--font-ui-medium);
  padding-right: 8px;
}

.headings-indicator-all h3:not(:hover)::before,
.headings-indicator-all .HyperMD-header-3::before,
.headings-indicator-h3 h3:not(:hover)::before,
.headings-indicator-h3 .HyperMD-header-3::before,
.flexcyon-headings-indicator-h3
  .workspace-leaf-content[data-type="markdown"]
  h3:not(:hover)::before,
.flexcyon-headings-indicator-h3
  .workspace-leaf-content[data-type="markdown"]
  .HyperMD-header-3::before {
  position: relative;
  content: "h3";
  color: var(--h3-color);
  opacity: calc(var(--dimmed) + 0.25);
  font-size: var(--font-ui-medium);
  padding-right: 8px;
}

.headings-indicator-all h4:not(:hover)::before,
.headings-indicator-all .HyperMD-header-4::before,
.headings-indicator-h4 h4:not(:hover)::before,
.headings-indicator-h4 .HyperMD-header-4::before,
.flexcyon-headings-indicator-h4
  .workspace-leaf-content[data-type="markdown"]
  h4:not(:hover)::before,
.flexcyon-headings-indicator-h4
  .workspace-leaf-content[data-type="markdown"]
  .HyperMD-header-4::before {
  position: relative;
  content: "h4";
  color: var(--h4-color);
  opacity: calc(var(--dimmed) + 0.25);
  font-size: var(--font-ui-medium);
  padding-right: 8px;
}

.headings-indicator-all h5:not(:hover)::before,
.headings-indicator-all .HyperMD-header-5::before,
.headings-indicator-h5 h5:not(:hover)::before,
.headings-indicator-h5 .HyperMD-header-5::before,
.flexcyon-headings-indicator-h5
  .workspace-leaf-content[data-type="markdown"]
  h5:not(:hover)::before,
.flexcyon-headings-indicator-h5
  .workspace-leaf-content[data-type="markdown"]
  .HyperMD-header-5::before {
  position: relative;
  content: "h5";
  color: var(--h5-color);
  opacity: calc(var(--dimmed) + 0.25);
  font-size: var(--font-ui-medium);
  padding-right: 8px;
}

.headings-indicator-all h6:not(:hover)::before,
.headings-indicator-all .HyperMD-header-6::before,
.headings-indicator-h6 h6:not(:hover)::before,
.headings-indicator-h6 .HyperMD-header-6::before,
.flexcyon-headings-indicator-h6
  .workspace-leaf-content[data-type="markdown"]
  h6:not(:hover)::before,
.flexcyon-headings-indicator-h6
  .workspace-leaf-content[data-type="markdown"]
  .HyperMD-header-6::before {
  position: relative;
  content: "h6";
  color: var(--h6-color);
  opacity: calc(var(--dimmed) + 0.25);
  font-size: var(--font-ui-medium);
  padding-right: 8px;
}

body {
  --flexcyon-accent-hover: var(--flexcyon-green);
  --flexcyon-palette-lilac-hover: color-mix(
    in hsl shorter hue,
    var(--flexcyon-purple-lilac),
    var(--flexcyon-base-grey-dark)
  );
  --flexcyon-palette-cyan-hover: color-mix(
    in hsl shorter hue,
    var(--flexcyon-cyan),
    var(--flexcyon-base-grey-dark)
  );
}

body.theme-dark {
  --code-background: var(--flexcyon-base-01);
}

body.theme-light {
  --code-background: var(--flexcyon-base-01-02-mix);
}

body {
  /* ------------------------------ */
  --flexcyon-code-variable: var(--flexcyon-base-grey-dark);
  --flexcyon-code-function: var(--flexcyon-yellow);
  --flexcyon-code-operator: var(--flexcyon-orange);
  --flexcyon-code-error: var(--flexcyon-red-salmon);
  --flexcyon-code-keyword: var(--flexcyon-purple-lilac);
  --code-normal: var(--flexcyon-cyan);
  --code-comment: var(--text-faint);
  --code-function: var(--flexcyon-code-function);
  --code-important: var(--flexcyon-code-error);
  --code-keyword: var(--flexcyon-code-keyword);
  --code-property: var(--text-muted);
  --code-operator: var(--flexcyon-code-operator);
  --code-punctuation: var(--flexcyon-purple-lilac);
  --code-string: var(--flexcyon-lime-green);
  --code-tag: var(--flexcyon-base-grey-dark);
}
body .cm-s-obsidian span.cm-inline-code {
  color: var(--flexcyon-orange);
}
body
  :is(
    .cm-comment.cm-hmd-internal-link,
    .cm-comment.cm-link,
    .cm-comment.cm-string
  ) {
  color: var(--code-comment);
}
body
  :is(
    .cm-comment.cm-string,
    .cm-comment.cm-hmd-internal-link:hover,
    .cm-comment.cm-link:hover
  ) {
  text-decoration: none;
}

mark {
  color: var(--text-normal);
  background-color: var(--text-highlight-bg);
  padding: var(--flexcyon-highlight-verti-padding)
    var(--flexcyon-highlight-horiz-padding);
  border-radius: var(--flexcyon-highlight-border-radius);
  font-weight: 525;
}

body {
  --tab-text-color: var(--flexcyon-base-05);
  --tab-text-color-focused: var(--flexcyon-base-05);
  --tab-text-color-active: var(--text-accent);
  --tab-text-color-focused-active: var(--text-accent);
  --tab-text-color-focused-active-current: var(--text-accent);
  --tab-divider-color: var(--titlebar-background);
  --tab-outline-width: 0px;
  --tab-curve: 0px;
  --tab-radius: 0px;
  --tab-radius-active: 0px;
  --flexcyon-anim-duration: 0.5s;
  --flexcyon-anim-easing: ease-in-out;
  --flexcyon-anim-slide-amount: 50px;
  --flexcyon-anim-rotate-amount: 50deg;
  --flexcyon-view-header-breadcrumb-max-w: 12.5vw;
}
body .view-header-breadcrumb {
  max-width: var(--flexcyon-view-header-breadcrumb-max-w);
  overflow: hidden;
  text-overflow: ellipsis;
}

body.flexcyon-workspace-angled-layout .view-header-breadcrumb-separator {
  display: none;
}
body.flexcyon-workspace-angled-layout .view-header-title {
  transform: skewX(-22.5deg);
  border-radius: 0px;
  background-color: var(--color-base-20);
  padding: 4px 12px;
}
body.flexcyon-workspace-angled-layout .view-header-title-parent {
  transform: skewX(-22.5deg);
}
body.flexcyon-workspace-angled-layout
  .view-header-title-parent
  .view-header-breadcrumb {
  padding: 4px 12px;
  background-color: var(--color-base-05);
}

body.flexcyon-workspace-pl10k-layout
  .view-header-title-parent
  :nth-of-type(5n + 1) {
  background-color: var(--color-base-20);
}
body.flexcyon-workspace-pl10k-layout
  .view-header-title-parent
  :nth-of-type(5n + 1)::after {
  background-color: var(--color-base-25);
}
body.flexcyon-workspace-pl10k-layout
  .view-header-title-parent
  :nth-of-type(5n + 3) {
  background-color: var(--color-base-25);
}
body.flexcyon-workspace-pl10k-layout
  .view-header-title-parent
  :nth-of-type(5n + 3)::after {
  background-color: var(--color-base-05);
}
body.flexcyon-workspace-pl10k-layout
  .view-header-title-parent
  :nth-of-type(5n) {
  background-color: var(--color-base-05);
}
body.flexcyon-workspace-pl10k-layout
  .view-header-title-parent
  :nth-of-type(5n)::after {
  background-color: var(--color-base-20);
}
body.flexcyon-workspace-pl10k-layout
  .view-header-title-parent
  :has(+ :last-child)::after {
  background-color: var(--color-base-05);
}
body.flexcyon-workspace-pl10k-layout
  .view-header-title-container:not(:has(.view-header-breadcrumb))
  .view-header-title {
  border-radius: 16px;
}
body.flexcyon-workspace-pl10k-layout
  .view-header-title-parent
  :first-child.view-header-breadcrumb {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  padding-left: 12px;
}
body.flexcyon-workspace-pl10k-layout
  .view-header-title-parent
  .view-header-breadcrumb {
  padding: 4px 0px;
}
body.flexcyon-workspace-pl10k-layout
  .view-header-title-parent
  .view-header-breadcrumb::after {
  padding: 10px 6px;
  content: "e";
  position: relative;
  width: inherit;
  height: inherit;
  color: transparent;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 70% 50%);
}
body.flexcyon-workspace-pl10k-layout .view-header-title {
  padding: 4px 12px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  background-color: var(--color-base-05);
}
body.flexcyon-workspace-pl10k-layout .view-header-breadcrumb-separator {
  display: none;
}
body.flexcyon-workspace-pl10k-layout .view-header,
body.flexcyon-workspace-pl10k-layout .view-header-title-container {
  gap: 0px;
}

body.flexcyon-workspace-card-layout .view-header-breadcrumb-separator {
  display: none;
}
body.flexcyon-workspace-card-layout .view-header-breadcrumb {
  border-radius: 16px;
  padding: 4px 8px;
}
body.flexcyon-workspace-card-layout .view-header-title-container {
  gap: 8px;
}
body.flexcyon-workspace-card-layout .view-header-title-parent {
  gap: 8px;
}
body.flexcyon-workspace-card-layout
  .view-header-title-parent
  :nth-of-type(5n + 1) {
  background-color: var(--color-base-20);
}
body.flexcyon-workspace-card-layout
  .view-header-title-parent
  :nth-of-type(5n + 3) {
  background-color: var(--color-base-25);
}
body.flexcyon-workspace-card-layout .view-header-title-parent :nth-of-type(5n) {
  background-color: var(--color-base-05);
}
body.flexcyon-workspace-card-layout
  .view-header-title-parent
  :has(+ :last-child)::after {
  background-color: var(--color-base-05);
}
body.flexcyon-workspace-card-layout .view-header-title {
  padding: 4px 8px;
  background-color: var(--color-base-05);
  border-radius: 16px;
}

@keyframes slide-in-left {
  0% {
    opacity: 0;
    transform: translateX(calc(var(--flexcyon-anim-slide-amount) * -1));
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide-in-right {
  0% {
    opacity: 0;
    transform: translateX(var(--flexcyon-anim-slide-amount));
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide-in-tb {
  0% {
    opacity: 0;
    transform: translateY(calc(var(--flexcyon-anim-slide-amount) * -1));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-in-bt {
  0% {
    opacity: 0;
    transform: translateY(var(--flexcyon-anim-slide-amount));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes spin-in-rl {
  0% {
    opacity: 0;
    transform: rotateY(var(--flexcyon-anim-rotate-amount));
  }
  100% {
    opacity: 1;
    transform: rotateY(0);
  }
}
@keyframes spin-in-bt {
  0% {
    opacity: 0;
    transform: rotateX(var(--flexcyon-anim-rotate-amount));
  }
  100% {
    opacity: 1;
    transform: rotateX(0);
  }
}
body.flexcyon-anims-slide-rtl .workspace-leaf-content,
body.flexcyon-anims-slide-rtl .modal,
body.flexcyon-anims-slide-rtl .prompt {
  animation: slide-in-right var(--flexcyon-anim-duration)
    var(--flexcyon-anim-easing);
}

body.flexcyon-anims-slide-ltr .workspace-leaf-content,
body.flexcyon-anims-slide-ltr .modal,
body.flexcyon-anims-slide-ltr .prompt {
  animation: slide-in-left var(--flexcyon-anim-duration)
    var(--flexcyon-anim-easing);
}

body.flexcyon-anims-slide-tb .workspace-leaf-content,
body.flexcyon-anims-slide-tb .modal,
body.flexcyon-anims-slide-tb .prompt {
  animation: slide-in-tb var(--flexcyon-anim-duration)
    var(--flexcyon-anim-easing);
}

body.flexcyon-anims-slide-bt .workspace-leaf-content,
body.flexcyon-anims-slide-bt .modal,
body.flexcyon-anims-slide-bt .prompt {
  animation: slide-in-tb var(--flexcyon-anim-duration)
    var(--flexcyon-anim-easing);
}

body.flexcyon-anims-spin-rl .workspace-leaf-content,
body.flexcyon-anims-spin-rl .modal,
body.flexcyon-anims-spin-rl .prompt {
  animation: spin-in-rl var(--flexcyon-anim-duration)
    var(--flexcyon-anim-easing);
}

body.flexcyon-anims-spin-bt .workspace-leaf-content,
body.flexcyon-anims-spin-bt .modal,
body.flexcyon-anims-spin-bt .prompt {
  animation: spin-in-bt var(--flexcyon-anim-duration)
    var(--flexcyon-anim-easing);
}

body {
  --metadata-label-text-color: var(--flexcyon-purple-lilac);
  --metadata-label-text-color-hover: var(--flexcyon-palette-lilac-hover);
  --flexcyon-meta-container-padding-left: 14px;
}
body .metadata-container {
  padding-left: var(--flexcyon-meta-container-padding-left);
}
body .cm-hmd-frontmatter.cm-atom {
  color: var(--color-cyan);
}
body .cm-hmd-frontmatter.cm-meta {
  color: var(--color-orange);
}
body .cm-hmd-frontmatter {
  color: var(--color-green);
}
body div.metadata-container div.metadata-property-value {
  opacity: calc(var(--dimmed) + 0.2);
}
body .metadata-property :focus,
body .metadata-property :focus-within,
body .metadata-property :focus:before {
  border-radius: 2px;
}
body .metadata-property-icon {
  color: var(--color-cyan);
}
body .metadata-add-button {
  opacity: var(--dimmed);
}
body
  :is(
    textarea,
    input:not([type="checkbox"]),
    input.metadata-input-text,
    select
  ):is(:focus, :active, :focus-visible),
body .metadata-property:is(:focus, :focus-within),
body .text-icon-button:focus,
body .metadata-properties-heading:focus:before {
  box-shadow: 0 0 0 1px var(--interactive-accent);
}
body .workspace-leaf-content[data-type="all-properties"] .svg-icon,
body .metadata-container .svg-icon {
  transform: translateY(-0.75px);
}

body.flexcyon-metadata-display-reading-disabled {
  --metadata-display-reading: none;
}

body.flexcyon-metadata-display-editing-disabled {
  --metadata-display-editing: none;
}

body.flexcyon-metadata-rainbow-icons
  .workspace-leaf-content[data-type="all-properties"]
  .lucide-forward,
body.flexcyon-metadata-rainbow-icons .metadata-container .lucide-forward {
  color: var(--color-cyan);
  opacity: calc(var(--dimmed) + 0.2);
}
body.flexcyon-metadata-rainbow-icons
  .workspace-leaf-content[data-type="all-properties"]
  .lucide-binary,
body.flexcyon-metadata-rainbow-icons .metadata-container .lucide-binary {
  color: var(--color-blue);
  opacity: calc(var(--dimmed) + 0.2);
}
body.flexcyon-metadata-rainbow-icons
  .workspace-leaf-content[data-type="all-properties"]
  .lucide-text,
body.flexcyon-metadata-rainbow-icons .metadata-container .lucide-text {
  color: var(--color-green);
  opacity: calc(var(--dimmed) + 0.2);
}
body.flexcyon-metadata-rainbow-icons
  .workspace-leaf-content[data-type="all-properties"]
  .lucide-list,
body.flexcyon-metadata-rainbow-icons .metadata-container .lucide-list {
  color: var(--color-orange);
  opacity: calc(var(--dimmed) + 0.2);
}
body.flexcyon-metadata-rainbow-icons
  .workspace-leaf-content[data-type="all-properties"]
  .lucide-tags,
body.flexcyon-metadata-rainbow-icons .metadata-container .lucide-tags {
  color: var(--color-red);
  opacity: calc(var(--dimmed) + 0.2);
}
body.flexcyon-metadata-rainbow-icons
  .workspace-leaf-content[data-type="all-properties"]
  .lucide-check-square,
body.flexcyon-metadata-rainbow-icons .metadata-container .lucide-check-square {
  color: var(--color-yellow);
  opacity: calc(var(--dimmed) + 0.2);
}
body.flexcyon-metadata-rainbow-icons
  .workspace-leaf-content[data-type="all-properties"]
  .lucide-calendar,
body.flexcyon-metadata-rainbow-icons .metadata-container .lucide-calendar {
  color: var(--text-accent);
  opacity: calc(var(--dimmed) + 0.2);
}
body.flexcyon-metadata-rainbow-icons
  .workspace-leaf-content[data-type="all-properties"]
  .lucide-file-question,
body.flexcyon-metadata-rainbow-icons .metadata-container .lucide-file-question {
  color: var(--color-purple);
  opacity: calc(var(--dimmed) + 0.2);
}

body {
  --checkbox-color: var(--flexcyon-purple-lilac);
  --checkbox-color-hover: var(--flexcyon-palette-lilac-hover);
  --checkbox-border-color: var(--flexcyon-blue);
  --checkbox-border-color-hover: var(--flexcyon-palette-lilac-hover);
  --flexcyon-ascii-checkboxes-font-size: 1.2rem;
}
body .checkbox-container {
  background-color: var(--flexcyon-red-salmon);
}
body .checkbox-container.is-enabled {
  background-color: var(--flexcyon-lime-green);
}

body.flexcyon-ascii-checkboxes-enabled input[data-task="!"]:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="!"] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="!"] > p > input:checked {
  background-color: inherit;
  border: none;
  font-weight: 900;
  padding-right: 6px;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="!"]:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task="!"] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="!"]
  > p
  > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="!"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="!"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="!"]
  > p
  > input:checked::after {
  background-color: inherit;
  content: "!";
  color: var(--color-purple);
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  text-align: center;
  -webkit-mask-image: none;
  mask-image: none;
  top: -0.325em;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task=">"]:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task=">"] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task=">"] > p > input:checked {
  background-color: inherit;
  border: none;
  font-weight: 900;
  padding-right: 6px;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task=">"]:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task=">"] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task=">"]
  > p
  > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task=">"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task=">"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task=">"]
  > p
  > input:checked::after {
  background-color: inherit;
  content: ">";
  color: var(--color-cyan);
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  text-align: center;
  -webkit-mask-image: none;
  mask-image: none;
  top: -0.325em;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="i"]:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="i"] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="i"] > p > input:checked {
  background-color: inherit;
  border: none;
  font-weight: 900;
  padding-right: 6px;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="i"]:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task="i"] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="i"]
  > p
  > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="i"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="i"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="i"]
  > p
  > input:checked::after {
  background-color: inherit;
  content: "i";
  color: var(--color-blue);
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  text-align: center;
  -webkit-mask-image: none;
  mask-image: none;
  top: -0.325em;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="?"]:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="?"] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="?"] > p > input:checked {
  background-color: inherit;
  border: none;
  font-weight: 900;
  padding-right: 6px;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="?"]:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task="?"] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="?"]
  > p
  > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="?"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="?"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="?"]
  > p
  > input:checked::after {
  background-color: inherit;
  content: "?";
  color: var(--color-pink);
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  text-align: center;
  -webkit-mask-image: none;
  mask-image: none;
  top: -0.325em;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="#"]:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="#"] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="#"] > p > input:checked {
  background-color: inherit;
  border: none;
  font-weight: 900;
  padding-right: 6px;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="#"]:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task="#"] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="#"]
  > p
  > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="#"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="#"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="#"]
  > p
  > input:checked::after {
  background-color: inherit;
  content: "#";
  color: var(--color-green);
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  text-align: center;
  -webkit-mask-image: none;
  mask-image: none;
  top: -0.325em;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="."]:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="."] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="."] > p > input:checked {
  background-color: inherit;
  border: none;
  font-weight: 900;
  padding-right: 6px;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="."]:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task="."] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="."]
  > p
  > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="."]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="."] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="."]
  > p
  > input:checked::after {
  background-color: inherit;
  content: ".";
  color: var(--color-yellow);
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  text-align: center;
  -webkit-mask-image: none;
  mask-image: none;
  top: -0.325em;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="<"]:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="<"] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="<"] > p > input:checked {
  background-color: inherit;
  border: none;
  font-weight: 900;
  padding-right: 6px;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="<"]:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task="<"] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="<"]
  > p
  > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="<"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="<"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="<"]
  > p
  > input:checked::after {
  background-color: inherit;
  content: "<";
  color: var(--color-orange);
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  text-align: center;
  -webkit-mask-image: none;
  mask-image: none;
  top: -0.325em;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="$"]:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="$"] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="$"] > p > input:checked {
  background-color: inherit;
  border: none;
  font-weight: 900;
  padding-right: 6px;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="$"]:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task="$"] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="$"]
  > p
  > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="$"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="$"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="$"]
  > p
  > input:checked::after {
  background-color: inherit;
  content: "$";
  color: var(--color-red);
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  text-align: center;
  -webkit-mask-image: none;
  mask-image: none;
  top: -0.325em;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="*"]:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="*"] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="*"] > p > input:checked {
  background-color: inherit;
  border: none;
  font-weight: 900;
  padding-right: 6px;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="*"]:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task="*"] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="*"]
  > p
  > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="*"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="*"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="*"]
  > p
  > input:checked::after {
  background-color: inherit;
  content: "*";
  color: var(--color-purple);
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  text-align: center;
  -webkit-mask-image: none;
  mask-image: none;
  top: -0.325em;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="'"]:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="'"] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="'"] > p > input:checked {
  background-color: inherit;
  border: none;
  font-weight: 900;
  padding-right: 6px;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="'"]:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task="'"] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="'"]
  > p
  > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="'"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="'"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="'"]
  > p
  > input:checked::after {
  background-color: inherit;
  content: "'";
  color: var(--color-cyan);
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  text-align: center;
  -webkit-mask-image: none;
  mask-image: none;
  top: -0.325em;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="@"]:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="@"] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="@"] > p > input:checked {
  background-color: inherit;
  border: none;
  font-weight: 900;
  padding-right: 6px;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="@"]:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task="@"] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="@"]
  > p
  > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="@"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="@"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="@"]
  > p
  > input:checked::after {
  background-color: inherit;
  content: "@";
  color: var(--color-blue);
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  text-align: center;
  -webkit-mask-image: none;
  mask-image: none;
  top: -0.325em;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="%"]:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="%"] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="%"] > p > input:checked {
  background-color: inherit;
  border: none;
  font-weight: 900;
  padding-right: 6px;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="%"]:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task="%"] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="%"]
  > p
  > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="%"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="%"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="%"]
  > p
  > input:checked::after {
  background-color: inherit;
  content: "%";
  color: var(--color-pink);
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  text-align: center;
  -webkit-mask-image: none;
  mask-image: none;
  top: -0.325em;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="+"]:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="+"] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="+"] > p > input:checked {
  background-color: inherit;
  border: none;
  font-weight: 900;
  padding-right: 6px;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="+"]:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task="+"] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="+"]
  > p
  > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="+"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="+"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="+"]
  > p
  > input:checked::after {
  background-color: inherit;
  content: "+";
  color: var(--color-green);
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  text-align: center;
  -webkit-mask-image: none;
  mask-image: none;
  top: -0.325em;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="-"]:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="-"] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="-"] > p > input:checked {
  background-color: inherit;
  border: none;
  font-weight: 900;
  padding-right: 6px;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="-"]:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task="-"] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="-"]
  > p
  > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="-"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="-"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="-"]
  > p
  > input:checked::after {
  background-color: inherit;
  content: "-";
  color: var(--color-yellow);
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  text-align: center;
  -webkit-mask-image: none;
  mask-image: none;
  top: -0.325em;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="/"]:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="/"] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="/"] > p > input:checked {
  background-color: inherit;
  border: none;
  font-weight: 900;
  padding-right: 6px;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="/"]:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task="/"] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="/"]
  > p
  > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="/"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="/"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="/"]
  > p
  > input:checked::after {
  background-color: inherit;
  content: "/";
  color: var(--color-orange);
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  text-align: center;
  -webkit-mask-image: none;
  mask-image: none;
  top: -0.325em;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="~"]:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="~"] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task="~"] > p > input:checked {
  background-color: inherit;
  border: none;
  font-weight: 900;
  padding-right: 6px;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="~"]:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task="~"] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="~"]
  > p
  > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="~"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="~"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="~"]
  > p
  > input:checked::after {
  background-color: inherit;
  content: "~";
  color: var(--color-red);
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  text-align: center;
  -webkit-mask-image: none;
  mask-image: none;
  top: -0.325em;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task='"']:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task='"'] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task='"'] > p > input:checked {
  background-color: inherit;
  border: none;
  font-weight: 900;
  padding-right: 6px;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task='"']:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task='"'] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task='"']
  > p
  > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task='"']:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task='"'] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task='"']
  > p
  > input:checked::after {
  content: "“";
  color: var(--color-green);
  background-color: inherit;
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) + 0.3rem);
  text-align: center;
  -webkit-mask-image: none;
  mask-image: none;
  top: -0.325em;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="'"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="'"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="'"]
  > p
  > input:checked::after {
  content: "‘";
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) + 0.3rem);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="i"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="i"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="i"]
  > p
  > input:checked::after {
  border: 1.5px solid var(--color-blue);
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.5rem);
  border-radius: 50%;
  scale: 115%;
  margin-inline-start: -1.5px;
  top: -0.1rem;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="<"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="<"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="<"]
  > p
  > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled input[data-task=">"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task=">"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task=">"]
  > p
  > input:checked::after {
  transform: scaleY(1.1);
  top: -0.4rem;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="."]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="."] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="."]
  > p
  > input:checked::after {
  content: "...";
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.2rem);
  letter-spacing: -0.5px;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="*"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="*"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="*"]
  > p
  > input:checked::after {
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) + 0.75rem);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="$"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="$"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="$"]
  > p
  > input:checked::after {
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.05rem);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="@"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="@"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="@"]
  > p
  > input:checked::after {
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.05rem);
  top: -0.45rem;
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="%"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="%"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="%"]
  > p
  > input:checked::after {
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.225rem);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="+"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="+"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="+"]
  > p
  > input:checked::after {
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.05rem);
}
body.flexcyon-ascii-checkboxes-enabled input[data-task="-"]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task="-"] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled
  li[data-task="-"]
  > p
  > input:checked::after {
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) + 0.2rem);
  top: -0.7rem;
  content: "--";
  letter-spacing: var(--less-letter-spacing);
}
body.flexcyon-ascii-checkboxes-enabled
  .markdown-source-view.mod-cm6
  .task-list-label
  .task-list-item-checkbox[data-task="-"] {
  margin-inline-start: calc(var(--checkbox-margin-inline-start) - 0.075rem);
}

body.flexcyon-rainbow-bullet-points
  .HyperMD-list-line:nth-of-type(8n + 0)
  .list-bullet::after,
body.flexcyon-rainbow-bullet-points
  ul
  :nth-of-type(8n + 0)
  .list-bullet::after {
  --list-marker-color: var(--color-purple);
}
body.flexcyon-rainbow-bullet-points
  .HyperMD-list-line:nth-of-type(8n + 1)
  .list-bullet::after,
body.flexcyon-rainbow-bullet-points
  ul
  :nth-of-type(8n + 1)
  .list-bullet::after {
  --list-marker-color: var(--color-cyan);
}
body.flexcyon-rainbow-bullet-points
  .HyperMD-list-line:nth-of-type(8n + 2)
  .list-bullet::after,
body.flexcyon-rainbow-bullet-points
  ul
  :nth-of-type(8n + 2)
  .list-bullet::after {
  --list-marker-color: var(--color-blue);
}
body.flexcyon-rainbow-bullet-points
  .HyperMD-list-line:nth-of-type(8n + 3)
  .list-bullet::after,
body.flexcyon-rainbow-bullet-points
  ul
  :nth-of-type(8n + 3)
  .list-bullet::after {
  --list-marker-color: var(--color-pink);
}
body.flexcyon-rainbow-bullet-points
  .HyperMD-list-line:nth-of-type(8n + 4)
  .list-bullet::after,
body.flexcyon-rainbow-bullet-points
  ul
  :nth-of-type(8n + 4)
  .list-bullet::after {
  --list-marker-color: var(--color-green);
}
body.flexcyon-rainbow-bullet-points
  .HyperMD-list-line:nth-of-type(8n + 5)
  .list-bullet::after,
body.flexcyon-rainbow-bullet-points
  ul
  :nth-of-type(8n + 5)
  .list-bullet::after {
  --list-marker-color: var(--color-yellow);
}
body.flexcyon-rainbow-bullet-points
  .HyperMD-list-line:nth-of-type(8n + 6)
  .list-bullet::after,
body.flexcyon-rainbow-bullet-points
  ul
  :nth-of-type(8n + 6)
  .list-bullet::after {
  --list-marker-color: var(--color-orange);
}
body.flexcyon-rainbow-bullet-points
  .HyperMD-list-line:nth-of-type(8n + 7)
  .list-bullet::after,
body.flexcyon-rainbow-bullet-points
  ul
  :nth-of-type(8n + 7)
  .list-bullet::after {
  --list-marker-color: var(--color-red);
}

body {
  --tag-size: var(--code-size);
  --tag-color: var(--flexcyon-cyan);
  --tag-color-hover: var(--flexcyon-palette-cyan-hover);
  --tag-decoration-hover: underline;
  --tag-background: color-mix(
    in hsl shorter hue,
    var(--tag-color) 25%,
    transparent
  );
  --tag-background-hover: color-mix(
    in hsl shorter hue,
    var(--tag-color-hover) 25%,
    transparent
  );
}
body h3[data-heading*="find section #"] a.tag {
  all: unset;
}

.is-mobile {
  --tag-background: color-mix(
    in hsl shorter hue,
    var(--tag-color) 25%,
    transparent
  );
}

body {
  --list-marker-color: var(--flexcyon-purple-lilac);
  --list-marker-color-hover: var(--flexcyon-palette-lilac-hover);
  --list-marker-color-collapsed: var(--flexcyon-lime-green);
}

body.flexcyon-numbered-list-none {
  --list-numbered-style: none;
}
body.flexcyon-numbered-list-none ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-disc {
  --list-numbered-style: disc;
}
body.flexcyon-numbered-list-disc ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-circle {
  --list-numbered-style: circle;
}
body.flexcyon-numbered-list-circle ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-square {
  --list-numbered-style: square;
}
body.flexcyon-numbered-list-square ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-decimal {
  --list-numbered-style: decimal;
}
body.flexcyon-numbered-list-decimal ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-cjk-decimal {
  --list-numbered-style: cjk-decimal;
}
body.flexcyon-numbered-list-cjk-decimal ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-decimal-leading-zero {
  --list-numbered-style: decimal-leading-zero;
}
body.flexcyon-numbered-list-decimal-leading-zero ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-lower-roman {
  --list-numbered-style: lower-roman;
}
body.flexcyon-numbered-list-lower-roman ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-upper-roman {
  --list-numbered-style: upper-roman;
}
body.flexcyon-numbered-list-upper-roman ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-lower-greek {
  --list-numbered-style: lower-greek;
}
body.flexcyon-numbered-list-lower-greek ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-lower-alpha {
  --list-numbered-style: lower-alpha;
}
body.flexcyon-numbered-list-lower-alpha ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-lower-latin {
  --list-numbered-style: lower-latin;
}
body.flexcyon-numbered-list-lower-latin ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-upper-alpha {
  --list-numbered-style: upper-alpha;
}
body.flexcyon-numbered-list-upper-alpha ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-upper-latin {
  --list-numbered-style: upper-latin;
}
body.flexcyon-numbered-list-upper-latin ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-arabic-indic {
  --list-numbered-style: arabic-indic;
}
body.flexcyon-numbered-list-arabic-indic ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-armenian {
  --list-numbered-style: armenian;
}
body.flexcyon-numbered-list-armenian ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-bengali {
  --list-numbered-style: bengali;
}
body.flexcyon-numbered-list-bengali ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-cambodian {
  --list-numbered-style: cambodian;
}
body.flexcyon-numbered-list-cambodian ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-khmer {
  --list-numbered-style: khmer;
}
body.flexcyon-numbered-list-khmer ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-cjk-earthly-branch {
  --list-numbered-style: cjk-earthly-branch;
}
body.flexcyon-numbered-list-cjk-earthly-branch ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-cjk-heavenly-branch {
  --list-numbered-style: cjk-heavenly-branch;
}
body.flexcyon-numbered-list-cjk-heavenly-branch ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-cjk-ideographic {
  --list-numbered-style: cjk-ideographic;
}
body.flexcyon-numbered-list-cjk-ideographic ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-devanagari {
  --list-numbered-style: devanagari;
}
body.flexcyon-numbered-list-devanagari ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-ethiopic-numeric {
  --list-numbered-style: ethiopic-numeric;
}
body.flexcyon-numbered-list-ethiopic-numeric ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-georgian {
  --list-numbered-style: georgian;
}
body.flexcyon-numbered-list-georgian ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-gujarati {
  --list-numbered-style: gujarati;
}
body.flexcyon-numbered-list-gujarati ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-gurmukhi {
  --list-numbered-style: gurmukhi;
}
body.flexcyon-numbered-list-gurmukhi ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-hebrew {
  --list-numbered-style: hebrew;
}
body.flexcyon-numbered-list-hebrew ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-hiragana {
  --list-numbered-style: hiragana;
}
body.flexcyon-numbered-list-hiragana ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-hiragana-iroha {
  --list-numbered-style: hiragana-iroha;
}
body.flexcyon-numbered-list-hiragana-iroha ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-japanese-formal {
  --list-numbered-style: japanese-formal;
}
body.flexcyon-numbered-list-japanese-formal ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-japanese-informal {
  --list-numbered-style: japanese-informal;
}
body.flexcyon-numbered-list-japanese-informal ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-kannada {
  --list-numbered-style: kannada;
}
body.flexcyon-numbered-list-kannada ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-kannada-iroha {
  --list-numbered-style: kannada-iroha;
}
body.flexcyon-numbered-list-kannada-iroha ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-katakana {
  --list-numbered-style: katakana;
}
body.flexcyon-numbered-list-katakana ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-katakana-iroha {
  --list-numbered-style: katakana-iroha;
}
body.flexcyon-numbered-list-katakana-iroha ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-korean-hangul-formal {
  --list-numbered-style: korean-hangul-formal;
}
body.flexcyon-numbered-list-korean-hangul-formal ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-korean-hanja-formal {
  --list-numbered-style: korean-hanja-formal;
}
body.flexcyon-numbered-list-korean-hanja-formal ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-korean-hanja-informal {
  --list-numbered-style: korean-hanja-informal;
}
body.flexcyon-numbered-list-korean-hanja-informal ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-lao {
  --list-numbered-style: lao;
}
body.flexcyon-numbered-list-lao ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-lower-armenian {
  --list-numbered-style: lower-armenian;
}
body.flexcyon-numbered-list-lower-armenian ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-malayalam {
  --list-numbered-style: malayalam;
}
body.flexcyon-numbered-list-malayalam ol {
  list-style-position: inside;
}

body.flexcyon-numbered-list-mongolian {
  --list-numbered-style: mongolian;
}
body.flexcyon-numbered-list-mongolian ol {
  list-style-position: inside;
}

body:is(.theme-dark) {
  /* ------------------------------ */
  --background-primary: var(--flexcyon-base-02);
  --background-primary-alt: var(--flexcyon-base-03);
  --background-secondary: var(--flexcyon-base-01);
  --background-secondary-alt: var(--flexcyon-base-02);
  --background-modifier-hover: var(--flexcyon-base-03);
}

body:is(.theme-light) {
  --background-primary: var(--flexcyon-base-01);
  --background-primary-alt: var(--flexcyon-base-02);
  --background-secondary: var(--flexcyon-base-01);
  --background-secondary-alt: var(--flexcyon-base-02);
  --background-modifier-hover: var(--flexcyon-base-01);
}

body:is(.theme-dark),
body:is(.theme-light) {
  --background-modifier-active-hover: var(--flexcyon-base-03);
  --background-modifier-border: var(--flexcyon-base-02-03-mix);
  --background-modifier-border-hover: transparent;
  --background-modifier-border-focus: var(--flexcyon-base-04);
  --background-modifier-message: var(--flexcyon-base-02-03-mix);
  --background-modifier-error: rgba(var(--color-red-rgb), 0.85);
}

body {
  --flexcyon-editor-bg-width: 15px;
  --flexcyon-editor-dot-size: 2.5px;
  --flexcyon-editor-bg-color: color-mix(
    in hsl,
    var(--color-base-00),
    var(--color-base-05)
  );
  --flexcyon-editor-bg-color-2: var(--color-base-20);
  --flexcyon-editor-bg-rotation: 0deg;
}

body.flexcyon-editor-grid .canvas-background,
body.flexcyon-editor-grid .kanban-plugin div,
div.callout[data-callout-metadata*="bg-grid"] .callout-content,
.editor-grid,
body.flexcyon-editor-grid .view-content [class*="markdown-"] {
  background-image:
    repeating-linear-gradient(
      var(--flexcyon-editor-bg-rotation),
      var(--flexcyon-editor-bg-color),
      var(--flexcyon-editor-bg-color) 1px,
      transparent 1px,
      transparent var(--flexcyon-editor-bg-width)
    ),
    repeating-linear-gradient(
      calc(90deg + var(--flexcyon-editor-bg-rotation)),
      var(--flexcyon-editor-bg-color),
      var(--flexcyon-editor-bg-color) 1px,
      transparent 1px,
      transparent var(--flexcyon-editor-bg-width)
    );
}
body.flexcyon-editor-grid .canvas-background *,
body.flexcyon-editor-grid .kanban-plugin div *,
div.callout[data-callout-metadata*="bg-grid"] .callout-content *,
.editor-grid *,
body.flexcyon-editor-grid .view-content [class*="markdown-"] * {
  background-image: none;
}

body.flexcyon-sidebar-bg-grid
  div
  .mod-left-split
  .workspace-leaf-content:not([data-type="graph"])
  *,
body.flexcyon-sidebar-bg-grid
  div
  .mod-right-split
  .workspace-leaf-content:not([data-type="graph"])
  * {
  background-image:
    repeating-linear-gradient(
      var(--flexcyon-editor-bg-rotation),
      var(--flexcyon-editor-bg-color-2),
      var(--flexcyon-editor-bg-color-2) 1px,
      transparent 1px,
      transparent var(--flexcyon-editor-bg-width)
    ),
    repeating-linear-gradient(
      calc(90deg + var(--flexcyon-editor-bg-rotation)),
      var(--flexcyon-editor-bg-color-2),
      var(--flexcyon-editor-bg-color-2) 1px,
      transparent 1px,
      transparent var(--flexcyon-editor-bg-width)
    );
}
body.flexcyon-sidebar-bg-grid
  div
  .mod-left-split
  .workspace-leaf-content:not([data-type="graph"])
  *
  *,
body.flexcyon-sidebar-bg-grid
  div
  .mod-right-split
  .workspace-leaf-content:not([data-type="graph"])
  *
  * {
  background-image: none;
}

body.flexcyon-editor-dots .canvas-background,
body.flexcyon-editor-dots .kanban-plugin div,
div.callout[data-callout-metadata*="bg-dots"] .callout-content,
.editor-dots,
body.flexcyon-editor-dots .view-content [class*="markdown-"] {
  background-image: radial-gradient(
    var(--flexcyon-editor-bg-color) var(--flexcyon-editor-dot-size),
    transparent 1px
  );
  background-repeat: repeat;
  background-size: var(--flexcyon-editor-bg-width)
    var(--flexcyon-editor-bg-width);
}
body.flexcyon-editor-dots .canvas-background *,
body.flexcyon-editor-dots .kanban-plugin div *,
div.callout[data-callout-metadata*="bg-dots"] .callout-content *,
.editor-dots *,
body.flexcyon-editor-dots .view-content [class*="markdown-"] * {
  background-image: none;
}

body.flexcyon-sidebar-bg-dots
  div
  .mod-left-split
  .workspace-leaf-content:not([data-type="graph"])
  *,
body.flexcyon-sidebar-bg-dots
  div
  .mod-right-split
  .workspace-leaf-content:not([data-type="graph"])
  * {
  background-image: radial-gradient(
    var(--flexcyon-editor-bg-color-2) var(--flexcyon-editor-dot-size),
    transparent 1px
  );
  background-repeat: repeat;
  background-size: var(--flexcyon-editor-bg-width)
    var(--flexcyon-editor-bg-width);
}
body.flexcyon-sidebar-bg-dots
  div
  .mod-left-split
  .workspace-leaf-content:not([data-type="graph"])
  *
  *,
body.flexcyon-sidebar-bg-dots
  div
  .mod-right-split
  .workspace-leaf-content:not([data-type="graph"])
  *
  * {
  background-image: none;
}

body.flexcyon-editor-rhombus .canvas-background .canvas-background,
body.flexcyon-editor-rhombus .kanban-plugin div .canvas-background,
div.callout[data-callout-metadata*="bg-rhombus"]
  .callout-content
  .canvas-background,
.editor-rhombus .canvas-background,
body.flexcyon-editor-rhombus
  .view-content
  [class*="markdown-"]
  .canvas-background {
  display: none;
}
body.flexcyon-editor-rhombus .canvas-background,
body.flexcyon-editor-rhombus .kanban-plugin div,
div.callout[data-callout-metadata*="bg-rhombus"] .callout-content,
.editor-rhombus,
body.flexcyon-editor-rhombus .view-content [class*="markdown-"] {
  background-image:
    repeating-linear-gradient(
      calc(30deg + var(--flexcyon-editor-bg-rotation)),
      var(--flexcyon-editor-bg-color),
      var(--flexcyon-editor-bg-color) 1px,
      transparent 1px,
      transparent var(--flexcyon-editor-bg-width)
    ),
    repeating-linear-gradient(
      calc(150deg + var(--flexcyon-editor-bg-rotation)),
      var(--flexcyon-editor-bg-color),
      var(--flexcyon-editor-bg-color) 1px,
      transparent 1px,
      transparent var(--flexcyon-editor-bg-width)
    );
}
body.flexcyon-editor-rhombus .canvas-background *,
body.flexcyon-editor-rhombus .kanban-plugin div *,
div.callout[data-callout-metadata*="bg-rhombus"] .callout-content *,
.editor-rhombus *,
body.flexcyon-editor-rhombus .view-content [class*="markdown-"] * {
  background-image: none;
}

body.flexcyon-sidebar-bg-rhombus
  div
  .mod-left-split
  .workspace-leaf-content:not([data-type="graph"])
  *,
body.flexcyon-sidebar-bg-rhombus
  div
  .mod-right-split
  .workspace-leaf-content:not([data-type="graph"])
  * {
  background-image:
    repeating-linear-gradient(
      calc(30deg + var(--flexcyon-editor-bg-rotation)),
      var(--flexcyon-editor-bg-color-2),
      var(--flexcyon-editor-bg-color-2) 1px,
      transparent 1px,
      transparent var(--flexcyon-editor-bg-width)
    ),
    repeating-linear-gradient(
      calc(150deg + var(--flexcyon-editor-bg-rotation)),
      var(--flexcyon-editor-bg-color-2),
      var(--flexcyon-editor-bg-color-2) 1px,
      transparent 1px,
      transparent var(--flexcyon-editor-bg-width)
    );
}
body.flexcyon-sidebar-bg-rhombus
  div
  .mod-left-split
  .workspace-leaf-content:not([data-type="graph"])
  *
  *,
body.flexcyon-sidebar-bg-rhombus
  div
  .mod-right-split
  .workspace-leaf-content:not([data-type="graph"])
  *
  * {
  background-image: none;
}

body.theme-dark {
  --interactive-normal: var(--color-base-05);
  --interactive-hover: var(--background-primary);
  --interactive-accent: var(--flexcyon-accent);
  --interactive-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l);
  --interactive-accent-hover: color-mix(
    in hsl shorter hue,
    var(--flexcyon-accent) 75%,
    transparent
  );
}

body {
  --dimmed: 0.55;
  --upsize: 103%;
  --expand: 110%;
  --less-letter-spacing: -3px;
  --flexcyon-comm-item-opacity: 0.89;
  --flexcyon-tree-item-horiz-padding: 12px;
  --flexcyon-tree-item-verti-padding: 1.25px;
}
body .clickable-icon {
  opacity: var(--dimmed);
  padding: 4px 8px;
}
body .clickable-icon:hover {
  opacity: unset;
  scale: var(--upsize);
}
body .view-header-nav-buttons .clickable-icon,
body .view-actions .clickable-icon {
  padding: 5px 10px;
}
body .graph-controls .clickable-icon,
body .clickable-icon.side-dock-ribbon-action {
  padding: var(--size-2-2) var(--size-2-3);
}
body .community-modal-info hr {
  display: none;
}
body .setting-item {
  border-top: none;
}
body .style-settings-collapse-indicator {
  transform: translateX(-2px);
}
body .setting-item.setting-item-heading {
  border-bottom: 1px solid var(--background-modifier-border);
}
body .setting-item.setting-item-heading .setting-item-name {
  line-height: 1.5;
  padding-right: 4px;
}
body .setting-item + div > .setting-item-heading,
body .setting-item + .setting-item-heading {
  margin-top: 1.5em;
}
body .horizontal-tab-nav-item,
body .vertical-tab-nav-item {
  padding: calc(var(--size-4-1) + 1px) var(--size-4-2);
  margin-bottom: 1px;
  font-size: calc(var(--font-ui-small) + 1.25px);
}
body .LazyLoad.is-visible {
  height: unset !important;
}
body .oz-folder-line,
body .oz-nav-file,
body .tree-item:not(.graph-control-section) {
  padding: var(--flexcyon-tree-item-verti-padding)
    var(--flexcyon-tree-item-horiz-padding);
}
body .collapse-icon {
  transform: translateY(-0.5px);
}

body.flexcyon-workspace-card-layout .community-modal-info-name {
  border: 2px solid var(--text-faint);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom: 0px;
  padding: 3px 16px;
  padding-top: 16px;
  margin-bottom: 0px;
  margin-top: 8px;
}
body.flexcyon-workspace-card-layout .community-modal-info-downloads,
body.flexcyon-workspace-card-layout .community-modal-info-version,
body.flexcyon-workspace-card-layout .community-modal-info-author,
body.flexcyon-workspace-card-layout .community-modal-info-repo,
body.flexcyon-workspace-card-layout .community-modal-info-desc {
  border: 2px solid var(--text-faint);
  border-top: 0px;
  border-bottom: 0px;
  padding: 3px 16px;
  overflow-wrap: break-word;
}
body.flexcyon-workspace-card-layout .community-modal-info-desc {
  margin-top: 0px;
}
body.flexcyon-workspace-card-layout .community-modal-info-downloads {
  width: 100%;
  margin-top: 0px;
}
body.flexcyon-workspace-card-layout .community-modal-button-container {
  border: 2px solid var(--text-faint);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border-top: 0px;
  padding: 16px;
  padding-bottom: 24px;
  margin: 0px;
}
body.flexcyon-workspace-card-layout .community-modal-readme {
  margin-top: 32px;
}

body:not(.is-phone) .community-item.is-selected .community-item-downloads,
body:not(.is-phone)
  .community-item.is-selected:hover
  .community-item-downloads {
  color: var(--color-base-00);
}
body:not(.is-phone) .community-item.is-selected .community-item-updated,
body:not(.is-phone) .community-item.is-selected:hover .community-item-updated {
  color: var(--color-base-25);
}

body.theme-light.flexcyon-settings-smiley-icons-enabled
  div.setting-item-control
  div.checkbox-container::after {
  filter: saturate(2.5);
  font-weight: bold;
}

body.flexcyon-settings-smiley-icons-enabled
  div.setting-item-control
  div.checkbox-container {
  background-color: var(--color-base-05);
  box-shadow: unset;
  font-weight: bolder;
}
body.flexcyon-settings-smiley-icons-enabled
  div.setting-item-control
  div.checkbox-container::after {
  content: ":(";
  transform: translateY(-10%);
  width: fit-content;
  height: fit-content;
  background-color: inherit;
  color: var(--color-red);
  box-shadow: unset;
  border-radius: 25%;
}
body.flexcyon-settings-smiley-icons-enabled
  div.setting-item-control
  div.checkbox-container.is-enabled::after {
  content: ":)";
  color: var(--color-green);
  transform: translate(16px, -10%);
}
body.flexcyon-settings-smiley-icons-enabled
  div.setting-item-control
  input.slider {
  border-radius: unset;
}

body.flexcyon-sidedock-icon-effects div.side-dock-actions {
  opacity: var(--dimmed);
  scale: var(--upsize);
}
body.flexcyon-sidedock-icon-effects div.side-dock-actions:hover {
  opacity: 1;
}
body.flexcyon-sidedock-icon-effects div.side-dock-actions :hover {
  scale: var(--expand);
}
body.flexcyon-sidedock-icon-effects
  div.side-dock-actions
  :nth-of-type(8n + 0):hover {
  color: var(--color-purple);
}
body.flexcyon-sidedock-icon-effects
  div.side-dock-actions
  :nth-of-type(8n + 1):hover {
  color: var(--color-cyan);
}
body.flexcyon-sidedock-icon-effects
  div.side-dock-actions
  :nth-of-type(8n + 2):hover {
  color: var(--color-blue);
}
body.flexcyon-sidedock-icon-effects
  div.side-dock-actions
  :nth-of-type(8n + 3):hover {
  color: var(--color-pink);
}
body.flexcyon-sidedock-icon-effects
  div.side-dock-actions
  :nth-of-type(8n + 4):hover {
  color: var(--color-green);
}
body.flexcyon-sidedock-icon-effects
  div.side-dock-actions
  :nth-of-type(8n + 5):hover {
  color: var(--color-yellow);
}
body.flexcyon-sidedock-icon-effects
  div.side-dock-actions
  :nth-of-type(8n + 6):hover {
  color: var(--color-orange);
}
body.flexcyon-sidedock-icon-effects
  div.side-dock-actions
  :nth-of-type(8n + 7):hover {
  color: var(--color-red);
}

body {
  --icon-stroke: 2px;
  --icon-color-active: var(--interactive-accent);
  --icon-color-focused: var(--interactive-accent);
  --clickable-icon-radius: 0;
}
body [aria-label^="Collapse results"] {
  letter-spacing: var(--less-letter-spacing);
}
body span.flair.mod-pop {
  margin-left: var(--flexcyon-settings-installed-tooltip-left-margin);
}

body.flexcyon-settings-comm-item-enabled
  div.community-modal-search-results
  div.community-item {
  opacity: var(--flexcyon-comm-item-opacity);
}
body.flexcyon-settings-comm-item-enabled
  div.community-modal-search-results
  div.community-item.is-selected {
  opacity: unset;
  border: unset;
  font-weight: bold;
}
body.flexcyon-settings-comm-item-enabled
  div.community-item
  div.community-item-name
  span.flair.mod-pop {
  position: absolute;
  right: 0.5rem;
  top: 0.7rem;
  background-color: var(--text-accent);
  color: var(--color-base-25);
}
body.flexcyon-settings-comm-item-enabled
  div.community-item.is-selected
  div.community-item-name
  span.flair.mod-pop {
  background-color: var(--color-base-25);
  color: var(--text-normal);
}
body.flexcyon-settings-comm-item-enabled .community-item-name {
  width: 75%;
  overflow-wrap: break-word;
}
body.flexcyon-settings-comm-item-enabled .community-item-downloads,
body.flexcyon-settings-comm-item-enabled .community-modal-info-downloads {
  color: rgba(var(--color-cyan-rgb), var(--flexcyon-comm-item-opacity));
}
body.flexcyon-settings-comm-item-enabled .community-item-updated {
  color: rgba(
    var(--color-blue-rgb),
    calc(var(--flexcyon-comm-item-opacity) - 0.1)
  );
}
body.flexcyon-settings-comm-item-enabled .community-modal-info-version {
  color: rgba(
    var(--color-green-rgb),
    calc(var(--flexcyon-comm-item-opacity) - 0.1)
  );
}

body.flexcyon-settings-coloured-icons [aria-label^="Uninstall"] {
  color: rgba(var(--color-red-rgb), 0.9);
}
body.flexcyon-settings-coloured-icons [aria-label^="Options"] {
  color: rgba(var(--color-blue-rgb), 0.9);
}
body.flexcyon-settings-coloured-icons [aria-label^="Hotkeys"] {
  color: rgba(var(--color-green-rgb), 0.9);
}
body.flexcyon-settings-coloured-icons [aria-label^="Donate to support"] {
  color: rgba(var(--color-pink-rgb), 0.9);
}
body.flexcyon-settings-coloured-icons [aria-label^="Reload plugins"] {
  color: rgba(var(--color-cyan-rgb), 0.9);
}
body.flexcyon-settings-coloured-icons [aria-label^="Open plugins folder"] {
  color: rgba(var(--color-green-rgb), 0.9);
}
body.flexcyon-settings-coloured-icons [aria-label^="Reload snippets"] {
  color: rgba(var(--color-cyan-rgb), 0.9);
}
body.flexcyon-settings-coloured-icons [aria-label^="Open snippets folder"] {
  color: rgba(var(--color-green-rgb), 0.9);
}
body.flexcyon-settings-coloured-icons [aria-label^="Restore default"] {
  color: rgba(var(--color-purple-rgb), 0.9);
}

body.flexcyon-titlebar-button-effects .titlebar-button.mod-minimize:hover {
  color: var(--color-cyan);
}
body.flexcyon-titlebar-button-effects .titlebar-button.mod-maximize:hover {
  color: var(--color-blue);
}
body.flexcyon-titlebar-button-effects .titlebar-button.mod-close:hover {
  color: var(--text-normal);
}
body.flexcyon-titlebar-button-effects .titlebar-button {
  opacity: var(--dimmed);
}
body.flexcyon-titlebar-button-effects .titlebar-button:hover {
  opacity: unset;
  scale: var(--expand);
}

body.is-mobile .vertical-tab-content {
  background-color: var(--color-base-05);
}

body.flexcyon-workspace-angled-layout .collapse-icon.is-collapsed svg.svg-icon {
  transform: rotate(calc(var(--direction) * -1 * 90deg)) skewX(-5deg);
}
body.flexcyon-workspace-angled-layout .tree-item-self .collapse-icon svg {
  transform: skewX(7.5deg);
}

body {
  --graph-line: var(--flexcyon-base-03);
  --graph-node-unresolved: var(--flexcyon-red-salmon);
  --graph-node-tag: var(--flexcyon-purple-lilac);
  --graph-control-verti-padding: 6px;
  --graph-control-horiz-padding: 12px;
}

body.flexcyon-workspace-angled-layout div.graph-controls.is-close {
  transform: skewY(-5deg);
}

.graph-controls {
  padding: var(--graph-control-verti-padding);
}

.graph-control-section {
  padding: var(--graph-control-verti-padding) var(--graph-control-horiz-padding);
  border-bottom: none;
}
.graph-control-section .tree-item-self {
  padding: var(--graph-control-verti-padding) 8px
    var(--graph-control-verti-padding) 14px;
}
.graph-control-section .tree-item-children .graph-color-button-container,
.graph-control-section .tree-item-children .graph-color-groups-container,
.graph-control-section .tree-item-children .mod-toggle {
  padding: var(--graph-control-verti-padding) var(--graph-control-horiz-padding);
}

.graph-control-section .tree-item-children .mod-slider {
  padding: calc(var(--graph-control-verti-padding) * 1.25)
    var(--graph-control-horiz-padding);
}

.graph-color-group {
  padding: 0 0 calc(var(--graph-control-verti-padding) * 1.25) 0;
}

.graph-control-section-header {
  transform: translateX(-1px);
}

body {
  --nav-item-color: var(--text-muted);
  --nav-item-color-active: var(--interactive-accent);
  --nav-item-color-selected: var(--flexcyon-orange);
  --nav-item-background-selected: var(--flexcyon-base-03);
}

body {
  --titlebar-background: var(--background-secondary);
  --titlebar-background-focused: var(--background-secondary);
  --titlebar-border-color: var(--background-modifier-border);
  --titlebar-text-color: var(--text-faint);
  --titlebar-text-color-focused: var(--text-muted);
}

body.theme-dark {
  --flexcyon-link-color: #a461c8;
  --flexcyon-link-unresolved-color: #a461c8;
  --flexcyon-external-link-color: #5a8fcd;
}

body.theme-light {
  --flexcyon-link-color: #6f49ae;
  --flexcyon-link-unresolved-color: #6f49ae;
  --flexcyon-external-link-color: #5c9fe4;
}

body {
  --flexcyon-link-hover: color-mix(
    in hsl shorter hue,
    var(--flexcyon-link-color),
    var(--flexcyon-base-grey-dark)
  );
  --flexcyon-external-link-hover: color-mix(
    in hsl shorter hue,
    var(--flexcyon-external-link-color),
    var(--flexcyon-base-grey-dark)
  );
  --link-color: var(--flexcyon-link-color);
  --link-color-hover: var(--flexcyon-link-hover);
  --link-unresolved-color: var(--flexcyon-link-unresolved-color);
  --link-unresolved-decoration-style: dashed;
  --link-unresolved-decoration-color: var(--flexcyon-link-unresolved-color);
  --link-external-color: var(--flexcyon-external-link-color);
  --link-external-color-hover: var(--flexcyon-external-link-hover);
}

body {
  --drag-ghost-background: var(--flexcyon-base-03);
  --drag-ghost-text-color: var(--interactive-accent);
}

body {
  --table-border-color: #6f768566;
  --table-header-background: var(--color-base-20);
  --table-row-alt-background: var(--color-base-15);
  --table-column-alt-background: var(--table-background);
  --table-add-button-background: var(--color-base-15);
  --table-background: var(--background-primary);
  --table-header-background-hover: var(--table-background);
  --table-header-size: large;
  --flexcyon-table-reading-mode-width: 100%;
}
body table:not(.table-view-table) {
  width: var(--flexcyon-table-reading-mode-width);
  margin-left: calc((100% - var(--flexcyon-table-reading-mode-width)) / 2);
}
body .table-view-table > :is(thead, tbody) > tr > :is(th, td) {
  border: 1px solid var(--table-header-border-color);
}
body thead tr th {
  background-color: var(--table-column-alt-background);
}
body .cm-html-embed tbody tr:nth-of-type(2n + 1) > td:nth-of-type(2n + 2),
body .markdown-rendered tbody tr:nth-of-type(2n + 1) > td:nth-of-type(2n + 2) {
  background-color: var(--table-row-alt-background);
}
body table {
  border-color: var(--table-border-color);
}

body {
  --input-radius: 0px;
}
body .metadata-input-longtext::selection,
body input::selection,
body textarea::selection {
  background-color: var(--flexcyon-base-03-04-mix);
}

body
  :is(.backlinks-pane, .outgoing-link-pane)
  .tree-item-self:hover
  .tree-item-icon
  > svg {
  stroke: var(--flexcyon-accent);
}

body.theme-dark,
body.theme-light {
  --text-highlight-bg: rgba(var(--color-purple-rgb), calc(var(--dimmed) + 0.3));
}

body {
  --oz-fta-file-font-size: 0.9rem;
  --oz-fta-folder-font-size: 0.925rem;
  text-underline-offset: 0.1em;
  --flexcyon-settings-installed-tooltip-left-margin: 1rem;
  --h5-line-height: 1.5;
  --h6-line-height: 1.5;
  --text-normal: var(--flexcyon-text-normal);
  --text-muted: color-mix(
    in hsl,
    var(--flexcyon-text-muted),
    var(--flexcyon-text-normal)
  );
  --text-faint: var(--flexcyon-text-muted);
  --text-accent: var(--flexcyon-accent);
  --text-on-accent: var(--flexcyon-base-03);
  --text-accent-hover: var(--flexcyon-accent-hover);
  --text-error: var(--flexcyon-red-salmon);
  --text-warning: var(--flexcyon-red-salmon);
  --text-success: var(--flexcyon-lime-green);
  --text-selection: color-mix(
    in hsl shorter hue,
    var(--flexcyon-base-04) 20%,
    transparent
  );
  --bold-color: var(--flexcyon-red-salmon);
  --italic-color: var(--flexcyon-accent);
  --flexcyon-text-normal: var(--flexcyon-base-grey-light);
  --flexcyon-text-muted: #6f768599;
  --flexcyon-highlight-verti-padding: 1px;
  --flexcyon-highlight-horiz-padding: 2.5px;
  --flexcyon-highlight-border-radius: 4px;
  --font-ui-smaller: 12px;
  --font-ui-small: 14px;
  --font-ui-medium: 16px;
  --font-ui-large: 18px;
}
body .cm-em.cm-quote {
  color: var(--italic-color);
}
body .cm-formatting-em {
  opacity: calc(var(--dimmed) + 0.25);
}
body .cm-formatting-strong {
  opacity: calc(var(--dimmed) + 0.25);
}
body .cm-strong.cm-quote {
  color: var(--bold-color);
}
body .cm-line .ͼi {
  color: var(--flexcyon-cyan);
}
body .cm-line .ͼj {
  color: var(--flexcyon-orange);
}
body .cm-line .ͼc {
  color: var(--flexcyon-accent);
}
body .cm-line .ͼb {
  color: var(--flexcyon-yellow);
}
body .cm-line .cm-matchingbracket {
  color: var(--flexcyon-purple-lilac);
}
body .cm-line .ͼi {
  color: var(--flexcyon-cyan);
}
body .cm-line .ͼj {
  color: var(--flexcyon-orange);
}
body .cm-line .ͼc {
  color: var(--flexcyon-accent);
}
body .cm-line .ͼb {
  color: var(--flexcyon-yellow);
}
body .cm-line .cm-matchingbracket {
  color: var(--flexcyon-purple-lilac);
}
body .cm-s-obsidian span.cm-formatting-highlight,
body .cm-s-obsidian span.cm-highlight,
body .markdown-source-view:is(.is-live-preview) mark {
  color: var(--text-normal);
  background-color: var(--text-highlight-bg);
  padding: var(--flexcyon-highlight-verti-padding)
    var(--flexcyon-highlight-horiz-padding);
  border-radius: var(--flexcyon-highlight-border-radius);
  font-weight: 525;
}
body .cm-s-obsidian span.cm-formatting-highlight {
  border-radius: 0px;
  color: var(--text-highlight-bg);
  background-color: inherit;
}
body .cm-line .ͼi {
  color: var(--flexcyon-cyan);
}
body .cm-line .ͼj {
  color: var(--flexcyon-orange);
}
body .cm-line .ͼc {
  color: var(--flexcyon-accent);
}
body .cm-line .ͼb {
  color: var(--flexcyon-yellow);
}
body .cm-line .cm-matchingbracket {
  color: var(--flexcyon-purple-lilac);
}

body {
  --radius-s: 2px;
  --radius-m: 4px;
  --radius-l: 6px;
  --radius-x1: 8px;
}

body {
  --prompt-border-color: var(--flexcyon-base-02-03-mix);
  --search-clear-button-color: var(--flexcyon-red-salmon);
  --search-icon-color: var(--flexcyon-accent);
  --flexcyon-suggestion-verti-padding: 8px;
  --flexcyon-suggestion-horiz-padding: 12px;
}
body .search-input-container > input {
  background-color: var(--background-primary);
}
body .suggestion-title {
  padding: 2px 8px;
}
body .community-item .suggestion-highlight {
  color: var(--color-orange);
}
body .prompt > .prompt-results > .suggestion-item .suggestion-highlight {
  color: var(--interactive-accent);
}
body .prompt input.prompt-input {
  color: var(--interactive-accent);
  font-weight: bold;
}
body .search-result:not(.is-collapsed) .search-result-file-title {
  color: var(--text-normal);
}
body .search-result:not(.is-collapsed) .search-result-file-matched-text {
  color: var(--text-accent);
  font-weight: bold;
}

body.flexcyon-prompt-align-bottom-left .modal-container .prompt {
  top: 30vh;
  left: 0px;
}

body.flexcyon-prompt-align-bottom-center .modal-container .prompt {
  top: 30vh;
}

body.flexcyon-prompt-align-center-left .modal-container .prompt {
  left: 0px;
}

body.flexcyon-prompt-align-top-left .modal-container .prompt {
  left: 0px;
  top: 0px;
}

body.flexcyon-prompt-align-top-center .modal-container .prompt {
  top: 0px;
}

body .suggestion-item {
  padding: var(--flexcyon-suggestion-verti-padding)
    var(--flexcyon-suggestion-horiz-padding);
  opacity: var(--dimmed);
}
body .suggestion-item.is-selected {
  opacity: 0.9;
}

body.theme-dark .suggestion-item.mod-complex .suggestion-prefix {
  color: var(--color-blue);
}

body.theme-light .suggestion-item.mod-complex .suggestion-prefix {
  color: rgba(var(--color-orange-rgb), 0.85);
}

body .suggestion-item.mod-complex {
  font-size: calc(var(--font-ui-medium) - 0.5px);
}
body .suggestion-item.mod-complex.is-selected {
  font-size: var(--font-ui-medium);
}
body .suggestion-item.mod-complex .suggestion-prefix {
  background-color: transparent;
  margin-right: 16px;
}
body .suggestion-item.mod-complex .suggestion-prefix::after {
  display: none;
}
body .suggestion-item.mod-complex .suggestion-highlight {
  opacity: 1;
  font-weight: bold;
  font-size: calc(var(--font-ui-medium) + 0.5px);
}
body .suggestion-item.mod-complex.is-selected .suggestion-hotkey {
  font-size: var(--font-ui-small);
  font-weight: bold;
  opacity: unset;
}
body .suggestion-item.mod-complex.is-selected .suggestion-prefix {
  opacity: unset;
}

body {
  --flexcyon-repl-active-line-str: "->";
}
body .cm-gutterElement.cm-active {
  font-weight: 900;
  font-size: var(--font-ui-medium);
  color: rgba(var(--color-green-rgb), 60%);
}

body:not(.is-mobile) .cm-lineNumbers .cm-active,
body:not(.is-mobile) .cm-lineNumbers *::before {
  font-size: calc(var(--font-ui-small) + 0.05rem);
}

body:not(.is-mobile) .cm-lineNumbers .cm-active {
  padding-right: 4px;
}

body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *,
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *,
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *,
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *,
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *,
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *,
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *,
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *,
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *,
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + * + .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *,
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + * + * + .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *,
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + * + * + * + .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ .cm-active) {
  font-size: 0;
}

body.flexcyon-enable-rel-nums.flexcyon-relative-num-only:not(.is-mobile)
  .cm-lineNumbers
  .cm-gutterElement:not(.cm-active) {
  font-size: 0;
}

body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *::before {
  --flexcyon-rel-bel-1: "1";
  content: var(--flexcyon-rel-bel-1);
}
body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ .cm-active)::before {
  --flexcyon-rel-abv-0: "0";
  content: var(--flexcyon-rel-abv-0);
}
body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *::before {
  --flexcyon-rel-bel-2: "2";
  content: var(--flexcyon-rel-bel-2);
}
body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ .cm-active)::before {
  --flexcyon-rel-abv-1: "1";
  content: var(--flexcyon-rel-abv-1);
}
body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-3: "3";
  content: var(--flexcyon-rel-bel-3);
}
body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + .cm-active)::before {
  --flexcyon-rel-abv-2: "2";
  content: var(--flexcyon-rel-abv-2);
}
body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-4: "4";
  content: var(--flexcyon-rel-bel-4);
}
body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + .cm-active)::before {
  --flexcyon-rel-abv-3: "3";
  content: var(--flexcyon-rel-abv-3);
}
body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-5: "5";
  content: var(--flexcyon-rel-bel-5);
}
body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-4: "4";
  content: var(--flexcyon-rel-abv-4);
}
body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-6: "6";
  content: var(--flexcyon-rel-bel-6);
}
body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-5: "5";
  content: var(--flexcyon-rel-abv-5);
}
body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-7: "7";
  content: var(--flexcyon-rel-bel-7);
}
body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-6: "6";
  content: var(--flexcyon-rel-abv-6);
}
body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-8: "8";
  content: var(--flexcyon-rel-bel-8);
}
body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-7: "7";
  content: var(--flexcyon-rel-abv-7);
}
body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-9: "9";
  content: var(--flexcyon-rel-bel-9);
}
body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-8: "8";
  content: var(--flexcyon-rel-abv-8);
}
body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-10: "10";
  content: var(--flexcyon-rel-bel-10);
}
body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-9: "9";
  content: var(--flexcyon-rel-abv-9);
}
body.flexcyon-enable-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-10: "10";
  content: var(--flexcyon-rel-abv-10);
}

body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ .cm-active)::before {
  --flexcyon-rel-abv-1: "α";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ .cm-active)::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + .cm-active)::before {
  --flexcyon-rel-abv-2: "β";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + .cm-active)::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + .cm-active)::before {
  --flexcyon-rel-abv-3: "γ";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + .cm-active)::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-4: "δ";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + .cm-active)::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-5: "ε";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + .cm-active)::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-6: "ζ";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + .cm-active)::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-7: "η";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + .cm-active)::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-8: "θ";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + * + .cm-active)::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-9: "ι";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + * + * + .cm-active)::before {
  font-size: 0.95rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-10: "κ";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + * + * + * + .cm-active)::before {
  font-size: 0.95rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *::before {
  --flexcyon-rel-bel-1: "α";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *::before {
  --flexcyon-rel-bel-2: "β";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-3: "γ";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-4: "δ";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-5: "ε";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-6: "ζ";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-7: "η";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-8: "θ";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-9: "ι";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *::before {
  font-size: 0.95rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-10: "κ";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *::before {
  font-size: 0.95rem;
}

body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ .cm-active)::before {
  --flexcyon-rel-abv-1: "I";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + .cm-active)::before {
  --flexcyon-rel-abv-2: "II";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + .cm-active)::before {
  --flexcyon-rel-abv-3: "III";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-4: "IV";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-5: "V";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-6: "VI";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-7: "VII";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-8: "VIII";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-9: "IX";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-10: "X";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *::before {
  --flexcyon-rel-bel-1: "I";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *::before {
  --flexcyon-rel-bel-2: "II";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-3: "III";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-4: "IV";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-5: "V";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-6: "VI";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-7: "VII";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-8: "VIII";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-9: "IX";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-10: "X";
}

body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ .cm-active)::before {
  --flexcyon-rel-abv-1: "一";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + .cm-active)::before {
  --flexcyon-rel-abv-2: "二";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + .cm-active)::before {
  --flexcyon-rel-abv-3: "三";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-4: "四";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-5: "五";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-6: "六";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-7: "七";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-8: "八";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-9: "九";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  *:has(+ * + * + * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-10: "十";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *::before {
  --flexcyon-rel-bel-1: "一";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *::before {
  --flexcyon-rel-bel-2: "二";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-3: "三";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-4: "四";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-5: "五";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-6: "六";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-7: "七";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-8: "八";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-9: "九";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile)
  .cm-lineNumbers
  .cm-active
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *::before {
  --flexcyon-rel-bel-10: "十";
}

body.flexcyon-repl-active-line-num-str .cm-gutterElement.cm-active {
  font-size: 0;
}
body.flexcyon-repl-active-line-num-str .cm-gutterElement.cm-active::before {
  content: var(--flexcyon-repl-active-line-str);
  font-size: calc(var(--font-ui-medium) + 0.07rem);
}

/* Callout modifications */
body {
  --flexcyon-callout-bg-opacity: 20%;
  --flexcyon-callout-icon-right-padding: 4px;
  --flexcyon-callout-first-codeblock-margin-top: 1rem;
  --flexcyon-callout-vertical-margin: 1em;
  --flexcyon-callout-pop-animation-duration: 0.2s;
  --flexcyon-callouts-flashcard-width: 250px;
  --flexcyon-callouts-flashcard-height: 250px;
  --flexcyon-callout-flashcard-animation-duration: 0.5s;
  --flexcyon-editor-writing-indentation: 16px;
  --callout-padding: var(--size-4-3) var(--size-4-6);
}
body div.callout .callout-icon {
  padding-inline-end: var(--flexcyon-callout-icon-right-padding);
}
body div.callout .callout-content :first-child:is(pre, img) {
  margin-top: var(--flexcyon-callout-first-codeblock-margin-top);
}
body .markdown-source-view.mod-cm6 .callout,
body .callout {
  margin: var(--flexcyon-callout-vertical-margin) 0;
}

div.callout[data-callout-metadata*="tategaki"] div.callout-content {
  writing-mode: vertical-rl;
  overflow: scroll;
  max-width: 95%;
  padding-top: 2vh;
  padding-bottom: 0px !important;
  line-height: 1.667;
  margin: auto;
  min-height: 0 !important;
  max-height: 85vh;
  text-indent: 1rem;
}
div.callout[data-callout-metadata*="tategaki"]
  div.callout-content
  :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0;
  line-height: 1.667;
}

div.callout[data-callout-metadata*="vertical-ltr"] div.callout-content {
  writing-mode: vertical-lr;
  overflow: scroll;
  max-width: 95%;
  padding-top: 2vh;
  padding-bottom: 0px !important;
  line-height: 1.667;
  margin: auto;
  min-height: 0 !important;
  max-height: 85vh;
  text-indent: 1rem;
}
div.callout[data-callout-metadata*="vertical-ltr"]
  div.callout-content
  :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0;
  line-height: 1.667;
}

div.callout[data-callout-metadata*="empty"] .callout-icon,
div.callout[data-callout*="empty"] .callout-icon,
div.callout[data-callout-metadata*="tategaki"] .callout-icon,
div.callout[data-callout-metadata*="vertical-ltr"] .callout-icon,
div.callout[data-callout-metadata*="no-icon"] .callout-icon {
  display: none;
}

div.callout[data-callout-metadata*="tategaki"] .callout-title-inner,
div.callout[data-callout-metadata*="empty"] .callout-title-inner,
div.callout[data-callout*="empty"] .callout-title-inner,
div.callout[data-callout-metadata*="vertical-ltr"] .callout-title-inner,
div.callout[data-callout-metadata*="no-title"] .callout-title-inner {
  display: none;
}

div.callout[data-callout-metadata*="bg-transparent"],
div.callout[data-callout-metadata*="transparent-bg"] {
  background-color: transparent;
}

div.callout[data-callout-metadata*="all-yellow"],
div.callout[data-callout-metadata*="bg-yellow"] {
  background-color: rgba(
    var(--color-yellow-rgb),
    var(--flexcyon-callout-bg-opacity)
  );
}

div.callout[data-callout-metadata*="all-yellow"] .callout-title,
div.callout[data-callout-metadata*="all-yellow"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-yellow"] .callout-title,
div.callout[data-callout-metadata*="title-yellow"] .callout-icon .svg-icon {
  color: var(--color-yellow);
}

div.callout[data-callout-metadata*="all-blue"],
div.callout[data-callout-metadata*="bg-blue"] {
  background-color: rgba(
    var(--color-blue-rgb),
    var(--flexcyon-callout-bg-opacity)
  );
}

div.callout[data-callout-metadata*="all-blue"] .callout-title,
div.callout[data-callout-metadata*="all-blue"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-blue"] .callout-title,
div.callout[data-callout-metadata*="title-blue"] .callout-icon .svg-icon {
  color: var(--color-blue);
}

div.callout[data-callout-metadata*="all-purple"],
div.callout[data-callout-metadata*="bg-purple"] {
  background-color: rgba(
    var(--color-purple-rgb),
    var(--flexcyon-callout-bg-opacity)
  );
}

div.callout[data-callout-metadata*="all-purple"] .callout-title,
div.callout[data-callout-metadata*="all-purple"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-purple"] .callout-title,
div.callout[data-callout-metadata*="title-purple"] .callout-icon .svg-icon {
  color: var(--color-purple);
}

div.callout[data-callout-metadata*="all-red"],
div.callout[data-callout-metadata*="bg-red"] {
  background-color: rgba(
    var(--color-red-rgb),
    var(--flexcyon-callout-bg-opacity)
  );
}

div.callout[data-callout-metadata*="all-red"] .callout-title,
div.callout[data-callout-metadata*="all-red"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-red"] .callout-title,
div.callout[data-callout-metadata*="title-red"] .callout-icon .svg-icon {
  color: var(--color-red);
}

div.callout[data-callout-metadata*="all-cyan"],
div.callout[data-callout-metadata*="bg-cyan"] {
  background-color: rgba(
    var(--color-cyan-rgb),
    var(--flexcyon-callout-bg-opacity)
  );
}

div.callout[data-callout-metadata*="all-cyan"] .callout-title,
div.callout[data-callout-metadata*="all-cyan"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-cyan"] .callout-title,
div.callout[data-callout-metadata*="title-cyan"] .callout-icon .svg-icon {
  color: var(--color-cyan);
}

div.callout[data-callout-metadata*="all-pink"],
div.callout[data-callout-metadata*="bg-pink"] {
  background-color: rgba(
    var(--color-pink-rgb),
    var(--flexcyon-callout-bg-opacity)
  );
}

div.callout[data-callout-metadata*="all-pink"] .callout-title,
div.callout[data-callout-metadata*="all-pink"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-pink"] .callout-title,
div.callout[data-callout-metadata*="title-pink"] .callout-icon .svg-icon {
  color: var(--color-pink);
}

div.callout[data-callout-metadata*="all-green"],
div.callout[data-callout-metadata*="bg-green"] {
  background-color: rgba(
    var(--color-green-rgb),
    var(--flexcyon-callout-bg-opacity)
  );
}

div.callout[data-callout-metadata*="all-green"] .callout-title,
div.callout[data-callout-metadata*="all-green"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-green"] .callout-title,
div.callout[data-callout-metadata*="title-green"] .callout-icon .svg-icon {
  color: var(--color-green);
}

div.callout[data-callout-metadata*="all-orange"],
div.callout[data-callout-metadata*="bg-orange"] {
  background-color: rgba(
    var(--color-orange-rgb),
    var(--flexcyon-callout-bg-opacity)
  );
}

div.callout[data-callout-metadata*="all-orange"] .callout-title,
div.callout[data-callout-metadata*="all-orange"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-orange"] .callout-title,
div.callout[data-callout-metadata*="title-orange"] .callout-icon .svg-icon {
  color: var(--color-orange);
}

div.callout[data-callout-metadata*="center-all"] div.callout-title,
div.callout[data-callout-metadata*="center-title"] div.callout-title {
  justify-content: center;
}

div.callout[data-callout-metadata*="center-all"] div.callout-content,
div.callout[data-callout-metadata*="center-content"] div.callout-content {
  text-align: center;
}

div.callout[data-callout-metadata*="rtl-all"] div.callout-title *,
div.callout[data-callout-metadata*="rtl-all"] div.callout-title,
div.callout[data-callout-metadata*="rtl-title"] div.callout-title *,
div.callout[data-callout-metadata*="rtl-title"] div.callout-title {
  direction: rtl !important;
  unicode-bidi: bidi-override;
}

div.callout[data-callout-metadata*="rtl-all"] div.callout-content *,
div.callout[data-callout-metadata*="rtl-content"] div.callout-content * {
  direction: rtl !important;
  unicode-bidi: bidi-override;
}
div.callout[data-callout-metadata*="rtl-all"]
  div.callout-content
  code[class*="language-"],
div.callout[data-callout-metadata*="rtl-all"]
  div.callout-content
  pre[class*="language-"],
div.callout[data-callout-metadata*="rtl-content"]
  div.callout-content
  code[class*="language-"],
div.callout[data-callout-metadata*="rtl-content"]
  div.callout-content
  pre[class*="language-"] {
  text-align: right;
}

div.callout[data-callout-metadata*="ltr-all"] div.callout-title *,
div.callout[data-callout-metadata*="ltr-all"] div.callout-title,
div.callout[data-callout-metadata*="ltr-title"] div.callout-title *,
div.callout[data-callout-metadata*="ltr-title"] div.callout-title {
  direction: ltr !important;
  unicode-bidi: bidi-override;
}

div.callout[data-callout-metadata*="ltr-all"] div.callout-content *,
div.callout[data-callout-metadata*="ltr-content"] div.callout-content * {
  direction: ltr !important;
  unicode-bidi: bidi-override;
}
div.callout[data-callout-metadata*="ltr-all"]
  div.callout-content
  code[class*="language-"],
div.callout[data-callout-metadata*="ltr-all"]
  div.callout-content
  pre[class*="language-"],
div.callout[data-callout-metadata*="ltr-content"]
  div.callout-content
  code[class*="language-"],
div.callout[data-callout-metadata*="ltr-content"]
  div.callout-content
  pre[class*="language-"] {
  text-align: left;
}

div.callout[data-callout-metadata*="uppercase-all"]
  div.callout-title
  .callout-title-inner,
div.callout[data-callout-metadata*="uppercase-title"]
  div.callout-title
  .callout-title-inner {
  text-transform: uppercase;
}

div.callout[data-callout-metadata*="uppercase-all"] div.callout-content *,
div.callout[data-callout-metadata*="uppercase-content"] div.callout-content * {
  text-transform: uppercase;
}
div.callout[data-callout-metadata*="uppercase-all"] div.callout-content * *,
div.callout[data-callout-metadata*="uppercase-content"]
  div.callout-content
  *
  * {
  text-transform: uppercase;
}
div.callout[data-callout-metadata*="uppercase-all"]
  div.callout-content
  *
  code[class*="language-"],
div.callout[data-callout-metadata*="uppercase-all"]
  div.callout-content
  *
  pre[class*="language-"],
div.callout[data-callout-metadata*="uppercase-content"]
  div.callout-content
  *
  code[class*="language-"],
div.callout[data-callout-metadata*="uppercase-content"]
  div.callout-content
  *
  pre[class*="language-"] {
  text-transform: uppercase;
}

div.callout[data-callout-metadata*="lowercase-all"]
  div.callout-title
  .callout-title-inner,
div.callout[data-callout-metadata*="lowercase-title"]
  div.callout-title
  .callout-title-inner {
  text-transform: lowercase;
}

div.callout[data-callout-metadata*="lowercase-all"] div.callout-content *,
div.callout[data-callout-metadata*="lowercase-content"] div.callout-content * {
  text-transform: lowercase;
}
div.callout[data-callout-metadata*="lowercase-all"] div.callout-content * *,
div.callout[data-callout-metadata*="lowercase-content"]
  div.callout-content
  *
  * {
  text-transform: lowercase;
}
div.callout[data-callout-metadata*="lowercase-all"]
  div.callout-content
  *
  code[class*="language-"],
div.callout[data-callout-metadata*="lowercase-all"]
  div.callout-content
  *
  pre[class*="language-"],
div.callout[data-callout-metadata*="lowercase-content"]
  div.callout-content
  *
  code[class*="language-"],
div.callout[data-callout-metadata*="lowercase-content"]
  div.callout-content
  *
  pre[class*="language-"] {
  text-transform: lowercase;
}

div.callout[data-callout-metadata*="caps-all"]
  div.callout-title
  .callout-title-inner,
div.callout[data-callout-metadata*="caps-title"]
  div.callout-title
  .callout-title-inner {
  text-transform: capitalize;
}

div.callout[data-callout-metadata*="caps-all"] div.callout-content *,
div.callout[data-callout-metadata*="caps-content"] div.callout-content * {
  text-transform: capitalize;
}
div.callout[data-callout-metadata*="caps-all"] div.callout-content * *,
div.callout[data-callout-metadata*="caps-content"] div.callout-content * * {
  text-transform: capitalize;
}
div.callout[data-callout-metadata*="caps-all"]
  div.callout-content
  *
  code[class*="language-"],
div.callout[data-callout-metadata*="caps-all"]
  div.callout-content
  *
  pre[class*="language-"],
div.callout[data-callout-metadata*="caps-content"]
  div.callout-content
  *
  code[class*="language-"],
div.callout[data-callout-metadata*="caps-content"]
  div.callout-content
  *
  pre[class*="language-"] {
  text-transform: capitalize;
}

div.callout[data-callout-metadata*="all-red-blue"],
div.callout[data-callout-metadata*="bg-red-blue"] {
  background-color: var(--color-red-blue-mix-bg);
}

div.callout[data-callout-metadata*="all-red-blue"] .callout-title,
div.callout[data-callout-metadata*="all-red-blue"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-red-blue"] .callout-title,
div.callout[data-callout-metadata*="title-red-blue"] .callout-icon .svg-icon {
  color: var(--color-red-blue-mix);
}

div.callout[data-callout-metadata*="all-blue-red"],
div.callout[data-callout-metadata*="bg-blue-red"] {
  background-color: var(--color-red-blue-mix-bg);
}

div.callout[data-callout-metadata*="all-blue-red"] .callout-title,
div.callout[data-callout-metadata*="all-blue-red"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-blue-red"] .callout-title,
div.callout[data-callout-metadata*="title-blue-red"] .callout-icon .svg-icon {
  color: var(--color-red-blue-mix);
}

div.callout[data-callout-metadata*="all-red-orange"],
div.callout[data-callout-metadata*="bg-red-orange"] {
  background-color: var(--color-red-orange-mix-bg);
}

div.callout[data-callout-metadata*="all-red-orange"] .callout-title,
div.callout[data-callout-metadata*="all-red-orange"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-red-orange"] .callout-title,
div.callout[data-callout-metadata*="title-red-orange"] .callout-icon .svg-icon {
  color: var(--color-red-orange-mix);
}

div.callout[data-callout-metadata*="all-orange-red"],
div.callout[data-callout-metadata*="bg-orange-red"] {
  background-color: var(--color-red-orange-mix-bg);
}

div.callout[data-callout-metadata*="all-orange-red"] .callout-title,
div.callout[data-callout-metadata*="all-orange-red"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-orange-red"] .callout-title,
div.callout[data-callout-metadata*="title-orange-red"] .callout-icon .svg-icon {
  color: var(--color-red-orange-mix);
}

div.callout[data-callout-metadata*="all-red-yellow"],
div.callout[data-callout-metadata*="bg-red-yellow"] {
  background-color: var(--color-red-yellow-mix-bg);
}

div.callout[data-callout-metadata*="all-red-yellow"] .callout-title,
div.callout[data-callout-metadata*="all-red-yellow"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-red-yellow"] .callout-title,
div.callout[data-callout-metadata*="title-red-yellow"] .callout-icon .svg-icon {
  color: var(--color-red-yellow-mix);
}

div.callout[data-callout-metadata*="all-yellow-red"],
div.callout[data-callout-metadata*="bg-yellow-red"] {
  background-color: var(--color-red-yellow-mix-bg);
}

div.callout[data-callout-metadata*="all-yellow-red"] .callout-title,
div.callout[data-callout-metadata*="all-yellow-red"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-yellow-red"] .callout-title,
div.callout[data-callout-metadata*="title-yellow-red"] .callout-icon .svg-icon {
  color: var(--color-red-yellow-mix);
}

div.callout[data-callout-metadata*="all-red-green"],
div.callout[data-callout-metadata*="bg-red-green"] {
  background-color: var(--color-red-green-mix-bg);
}

div.callout[data-callout-metadata*="all-red-green"] .callout-title,
div.callout[data-callout-metadata*="all-red-green"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-red-green"] .callout-title,
div.callout[data-callout-metadata*="title-red-green"] .callout-icon .svg-icon {
  color: var(--color-red-green-mix);
}

div.callout[data-callout-metadata*="all-green-red"],
div.callout[data-callout-metadata*="bg-green-red"] {
  background-color: var(--color-red-green-mix-bg);
}

div.callout[data-callout-metadata*="all-green-red"] .callout-title,
div.callout[data-callout-metadata*="all-green-red"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-green-red"] .callout-title,
div.callout[data-callout-metadata*="title-green-red"] .callout-icon .svg-icon {
  color: var(--color-red-green-mix);
}

div.callout[data-callout-metadata*="all-red-cyan"],
div.callout[data-callout-metadata*="bg-red-cyan"] {
  background-color: var(--color-red-cyan-mix-bg);
}

div.callout[data-callout-metadata*="all-red-cyan"] .callout-title,
div.callout[data-callout-metadata*="all-red-cyan"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-red-cyan"] .callout-title,
div.callout[data-callout-metadata*="title-red-cyan"] .callout-icon .svg-icon {
  color: var(--color-red-cyan-mix);
}

div.callout[data-callout-metadata*="all-cyan-red"],
div.callout[data-callout-metadata*="bg-cyan-red"] {
  background-color: var(--color-red-cyan-mix-bg);
}

div.callout[data-callout-metadata*="all-cyan-red"] .callout-title,
div.callout[data-callout-metadata*="all-cyan-red"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-cyan-red"] .callout-title,
div.callout[data-callout-metadata*="title-cyan-red"] .callout-icon .svg-icon {
  color: var(--color-red-cyan-mix);
}

div.callout[data-callout-metadata*="all-red-purple"],
div.callout[data-callout-metadata*="bg-red-purple"] {
  background-color: var(--color-red-purple-mix-bg);
}

div.callout[data-callout-metadata*="all-red-purple"] .callout-title,
div.callout[data-callout-metadata*="all-red-purple"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-red-purple"] .callout-title,
div.callout[data-callout-metadata*="title-red-purple"] .callout-icon .svg-icon {
  color: var(--color-red-purple-mix);
}

div.callout[data-callout-metadata*="all-purple-red"],
div.callout[data-callout-metadata*="bg-purple-red"] {
  background-color: var(--color-red-purple-mix-bg);
}

div.callout[data-callout-metadata*="all-purple-red"] .callout-title,
div.callout[data-callout-metadata*="all-purple-red"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-purple-red"] .callout-title,
div.callout[data-callout-metadata*="title-purple-red"] .callout-icon .svg-icon {
  color: var(--color-red-purple-mix);
}

div.callout[data-callout-metadata*="all-red-pink"],
div.callout[data-callout-metadata*="bg-red-pink"] {
  background-color: var(--color-red-pink-mix-bg);
}

div.callout[data-callout-metadata*="all-red-pink"] .callout-title,
div.callout[data-callout-metadata*="all-red-pink"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-red-pink"] .callout-title,
div.callout[data-callout-metadata*="title-red-pink"] .callout-icon .svg-icon {
  color: var(--color-red-pink-mix);
}

div.callout[data-callout-metadata*="all-pink-red"],
div.callout[data-callout-metadata*="bg-pink-red"] {
  background-color: var(--color-red-pink-mix-bg);
}

div.callout[data-callout-metadata*="all-pink-red"] .callout-title,
div.callout[data-callout-metadata*="all-pink-red"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-pink-red"] .callout-title,
div.callout[data-callout-metadata*="title-pink-red"] .callout-icon .svg-icon {
  color: var(--color-red-pink-mix);
}

div.callout[data-callout-metadata*="all-orange-yellow"],
div.callout[data-callout-metadata*="bg-orange-yellow"] {
  background-color: var(--color-orange-yellow-mix-bg);
}

div.callout[data-callout-metadata*="all-orange-yellow"] .callout-title,
div.callout[data-callout-metadata*="all-orange-yellow"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-orange-yellow"] .callout-title,
div.callout[data-callout-metadata*="title-orange-yellow"]
  .callout-icon
  .svg-icon {
  color: var(--color-orange-yellow-mix);
}

div.callout[data-callout-metadata*="all-yellow-orange"],
div.callout[data-callout-metadata*="bg-yellow-orange"] {
  background-color: var(--color-orange-yellow-mix-bg);
}

div.callout[data-callout-metadata*="all-yellow-orange"] .callout-title,
div.callout[data-callout-metadata*="all-yellow-orange"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-yellow-orange"] .callout-title,
div.callout[data-callout-metadata*="title-yellow-orange"]
  .callout-icon
  .svg-icon {
  color: var(--color-orange-yellow-mix);
}

div.callout[data-callout-metadata*="all-orange-green"],
div.callout[data-callout-metadata*="bg-orange-green"] {
  background-color: var(--color-orange-green-mix-bg);
}

div.callout[data-callout-metadata*="all-orange-green"] .callout-title,
div.callout[data-callout-metadata*="all-orange-green"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-orange-green"] .callout-title,
div.callout[data-callout-metadata*="title-orange-green"]
  .callout-icon
  .svg-icon {
  color: var(--color-orange-green-mix);
}

div.callout[data-callout-metadata*="all-green-orange"],
div.callout[data-callout-metadata*="bg-green-orange"] {
  background-color: var(--color-orange-green-mix-bg);
}

div.callout[data-callout-metadata*="all-green-orange"] .callout-title,
div.callout[data-callout-metadata*="all-green-orange"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-green-orange"] .callout-title,
div.callout[data-callout-metadata*="title-green-orange"]
  .callout-icon
  .svg-icon {
  color: var(--color-orange-green-mix);
}

div.callout[data-callout-metadata*="all-orange-cyan"],
div.callout[data-callout-metadata*="bg-orange-cyan"] {
  background-color: var(--color-orange-cyan-mix-bg);
}

div.callout[data-callout-metadata*="all-orange-cyan"] .callout-title,
div.callout[data-callout-metadata*="all-orange-cyan"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-orange-cyan"] .callout-title,
div.callout[data-callout-metadata*="title-orange-cyan"]
  .callout-icon
  .svg-icon {
  color: var(--color-orange-cyan-mix);
}

div.callout[data-callout-metadata*="all-cyan-orange"],
div.callout[data-callout-metadata*="bg-cyan-orange"] {
  background-color: var(--color-orange-cyan-mix-bg);
}

div.callout[data-callout-metadata*="all-cyan-orange"] .callout-title,
div.callout[data-callout-metadata*="all-cyan-orange"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-cyan-orange"] .callout-title,
div.callout[data-callout-metadata*="title-cyan-orange"]
  .callout-icon
  .svg-icon {
  color: var(--color-orange-cyan-mix);
}

div.callout[data-callout-metadata*="all-orange-blue"],
div.callout[data-callout-metadata*="bg-orange-blue"] {
  background-color: var(--color-orange-blue-mix-bg);
}

div.callout[data-callout-metadata*="all-orange-blue"] .callout-title,
div.callout[data-callout-metadata*="all-orange-blue"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-orange-blue"] .callout-title,
div.callout[data-callout-metadata*="title-orange-blue"]
  .callout-icon
  .svg-icon {
  color: var(--color-orange-blue-mix);
}

div.callout[data-callout-metadata*="all-blue-orange"],
div.callout[data-callout-metadata*="bg-blue-orange"] {
  background-color: var(--color-orange-blue-mix-bg);
}

div.callout[data-callout-metadata*="all-blue-orange"] .callout-title,
div.callout[data-callout-metadata*="all-blue-orange"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-blue-orange"] .callout-title,
div.callout[data-callout-metadata*="title-blue-orange"]
  .callout-icon
  .svg-icon {
  color: var(--color-orange-blue-mix);
}

div.callout[data-callout-metadata*="all-orange-purple"],
div.callout[data-callout-metadata*="bg-orange-purple"] {
  background-color: var(--color-orange-purple-mix-bg);
}

div.callout[data-callout-metadata*="all-orange-purple"] .callout-title,
div.callout[data-callout-metadata*="all-orange-purple"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-orange-purple"] .callout-title,
div.callout[data-callout-metadata*="title-orange-purple"]
  .callout-icon
  .svg-icon {
  color: var(--color-orange-purple-mix);
}

div.callout[data-callout-metadata*="all-purple-orange"],
div.callout[data-callout-metadata*="bg-purple-orange"] {
  background-color: var(--color-orange-purple-mix-bg);
}

div.callout[data-callout-metadata*="all-purple-orange"] .callout-title,
div.callout[data-callout-metadata*="all-purple-orange"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-purple-orange"] .callout-title,
div.callout[data-callout-metadata*="title-purple-orange"]
  .callout-icon
  .svg-icon {
  color: var(--color-orange-purple-mix);
}

div.callout[data-callout-metadata*="all-orange-pink"],
div.callout[data-callout-metadata*="bg-orange-pink"] {
  background-color: var(--color-orange-pink-mix-bg);
}

div.callout[data-callout-metadata*="all-orange-pink"] .callout-title,
div.callout[data-callout-metadata*="all-orange-pink"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-orange-pink"] .callout-title,
div.callout[data-callout-metadata*="title-orange-pink"]
  .callout-icon
  .svg-icon {
  color: var(--color-orange-pink-mix);
}

div.callout[data-callout-metadata*="all-pink-orange"],
div.callout[data-callout-metadata*="bg-pink-orange"] {
  background-color: var(--color-orange-pink-mix-bg);
}

div.callout[data-callout-metadata*="all-pink-orange"] .callout-title,
div.callout[data-callout-metadata*="all-pink-orange"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-pink-orange"] .callout-title,
div.callout[data-callout-metadata*="title-pink-orange"]
  .callout-icon
  .svg-icon {
  color: var(--color-orange-pink-mix);
}

div.callout[data-callout-metadata*="all-yellow-green"],
div.callout[data-callout-metadata*="bg-yellow-green"] {
  background-color: var(--color-yellow-green-mix-bg);
}

div.callout[data-callout-metadata*="all-yellow-green"] .callout-title,
div.callout[data-callout-metadata*="all-yellow-green"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-yellow-green"] .callout-title,
div.callout[data-callout-metadata*="title-yellow-green"]
  .callout-icon
  .svg-icon {
  color: var(--color-yellow-green-mix);
}

div.callout[data-callout-metadata*="all-green-yellow"],
div.callout[data-callout-metadata*="bg-green-yellow"] {
  background-color: var(--color-yellow-green-mix-bg);
}

div.callout[data-callout-metadata*="all-green-yellow"] .callout-title,
div.callout[data-callout-metadata*="all-green-yellow"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-green-yellow"] .callout-title,
div.callout[data-callout-metadata*="title-green-yellow"]
  .callout-icon
  .svg-icon {
  color: var(--color-yellow-green-mix);
}

div.callout[data-callout-metadata*="all-yellow-cyan"],
div.callout[data-callout-metadata*="bg-yellow-cyan"] {
  background-color: var(--color-yellow-cyan-mix-bg);
}

div.callout[data-callout-metadata*="all-yellow-cyan"] .callout-title,
div.callout[data-callout-metadata*="all-yellow-cyan"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-yellow-cyan"] .callout-title,
div.callout[data-callout-metadata*="title-yellow-cyan"]
  .callout-icon
  .svg-icon {
  color: var(--color-yellow-cyan-mix);
}

div.callout[data-callout-metadata*="all-cyan-yellow"],
div.callout[data-callout-metadata*="bg-cyan-yellow"] {
  background-color: var(--color-yellow-cyan-mix-bg);
}

div.callout[data-callout-metadata*="all-cyan-yellow"] .callout-title,
div.callout[data-callout-metadata*="all-cyan-yellow"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-cyan-yellow"] .callout-title,
div.callout[data-callout-metadata*="title-cyan-yellow"]
  .callout-icon
  .svg-icon {
  color: var(--color-yellow-cyan-mix);
}

div.callout[data-callout-metadata*="all-yellow-blue"],
div.callout[data-callout-metadata*="bg-yellow-blue"] {
  background-color: var(--color-yellow-blue-mix-bg);
}

div.callout[data-callout-metadata*="all-yellow-blue"] .callout-title,
div.callout[data-callout-metadata*="all-yellow-blue"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-yellow-blue"] .callout-title,
div.callout[data-callout-metadata*="title-yellow-blue"]
  .callout-icon
  .svg-icon {
  color: var(--color-yellow-blue-mix);
}

div.callout[data-callout-metadata*="all-blue-yellow"],
div.callout[data-callout-metadata*="bg-blue-yellow"] {
  background-color: var(--color-yellow-blue-mix-bg);
}

div.callout[data-callout-metadata*="all-blue-yellow"] .callout-title,
div.callout[data-callout-metadata*="all-blue-yellow"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-blue-yellow"] .callout-title,
div.callout[data-callout-metadata*="title-blue-yellow"]
  .callout-icon
  .svg-icon {
  color: var(--color-yellow-blue-mix);
}

div.callout[data-callout-metadata*="all-yellow-purple"],
div.callout[data-callout-metadata*="bg-yellow-purple"] {
  background-color: var(--color-yellow-purple-mix-bg);
}

div.callout[data-callout-metadata*="all-yellow-purple"] .callout-title,
div.callout[data-callout-metadata*="all-yellow-purple"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-yellow-purple"] .callout-title,
div.callout[data-callout-metadata*="title-yellow-purple"]
  .callout-icon
  .svg-icon {
  color: var(--color-yellow-purple-mix);
}

div.callout[data-callout-metadata*="all-purple-yellow"],
div.callout[data-callout-metadata*="bg-purple-yellow"] {
  background-color: var(--color-yellow-purple-mix-bg);
}

div.callout[data-callout-metadata*="all-purple-yellow"] .callout-title,
div.callout[data-callout-metadata*="all-purple-yellow"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-purple-yellow"] .callout-title,
div.callout[data-callout-metadata*="title-purple-yellow"]
  .callout-icon
  .svg-icon {
  color: var(--color-yellow-purple-mix);
}

div.callout[data-callout-metadata*="all-yellow-pink"],
div.callout[data-callout-metadata*="bg-yellow-pink"] {
  background-color: var(--color-yellow-pink-mix-bg);
}

div.callout[data-callout-metadata*="all-yellow-pink"] .callout-title,
div.callout[data-callout-metadata*="all-yellow-pink"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-yellow-pink"] .callout-title,
div.callout[data-callout-metadata*="title-yellow-pink"]
  .callout-icon
  .svg-icon {
  color: var(--color-yellow-pink-mix);
}

div.callout[data-callout-metadata*="all-pink-yellow"],
div.callout[data-callout-metadata*="bg-pink-yellow"] {
  background-color: var(--color-yellow-pink-mix-bg);
}

div.callout[data-callout-metadata*="all-pink-yellow"] .callout-title,
div.callout[data-callout-metadata*="all-pink-yellow"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-pink-yellow"] .callout-title,
div.callout[data-callout-metadata*="title-pink-yellow"]
  .callout-icon
  .svg-icon {
  color: var(--color-yellow-pink-mix);
}

div.callout[data-callout-metadata*="all-green-cyan"],
div.callout[data-callout-metadata*="bg-green-cyan"] {
  background-color: var(--color-green-cyan-mix-bg);
}

div.callout[data-callout-metadata*="all-green-cyan"] .callout-title,
div.callout[data-callout-metadata*="all-green-cyan"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-green-cyan"] .callout-title,
div.callout[data-callout-metadata*="title-green-cyan"] .callout-icon .svg-icon {
  color: var(--color-green-cyan-mix);
}

div.callout[data-callout-metadata*="all-cyan-green"],
div.callout[data-callout-metadata*="bg-cyan-green"] {
  background-color: var(--color-green-cyan-mix-bg);
}

div.callout[data-callout-metadata*="all-cyan-green"] .callout-title,
div.callout[data-callout-metadata*="all-cyan-green"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-cyan-green"] .callout-title,
div.callout[data-callout-metadata*="title-cyan-green"] .callout-icon .svg-icon {
  color: var(--color-green-cyan-mix);
}

div.callout[data-callout-metadata*="all-green-blue"],
div.callout[data-callout-metadata*="bg-green-blue"] {
  background-color: var(--color-green-blue-mix-bg);
}

div.callout[data-callout-metadata*="all-green-blue"] .callout-title,
div.callout[data-callout-metadata*="all-green-blue"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-green-blue"] .callout-title,
div.callout[data-callout-metadata*="title-green-blue"] .callout-icon .svg-icon {
  color: var(--color-green-blue-mix);
}

div.callout[data-callout-metadata*="all-blue-green"],
div.callout[data-callout-metadata*="bg-blue-green"] {
  background-color: var(--color-green-blue-mix-bg);
}

div.callout[data-callout-metadata*="all-blue-green"] .callout-title,
div.callout[data-callout-metadata*="all-blue-green"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-blue-green"] .callout-title,
div.callout[data-callout-metadata*="title-blue-green"] .callout-icon .svg-icon {
  color: var(--color-green-blue-mix);
}

div.callout[data-callout-metadata*="all-green-purple"],
div.callout[data-callout-metadata*="bg-green-purple"] {
  background-color: var(--color-green-purple-mix-bg);
}

div.callout[data-callout-metadata*="all-green-purple"] .callout-title,
div.callout[data-callout-metadata*="all-green-purple"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-green-purple"] .callout-title,
div.callout[data-callout-metadata*="title-green-purple"]
  .callout-icon
  .svg-icon {
  color: var(--color-green-purple-mix);
}

div.callout[data-callout-metadata*="all-purple-green"],
div.callout[data-callout-metadata*="bg-purple-green"] {
  background-color: var(--color-green-purple-mix-bg);
}

div.callout[data-callout-metadata*="all-purple-green"] .callout-title,
div.callout[data-callout-metadata*="all-purple-green"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-purple-green"] .callout-title,
div.callout[data-callout-metadata*="title-purple-green"]
  .callout-icon
  .svg-icon {
  color: var(--color-green-purple-mix);
}

div.callout[data-callout-metadata*="all-green-pink"],
div.callout[data-callout-metadata*="bg-green-pink"] {
  background-color: var(--color-green-pink-mix-bg);
}

div.callout[data-callout-metadata*="all-green-pink"] .callout-title,
div.callout[data-callout-metadata*="all-green-pink"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-green-pink"] .callout-title,
div.callout[data-callout-metadata*="title-green-pink"] .callout-icon .svg-icon {
  color: var(--color-green-pink-mix);
}

div.callout[data-callout-metadata*="all-pink-green"],
div.callout[data-callout-metadata*="bg-pink-green"] {
  background-color: var(--color-green-pink-mix-bg);
}

div.callout[data-callout-metadata*="all-pink-green"] .callout-title,
div.callout[data-callout-metadata*="all-pink-green"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-pink-green"] .callout-title,
div.callout[data-callout-metadata*="title-pink-green"] .callout-icon .svg-icon {
  color: var(--color-green-pink-mix);
}

div.callout[data-callout-metadata*="all-cyan-blue"],
div.callout[data-callout-metadata*="bg-cyan-blue"] {
  background-color: var(--color-cyan-blue-mix-bg);
}

div.callout[data-callout-metadata*="all-cyan-blue"] .callout-title,
div.callout[data-callout-metadata*="all-cyan-blue"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-cyan-blue"] .callout-title,
div.callout[data-callout-metadata*="title-cyan-blue"] .callout-icon .svg-icon {
  color: var(--color-cyan-blue-mix);
}

div.callout[data-callout-metadata*="all-blue-cyan"],
div.callout[data-callout-metadata*="bg-blue-cyan"] {
  background-color: var(--color-cyan-blue-mix-bg);
}

div.callout[data-callout-metadata*="all-blue-cyan"] .callout-title,
div.callout[data-callout-metadata*="all-blue-cyan"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-blue-cyan"] .callout-title,
div.callout[data-callout-metadata*="title-blue-cyan"] .callout-icon .svg-icon {
  color: var(--color-cyan-blue-mix);
}

div.callout[data-callout-metadata*="all-cyan-purple"],
div.callout[data-callout-metadata*="bg-cyan-purple"] {
  background-color: var(--color-cyan-purple-mix-bg);
}

div.callout[data-callout-metadata*="all-cyan-purple"] .callout-title,
div.callout[data-callout-metadata*="all-cyan-purple"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-cyan-purple"] .callout-title,
div.callout[data-callout-metadata*="title-cyan-purple"]
  .callout-icon
  .svg-icon {
  color: var(--color-cyan-purple-mix);
}

div.callout[data-callout-metadata*="all-purple-cyan"],
div.callout[data-callout-metadata*="bg-purple-cyan"] {
  background-color: var(--color-cyan-purple-mix-bg);
}

div.callout[data-callout-metadata*="all-purple-cyan"] .callout-title,
div.callout[data-callout-metadata*="all-purple-cyan"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-purple-cyan"] .callout-title,
div.callout[data-callout-metadata*="title-purple-cyan"]
  .callout-icon
  .svg-icon {
  color: var(--color-cyan-purple-mix);
}

div.callout[data-callout-metadata*="all-cyan-pink"],
div.callout[data-callout-metadata*="bg-cyan-pink"] {
  background-color: var(--color-cyan-pink-mix-bg);
}

div.callout[data-callout-metadata*="all-cyan-pink"] .callout-title,
div.callout[data-callout-metadata*="all-cyan-pink"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-cyan-pink"] .callout-title,
div.callout[data-callout-metadata*="title-cyan-pink"] .callout-icon .svg-icon {
  color: var(--color-cyan-pink-mix);
}

div.callout[data-callout-metadata*="all-pink-cyan"],
div.callout[data-callout-metadata*="bg-pink-cyan"] {
  background-color: var(--color-cyan-pink-mix-bg);
}

div.callout[data-callout-metadata*="all-pink-cyan"] .callout-title,
div.callout[data-callout-metadata*="all-pink-cyan"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-pink-cyan"] .callout-title,
div.callout[data-callout-metadata*="title-pink-cyan"] .callout-icon .svg-icon {
  color: var(--color-cyan-pink-mix);
}

div.callout[data-callout-metadata*="all-blue-purple"],
div.callout[data-callout-metadata*="bg-blue-purple"] {
  background-color: var(--color-blue-purple-mix-bg);
}

div.callout[data-callout-metadata*="all-blue-purple"] .callout-title,
div.callout[data-callout-metadata*="all-blue-purple"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-blue-purple"] .callout-title,
div.callout[data-callout-metadata*="title-blue-purple"]
  .callout-icon
  .svg-icon {
  color: var(--color-blue-purple-mix);
}

div.callout[data-callout-metadata*="all-purple-blue"],
div.callout[data-callout-metadata*="bg-purple-blue"] {
  background-color: var(--color-blue-purple-mix-bg);
}

div.callout[data-callout-metadata*="all-purple-blue"] .callout-title,
div.callout[data-callout-metadata*="all-purple-blue"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-purple-blue"] .callout-title,
div.callout[data-callout-metadata*="title-purple-blue"]
  .callout-icon
  .svg-icon {
  color: var(--color-blue-purple-mix);
}

div.callout[data-callout-metadata*="all-blue-pink"],
div.callout[data-callout-metadata*="bg-blue-pink"] {
  background-color: var(--color-blue-pink-mix-bg);
}

div.callout[data-callout-metadata*="all-blue-pink"] .callout-title,
div.callout[data-callout-metadata*="all-blue-pink"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-blue-pink"] .callout-title,
div.callout[data-callout-metadata*="title-blue-pink"] .callout-icon .svg-icon {
  color: var(--color-blue-pink-mix);
}

div.callout[data-callout-metadata*="all-pink-blue"],
div.callout[data-callout-metadata*="bg-pink-blue"] {
  background-color: var(--color-blue-pink-mix-bg);
}

div.callout[data-callout-metadata*="all-pink-blue"] .callout-title,
div.callout[data-callout-metadata*="all-pink-blue"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-pink-blue"] .callout-title,
div.callout[data-callout-metadata*="title-pink-blue"] .callout-icon .svg-icon {
  color: var(--color-blue-pink-mix);
}

div.callout[data-callout-metadata*="all-purple-pink"],
div.callout[data-callout-metadata*="bg-purple-pink"] {
  background-color: var(--color-purple-pink-mix-bg);
}

div.callout[data-callout-metadata*="all-purple-pink"] .callout-title,
div.callout[data-callout-metadata*="all-purple-pink"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-purple-pink"] .callout-title,
div.callout[data-callout-metadata*="title-purple-pink"]
  .callout-icon
  .svg-icon {
  color: var(--color-purple-pink-mix);
}

div.callout[data-callout-metadata*="all-pink-purple"],
div.callout[data-callout-metadata*="bg-pink-purple"] {
  background-color: var(--color-purple-pink-mix-bg);
}

div.callout[data-callout-metadata*="all-pink-purple"] .callout-title,
div.callout[data-callout-metadata*="all-pink-purple"] .callout-icon .svg-icon,
div.callout[data-callout-metadata*="title-pink-purple"] .callout-title,
div.callout[data-callout-metadata*="title-pink-purple"]
  .callout-icon
  .svg-icon {
  color: var(--color-purple-pink-mix);
}

body.is-mobile .markdown-reading-view .callout[data-callout-metadata*="$pop"] {
  margin-left: min(-5vw, -40px);
  width: max(var(--file-line-width) / 2, 40vw);
}

.markdown-source-view .callout[data-callout-metadata*="$pop"]:not(:hover) {
  visibility: visible;
}

.markdown-reading-view .callout[data-callout-metadata*="$pop"] {
  display: block;
  position: absolute;
  margin-left: min(-3vw, -40px);
  transform: translateY(-70px);
  transition: all var(--flexcyon-callout-pop-animation-duration) ease;
  width: calc(var(--file-line-width) / 2 + min(3vw, 40px));
  backdrop-filter: blur(20px);
  z-index: 999;
}
.markdown-reading-view .callout[data-callout-metadata*="$pop"] .callout-title {
  margin-top: 3px;
  margin-left: 22px;
}
.markdown-reading-view .callout[data-callout-metadata*="$pop"]:hover::before {
  display: block;
  border: none;
  transition: all var(--flexcyon-callout-pop-animation-duration) ease;
}
.markdown-reading-view .callout[data-callout-metadata*="$pop"]::before {
  visibility: visible;
  content: ">";
  display: block;
  position: absolute;
  padding: 2px;
  color: rgb(var(--callout-color));
  z-index: 1;
}
.markdown-reading-view .callout[data-callout-metadata*="$pop"]:not(:hover) {
  visibility: hidden;
}

div.callout[data-callout-metadata*="tilt-all"] .callout-title,
div.callout[data-callout-metadata*="tilt-title"] .callout-title {
  transform: skewX(-7.5deg);
}

div.callout[data-callout-metadata*="tilt-all"] .callout-content,
div.callout[data-callout-metadata*="tilt-content"] .callout-content {
  transform: skewX(-7.5deg);
}

div.callout[data-callout-metadata*="italic-all"] .callout-title,
div.callout[data-callout-metadata*="italic-title"] .callout-title {
  font-style: italic;
}

div.callout[data-callout-metadata*="italic-all"] .callout-content,
div.callout[data-callout-metadata*="italic-content"] .callout-content {
  font-style: italic;
}

div.callout[data-callout-metadata*="oblique-all"] .callout-title,
div.callout[data-callout-metadata*="oblique-title"] .callout-title {
  font-style: oblique;
}

div.callout[data-callout-metadata*="oblique-all"] .callout-content,
div.callout[data-callout-metadata*="oblique-content"] .callout-content {
  font-style: oblique;
}

div.callout[data-callout-metadata*="dashed-all"] .callout-content,
div.callout[data-callout-metadata*="dashed-content"] .callout-content {
  text-decoration: dashed;
}

div.callout[data-callout-metadata*="dashed-all"] .callout-title,
div.callout[data-callout-metadata*="dashed-title"] .callout-title {
  text-decoration: dashed;
}

div.callout[data-callout-metadata*="dotted-all"] .callout-content,
div.callout[data-callout-metadata*="dotted-content"] .callout-content {
  text-decoration: dotted;
}

div.callout[data-callout-metadata*="dotted-all"] .callout-title,
div.callout[data-callout-metadata*="dotted-title"] .callout-title {
  text-decoration: dotted;
}

div.callout[data-callout-metadata*="double-all"] .callout-content,
div.callout[data-callout-metadata*="double-content"] .callout-content {
  text-decoration: double;
}

div.callout[data-callout-metadata*="double-all"] .callout-title,
div.callout[data-callout-metadata*="double-title"] .callout-title {
  text-decoration: double;
}

div.callout[data-callout-metadata*="overline-all"] .callout-content,
div.callout[data-callout-metadata*="overline-content"] .callout-content {
  text-decoration: overline;
}

div.callout[data-callout-metadata*="overline-all"] .callout-title,
div.callout[data-callout-metadata*="overline-title"] .callout-title {
  text-decoration: overline;
}

div.callout[data-callout-metadata*="underline-all"] .callout-content,
div.callout[data-callout-metadata*="underline-content"] .callout-content {
  text-decoration: underline;
}

div.callout[data-callout-metadata*="underline-all"] .callout-title,
div.callout[data-callout-metadata*="underline-title"] .callout-title {
  text-decoration: underline;
}

div.callout[data-callout-metadata*="line-through-all"] .callout-content,
div.callout[data-callout-metadata*="line-through-content"] .callout-content {
  text-decoration: line-through;
}

div.callout[data-callout-metadata*="line-through-all"] .callout-title,
div.callout[data-callout-metadata*="line-through-title"] .callout-title {
  text-decoration: line-through;
}

div.callout[data-callout-metadata*="h1-title"] .callout-title {
  font-size: var(--h1-size);
  color: var(--h1-color);
}
div.callout[data-callout-metadata*="h1-title"] .callout-icon svg {
  color: var(--h1-color);
}

div.callout[data-callout-metadata*="h2-title"] .callout-title {
  font-size: var(--h2-size);
  color: var(--h2-color);
}
div.callout[data-callout-metadata*="h2-title"] .callout-icon svg {
  color: var(--h2-color);
}

div.callout[data-callout-metadata*="h3-title"] .callout-title {
  font-size: var(--h3-size);
  color: var(--h3-color);
}
div.callout[data-callout-metadata*="h3-title"] .callout-icon svg {
  color: var(--h3-color);
}

div.callout[data-callout-metadata*="h4-title"] .callout-title {
  font-size: var(--h4-size);
  color: var(--h4-color);
}
div.callout[data-callout-metadata*="h4-title"] .callout-icon svg {
  color: var(--h4-color);
}

div.callout[data-callout-metadata*="h5-title"] .callout-title {
  font-size: var(--h5-size);
  color: var(--h5-color);
}
div.callout[data-callout-metadata*="h5-title"] .callout-icon svg {
  color: var(--h5-color);
}

div.callout[data-callout-metadata*="h6-title"] .callout-title {
  font-size: var(--h6-size);
  color: var(--h6-color);
}
div.callout[data-callout-metadata*="h6-title"] .callout-icon svg {
  color: var(--h6-color);
}

div.callout[data-callout-metadata*="w-100-all"] .callout-title,
div.callout[data-callout-metadata*="w-100-title"] .callout-title {
  font-weight: 100;
}

div.callout[data-callout-metadata*="w-100-all"] .callout-content,
div.callout[data-callout-metadata*="w-100-content"] .callout-content {
  font-weight: 100;
}

div.callout[data-callout-metadata*="w-200-all"] .callout-title,
div.callout[data-callout-metadata*="w-200-title"] .callout-title {
  font-weight: 200;
}

div.callout[data-callout-metadata*="w-200-all"] .callout-content,
div.callout[data-callout-metadata*="w-200-content"] .callout-content {
  font-weight: 200;
}

div.callout[data-callout-metadata*="w-300-all"] .callout-title,
div.callout[data-callout-metadata*="w-300-title"] .callout-title {
  font-weight: 300;
}

div.callout[data-callout-metadata*="w-300-all"] .callout-content,
div.callout[data-callout-metadata*="w-300-content"] .callout-content {
  font-weight: 300;
}

div.callout[data-callout-metadata*="w-400-all"] .callout-title,
div.callout[data-callout-metadata*="w-400-title"] .callout-title {
  font-weight: 400;
}

div.callout[data-callout-metadata*="w-400-all"] .callout-content,
div.callout[data-callout-metadata*="w-400-content"] .callout-content {
  font-weight: 400;
}

div.callout[data-callout-metadata*="w-500-all"] .callout-title,
div.callout[data-callout-metadata*="w-500-title"] .callout-title {
  font-weight: 500;
}

div.callout[data-callout-metadata*="w-500-all"] .callout-content,
div.callout[data-callout-metadata*="w-500-content"] .callout-content {
  font-weight: 500;
}

div.callout[data-callout-metadata*="w-600-all"] .callout-title,
div.callout[data-callout-metadata*="w-600-title"] .callout-title {
  font-weight: 600;
}

div.callout[data-callout-metadata*="w-600-all"] .callout-content,
div.callout[data-callout-metadata*="w-600-content"] .callout-content {
  font-weight: 600;
}

div.callout[data-callout-metadata*="w-700-all"] .callout-title,
div.callout[data-callout-metadata*="w-700-title"] .callout-title {
  font-weight: 700;
}

div.callout[data-callout-metadata*="w-700-all"] .callout-content,
div.callout[data-callout-metadata*="w-700-content"] .callout-content {
  font-weight: 700;
}

div.callout[data-callout-metadata*="w-800-all"] .callout-title,
div.callout[data-callout-metadata*="w-800-title"] .callout-title {
  font-weight: 800;
}

div.callout[data-callout-metadata*="w-800-all"] .callout-content,
div.callout[data-callout-metadata*="w-800-content"] .callout-content {
  font-weight: 800;
}

div.callout[data-callout-metadata*="w-900-all"] .callout-title,
div.callout[data-callout-metadata*="w-900-title"] .callout-title {
  font-weight: 900;
}

div.callout[data-callout-metadata*="w-900-all"] .callout-content,
div.callout[data-callout-metadata*="w-900-content"] .callout-content {
  font-weight: 900;
}

div.callout[data-callout-metadata*="w-bold-all"] .callout-title,
div.callout[data-callout-metadata*="w-bold-title"] .callout-title {
  font-weight: bold;
}

div.callout[data-callout-metadata*="w-bold-all"] .callout-content,
div.callout[data-callout-metadata*="w-bold-content"] .callout-content {
  font-weight: bold;
}

div.callout[data-callout-metadata*="w-bolder-all"] .callout-title,
div.callout[data-callout-metadata*="w-bolder-title"] .callout-title {
  font-weight: bolder;
}

div.callout[data-callout-metadata*="w-bolder-all"] .callout-content,
div.callout[data-callout-metadata*="w-bolder-content"] .callout-content {
  font-weight: bolder;
}

div.callout[data-callout-metadata*="w-lighter-all"] .callout-title,
div.callout[data-callout-metadata*="w-lighter-title"] .callout-title {
  font-weight: lighter;
}

div.callout[data-callout-metadata*="w-lighter-all"] .callout-content,
div.callout[data-callout-metadata*="w-lighter-content"] .callout-content {
  font-weight: lighter;
}

div.callout[data-callout-metadata*="bg-grid"] .callout-content,
div.callout[data-callout-metadata*="bg-dots"] .callout-content {
  margin-top: 16px;
  padding: 0px 8px;
}

div.callout[data-callout-metadata*="flashcard"] {
  width: var(--flexcyon-callouts-flashcard-width);
  height: var(--flexcyon-callouts-flashcard-height);
  perspective: 1000px;
  transform-style: preserve-3d;
  transition: all var(--flexcyon-callout-flashcard-animation-duration)
    ease-in-out;
}
div.callout[data-callout-metadata*="flashcard"] .callout-content {
  transform: rotateY(180deg);
  opacity: 0;
}
div.callout[data-callout-metadata*="flashcard"] .callout-title {
  position: absolute;
  top: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
div.callout[data-callout-metadata*="flashcard"]:hover {
  transform: rotateY(180deg);
}
div.callout[data-callout-metadata*="flashcard"]:hover .callout-title {
  opacity: 0;
}
div.callout[data-callout-metadata*="flashcard"]:hover .callout-content {
  opacity: 1;
}

.flexcyon-editor-writing .cm-line,
.editor-writing .cm-line,
div.callout[data-callout-metadata*="writing"] .callout-content p {
  text-indent: var(--flexcyon-editor-writing-indentation);
  white-space: initial;
  word-wrap: break-word;
  margin-block-end: calc(1.25 * var(--p-spacing));
}

div.callout[data-callout-metadata*="font-interface-all"] .callout-title,
div.callout[data-callout-metadata*="font-interface-title"] .callout-title {
  font-family: var(--font-interface);
}

div.callout[data-callout-metadata*="font-interface-all"] .callout-content,
div.callout[data-callout-metadata*="font-interface-content"] .callout-content {
  font-family: var(--font-interface);
}

div.callout[data-callout-metadata*="font-text-all"] .callout-title,
div.callout[data-callout-metadata*="font-text-title"] .callout-title {
  font-family: var(--font-text);
}

div.callout[data-callout-metadata*="font-text-all"] .callout-content,
div.callout[data-callout-metadata*="font-text-content"] .callout-content {
  font-family: var(--font-text);
}

div.callout[data-callout-metadata*="font-monospace-all"] .callout-title,
div.callout[data-callout-metadata*="font-monospace-title"] .callout-title {
  font-family: var(--font-monospace);
}

div.callout[data-callout-metadata*="font-monospace-all"] .callout-content,
div.callout[data-callout-metadata*="font-monospace-content"] .callout-content {
  font-family: var(--font-monospace);
}

div.callout[data-callout-metadata*="li-none"] ol,
div.callout[data-callout-metadata*="ol-none"] ol {
  list-style-type: none;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-none"] ul,
div.callout[data-callout-metadata*="ul-none"] ul {
  list-style-type: none;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-disc"] ol,
div.callout[data-callout-metadata*="ol-disc"] ol {
  list-style-type: disc;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-disc"] ul,
div.callout[data-callout-metadata*="ul-disc"] ul {
  list-style-type: disc;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-circle"] ol,
div.callout[data-callout-metadata*="ol-circle"] ol {
  list-style-type: circle;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-circle"] ul,
div.callout[data-callout-metadata*="ul-circle"] ul {
  list-style-type: circle;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-square"] ol,
div.callout[data-callout-metadata*="ol-square"] ol {
  list-style-type: square;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-square"] ul,
div.callout[data-callout-metadata*="ul-square"] ul {
  list-style-type: square;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-decimal"] ol,
div.callout[data-callout-metadata*="ol-decimal"] ol {
  list-style-type: decimal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-decimal"] ul,
div.callout[data-callout-metadata*="ul-decimal"] ul {
  list-style-type: decimal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-cjk-decimal"] ol,
div.callout[data-callout-metadata*="ol-cjk-decimal"] ol {
  list-style-type: cjk-decimal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-cjk-decimal"] ul,
div.callout[data-callout-metadata*="ul-cjk-decimal"] ul {
  list-style-type: cjk-decimal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-decimal-leading-zero"] ol,
div.callout[data-callout-metadata*="ol-decimal-leading-zero"] ol {
  list-style-type: decimal-leading-zero;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-decimal-leading-zero"] ul,
div.callout[data-callout-metadata*="ul-decimal-leading-zero"] ul {
  list-style-type: decimal-leading-zero;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-lower-roman"] ol,
div.callout[data-callout-metadata*="ol-lower-roman"] ol {
  list-style-type: lower-roman;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-lower-roman"] ul,
div.callout[data-callout-metadata*="ul-lower-roman"] ul {
  list-style-type: lower-roman;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-upper-roman"] ol,
div.callout[data-callout-metadata*="ol-upper-roman"] ol {
  list-style-type: upper-roman;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-upper-roman"] ul,
div.callout[data-callout-metadata*="ul-upper-roman"] ul {
  list-style-type: upper-roman;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-lower-greek"] ol,
div.callout[data-callout-metadata*="ol-lower-greek"] ol {
  list-style-type: lower-greek;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-lower-greek"] ul,
div.callout[data-callout-metadata*="ul-lower-greek"] ul {
  list-style-type: lower-greek;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-lower-alpha"] ol,
div.callout[data-callout-metadata*="ol-lower-alpha"] ol {
  list-style-type: lower-alpha;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-lower-alpha"] ul,
div.callout[data-callout-metadata*="ul-lower-alpha"] ul {
  list-style-type: lower-alpha;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-lower-latin"] ol,
div.callout[data-callout-metadata*="ol-lower-latin"] ol {
  list-style-type: lower-latin;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-lower-latin"] ul,
div.callout[data-callout-metadata*="ul-lower-latin"] ul {
  list-style-type: lower-latin;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-upper-alpha"] ol,
div.callout[data-callout-metadata*="ol-upper-alpha"] ol {
  list-style-type: upper-alpha;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-upper-alpha"] ul,
div.callout[data-callout-metadata*="ul-upper-alpha"] ul {
  list-style-type: upper-alpha;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-upper-latin"] ol,
div.callout[data-callout-metadata*="ol-upper-latin"] ol {
  list-style-type: upper-latin;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-upper-latin"] ul,
div.callout[data-callout-metadata*="ul-upper-latin"] ul {
  list-style-type: upper-latin;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-arabic-indic"] ol,
div.callout[data-callout-metadata*="ol-arabic-indic"] ol {
  list-style-type: arabic-indic;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-arabic-indic"] ul,
div.callout[data-callout-metadata*="ul-arabic-indic"] ul {
  list-style-type: arabic-indic;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-armenian"] ol,
div.callout[data-callout-metadata*="ol-armenian"] ol {
  list-style-type: armenian;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-armenian"] ul,
div.callout[data-callout-metadata*="ul-armenian"] ul {
  list-style-type: armenian;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-bengali"] ol,
div.callout[data-callout-metadata*="ol-bengali"] ol {
  list-style-type: bengali;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-bengali"] ul,
div.callout[data-callout-metadata*="ul-bengali"] ul {
  list-style-type: bengali;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-cambodian"] ol,
div.callout[data-callout-metadata*="ol-cambodian"] ol {
  list-style-type: cambodian;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-cambodian"] ul,
div.callout[data-callout-metadata*="ul-cambodian"] ul {
  list-style-type: cambodian;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-khmer"] ol,
div.callout[data-callout-metadata*="ol-khmer"] ol {
  list-style-type: khmer;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-khmer"] ul,
div.callout[data-callout-metadata*="ul-khmer"] ul {
  list-style-type: khmer;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-cjk-earthly-branch"] ol,
div.callout[data-callout-metadata*="ol-cjk-earthly-branch"] ol {
  list-style-type: cjk-earthly-branch;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-cjk-earthly-branch"] ul,
div.callout[data-callout-metadata*="ul-cjk-earthly-branch"] ul {
  list-style-type: cjk-earthly-branch;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-cjk-heavenly-branch"] ol,
div.callout[data-callout-metadata*="ol-cjk-heavenly-branch"] ol {
  list-style-type: cjk-heavenly-branch;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-cjk-heavenly-branch"] ul,
div.callout[data-callout-metadata*="ul-cjk-heavenly-branch"] ul {
  list-style-type: cjk-heavenly-branch;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-cjk-ideographic"] ol,
div.callout[data-callout-metadata*="ol-cjk-ideographic"] ol {
  list-style-type: cjk-ideographic;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-cjk-ideographic"] ul,
div.callout[data-callout-metadata*="ul-cjk-ideographic"] ul {
  list-style-type: cjk-ideographic;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-devanagari"] ol,
div.callout[data-callout-metadata*="ol-devanagari"] ol {
  list-style-type: devanagari;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-devanagari"] ul,
div.callout[data-callout-metadata*="ul-devanagari"] ul {
  list-style-type: devanagari;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-ethiopic-numeric"] ol,
div.callout[data-callout-metadata*="ol-ethiopic-numeric"] ol {
  list-style-type: ethiopic-numeric;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-ethiopic-numeric"] ul,
div.callout[data-callout-metadata*="ul-ethiopic-numeric"] ul {
  list-style-type: ethiopic-numeric;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-georgian"] ol,
div.callout[data-callout-metadata*="ol-georgian"] ol {
  list-style-type: georgian;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-georgian"] ul,
div.callout[data-callout-metadata*="ul-georgian"] ul {
  list-style-type: georgian;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-gujarati"] ol,
div.callout[data-callout-metadata*="ol-gujarati"] ol {
  list-style-type: gujarati;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-gujarati"] ul,
div.callout[data-callout-metadata*="ul-gujarati"] ul {
  list-style-type: gujarati;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-gurmukhi"] ol,
div.callout[data-callout-metadata*="ol-gurmukhi"] ol {
  list-style-type: gurmukhi;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-gurmukhi"] ul,
div.callout[data-callout-metadata*="ul-gurmukhi"] ul {
  list-style-type: gurmukhi;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-hebrew"] ol,
div.callout[data-callout-metadata*="ol-hebrew"] ol {
  list-style-type: hebrew;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-hebrew"] ul,
div.callout[data-callout-metadata*="ul-hebrew"] ul {
  list-style-type: hebrew;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-hiragana"] ol,
div.callout[data-callout-metadata*="ol-hiragana"] ol {
  list-style-type: hiragana;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-hiragana"] ul,
div.callout[data-callout-metadata*="ul-hiragana"] ul {
  list-style-type: hiragana;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-hiragana-iroha"] ol,
div.callout[data-callout-metadata*="ol-hiragana-iroha"] ol {
  list-style-type: hiragana-iroha;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-hiragana-iroha"] ul,
div.callout[data-callout-metadata*="ul-hiragana-iroha"] ul {
  list-style-type: hiragana-iroha;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-japanese-formal"] ol,
div.callout[data-callout-metadata*="ol-japanese-formal"] ol {
  list-style-type: japanese-formal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-japanese-formal"] ul,
div.callout[data-callout-metadata*="ul-japanese-formal"] ul {
  list-style-type: japanese-formal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-japanese-informal"] ol,
div.callout[data-callout-metadata*="ol-japanese-informal"] ol {
  list-style-type: japanese-informal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-japanese-informal"] ul,
div.callout[data-callout-metadata*="ul-japanese-informal"] ul {
  list-style-type: japanese-informal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-kannada"] ol,
div.callout[data-callout-metadata*="ol-kannada"] ol {
  list-style-type: kannada;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-kannada"] ul,
div.callout[data-callout-metadata*="ul-kannada"] ul {
  list-style-type: kannada;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-kannada-iroha"] ol,
div.callout[data-callout-metadata*="ol-kannada-iroha"] ol {
  list-style-type: kannada-iroha;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-kannada-iroha"] ul,
div.callout[data-callout-metadata*="ul-kannada-iroha"] ul {
  list-style-type: kannada-iroha;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-katakana"] ol,
div.callout[data-callout-metadata*="ol-katakana"] ol {
  list-style-type: katakana;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-katakana"] ul,
div.callout[data-callout-metadata*="ul-katakana"] ul {
  list-style-type: katakana;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-katakana-iroha"] ol,
div.callout[data-callout-metadata*="ol-katakana-iroha"] ol {
  list-style-type: katakana-iroha;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-katakana-iroha"] ul,
div.callout[data-callout-metadata*="ul-katakana-iroha"] ul {
  list-style-type: katakana-iroha;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-korean-hangul-formal"] ol,
div.callout[data-callout-metadata*="ol-korean-hangul-formal"] ol {
  list-style-type: korean-hangul-formal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-korean-hangul-formal"] ul,
div.callout[data-callout-metadata*="ul-korean-hangul-formal"] ul {
  list-style-type: korean-hangul-formal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-korean-hanja-formal"] ol,
div.callout[data-callout-metadata*="ol-korean-hanja-formal"] ol {
  list-style-type: korean-hanja-formal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-korean-hanja-formal"] ul,
div.callout[data-callout-metadata*="ul-korean-hanja-formal"] ul {
  list-style-type: korean-hanja-formal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-korean-hanja-informal"] ol,
div.callout[data-callout-metadata*="ol-korean-hanja-informal"] ol {
  list-style-type: korean-hanja-informal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-korean-hanja-informal"] ul,
div.callout[data-callout-metadata*="ul-korean-hanja-informal"] ul {
  list-style-type: korean-hanja-informal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-lao"] ol,
div.callout[data-callout-metadata*="ol-lao"] ol {
  list-style-type: lao;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-lao"] ul,
div.callout[data-callout-metadata*="ul-lao"] ul {
  list-style-type: lao;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-lower-armenian"] ol,
div.callout[data-callout-metadata*="ol-lower-armenian"] ol {
  list-style-type: lower-armenian;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-lower-armenian"] ul,
div.callout[data-callout-metadata*="ul-lower-armenian"] ul {
  list-style-type: lower-armenian;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-malayalam"] ol,
div.callout[data-callout-metadata*="ol-malayalam"] ol {
  list-style-type: malayalam;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-malayalam"] ul,
div.callout[data-callout-metadata*="ul-malayalam"] ul {
  list-style-type: malayalam;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-mongolian"] ol,
div.callout[data-callout-metadata*="ol-mongolian"] ol {
  list-style-type: mongolian;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-mongolian"] ul,
div.callout[data-callout-metadata*="ul-mongolian"] ul {
  list-style-type: mongolian;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-myanmar"] ol,
div.callout[data-callout-metadata*="ol-myanmar"] ol {
  list-style-type: myanmar;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-myanmar"] ul,
div.callout[data-callout-metadata*="ul-myanmar"] ul {
  list-style-type: myanmar;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-oriya"] ol,
div.callout[data-callout-metadata*="ol-oriya"] ol {
  list-style-type: oriya;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-oriya"] ul,
div.callout[data-callout-metadata*="ul-oriya"] ul {
  list-style-type: oriya;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-persian"] ol,
div.callout[data-callout-metadata*="ol-persian"] ol {
  list-style-type: persian;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-persian"] ul,
div.callout[data-callout-metadata*="ul-persian"] ul {
  list-style-type: persian;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-simp-chinese-formal"] ol,
div.callout[data-callout-metadata*="ol-simp-chinese-formal"] ol {
  list-style-type: simp-chinese-formal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-simp-chinese-formal"] ul,
div.callout[data-callout-metadata*="ul-simp-chinese-formal"] ul {
  list-style-type: simp-chinese-formal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-simp-chinese-informal"] ol,
div.callout[data-callout-metadata*="ol-simp-chinese-informal"] ol {
  list-style-type: simp-chinese-informal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-simp-chinese-informal"] ul,
div.callout[data-callout-metadata*="ul-simp-chinese-informal"] ul {
  list-style-type: simp-chinese-informal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-tamil"] ol,
div.callout[data-callout-metadata*="ol-tamil"] ol {
  list-style-type: tamil;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-tamil"] ul,
div.callout[data-callout-metadata*="ul-tamil"] ul {
  list-style-type: tamil;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-telugu"] ol,
div.callout[data-callout-metadata*="ol-telugu"] ol {
  list-style-type: telugu;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-telugu"] ul,
div.callout[data-callout-metadata*="ul-telugu"] ul {
  list-style-type: telugu;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-thai"] ol,
div.callout[data-callout-metadata*="ol-thai"] ol {
  list-style-type: thai;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-thai"] ul,
div.callout[data-callout-metadata*="ul-thai"] ul {
  list-style-type: thai;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-tibetan"] ol,
div.callout[data-callout-metadata*="ol-tibetan"] ol {
  list-style-type: tibetan;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-tibetan"] ul,
div.callout[data-callout-metadata*="ul-tibetan"] ul {
  list-style-type: tibetan;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-trad-chinese-formal"] ol,
div.callout[data-callout-metadata*="ol-trad-chinese-formal"] ol {
  list-style-type: trad-chinese-formal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-trad-chinese-formal"] ul,
div.callout[data-callout-metadata*="ul-trad-chinese-formal"] ul {
  list-style-type: trad-chinese-formal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-trad-chinese-informal"] ol,
div.callout[data-callout-metadata*="ol-trad-chinese-informal"] ol {
  list-style-type: trad-chinese-informal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-trad-chinese-informal"] ul,
div.callout[data-callout-metadata*="ul-trad-chinese-informal"] ul {
  list-style-type: trad-chinese-informal;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-upper-armenian"] ol,
div.callout[data-callout-metadata*="ol-upper-armenian"] ol {
  list-style-type: upper-armenian;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-upper-armenian"] ul,
div.callout[data-callout-metadata*="ul-upper-armenian"] ul {
  list-style-type: upper-armenian;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-disclosure-open"] ol,
div.callout[data-callout-metadata*="ol-disclosure-open"] ol {
  list-style-type: disclosure-open;
  list-style-position: inside;
}

div.callout[data-callout-metadata*="li-disclosure-open"] ul,
div.callout[data-callout-metadata*="ul-disclosure-open"] ul {
  list-style-type: disclosure-open;
  list-style-position: inside;
}

body.flexcyon-settings-scrollbar-removed {
  --scrollbar-bg: transparent;
}
body.flexcyon-settings-scrollbar-removed
  div.modal-content.vertical-tabs-container
  ::-webkit-scrollbar-thumb {
  display: none;
}

body:not(.native-scrollbars) ::-webkit-scrollbar {
  background-color: var(--scrollbar-bg);
  width: 7px;
}

/* Modifications for tab containers */
body:not(.show-ribbon) .sidebar-toggle-button {
  padding: var(--size-4-2) 16px 8px 0px;
}
body:not(.show-ribbon) .sidebar-toggle-button.mod-left {
  padding-top: 16px;
}

body .workspace-tab-header {
  padding: 0px 4px;
}
body .workspace-tab-header-inner {
  padding: 2px 9px;
}
body
  .workspace-tabs:not(.mod-stacked)
  .workspace-tab-header:is(.mod-active, .is-active)
  > .workspace-tab-header-inner {
  opacity: 1;
}
body
  .workspace-tabs:not(.mod-stacked)
  .workspace-tab-header
  > .workspace-tab-header-inner {
  opacity: var(--dimmed);
}
body
  .workspace-split:not(.mod-left-split, .mod-right-split)
  .workspace-tabs:not(.mod-stacked)
  .workspace-tab-header-container-inner {
  padding-left: 0px;
  margin-top: 0px;
  margin-left: -10px;
}
body
  .workspace-split:not(.mod-left-split, .mod-right-split)
  .workspace-tabs:not(.mod-stacked)
  .workspace-tab-header-inner-title {
  padding-left: 10px;
}
body
  .workspace-split:not(.mod-left-split, .mod-right-split)
  .workspace-tabs:not(.mod-stacked)
  .workspace-tab-header-inner-icon {
  padding-right: 0px;
}
body
  .workspace-split:not(.mod-left-split, .mod-right-split)
  .workspace-tabs:not(.mod-stacked)
  .workspace-tab-header-container-inner
  > .workspace-tab-header {
  padding: 3px 6px 0;
}
body
  .workspace-tabs:not(.mod-stacked)
  .workspace-tab-header:is(.mod-active, .is-active)
  > .workspace-tab-header-inner {
  border-bottom: 1px solid var(--interactive-accent);
}
body
  .workspace-tabs:not(.mod-stacked)
  .workspace-tab-header
  > .workspace-tab-header-inner:hover {
  border-bottom: 1px solid var(--interactive-accent);
}
body
  .workspace-tabs:not(.mod-stacked)
  .workspace-tab-header
  > .workspace-tab-header-inner {
  border-bottom: 1px solid var(--background-secondary);
}
body
  :is(.mod-left-split, .mod-right-split)
  .workspace-tab-header-container-inner {
  margin-bottom: 0;
  padding-bottom: 0;
  margin-top: 0;
  gap: 1px;
  padding-left: 0;
}
body .workspace-leaf-content {
  width: unset;
}
body .workspace-leaf {
  background-color: transparent;
}
body .sidebar-toggle-button.mod-left {
  transform: translateY(-4px);
  background-color: transparent;
  height: unset;
}

body.flexcyon-workspace-card-layout {
  --titlebar-background: transparent;
  --titlebar-background-focused: transparent;
}
body.flexcyon-workspace-card-layout .workspace-leaf-content {
  border-radius: 16px;
}
body.flexcyon-workspace-card-layout
  .workspace-leaf-content:not([data-type="markdown"]) {
  margin: 10px;
}
body.flexcyon-workspace-card-layout
  .workspace-split:not(.mod-left-split, .mod-right-split)
  .metadata-container {
  border-radius: 16px;
  border: 2px solid var(--color-base-20);
}
body.flexcyon-workspace-card-layout
  .workspace-split:not(.mod-left-split, .mod-right-split)
  .metadata-container
  .metadata-content {
  padding: 0px 8px;
}
body.flexcyon-workspace-card-layout .workspace-tab-container,
body.flexcyon-workspace-card-layout .workspace-tab-header-container {
  border-radius: 16px;
  border: 2px solid var(--color-base-20);
  margin: 4px 8px;
}
body.flexcyon-workspace-card-layout
  .workspace-split.mod-vertical.mod-root
  .workspace-tab-container {
  border: var(--color-base-00);
}
body.flexcyon-workspace-card-layout
  .workspace-tabs.mod-active
  .workspace-tab-header-container {
  border: 2px solid var(--text-on-accent);
}
body.flexcyon-workspace-card-layout
  .workspace-split.mod-right-split
  :last-child
  .workspace-tab-container {
  margin-bottom: 38px;
}
body.flexcyon-workspace-card-layout .titlebar {
  margin-top: 4px;
  margin-right: 16px;
}
body.flexcyon-workspace-card-layout .workspace-ribbon {
  background-color: var(--color-base-00);
  border-right: none;
}
body.flexcyon-workspace-card-layout .workspace-ribbon.mod-left {
  margin-top: 50px;
  border: none;
}
body.flexcyon-workspace-card-layout .workspace-ribbon.mod-left::before {
  background-color: var(--color-base-00);
}
body.flexcyon-workspace-card-layout .sidebar-toggle-button.mod-left {
  margin: 8px 0px;
}
body.flexcyon-workspace-card-layout .sidebar-toggle-button.mod-right {
  margin-top: -2px;
}
body.flexcyon-workspace-card-layout .side-dock-actions {
  margin-top: 2px;
}
body.flexcyon-workspace-card-layout
  .workspace-split
  .workspace-tabs
  .workspace-tab-header-container-inner
  > .workspace-tab-header,
body.flexcyon-workspace-card-layout
  .workspace-split:not(.mod-left-split, .mod-right-split)
  .workspace-tabs:not(.mod-stacked)
  .workspace-tab-header-container-inner
  > .workspace-tab-header {
  padding: 3px;
  transform: translateX(8px);
}

body.flexcyon-workspace-angled-layout .side-dock-actions,
body.flexcyon-workspace-angled-layout .sidebar-toggle-button {
  transform: skewY(-1.5deg);
}
body.flexcyon-workspace-angled-layout .modal-container {
  transform: skewX(-1deg);
}
body.flexcyon-workspace-angled-layout .titlebar-button-container.mod-right,
body.flexcyon-workspace-angled-layout
  .workspace-tab-header-tab-list
  span.clickable-icon
  svg,
body.flexcyon-workspace-angled-layout
  span.clickable-icon[aria-label="New tab"]
  svg,
body.flexcyon-workspace-angled-layout .nav-header,
body.flexcyon-workspace-angled-layout
  div.oz-folders-action-items.file-tree-header-fixed,
body.flexcyon-workspace-angled-layout div.oz-nav-buttons-right-block,
body.flexcyon-workspace-angled-layout div.oz-nav-action-button,
body.flexcyon-workspace-angled-layout .workspace-drawer-vault-actions,
body.flexcyon-workspace-angled-layout button,
body.flexcyon-workspace-angled-layout .workspace-tab-header-container-inner {
  transform: skewX(-7.5deg);
}

.workspace-leaf-content[data-type="file-properties"] .pane-empty::before {
  content: "No properties found.";
}

body.show-ribbon .sidebar-toggle-button.mod-left {
  height: calc(1.12 * var(--header-height));
  background-color: var(--color-base-00);
}
body.show-ribbon .side-dock-actions {
  margin-top: 0px;
}

body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="file-explorer"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-blue-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="file-explorer"]
  )
  + .workspace-tab-container::before {
  content: "Files";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-blue-rgb), 0.85);
  background-color: var(--color-base-05);
  padding: 0px 8px;
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="file-tree-view"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-purple-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="file-tree-view"]
  )
  + .workspace-tab-container::before {
  content: "Alternate File Tree";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-purple-rgb), 0.85);
  background-color: var(--color-base-05);
  padding: 0px 8px;
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="bookmarks"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-cyan-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="bookmarks"]
  )
  + .workspace-tab-container::before {
  content: "Bookmarks";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-cyan-rgb), 0.85);
  background-color: var(--color-base-05);
  padding: 0px 8px;
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="all-properties"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-pink-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="all-properties"]
  )
  + .workspace-tab-container::before {
  content: "All Properties";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-pink-rgb), 0.85);
  background-color: var(--color-base-05);
  padding: 0px 8px;
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="outline"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-green-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="outline"]
  )
  + .workspace-tab-container::before {
  content: "Outline";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-green-rgb), 0.85);
  background-color: var(--color-base-05);
  padding: 0px 8px;
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="full-calendar-sidebar-view"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-yellow-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="full-calendar-sidebar-view"]
  )
  + .workspace-tab-container::before {
  content: "Full Calendar | Sidebar";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-yellow-rgb), 0.85);
  background-color: var(--color-base-05);
  padding: 0px 8px;
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="backlink"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-orange-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="backlink"]
  )
  + .workspace-tab-container::before {
  content: "Backlinks";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-orange-rgb), 0.85);
  background-color: var(--color-base-05);
  padding: 0px 8px;
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="review-queue-list-view"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-red-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="review-queue-list-view"]
  )
  + .workspace-tab-container::before {
  content: "Review Queue";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-red-rgb), 0.85);
  background-color: var(--color-base-05);
  padding: 0px 8px;
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="file-properties"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-blue-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="file-properties"]
  )
  + .workspace-tab-container::before {
  content: "Properties";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-blue-rgb), 0.85);
  background-color: var(--color-base-05);
  padding: 0px 8px;
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="outgoing-link"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-purple-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="outgoing-link"]
  )
  + .workspace-tab-container::before {
  content: "Outgoing Links";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-purple-rgb), 0.85);
  background-color: var(--color-base-05);
  padding: 0px 8px;
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="graph"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-cyan-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="graph"]
  )
  + .workspace-tab-container::before {
  content: "Graph View";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-cyan-rgb), 0.85);
  background-color: var(--color-base-05);
  padding: 0px 8px;
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="full-calendar-view"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-pink-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="full-calendar-view"]
  )
  + .workspace-tab-container::before {
  content: "Full Calendar";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-pink-rgb), 0.85);
  background-color: var(--color-base-05);
  padding: 0px 8px;
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="localgraph"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-green-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="localgraph"]
  )
  + .workspace-tab-container::before {
  content: "Local Graph";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-green-rgb), 0.85);
  background-color: var(--color-base-05);
  padding: 0px 8px;
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="calendar"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-yellow-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-dark.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="calendar"]
  )
  + .workspace-tab-container::before {
  content: "Calendar";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-yellow-rgb), 0.85);
  background-color: var(--color-base-05);
  padding: 0px 8px;
}

body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="file-explorer"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-blue-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="file-explorer"]
  )
  + .workspace-tab-container::before {
  content: "Files";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-blue-rgb), 0.85);
  background-color: var(--color-base-00);
  padding: 0px 8px;
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="file-tree-view"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-purple-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="file-tree-view"]
  )
  + .workspace-tab-container::before {
  content: "Alternate File Tree";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-purple-rgb), 0.85);
  background-color: var(--color-base-00);
  padding: 0px 8px;
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="bookmarks"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-cyan-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="bookmarks"]
  )
  + .workspace-tab-container::before {
  content: "Bookmarks";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-cyan-rgb), 0.85);
  background-color: var(--color-base-00);
  padding: 0px 8px;
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="all-properties"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-pink-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="all-properties"]
  )
  + .workspace-tab-container::before {
  content: "All Properties";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-pink-rgb), 0.85);
  background-color: var(--color-base-00);
  padding: 0px 8px;
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="outline"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-green-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="outline"]
  )
  + .workspace-tab-container::before {
  content: "Outline";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-green-rgb), 0.85);
  background-color: var(--color-base-00);
  padding: 0px 8px;
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="full-calendar-sidebar-view"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-yellow-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="full-calendar-sidebar-view"]
  )
  + .workspace-tab-container::before {
  content: "Full Calendar | Sidebar";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-yellow-rgb), 0.85);
  background-color: var(--color-base-00);
  padding: 0px 8px;
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="backlink"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-orange-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="backlink"]
  )
  + .workspace-tab-container::before {
  content: "Backlinks";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-orange-rgb), 0.85);
  background-color: var(--color-base-00);
  padding: 0px 8px;
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="review-queue-list-view"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-red-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="review-queue-list-view"]
  )
  + .workspace-tab-container::before {
  content: "Review Queue";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-red-rgb), 0.85);
  background-color: var(--color-base-00);
  padding: 0px 8px;
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="file-properties"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-blue-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="file-properties"]
  )
  + .workspace-tab-container::before {
  content: "Properties";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-blue-rgb), 0.85);
  background-color: var(--color-base-00);
  padding: 0px 8px;
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="outgoing-link"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-purple-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="outgoing-link"]
  )
  + .workspace-tab-container::before {
  content: "Outgoing Links";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-purple-rgb), 0.85);
  background-color: var(--color-base-00);
  padding: 0px 8px;
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="graph"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-cyan-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="graph"]
  )
  + .workspace-tab-container::before {
  content: "Graph View";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-cyan-rgb), 0.85);
  background-color: var(--color-base-00);
  padding: 0px 8px;
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="full-calendar-view"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-pink-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="full-calendar-view"]
  )
  + .workspace-tab-container::before {
  content: "Full Calendar";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-pink-rgb), 0.85);
  background-color: var(--color-base-00);
  padding: 0px 8px;
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="localgraph"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-green-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="localgraph"]
  )
  + .workspace-tab-container::before {
  content: "Local Graph";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-green-rgb), 0.85);
  background-color: var(--color-base-00);
  padding: 0px 8px;
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="calendar"]
  )
  + .workspace-tab-container {
  border: 2px solid rgba(var(--color-yellow-rgb), calc(var(--dimmed) - 0.15));
}
body.theme-light.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .mod-sidedock
  .workspace-tab-header-container:has(
    .workspace-tab-header.is-active[data-type="calendar"]
  )
  + .workspace-tab-container::before {
  content: "Calendar";
  position: absolute;
  top: 44px;
  left: 32px;
  z-index: 1;
  color: rgba(var(--color-yellow-rgb), 0.85);
  background-color: var(--color-base-00);
  padding: 0px 8px;
}

body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .workspace-split:not(.mod-left-split, .mod-right-split)
  .metadata-container {
  border: 2px solid rgba(var(--color-purple-rgb), calc(var(--dimmed) - 0.15));
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .metadata-properties-heading {
  position: absolute;
  top: -15px;
  left: 32px;
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .metadata-properties-heading
  * {
  color: rgba(var(--color-purple-rgb), 0.9);
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .metadata-properties-heading
  div.collapse-indicator,
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .metadata-properties-heading
  .metadata-properties-title {
  background-color: var(--color-base-10);
  padding: 0px 8px;
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext
  .metadata-content {
  margin-top: 4px;
}

body.flexcyon-workspace-pl10k-layout
  .workspace-split.mod-sidedock
  .workspace-tab-header.is-active {
  aspect-ratio: 0.8660254038;
  clip-path: polygon(-50% 50%, 50% 100%, 150% 50%, 50% 0);
}
body.flexcyon-workspace-pl10k-layout
  .workspace-split.mod-sidedock
  .workspace-tab-header.is-active
  .workspace-tab-header-inner {
  border-bottom: none;
}

body.flexcyon-wrap-long-filenames .tree-item-inner {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

body.flexcyon-file-exp-dimmed-file-exts-enabled
  div[data-path$=".md"]
  div.nav-file-tag {
  display: none;
}
body.flexcyon-file-exp-dimmed-file-exts-enabled
  div[data-path$=".md"]
  div.nav-file-title-content::after {
  content: ".md";
  opacity: var(--dimmed);
}
body.flexcyon-file-exp-dimmed-file-exts-enabled div div.nav-file-tag {
  opacity: var(--dimmed);
  background-color: unset;
  text-transform: lowercase;
  font-size: calc(var(--nav-item-size) - 0.075rem);
  margin: unset;
  padding: unset;
  font-weight: unset;
}
body.flexcyon-file-exp-dimmed-file-exts-enabled div div.nav-file-tag::before {
  content: ".";
}

body.flexcyon-rainbow-folders .tree-item-children {
  border-inline-start: none;
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 0)
  .nav-folder-title
  .collapse-icon
  svg,
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 0)
  .nav-folder-title {
  color: var(--color-purple);
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 0)
  .nav-folder
  .nav-folder-title {
  color: rgba(var(--color-purple-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 0)
  .nav-folder
  .nav-folder-title
  .collapse-icon
  svg {
  color: rgba(var(--color-purple-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 1)
  .nav-folder-title
  .collapse-icon
  svg,
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 1)
  .nav-folder-title {
  color: var(--color-cyan);
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 1)
  .nav-folder
  .nav-folder-title {
  color: rgba(var(--color-cyan-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 1)
  .nav-folder
  .nav-folder-title
  .collapse-icon
  svg {
  color: rgba(var(--color-cyan-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 2)
  .nav-folder-title
  .collapse-icon
  svg,
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 2)
  .nav-folder-title {
  color: var(--color-blue);
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 2)
  .nav-folder
  .nav-folder-title {
  color: rgba(var(--color-blue-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 2)
  .nav-folder
  .nav-folder-title
  .collapse-icon
  svg {
  color: rgba(var(--color-blue-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 3)
  .nav-folder-title
  .collapse-icon
  svg,
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 3)
  .nav-folder-title {
  color: var(--color-pink);
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 3)
  .nav-folder
  .nav-folder-title {
  color: rgba(var(--color-pink-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 3)
  .nav-folder
  .nav-folder-title
  .collapse-icon
  svg {
  color: rgba(var(--color-pink-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 4)
  .nav-folder-title
  .collapse-icon
  svg,
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 4)
  .nav-folder-title {
  color: var(--color-green);
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 4)
  .nav-folder
  .nav-folder-title {
  color: rgba(var(--color-green-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 4)
  .nav-folder
  .nav-folder-title
  .collapse-icon
  svg {
  color: rgba(var(--color-green-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 5)
  .nav-folder-title
  .collapse-icon
  svg,
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 5)
  .nav-folder-title {
  color: var(--color-yellow);
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 5)
  .nav-folder
  .nav-folder-title {
  color: rgba(var(--color-yellow-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 5)
  .nav-folder
  .nav-folder-title
  .collapse-icon
  svg {
  color: rgba(var(--color-yellow-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 6)
  .nav-folder-title
  .collapse-icon
  svg,
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 6)
  .nav-folder-title {
  color: var(--color-orange);
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 6)
  .nav-folder
  .nav-folder-title {
  color: rgba(var(--color-orange-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 6)
  .nav-folder
  .nav-folder-title
  .collapse-icon
  svg {
  color: rgba(var(--color-orange-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 7)
  .nav-folder-title
  .collapse-icon
  svg,
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 7)
  .nav-folder-title {
  color: var(--color-red);
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 7)
  .nav-folder
  .nav-folder-title {
  color: rgba(var(--color-red-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 7)
  .nav-folder
  .nav-folder-title
  .collapse-icon
  svg {
  color: rgba(var(--color-red-rgb), calc(var(--dimmed) + 0.2));
}

body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 0)
  .nav-folder-title
  .collapse-icon
  svg,
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 0)
  .nav-folder-title {
  background-color: var(--color-purple);
  color: var(--text-normal);
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 0)
  .nav-folder
  .nav-folder-title {
  color: var(--text-normal);
  background-color: rgba(var(--color-purple-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 0)
  .nav-folder
  .nav-folder-title
  .collapse-icon
  svg {
  background-color: transparent;
  color: var(--text-normal);
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 1)
  .nav-folder-title
  .collapse-icon
  svg,
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 1)
  .nav-folder-title {
  background-color: var(--color-cyan);
  color: var(--text-normal);
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 1)
  .nav-folder
  .nav-folder-title {
  color: var(--text-normal);
  background-color: rgba(var(--color-cyan-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 1)
  .nav-folder
  .nav-folder-title
  .collapse-icon
  svg {
  background-color: transparent;
  color: var(--text-normal);
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 2)
  .nav-folder-title
  .collapse-icon
  svg,
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 2)
  .nav-folder-title {
  background-color: var(--color-blue);
  color: var(--text-normal);
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 2)
  .nav-folder
  .nav-folder-title {
  color: var(--text-normal);
  background-color: rgba(var(--color-blue-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 2)
  .nav-folder
  .nav-folder-title
  .collapse-icon
  svg {
  background-color: transparent;
  color: var(--text-normal);
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 3)
  .nav-folder-title
  .collapse-icon
  svg,
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 3)
  .nav-folder-title {
  background-color: var(--color-pink);
  color: var(--text-normal);
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 3)
  .nav-folder
  .nav-folder-title {
  color: var(--text-normal);
  background-color: rgba(var(--color-pink-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 3)
  .nav-folder
  .nav-folder-title
  .collapse-icon
  svg {
  background-color: transparent;
  color: var(--text-normal);
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 4)
  .nav-folder-title
  .collapse-icon
  svg,
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 4)
  .nav-folder-title {
  background-color: var(--color-green);
  color: var(--text-normal);
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 4)
  .nav-folder
  .nav-folder-title {
  color: var(--text-normal);
  background-color: rgba(var(--color-green-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 4)
  .nav-folder
  .nav-folder-title
  .collapse-icon
  svg {
  background-color: transparent;
  color: var(--text-normal);
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 5)
  .nav-folder-title
  .collapse-icon
  svg,
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 5)
  .nav-folder-title {
  background-color: var(--color-yellow);
  color: var(--text-normal);
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 5)
  .nav-folder
  .nav-folder-title {
  color: var(--text-normal);
  background-color: rgba(var(--color-yellow-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 5)
  .nav-folder
  .nav-folder-title
  .collapse-icon
  svg {
  background-color: transparent;
  color: var(--text-normal);
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 6)
  .nav-folder-title
  .collapse-icon
  svg,
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 6)
  .nav-folder-title {
  background-color: var(--color-orange);
  color: var(--text-normal);
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 6)
  .nav-folder
  .nav-folder-title {
  color: var(--text-normal);
  background-color: rgba(var(--color-orange-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 6)
  .nav-folder
  .nav-folder-title
  .collapse-icon
  svg {
  background-color: transparent;
  color: var(--text-normal);
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 7)
  .nav-folder-title
  .collapse-icon
  svg,
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 7)
  .nav-folder-title {
  background-color: var(--color-red);
  color: var(--text-normal);
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 7)
  .nav-folder
  .nav-folder-title {
  color: var(--text-normal);
  background-color: rgba(var(--color-red-rgb), calc(var(--dimmed) + 0.2));
}
body.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow
  .nav-files-container
  div
  .nav-folder:nth-of-type(8n + 7)
  .nav-folder
  .nav-folder-title
  .collapse-icon
  svg {
  background-color: transparent;
  color: var(--text-normal);
}

body.flexcyon-alt-folder-style .nav-folder .collapse-icon svg {
  color: var(--color-blue);
}
body.flexcyon-alt-folder-style .nav-folder .nav-folder-title {
  color: var(--color-blue);
}
body.flexcyon-alt-folder-style .nav-folder.is-collapsed .nav-folder-title {
  color: unset;
}
body.flexcyon-alt-folder-style
  .nav-folder.is-collapsed
  .nav-folder-title-content {
  color: unset;
}
body.flexcyon-alt-folder-style .nav-folder.is-collapsed .collapse-icon svg {
  color: unset;
}
body.flexcyon-alt-folder-style
  .nav-file-title.is-active
  .nav-file-title-content {
  transform: all ease-in-out 0.35s;
  font-weight: bold;
}

body:not(.is-grabbing) .nav-file-title.is-active:hover,
body:not(.is-grabbing) .nav-folder-title.is-active:hover,
.nav-file-title.is-active,
.nav-folder-title.is-active {
  background-color: transparent;
}

body.flexcyon-md-file-tree-style .nav-file,
body.flexcyon-md-file-tree-style .nav-folder,
body.flexcyon-md-file-tree-style .nav-folder-children {
  position: relative;
  padding-left: 2px;
}
body.flexcyon-md-file-tree-style .nav-file::before,
body.flexcyon-md-file-tree-style .nav-file::before,
body.flexcyon-md-file-tree-style .nav-folder-children::before {
  content: "";
  position: absolute;
  background: var(--nav-collapse-icon-color);
}
body.flexcyon-md-file-tree-style .tree-item.nav-file::before,
body.flexcyon-md-file-tree-style .tree-item.nav-folder::before {
  height: 1px;
  width: 20px;
  top: 50%;
  transform: translate(0, -50%);
  margin-inline-start: -3px;
}
body.flexcyon-md-file-tree-style
  .tree-item-children.nav-folder-children:not(:has(.nav-file))::before {
  bottom: 6px;
}
body.flexcyon-md-file-tree-style .tree-item-children.nav-folder-children {
  border-left-width: 0;
}
body.flexcyon-md-file-tree-style
  .tree-item-children.nav-folder-children::before {
  left: 0;
  top: 0;
  bottom: 12px;
  width: 1px;
}
body.flexcyon-md-file-tree-style
  .nav-files-container
  > div
  > .tree-item.nav-file::before,
body.flexcyon-md-file-tree-style
  .nav-files-container
  > div
  > .tree-item.nav-folder::before {
  content: none;
}

@container style(--flexcyon-bg-image-sidebar-left-url: url("")) {
  .mod-left-split .tree-item-self.is-active,
  .mod-left-split .tree-item-self .is-active {
    background: linear-gradient(
      to right,
      transparent 0%,
      var(--nav-item-background-active) 15%,
      var(--nav-item-background-active) 85%,
      transparent 100%
    );
  }
  .mod-left-split .nav-file-title.is-active:hover,
  .mod-left-split body:not(.is-grabbing) .nav-folder-title.is-active:hover,
  .mod-left-split .nav-file-title.is-active,
  .mod-left-split .nav-folder-title.is-active {
    color: var(--nav-item-color-active);
    background-color: var(--nav-item-background-active);
    font-weight: var(--nav-item-weight-active);
  }
}
@container style(--flexcyon-bg-image-sidebar-right-url: url("")) {
  .mod-right-split .tree-item-self.is-active,
  .mod-right-split .tree-item-self .is-active {
    background: linear-gradient(
      to right,
      transparent 0%,
      var(--nav-item-background-active) 15%,
      var(--nav-item-background-active) 85%,
      transparent 100%
    );
  }
  .mod-right-split .nav-file-title.is-active:hover,
  .mod-right-split body:not(.is-grabbing) .nav-folder-title.is-active:hover,
  .mod-right-split .nav-file-title.is-active,
  .mod-right-split .nav-folder-title.is-active {
    color: var(--nav-item-color-active);
    background-color: var(--nav-item-background-active);
    font-weight: var(--nav-item-weight-active);
  }
}
body.flexcyon-minimalist-tree .collapse-icon svg {
  display: none;
}
body.flexcyon-minimalist-tree .tree-item-children {
  border-inline-start: none;
}
body.flexcyon-minimalist-tree .nav-file-title {
  opacity: 0.85;
}

body.flexcyon-workspace-angled-layout .nav-folder-title-content {
  transform: skewX(-5deg);
}

body .workspace-split.mod-left-split > .workspace-leaf-resize-handle {
  border-right-width: 0px;
}
body .workspace-split.mod-right-split > .workspace-leaf-resize-handle {
  border-left-width: 0px;
}
body .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle {
  border-bottom-width: 0px;
}

body.flexcyon-vim-mode-text-enable:not(.flexcyon-status-text-enable-color)
  .markdown-source-view.mod-cm6
  .cm-panels.cm-panels-bottom {
  border-top: unset;
  padding-top: 6px;
}
body.flexcyon-vim-mode-text-enable:not(.flexcyon-status-text-enable-color)
  .cm-editor
  .cm-scroller:not(.cm-vimMode)
  .cm-sizer:has(+ .cm-vimCursorLayer)::before {
  content: var(--flexcyon-vim-insert-text);
  bottom: var(--flexcyon-vim-bottom-positioning);
  left: var(--flexcyon-vim-left-positioning);
  position: fixed;
  background-color: var(--color-base-05);
  color: var(--text-muted);
  height: 30px;
  padding: 0px 8px;
  font-size: var(--font-ui-medium);
}
body.flexcyon-vim-mode-text-enable:not(.flexcyon-status-text-enable-color)
  .cm-editor
  .cm-scroller.cm-vimMode:not(:has(+ .cm-panels))
  .cm-sizer:has(+ .cm-vimCursorLayer)::before {
  content: var(--flexcyon-vim-normal-text);
  position: fixed;
  background-color: var(--color-base-05);
  bottom: var(--flexcyon-vim-bottom-positioning);
  left: var(--flexcyon-vim-left-positioning);
  height: 30px;
  color: var(--text-muted);
  padding: 0px 8px;
  font-size: var(--font-ui-medium);
}
body.flexcyon-vim-mode-text-enable:not(.flexcyon-status-text-enable-color)
  .cm-panels
  .cm-panel
  div
  div:not(.cm-vim-message)
  span:first-child {
  bottom: var(--flexcyon-vim-bottom-positioning);
  left: 75px;
}
body.flexcyon-vim-mode-text-enable:not(.flexcyon-status-text-enable-color)
  .cm-panels
  .cm-panel {
  background-color: var(--color-base-00);
  padding-top: 5px;
  font-weight: 500;
}
body.flexcyon-vim-mode-text-enable:not(.flexcyon-status-text-enable-color)
  .cm-panels
  input {
  transform: translateY(-4px);
  font-size: 0.9rem;
  z-index: 16;
}
body.flexcyon-vim-mode-text-enable:not(.flexcyon-status-text-enable-color)
  .cm-editor
  > .cm-scroller
  + .cm-panels
  .cm-panel
  div
  div:not(.cm-vim-message)::before {
  content: var(--flexcyon-vim-command-text);
  bottom: var(--flexcyon-vim-bottom-positioning);
  padding-right: 4px;
  font-size: var(--font-ui-medium);
}
body.flexcyon-vim-mode-text-enable:not(.flexcyon-status-text-enable-color)
  .cm-editor
  > .cm-scroller
  + .cm-panels
  .cm-panel
  div {
  color: var(--text-muted);
}
body.flexcyon-vim-mode-text-enable:not(.flexcyon-status-text-enable-color)
  div.cm-vim-message {
  color: var(--color-red) !important;
  font-weight: bold;
}

body.flexcyon-vim-mode-text-enable.flexcyon-status-text-enable-color
  markdown-source-view.mod-cm6
  .cm-panels.cm-panels-bottom {
  border-top: unset;
  padding-top: 6px;
}
body.flexcyon-vim-mode-text-enable.flexcyon-status-text-enable-color
  .cm-editor
  .cm-scroller:not(.cm-vimMode)
  .cm-sizer:has(+ .cm-vimCursorLayer)::before {
  content: var(--flexcyon-vim-insert-text);
  bottom: var(--flexcyon-vim-bottom-positioning);
  left: var(--flexcyon-vim-left-positioning);
  position: fixed;
  color: var(--text-accent);
  height: 30px;
  padding: 0px 8px;
}
body.flexcyon-vim-mode-text-enable.flexcyon-status-text-enable-color
  .cm-editor
  .cm-scroller.cm-vimMode:not(:has(+ .cm-panels))
  .cm-sizer:has(+ .cm-vimCursorLayer)::before {
  content: var(--flexcyon-vim-normal-text);
  position: fixed;
  bottom: var(--flexcyon-vim-bottom-positioning);
  left: var(--flexcyon-vim-left-positioning);
  height: 30px;
  color: var(--color-purple);
  padding: 0px 8px;
}
body.flexcyon-vim-mode-text-enable.flexcyon-status-text-enable-color
  .cm-panels
  .cm-panel
  div
  div:not(.cm-vim-message)
  span:first-child {
  bottom: var(--flexcyon-vim-bottom-positioning);
  left: 75px;
}
body.flexcyon-vim-mode-text-enable.flexcyon-status-text-enable-color
  .cm-panels
  .cm-panel {
  background-color: var(--color-base-00);
  padding-top: 5px;
  font-weight: 500;
}
body.flexcyon-vim-mode-text-enable.flexcyon-status-text-enable-color
  .cm-panels
  input {
  transform: translateY(-4px);
  font-size: 0.9rem;
  z-index: 16;
}
body.flexcyon-vim-mode-text-enable.flexcyon-status-text-enable-color
  .cm-editor
  > .cm-scroller
  + .cm-panels
  .cm-panel
  div
  div:not(.cm-vim-message)::before {
  content: var(--flexcyon-vim-command-text);
  bottom: var(--flexcyon-vim-bottom-positioning);
  color: var(--color-blue);
  padding-right: 4px;
}
body.flexcyon-vim-mode-text-enable.flexcyon-status-text-enable-color
  .cm-editor
  > .cm-scroller
  + .cm-panels
  .cm-panel
  div {
  color: var(--text-muted);
}
body.flexcyon-vim-mode-text-enable.flexcyon-status-text-enable-color
  div.cm-vim-message {
  color: var(--color-red) !important;
  font-weight: bold;
}

body.is-mobile.flexcyon-vim-mode-text-enable
  .cm-editor
  .cm-scroller:not(.cm-vimMode)
  .cm-sizer:has(+ div + div + .cm-vimCursorLayer)::before {
  content: var(--flexcyon-vim-insert-text);
  bottom: var(--flexcyon-vim-bottom-positioning);
  left: var(--flexcyon-vim-left-positioning);
  position: fixed;
  height: 30px;
  padding-left: 4px;
}
body.is-mobile.flexcyon-vim-mode-text-enable
  .cm-editor
  .cm-scroller.cm-vimMode:not(:has(+ .cm-panels))
  .cm-sizer:has(+ div + div + .cm-vimCursorLayer)::before {
  content: var(--flexcyon-vim-normal-text);
  position: fixed;
  bottom: var(--flexcyon-vim-bottom-positioning);
  left: var(--flexcyon-vim-left-positioning);
  height: 30px;
  padding-left: 4px;
}

body.flexcyon-status-style-angled
  .cm-editor
  .cm-scroller:not(.cm-vimMode)
  .cm-sizer:has(+ .cm-vimCursorLayer)::before,
body.flexcyon-status-style-angled
  .cm-editor
  .cm-scroller.cm-vimMode:not(:has(+ .cm-panels))
  .cm-sizer:has(+ .cm-vimCursorLayer)::before {
  background-color: var(--color-base-25);
  transform: skewX(-22.5deg);
}
body.flexcyon-status-style-angled .cm-panels .cm-panel {
  background-color: var(--color-base-05);
}

body.flexcyon-status-style-card
  .cm-editor
  .cm-scroller:not(.cm-vimMode)
  .cm-sizer:has(+ .cm-vimCursorLayer)::before,
body.flexcyon-status-style-card
  .cm-editor
  .cm-scroller.cm-vimMode:not(:has(+ .cm-panels))
  .cm-sizer:has(+ .cm-vimCursorLayer)::before {
  border-radius: 16px;
  border: 2px solid var(--color-base-20);
  margin: 0px 8px;
}
body.flexcyon-status-style-card
  .markdown-source-view.mod-cm6
  .cm-panels.cm-panels-bottom
  .cm-panel.cm-vim-panel {
  border-radius: 16px;
  border: 2px solid var(--color-base-20);
  margin: 0px 8px;
}
body.flexcyon-status-style-card div:has(.cm-vim-panel) + .status-bar {
  margin-bottom: 50px;
}

body .backlink-pane .tree-item.search-result {
  padding-inline-start: 8px;
}
body .backlink-pane .search-result-file-matches {
  padding: 10px;
}
body .backlink-pane .search-result-file-title {
  transform: translateX(-12.5px);
  padding-block-start: 10px;
}
body .backlink-pane .search-result-file-title div.tree-item-flair-outer > span {
  transform: translateX(13.5px);
}
body .outgoing-link-pane div.tree-item-flair-outer > span {
  transform: translateX(-7px);
}

body {
  --status-bar-font-size: 12.5px;
  --flexcyon-vim-insert-text: "INSERT";
  --flexcyon-vim-normal-text: "NORMAL";
  --flexcyon-vim-command-text: "COMMAND";
  --flexcyon-vim-bottom-positioning: -4px;
  --flexcyon-vim-left-positioning: 6px;
  --flexcyon-status-hide-until-hover-text: "Show status";
  --flexcyon-status-hide-until-hover-translation: 1500px;
  --flexcyon-status-hide-hover-duration: 0.35s;
  --flexcyon-status-hide-hover-function: ease-out;
  --flexcyon-status-reading-text: "READ";
  --flexcyon-status-source-text: "SOURCE";
  --flexcyon-status-live-text: "LIVE";
}
body div:has(.cm-vim-panel) + .status-bar {
  margin-bottom: 36px;
}

body.flexcyon-status-text-enable-color
  .plugin-editor-status[aria-label="Reading"]::before {
  color: var(--text-accent);
}
body.flexcyon-status-text-enable-color
  .plugin-editor-status[aria-label="Source mode"]::before {
  color: var(--color-purple);
}
body.flexcyon-status-text-enable-color
  .plugin-editor-status[aria-label="Live Preview"]::before {
  color: var(--color-blue);
}

body.flexcyon-status-text-mode .plugin-editor-status .status-bar-item-icon svg {
  display: none;
}
body.flexcyon-status-text-mode .plugin-editor-status::before {
  font-weight: bold;
}
body.flexcyon-status-text-mode
  .plugin-editor-status[aria-label="Reading"]::before {
  content: var(--flexcyon-status-reading-text);
}
body.flexcyon-status-text-mode
  .plugin-editor-status[aria-label="Source mode"]::before {
  content: var(--flexcyon-status-source-text);
}
body.flexcyon-status-text-mode
  .plugin-editor-status[aria-label="Live Preview"]::before {
  content: var(--flexcyon-status-live-text);
}

body.flexcyon-status-hide-until-hover .status-bar {
  font-size: var(--font-ui-medium);
  border: unset;
  z-index: 1;
  transform: translateX(var(--flexcyon-status-hide-until-hover-translation));
  transition: transform var(--flexcyon-status-hide-hover-duration)
    var(--flexcyon-status-hide-hover-function);
}
body.flexcyon-status-hide-until-hover .status-bar::before {
  content: var(--flexcyon-status-hide-until-hover-text);
  background-color: var(--color-base-00);
  border-radius: inherit;
  margin-right: 8px;
  padding: 8px;
  position: fixed;
  bottom: 0;
  right: 0;
  transform: translateX(
    calc(-1 * var(--flexcyon-status-hide-until-hover-translation))
  );
  transition: transform var(--flexcyon-status-hide-hover-duration)
    var(--flexcyon-status-hide-hover-function);
}
body.flexcyon-status-hide-until-hover .status-bar:hover::before {
  transform: translateY(50px);
  transition: transform var(--flexcyon-status-hide-hover-duration)
    var(--flexcyon-status-hide-hover-function);
}
body.flexcyon-status-hide-until-hover .status-bar:hover {
  transform: unset;
  transition: transform var(--flexcyon-status-hide-hover-duration)
    var(--flexcyon-status-hide-hover-function);
}

body.is-mobile.flexcyon-status-mobile-enabled .status-bar {
  display: block;
}

body.flexcyon-status-style-angled .status-bar {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  gap: 0px;
  margin: 0;
}
body.flexcyon-status-style-angled .status-bar-item {
  background-color: var(--color-base-20);
  transform: skewX(-22.5deg);
  padding: 4px 8px;
  border-radius: 0px;
}
body.flexcyon-status-style-angled
  .status-bar
  :nth-of-type(2n):is(.status-bar-item) {
  background-color: var(--color-base-05);
}

body:not(.is-fullscreen) .status-bar {
  padding-right: 0;
}

body.flexcyon-status-style-card .status-bar {
  border: none;
  margin: 4px 8px;
  gap: 8px;
  background-color: transparent;
  right: 10px;
}
body.flexcyon-status-style-card .status-bar :nth-of-type(2n).status-bar-item {
  background-color: var(--color-base-05);
  border-radius: 16px;
  padding: 4px 8px;
}
body.flexcyon-status-style-card
  .status-bar
  :nth-of-type(2n + 1).status-bar-item {
  background-color: var(--color-base-25);
  border-radius: 16px;
  padding: 4px 8px;
}

body.flexcyon-status-style-pl10k .status-bar {
  border: transparent;
  background-color: transparent;
  gap: 0px;
  scale: var(--expand);
}
body.flexcyon-status-style-pl10k
  .status-bar
  .status-bar-item
  .status-bar-item-icon {
  transform: translateX(-1px);
}
body.flexcyon-status-style-pl10k
  .status-bar
  .status-bar-item[style="display: none;"]::after {
  display: none;
}
body.flexcyon-status-style-pl10k
  .status-bar
  .status-bar-item[style="display: none;"]
  + .status-bar-item {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
body.flexcyon-status-style-pl10k .status-bar .status-bar-item {
  padding: 0px;
}
body.flexcyon-status-style-pl10k .status-bar .status-bar-item::after {
  padding: 4px 4px;
  content: "e";
  position: relative;
  width: inherit;
  height: inherit;
  color: transparent;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 70% 50%);
}
body.flexcyon-status-style-pl10k .status-bar :first-child:empty,
body.flexcyon-status-style-pl10k .status-bar :first-child.status-bar-item {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  padding-left: 6px;
}
body.flexcyon-status-style-pl10k .status-bar .status-bar-item:empty {
  display: flex;
}
body.flexcyon-status-style-pl10k
  .status-bar
  :nth-of-type(2n + 1).status-bar-item {
  background-color: var(--color-base-20);
}
body.flexcyon-status-style-pl10k
  .status-bar
  :nth-of-type(2n + 1).status-bar-item::after {
  background-color: var(--color-base-05);
}
body.flexcyon-status-style-pl10k .status-bar :nth-of-type(2n).status-bar-item {
  background-color: var(--color-base-05);
}
body.flexcyon-status-style-pl10k
  .status-bar
  :nth-of-type(2n).status-bar-item::after {
  background-color: var(--color-base-20);
}
body.flexcyon-status-style-pl10k .status-bar :last-child.status-bar-item {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  padding-right: 6px;
  margin-right: 46px;
}
body.flexcyon-status-style-pl10k
  .status-bar
  :last-child.status-bar-item::after {
  display: none;
}

body.theme-dark {
  --flexcyon-new-tab-bg-wrapper: linear-gradient(
    to right,
    var(--text-accent),
    var(--color-blue),
    var(--color-cyan)
  );
}

body.theme-light {
  --flexcyon-new-tab-bg-wrapper: linear-gradient(
    to right,
    var(--text-accent),
    var(--color-pink),
    var(--color-green)
  );
}

body {
  --flexcyon-ascii-max-font-size: 14px;
  --flexcyon-quote-font-size: 24px;
  --flexcyon-ascii-line-height: 1.5;
  --flexcyon-quote-val: "This is a placeholder quote\ain the Flexcyon Theme.";
  --flexcyon-quote-credit-prefix: "-";
  --flexcyon-quote-credit: "bladeacer";
  --flexcyon-ascii-art: " \a_______________                                       \a___  ____/__  /________  ____________  ______________ \a__  /_   __  /_  _ \\_  |/_/  ___/_  / / /  __ \\_  __ \\ \a_  __/   _  / /  __/_>  < / /__ _  /_/ // /_/ /  / / / \a/_/      /_/  \\___//_/|_| \\___/ _\\__, / \\____//_/ /_/ \a                                 /____/                \a \a \a";
}
body div.empty-state-action {
  font-size: 1.05rem;
  color: var(--text-accent);
  opacity: 0.95;
}
body div.empty-state-title {
  font-size: 1.25rem;
}

body.flexcyon-ascii-enable div.empty-state-title {
  display: unset;
}
body.flexcyon-ascii-enable div.empty-state-container::before {
  font-family: var(--font-interface);
  content: var(--flexcyon-ascii-art);
  font-weight: bold;
  background: var(--flexcyon-new-tab-bg-wrapper);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: var(--flexcyon-ascii-line-height);
  white-space: pre;
  margin-bottom: 2rem;
  text-align: center;
  display: inline;
  font-size: min(3vw - 3.25px, var(--flexcyon-ascii-max-font-size));
}
body.flexcyon-ascii-enable div.empty-state-container {
  transform: translateY(-115px);
}

body.is-mobile.flexcyon-ascii-enable div.empty-state-container::before {
  font-size: min(3vw - 3px, var(--flexcyon-ascii-max-font-size));
  margin-bottom: 1rem;
  line-height: 0.8;
}

body.flexcyon-empty-state-title-disable div.empty-state-title {
  display: none;
}

body.flexcyon-empty-state-actions-disable div.empty-state-action-list {
  display: none;
}

body.flexcyon-quote-enable div.empty-state-container::before {
  font-family: var(--font-interface);
  content: var(--flexcyon-quote-val) "\a\a" var(--flexcyon-quote-credit-prefix)
    " " var(--flexcyon-quote-credit);
  font-weight: bold;
  background: var(--flexcyon-new-tab-bg-wrapper);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: var(--flexcyon-ascii-line-height);
  white-space: pre;
  text-align: center;
  display: inline;
  font-size: var(--flexcyon-quote-font-size);
}
body.flexcyon-quote-enable div.empty-state-container {
  transform: translateY(-105px);
}
body.flexcyon-quote-enable div.empty-state-action-list {
  margin-top: 32px;
}

body.flexcyon-rtz-mode div.empty-state-container::before {
  content: "0" !important;
  font-size: calc(10 * var(--flexcyon-ascii-max-font-size));
  font-family: var(--font-interface);
  background-clip: text;
  font-weight: bold;
  background: var(--text-accent);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: var(--flexcyon-ascii-line-height);
  white-space: pre;
  text-align: center;
  display: inline;
}
body.flexcyon-rtz-mode div.empty-state-action-list {
  display: none;
}
body.flexcyon-rtz-mode .sidebar-toggle-button {
  display: none;
}
body.flexcyon-rtz-mode .graph-controls,
body.flexcyon-rtz-mode .oz-folders-action-items.file-tree-header-fixed,
body.flexcyon-rtz-mode .oz-flex-container,
body.flexcyon-rtz-mode .nav-header,
body.flexcyon-rtz-mode .titlebar-button-container,
body.flexcyon-rtz-mode .view-header-left,
body.flexcyon-rtz-mode .view-actions,
body.flexcyon-rtz-mode .side-dock-ribbon,
body.flexcyon-rtz-mode .workspace-tab-header-new-tab,
body.flexcyon-rtz-mode .workspace-tab-header-tab-list,
body.flexcyon-rtz-mode .workspace-sidedock-vault-profile,
body.flexcyon-rtz-mode .workspace-tab-header-container-inner {
  opacity: 0;
}
body.flexcyon-rtz-mode .graph-controls:hover,
body.flexcyon-rtz-mode .oz-folders-action-items.file-tree-header-fixed:hover,
body.flexcyon-rtz-mode .oz-flex-container:hover,
body.flexcyon-rtz-mode .nav-header:hover,
body.flexcyon-rtz-mode .titlebar-button-container:hover,
body.flexcyon-rtz-mode .view-header-left:hover,
body.flexcyon-rtz-mode .view-actions:hover,
body.flexcyon-rtz-mode .side-dock-ribbon:hover,
body.flexcyon-rtz-mode .workspace-tab-header-new-tab:hover,
body.flexcyon-rtz-mode .workspace-tab-header-tab-list:hover,
body.flexcyon-rtz-mode .workspace-sidedock-vault-profile:hover,
body.flexcyon-rtz-mode .workspace-tab-header-container-inner:hover {
  opacity: unset;
}
body.flexcyon-rtz-mode .cm-gutter,
body.flexcyon-rtz-mode .metadata-container,
body.flexcyon-rtz-mode .status-bar {
  opacity: var(--dimmed);
}
body.flexcyon-rtz-mode .cm-gutter:hover,
body.flexcyon-rtz-mode .metadata-container:hover,
body.flexcyon-rtz-mode .status-bar:hover {
  opacity: unset;
}

body {
  --flexcyon-top-actions-alignment: center;
  --flexcyon-media-embed-vertical-margin: 8px;
  --flexcyon-anim-duration: 0.35s;
  --modal-border-color: var(--flexcyon-base-02)
    --toggle-thumb-color: var(--text-on-accent);
  --ribbon-width: 48px;
  --file-line-width: 50rem;
  --hr-color: color-mix(
    in hsl shorter hue,
    var(--text-faint),
    var(--background-modifier-border)
  );
  --vault-name-color: var(--interactive-accent);
  --ribbon-background-collapsed: var(--ribbon-background)
    --workspace-background-translucent: unset;
}
body div.nav-buttons-container {
  justify-content: var(--flexcyon-top-actions-alignment);
  opacity: calc(var(--dimmed) + 0.2);
}
body div.nav-buttons-container:hover {
  opacity: unset;
}
body .tree-item-flair {
  color: var(--text-muted);
}
body .workspace-ribbon {
  border-right: unset;
}
body:not(.is-grabbing) :is(.nav-file-title:hover, .nav-folder-title:hover) {
  color: var(--interactive-accent-hover);
}
body .cm-formatting.cm-formatting-task {
  color: var(--flexcyon-purple-lilac);
}
body
  div.modal-content.vertical-tabs-container
  > div.vertical-tab-header
  > div
  > div.vertical-tab-header-group-items
  div.vertical-tab-nav-item {
  opacity: var(--dimmed);
}
body
  div.modal-content.vertical-tabs-container
  > div.vertical-tab-header
  > div
  > div.vertical-tab-header-group-items
  div.vertical-tab-nav-item.is-active {
  opacity: 1;
}

body.flexcyon-enable-alt-active-item-effect .vertical-tab-nav-item {
  padding-left: 0.5rem;
  transform: padding ease-in-out 0.35s;
}
body.flexcyon-enable-alt-active-item-effect
  .vertical-tab-nav-item.search-settings-input {
  padding-left: 0.1rem;
}
body.flexcyon-enable-alt-active-item-effect .vertical-tab-nav-item.is-active {
  color: var(--text-accent);
  background: linear-gradient(
    to right,
    transparent 0%,
    var(--text-on-accent) 10%,
    var(--text-on-accent) 90%,
    transparent 100%
  );
  padding-left: 0.75rem;
}
body.flexcyon-enable-alt-active-item-effect
  .vertical-tab-nav-item.is-active:hover {
  font-weight: bold;
}

body span.media-embed * {
  margin: var(--flexcyon-media-embed-vertical-margin) 0px;
}

.cm-s-obsidian .cm-line.HyperMD-footnote span.cm-hmd-footnote {
  top: -0.1em;
}

body {
  --flexcyon-style-settings-indent-width: 4px;
}

/* @settings
name: Flexcyon Style Settings 
id: flexcyon
settings:
  - 
    title: About 
    type: info-text
    markdown: true
    description: Flexcyon is a theme based around the Halcyon, Flexoki and Origami themes. You can find its [source code here](https://github.com/bladeacer/flexcyon). It aims to be *reasonably opinionated and highly customisable*. If you are interested, feel free to learn more about the theme via the ==README and the documentation==.
  -
    title: Documentation 
    type: info-text
    markdown: true
    description: For more information, check out the [documentation here](https://flexcyon-docs.readthedocs.io/en/latest/). There are also **Chinese and Spanish** translations under the same site.
  -
    title: Editor
    type: heading
    level: 4
    collapsed: true
    description: Editor related style settings

  - title: Accent Colors
    type: heading
    level: 5
    collapsed: true
  - id: flexcyon-cyan
    title: Cyan Color
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: "#3b9ba1"
    default-dark: "#3cb9c2"
    alt-format:
      -
        id: color-cyan-rgb
        format: rgb
  - id: flexcyon-lime-green
    title: Green Color
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: "#689523"
    default-dark: "#a1c05c"
    alt-format:
      -
        id: color-green-rgb
        format: rgb
  - id: flexcyon-orange
    title: Orange Color
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: "#ed8126"
    default-dark: "#cc8449"
    alt-format:
      -
        id: color-orange-rgb
        format: rgb
  - id: flexcyon-yellow
    title: Yellow Color
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: "#e8c62a"
    default-dark: "#c29e42"
    alt-format:
      -
        id: color-yellow-rgb
        format: rgb
  - id: flexcyon-purple-lilac
    title: Purple Color
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: "#6f49ae"
    default-dark: "#a461c8"
    alt-format:
      -
        id: color-purple-rgb
        format: rgb
  - id: flexcyon-red-salmon
    title: Red Color
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: "#eb5325"
    default-dark: "#c03a47"
    alt-format:
      -
        id: color-red-rgb
        format: rgb
  - id: flexcyon-blue
    title: Blue Color
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: "5c9fe4"
    default-dark: "#5a8fcd"
    alt-format:
      -
        id: color-blue-rgb
        format: rgb
  - id: flexcyon-pink
    title: Pink Color
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: "#e389ca"
    default-dark: "#d458a3"
    alt-format:
      -
        id: color-pink-rgb
        format: rgb
  - id: flexcyon-accent
    title: Accent Color
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: "#5770b9"
    default-dark: "#92a871"
  - title: Enable Extended Color Palette
    id: flexcyon-ext-colors-enabled
    type: class-toggle
    default: true

  - title: Base Colors
    type: heading
    level: 5
    collapsed: true
  - id: flexcyon-base-01
    title: Base Color 01
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: "#faf7ef"
    default-dark: "#14161c"
  - id: flexcyon-base-02
    title: Base Color 02
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: "#edebe5"
    default-dark: "#191d28"
  - id: flexcyon-base-03
    title: Base Color 03
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: "#dddcd6"
    default-dark: "#24262c"
  - id: flexcyon-base-04
    title: Base Color 04
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: "#d3d3ce"
    default-dark: "#4d566b"
  - id: flexcyon-base-05
    title: Base Color 05
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: "#b4b3af"
    default-dark: "#6f7685"
  - id: flexcyon-base-grey-dark
    title: Base dark grey
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: "#797876"
    default-dark: "#898c93"
  - id: flexcyon-base-grey-light
    title: Base light grey
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: "#080808"
    default-dark: "#d3d5d3"
  - id: flexcyon-base-grey-tab
    title: Base grey tab
    type: variable-color
    opacity: false
    format: hex
    default: "#71777f"
  - id: flexcyon-base-grey-token
    title: Base grey token
    type: variable-color
    opacity: false
    format: hex
    default: "#586582"
  - id: flexcyon-base-grey-scroll
    title: Base grey scroll
    type: variable-color
    opacity: false
    format: hex
    default: "#3f495e"
  - id: flexcyon-base-grey-scroll-hover
    title: Base grey scroll hover
    type: variable-color
    opacity: false
    format: hex
    default: "#5d6782"

  - title: Typography
    description: Muted text color, Headings, UI Font sizes
    type: heading
    level: 5
    collapsed: true
  - title: Muted text color
    id: flexcyon-text-muted
    type: variable-color
    opacity: true
    format: hex
    default: "#6f768599"
  - title: Highlight Text Vertical Padding
    id: flexcyon-highlight-verti-padding
    type: variable-number
    default: 1
    format: px
  - title: Highlight Text Horizontal Padding
    id: flexcyon-highlight-horiz-padding
    type: variable-number
    default: 2.5
    format: px
  - title: Highlight Text Border Radius
    id: flexcyon-highlight-border-radius
    type: variable-number
    default: 4
    format: px

  - title: Headings
    type: heading
    level: 6
    collapsed: true
  - title: Enable coloured headings
    id: flexcyon-headings-coloured-enabled
    type: class-toggle
    default: true
  - title: Enable soft glow for headings
    id: flexcyon-headings-glow-enabled
    type: class-toggle
    default: false
  - title: Enable heading indicators globally for Heading 1
    id: flexcyon-headings-indicator-h1
    type: class-toggle
    default: false
  - title: Enable heading indicators globally for Heading 2
    id: flexcyon-headings-indicator-h2
    type: class-toggle
    default: false
  - title: Enable heading indicators globally for Heading 3
    id: flexcyon-headings-indicator-h3
    type: class-toggle
    default: false
  - title: Enable heading indicators globally for Heading 4
    id: flexcyon-headings-indicator-h4
    type: class-toggle
    default: false
  - title: Enable heading indicators globally for Heading 5
    id: flexcyon-headings-indicator-h5
    type: class-toggle
    default: false
  - title: Enable heading indicators globally for Heading 6
    id: flexcyon-headings-indicator-h6
    type: class-toggle
    default: false
  - title: Heading 1 font size
    id: h1-size
    type: variable-number
    default: 1.802
    format: em
  - title: Heading 2 font size
    id: h2-size
    type: variable-number
    default: 1.602
    format: em
  - title: Heading 3 font size
    id: h3-size
    type: variable-number
    default: 1.424
    format: em
  - title: Heading 4 font size
    id: h4-size
    type: variable-number
    default: 1.266
    format: em
  - title: Heading 5 font size
    id: h5-size
    type: variable-number
    default: 1.125
    format: em
  - title: Heading 6 font size
    id: h6-size
    type: variable-number
    default: 1
    format: em
  - title: Heading 1 font weight
    id: h1-weight
    type: variable-number
    default: 700
  - title: Heading 2 font weight
    id: h2-weight
    type: variable-number
    default: 675
  - title: Heading 3 font weight
    id: h3-weight
    type: variable-number
    default: 650
  - title: Heading 4 font weight
    id: h4-weight
    type: variable-number
    default: 625
  - title: Heading 5 font weight
    id: h5-weight
    type: variable-number
    default: 600
  - title: Heading 6 font weight
    id: h6-weight
    type: variable-number
    default: 575
  - title: Heading 1 line height
    id: h1-line-height
    type: variable-number
    default: 1.2
  - title: Heading 2 line height
    id: h2-line-height
    type: variable-number
    default: 1.2
  - title: Heading 3 line height
    id: h3-line-height
    type: variable-number
    default: 1.3
  - title: Heading 4 line height
    id: h4-line-height
    type: variable-number
    default: 1.4
  - title: Heading 5 line height
    id: h5-line-height
    type: variable-number
    default: 1.5
  - title: Heading 6 line height
    id: h6-line-height
    type: variable-number
    default: 1.5
  - title: Enable underline for Heading 1
    id: flexcyon-h1-underline-enabled
    type: class-toggle
    default: false
  - title: Enable underline for Heading 2
    id: flexcyon-h2-underline-enabled
    type: class-toggle
    default: false
  - title: Enable underline for Heading 3
    id: flexcyon-h3-underline-enabled
    type: class-toggle
    default: false
  - title: Enable underline for Heading 4
    id: flexcyon-h4-underline-enabled
    type: class-toggle
    default: false
  - title: Enable underline for Heading 5
    id: flexcyon-h5-underline-enabled
    type: class-toggle
    default: false
  - title: Enable underline for Heading 6
    id: flexcyon-h6-underline-enabled
    type: class-toggle
    default: false
  - title: Inline title
    type: heading
    level: 6
    collapsed: true
  - title: Inline title font size
    id: inline-title-size
    type: variable-number
    default: 1.802
    format: em
  - title: Inline title font weight
    id: inline-title-weight
    type: variable-number
    default: 700
  - title: Inline title line height
    id: inline-title-line-height
    type: variable-number
    default: 1.2
  - title: UI Font sizes
    type: heading
    level: 6
    collapsed: true
  - title: Smaller UI Font size
    id: font-ui-smaller
    type: variable-number
    default: 12
    format: px
  - title: Small UI Font size
    id: font-ui-small
    type: variable-number
    default: 14
    format: px
  - title: Medium UI Font size
    id: font-ui-medium 
    type: variable-number
    default: 16
    format: px
  - title: Large UI Font size
    id: font-ui-large
    type: variable-number
    default: 18
    format: px

  - title: Table
    type: heading
    level: 5
    collapsed: true 
  - title: Table border color
    id: table-border-color
    type: variable-color
    opacity: true
    format: hex
    default: "#6f768566"
  - title: Table header size
    id: table-header-size
    type: variable-text
    default: "large"
  - title: Width of table in reading mode
    id: flexcyon-table-reading-mode-width
    type: variable-text
    default: 100%

  - title: Files
    type: heading
    level: 5
    collapsed: true
  - title: Enable dimmed file extensions in file exploroer
    id: flexcyon-file-exp-dimmed-file-exts-enabled 
    type: class-toggle
    default: true
  - title: Select folder style
    description: Select the folder style, sometimes need to restart or force reload for it to take effect properly. Alternate folder style Adds padding for active file item, makes collapse icons and borders blue for active folders.
    type: class-select
    id: theme-variant
    allowEmpty: true
    default: none
    options: 
      - 
        label: Rainbow folders
        value: flexcyon-rainbow-folders
      - 
        label: Alternate folder style
        value: flexcyon-alt-folder-style
      - 
        label: Markdown file tree style
        value: flexcyon-md-file-tree-style
  - title: Colour background instead of text for rainbow folders
    id: flexcyon-is-bg-rainbow
    type: class-toggle
    default: true
  - title: Enable minimalist trees
    description: Removes left borders and collapse icons from trees in the app, this affects folder and outlines 
    id: flexcyon-minimalist-tree
    type: class-toggle
    default: false
  - title: Vertical Tree Item Padding
    description: Vertical Padding of tree item variables like file explorer items
    id: flexcyon-tree-item-verti-padding
    type: variable-number
    format: px
    default: 1.25
  - title: Horizontal Tree Item Padding
    description: Horizontal Padding of tree item variables like file explorer items
    id: flexcyon-tree-item-horiz-padding
    type: variable-number
    format: px
    default: 12
  - title: Wrap Long Filenames
    description: Wrap long filenames to a new line instead of cutting it off with ellipses when the text does overflow
    id: flexcyon-wrap-long-filenames
    type: class-toggle
    default: true

  - title: Workspace
    type: heading
    level: 5
    collapsed: true
  - title: File line width
    id: file-line-width
    description: File line width when readable line length is enabled
    type: variable-number
    default: 50
    format: rem
  - title: Opacity of dimmed elements
    id: dimmed
    description: Opacity of dimmed UI elements
    type: variable-number
    default: 0.55
  - title: Top Actions Alignment
    description: Alignment of the top actions (the ones with icons that allow you to make a new note, new folder etc.). Defaults to left if an invalid value is given.
    id: flexcyon-top-actions-alignment
    type: variable-text
    default: center
  - title: View header breadcrumb max width
    id: flexcyon-view-header-breadcrumb-max-w
    description: Max width of view header breadcrumb
    type: variable-number
    default: 12.5
    format: vw
  - title: Upscale percentage of icons
    type: heading
    level: 6
    collapsed: true
  - title: Upscale percentage of icons 1
    id: upsize
    description: Upscale percentage used in smiley icons and side dock icon effects
    type: variable-text
    default: 103%
  - title: Upscale percentage of icons 2
    id: expand
    description: Upscale percentage used in side dock icon effects
    type: variable-text
    default: 110%
  - title: Prompts
    type: heading
    level: 6
    collapsed: true
  - title: Prompt width
    description: Sets the width of prompts like the command prompt
    id: prompt-width
    type: variable-number
    default: 700
    format: px
  - title: Prompt max width
    description: Sets the maximum width of prompts like the command prompt
    id: prompt-max-width
    type: variable-number
    default: 80
    format: vw
  - title: Prompt max height
    description: Sets the maximum height of prompts like the command prompt
    id: prompt-max-height
    type: variable-number
    default: 70
    format: vh
  - title: Prompt alignment
    description: Configure the alignment of prompt such as the command prompt and Omnisearch search prompt
    type: class-select
    id: theme-variant
    allowEmpty: true
    default: none
    options: 
      - 
        label: Top left
        value: flexcyon-prompt-align-top-left
      - 
        label: Top center
        value: flexcyon-prompt-align-top-center
      -
        label: Center left
        value: flexcyon-prompt-align-center-left
      -
        label: Bottom left
        value: flexcyon-prompt-align-bottom-left
      -
        label: Bottom center 
        value: flexcyon-prompt-align-bottom-center
  - title: Suggestion item vertical padding
    description: Configure the vertical padding of Search, Quick Switcher and Omnisearch
    id: flexcyon-suggestion-verti-padding
    type: variable-number
    default: 8
    format: px
  - title: Suggestion item horizontal padding
    description: Configure the horizontal padding of Search, Quick Switcher and Omnisearch
    id: flexcyon-suggestion-horiz-padding
    type: variable-number
    default: 12
    format: px

  - title: Animations
    type: heading
    level: 6
    collapsed: true
  - title: Animation type
    description: Configure animation type for transitions of prompts, modals and tab containers.
    type: class-select
    id: theme-variant
    allowEmpty: true
    default: none
    options: 
      - 
        label: Slide in Left to Right
        value: flexcyon-anims-slide-ltr
      - 
        label: Slide in Right to Left
        value: flexcyon-anims-slide-rtl
      - 
        label: Slide in Top to Bottom
        value: flexcyon-anims-slide-tb
      - 
        label: Slide in Bottom to Top
        value: flexcyon-anims-slide-bt
      - 
        label: Rotate in Bottom to Top
        value: flexcyon-anims-spin-bt
      - 
        label: Rotate in Right to Left
        value: flexcyon-anims-spin-rl

  - title: Animation duration
    id: flexcyon-anim-duration
    description: Transition duration for animations
    type: variable-number
    default: 0.5
    format: s
  - title: Animation easing function
    id: flexcyon-anim-easing
    description: Transition easing fucntion for animations
    type: variable-text
    default: ease-in-out
  - title: Animation slide amount
    id: flexcyon-anim-slide-amount
    description: The amount of pixels the slide animations will slide
    type: variable-number
    default: 50
    format: px

  - title: Editor Background
    type: heading
    level: 6
    collapsed: true
  - title: Select Background Type
    description: Select the background type for the editor
    type: class-select
    id: theme-variant
    allowEmpty: true
    default: none
    options: 
      - 
        label: Grid Background
        value: flexcyon-editor-grid
      - 
        label: Dotted Background
        value: flexcyon-editor-dots
      - 
        label: Rhombus Background
        value: flexcyon-editor-rhombus
  - title: Rotation value for grid and rhombus background
    description: How many degrees the grid background will be rotated
    id: flexcyon-editor-bg-rotation
    type: variable-number
    default: 0
    format: deg
  - title: Width between each dot/line for editor background
    id: flexcyon-editor-bg-width
    type: variable-number
    default: 15
    format: px
  - title: Size of dots for dotted background
    id: flexcyon-editor-dot-size
    type: variable-number
    default: 2.5
    format: px
  - title: Layout
    type: heading
    level: 6
    collapsed: true
  - title: Select workspace layout
    description: Select the workspace layout. Card layout adds solid rounded borders. Angled layout is tilted stuff. Powerlevel10k one has plenty of polygons.
    type: class-select
    id: theme-variant
    allowEmpty: true
    default: none
    options: 
      - 
        label: Cards Layout
        value: flexcyon-workspace-card-layout
      - 
        label: Angled Layout
        value: flexcyon-workspace-angled-layout
      - 
        label: Powerlevel10k Layout
        value: flexcyon-workspace-pl10k-layout
  - title: Enable TUI add-on for cards layout
    description: Makes Files, properties and other items adopt styling inspired by TUIs. 
    id: flexcyon-workspace-cards-tui-ext
    type: class-toggle
    default: true

  - title: Callouts
    type: heading
    level: 5
    collapsed: true
  - title: Callout Icon Right padding
    id: flexcyon-callout-icon-right-padding
    description: Right padding for the callout icon
    type: variable-number
    default: 4
    format: px
  - title: First Codeblock Margin Top
    id: flexcyon-callout-first-codeblock-margin-top
    description: Margin top for the first codeblock in a callout, affects images too.
    type: variable-number
    default: 1
    format: rem
  - title: Callout Metadata Background Opacity
    id: flexcyon-callout-bg-opacity
    description: Configures the opacity of callouts when they have metadata of <all-*> or <bg-*>
    type: variable-text;
    default: 20%
  - title: Callout Vertical Margin
    id: flexcyon-callout-vertical-margin
    description: Configures the vertical margin of callouts
    type: variable-number
    default: 1
    format: em
  - title: Callout Border Radius
    id: callout-radius
    description: Configures the border radius of callouts
    type: variable-number
    default: 2
    format: px
  - title: Flashcard callout width
    id: flexcyon-callouts-flashcard-width
    description: Configures the width of flashcard callouts
    type: variable-number
    default: 250
    format: px
  - title: Flashcard callout height
    id: flexcyon-callouts-flashcard-height
    description: Configures the height of flashcard callouts
    type: variable-number
    default: 250
    format: px
  - title: Flashcard callout animation duration
    id: flexcyon-callout-flashcard-animation-duration
    type: variable-number
    default: 0.5
    format: s
  - title: Popup callout animation duration
    type: variable-number
    id: flexcyon-callout-pop-animation-duration
    default: 0.2
    format: s

  - title: Checkboxes
    type: heading
    level: 5
    collapsed: true
  - title: Enable ASCII checkboxes
    type: class-toggle
    id: flexcyon-ascii-checkboxes-enabled
    default: true
  - title: ASCII checkboxes font size
    id: flexcyon-ascii-checkboxes-font-size
    type: variable-number
    default: 1.2
    format: rem

  - title: Bullet lists
    type: heading
    level: 5
    collapsed: true
  - title: Enable Rainbow bullet lists
    type: class-toggle
    id: flexcyon-rainbow-bullet-points
    default: false

  - title: Numbered lists
    type: heading
    level: 5
    collapsed: true
  - title: Select Default Numbered List Style in Reading Mode
    description: Unfortunately I cannot get it to work within CodeMirror's context, because the output html is not ordered list tags which are easier to style.
    type: class-select
    id: theme-variant
    allowEmpty: false
    default: flexcyon-numbered-list-decimal
    options: 
      - label: None
        value: flexcyon-numbered-list-none
      - label: Disc
        value: flexcyon-numbered-list-disc
      - label: Circle
        value: flexcyon-numbered-list-none
      - label: Square
        value: flexcyon-numbered-list-square
      - label: Decimal
        value: flexcyon-numbered-list-decimal
      - label: CJK Decimal
        value: flexcyon-numbered-list-cjk-decimal
      - label: Decimal Leading Zero
        value: flexcyon-numbered-list-decimal-leading-zero
      - label: Lower Roman
        value: flexcyon-numbered-list-lower-roman
      - label: Upper Roman
        value: flexcyon-numbered-list-upper-roman
      - label: Lower Greek
        value: flexcyon-numbered-list-lower-greek
      - label: Lower Alphabet
        value: flexcyon-numbered-list-lower-alpha
      - label: Lower Latin
        value: flexcyon-numbered-list-lower-latin
      - label: Upper Alphabet
        value: flexcyon-numbered-list-upper-alpha
      - label: Upper Latin
        value: flexcyon-numbered-list-upper-latin
      - label: Arabic Indic
        value: flexcyon-numbered-list-arabic-indic
      - label: Armenian
        value: flexcyon-numbered-list-armenian
      - label: Bengali
        value: flexcyon-numbered-list-bengali
      - label: Cambodian
        value: flexcyon-numbered-list-cambodian
      - label: Khmer
        value: flexcyon-numbered-list-khmer
      - label: CJK Earthly Branch
        value: flexcyon-numbered-list-cjk-earthly-branch
      - label: CJK Heavenly Branch
        value: flexcyon-numbered-list-cjk-heavenly-branch
      - label: CJK Ideographic
        value: flexcyon-numbered-list-cjk-ideographic
      - label: Devanagari
        value: flexcyon-numbered-list-davanagari
      - label: Ethiopic Numeric
        value: flexcyon-numbered-list-ethiopic-numeric
      - label: Georgian
        value: flexcyon-numbered-list-georgian
      - label: Gujarati
        value: flexcyon-numbered-list-gujarati
      - label: Gurmukhi
        value: flexcyon-numbered-list-gurmukhi
      - label: Hebrew
        value: flexcyon-numbered-list-hebrew
      - label: Hiragana
        value: flexcyon-numbered-list-hiragana
      - label: Hiragana Iroha
        value: flexcyon-numbered-list-hiragana-iroha
      - label: Hiragana Formal
        value: flexcyon-numbered-list-hiragana-formal
      - label: Japanese Formal
        value: flexcyon-numbered-list-japanese-formal
      - label: Japanese Informal
        value: flexcyon-numbered-list-japanese-informal
      - label: Kannada
        value: flexcyon-numbered-list-kannada
      - label: Kannada Iroha
        value: flexcyon-numbered-list-kannada-iroha
      - label: Katakana
        value: flexcyon-numbered-list-katakana
      - label: Katakana Iroha
        value: flexcyon-numbered-list-katakana-iroha
      - label: Korean Hangul Formal
        value: flexcyon-numbered-list-korean-hangul-formal
      - label: Korean Hanja Formal
        value: flexcyon-numbered-list-korean-hanja-formal
      - label: Korean Hanja Informal
        value: flexcyon-numbered-list-korean-hanja-inforal
      - label: Lao
        value: flexcyon-numbered-list-lao
      - label: Lower Armenian
        value: flexcyon-numbered-list-lower-armenian
      - label: Malayalam
        value: flexcyon-numbered-list-malayalam
      - label: Mongolian
        value: flexcyon-numbered-list-mongolian
      - label: Myanmar
        value: flexcyon-numbered-list-myanmar
      - label: Oriya
        value: flexcyon-numbered-list-oriya
      - label: Persian
        value: flexcyon-numbered-list-persian
      - label: Simplified Chinese Formal
        value: flexcyon-numbered-list-simplified-chinese-formal
      - label: Simplified Chinese Informal
        value: flexcyon-numbered-list-simplified-chinese-informal
      - label: Tamil
        value: flexcyon-numbered-list-tamil
      - label: Telugu
        value: flexcyon-numbered-list-telugu
      - label: Thai
        value: flexcyon-numbered-list-thai
      - label: Tibetan
        value: flexcyon-numbered-list-tibetan
      - label: Traditional Chinese Informal
        value: flexcyon-numbered-list-traditional-chinese-informal
      - label: Traditional Chinese Informal
        value: flexcyon-numbered-list-traditional-chinese-informal
      - label: Upper Armenian
        value: flexcyon-numbered-list-upper-armenian
      - label: Disclosure Open
        value: flexcyon-numbered-list-disclosure-open

  - title: Media
    type: heading
    level: 5
    collapsed: true
  - title: Media Embed Vertical margin
    type: variable-number
    id: flexcyon-media-embed-vertical-margin
    default: 8
    format: px
  - title: Image Border Radius
    type: variable-number
    id: img-border-radius
    default: 15
    format: px

  - title: Links
    type: heading
    level: 5
    collapsed: true
  - title: Internal Link Color
    id: flexcyon-link-color
    type: variable-themed-color
    default-light: "#6f49ae"
    default-dark: "#a461c8"
    format: hex
  - title: External Color
    id: flexcyon-external-link-color
    type: variable-themed-color
    format: hex
    default-light: "#5c9fe4"
    default-dark: "#5a8fcd"
  - title: Unresolved Link Color
    id: flexcyon-link-unresolved-color
    type: variable-themed-color
    format: hex
    default-light: "#6f49ae"
    default-dark: "#a461c8"

  - title: Properties
    type: heading
    level: 5
    collapsed: true
  - title: Do not show properties in reading mode
    id: flexcyon-metadata-display-reading-disabled
    type: class-toggle
    default: true
  - title: Do not show properties in live preview mode
    id: flexcyon-metadata-display-editing-disabled
    type: class-toggle
    default: false
  - title: Enable rainbow metadata icons
    id: flexcyon-metadata-rainbow-icons
    type: class-toggle
    default: false
  - title: Metadata container left padding
    id: flexcyon-meta-container-padding-left
    type: variable-number
    default: 14
    format: px

  - title: Status Bar
    type: heading
    level: 5
    collapsed: true
  - title: Hide until hover
    id: flexcyon-status-hide-until-hover
    description: Hide status bar until hover
    type: class-toggle
    default: false
  - title: Text when hide until hover enabled
    id: flexcyon-status-hide-until-hover-text
    description: Text to show when hide until hover is enabled, do not leave empty
    type: variable-text
    default: "Show status"
    quotes: true
  - title: Translation for showing status bar on hover
    id: flexcyon-status-hide-until-hover-translation
    description: Translation for showing status bar on hover, requires hide until hover to be enabled.
    type: variable-number
    default: 1500
    format: px
  - title: Transition duration for showing status bar on hover
    id: flexcyon-status-hide-hover-duration
    description: Transition duration for showing status bar on hover, requires hide until hover to be enabled.
    type: variable-number
    default: 0.35
    format: s
  - title: Transition timing function for showing status bar on hover
    description: Transition timing function for showing status bar on hover, requires hide until hover to be enabled.
    id: flexcyon-status-hide-hover-function
    type: variable-text
    default: ease-out
  - title: Use text instead of icons for mode status
    id: flexcyon-status-text-mode
    description: Use text instead of icons for mode status
    type: class-toggle
    default: false
  - title: Reading Mode Text
    id: flexcyon-status-reading-text
    description: Text to display when in reading mode, needs use text instead of icons for mode status enabled.
    type: variable-text
    default: "READ"
    quotes: true
  - title: Source Mode Text
    id: flexcyon-status-source-text
    description: Text to display when in source mode, needs use text instead of icons for mode status enabled.
    type: variable-text
    default: "SOURCE"
    quotes: true
  - title: Live Preview Mode Text
    id: flexcyon-status-live-text
    description: Text to display when in live preview mode, needs use text instead of icons for mode status enabled.
    type: variable-text
    default: "LIVE"
    quotes: true
  - title: Show status bar on mobile
    id: flexcyon-status-mobile-enabled
    type: class-toggle
    default: false
  - title: Status bar font size
    id: status-bar-font-size
    type: variable-number
    default: 12.5
    format: px
  - title: Select status bar style
    description: Angled status bar style is inspired by Powerlevel10k. Cards has a more pronounced border radius.
    type: class-select
    id: theme-variant
    allowEmpty: true
    default: none
    options: 
      - 
        label: Angled
        value: flexcyon-status-style-angled
      - 
        label: Cards
        value: flexcyon-status-style-card
      -
        label: Powerlevel10k
        value: flexcyon-status-style-pl10k

  - title: Enable status text color
    id: flexcyon-status-text-enable-color
    description: Affects text colors for vim mode status text as well.
    type: class-toggle
    default: false

  - title: Title Bar
    type: heading
    level: 5
    collapsed: true
  - title: Titlebar Button Effects
    description: Enable hover effects on titlebar buttons
    id: flexcyon-titlebar-button-effects
    type: class-toggle
    default: true

  - title: Line Numbers
    type: heading
    level: 5
    collapsed: true
  - title: Enable Relative Line Numbers
    description: Enable Relative Line Numbers. Adapted from Shimmering Focus Theme
    id: flexcyon-enable-rel-nums
    type: class-toggle
    default: false
  - title: Relative and normal line numbers on different lines
    description: Does not display line numbers for lines which have relative line numbers displayed. 
    type: class-toggle
    id: flexcyon-no-num-with-relative
    default: false
  - title: Only display relative line numbers
    description: Overrides previous configuration option.
    type: class-toggle
    id: flexcyon-relative-num-only
    default: false
  - title: Configure Relative Line Number Style
    type: class-select
    id: theme-variant
    allowEmpty: true
    default: none
    options: 
      - 
        label: Roman
        value: flexcyon-roman-rel-nums
      - 
        label: Greek
        value: flexcyon-greek-rel-nums
      - 
        label: Chinese
        value: flexcyon-chinese-rel-nums
  - title: Replace active line number with string
    description: Customise the active line number with your own string, defaults to "->"
    type: class-toggle
    id: flexcyon-repl-active-line-num-str
    default: false
  - title: Replaced active line number string value
    id: flexcyon-repl-active-line-str
    type: variable-text
    default: "->"
    quotes: true

  - title: Cursor
    type: heading
    level: 5
    collapsed: true
  - title: Enable Smooth Cursor
    id: flexcyon-enable-smooth-cursor
    type: class-toggle
    default: true
  - title: Smooth cursor transition duration
    id: flexcyon-cursor-duration
    type: variable-number
    default: 95
    format: ms
  - title: Smooth cursor timing function
    id: flexcyon-cursor-timing-fn
    type: variable-text
    default: ease
  - title: Smooth cursor minimum width
    id: flexcyon-cursor-min-width
    type: variable-text
    default: unset

  - title: Graph
    type: heading
    level: 5
    collapsed: true
  - title: Graph View Controls Vertical Padding
    type: variable-number
    id: graph-control-verti-padding
    default: 6
    format: px
  - title: Graph View Controls Horizontal Padding
    type: variable-number
    id: graph-control-horiz-padding
    default: 12
    format: px

  - title: Settings
    type: heading
    level: 4
    collapsed: true
    description: Customise the appearance of settings
  - title: Smiley Toggle Icons in Settings
    description: Display smiley toggle icons for settings toggle buttons
    id: flexcyon-settings-smiley-icons-enabled
    type: class-toggle
    default: true
  - title: Coloured Icons in Settings
    description: Display coloured icons for buttons in setting like uninstall, options, hotkeys, etc.
    id: flexcyon-settings-coloured-icons
    type: class-toggle
    default: false
  - title: Enable community item effects
    description: Enable installed tooltip effects such as subtle dimming of community items and fixing positioning of installed tooltip in community items.
    id: flexcyon-settings-comm-item-enabled
    type: class-toggle
    default: true
  - title: Opacity of community items (unselected)
    id: flexcyon-comm-item-opacity
    type: variable-number
    default: 0.89
  - title: Installed tooltip left margin
    description: Control the left margin of the installed tooltip
    id: flexcyon-settings-installed-tooltip-left-margin
    type: variable-number
    default: 1
    format: rem
  - title: Do not show scrollbar in settings
    id: flexcyon-settings-scrollbar-removed
    description: Do not show scrollbar in settings
    type: class-toggle
    default: true
  - title: Enable alternate active item effect in settings
    id: flexcyon-enable-alt-active-item-effect
    type: class-toggle
    default: true
  - title: Style Settings
    type: heading
    level: 5
    collapsed: true
    description: Configure the appearance for style settings
  - title: Indentation width between style setting headings
    type: variable-number
    id: flexcyon-style-settings-indent-width
    default: 4
    format: px
  - title: Dim collapsed style settings headings
    description: Dims collapsed Style Settings headings, useful for navigating larger or heavily nested Style Settings.
    type: class-toggle
    id: flexcyon-style-settings-dim-collapsed-headings
    default: true

  - title: Plugins
    type: heading
    level: 4
    collapsed: true
    description: Style settings related to supported plugins
  - title: Alternate file tree 
    type: heading
    level: 5
    collapsed: true
  - title: Folders font size
    id: oz-fta-folder-font-size
    description: Used in alternate file tree folder
    type: variable-number
    default: 0.925
    format: rem
  - title: Folders font color
    id: oz-fta-folder-pane-file-name-color
    type: variable-themed-color
    format: hex
    opacity: true
    default-light: "#080808"
    default-dark: "#d3d5d3"
  - title: Active folder color
    id: oz-fta-all-panes-active-text-color
    type: variable-themed-color
    format: hex
    default-light: "#080808"
    default-dark: "#d3d5d3"
  - title: Files font size
    id: oz-fta-file-font-size
    description: Used in alternate file tree files
    type: variable-number
    default: 0.9
    format: rem
  - title: Files font color
    id: oz-fta-file-pane-file-name-color
    type: variable-color
    opacity: true
    format: hex
    default: "#6f768599"
  - title: Disable folder icons
    id: flexcyon-oz-folder-icons-disabled
    description: Remove folder icons
    type: class-toggle
    default: false
  - title: Disable file tree header
    id: flexcyon-oz-file-tree-header-disabled
    description: Remove file tree header
    type: class-toggle
    default: false
  - title: Enable Alternate folder count
    id: flexcyon-oz-alternate-folder-count
    description: Alternate folder count style, shows count on hover
    type: class-toggle
    default: false
  - title: Enable dimmed file extensions in file tree
    id: flexcyon-oz-dimmed-file-exts-enabled
    type: class-toggle
    default: true
  - title: Full Calendar
    type: heading
    level: 5
    collapsed: true
  - title: Opacity of dimmed full calendar items 
    id: flexcyon-fc-dimmed-items-opacity
    type: variable-number
    default: 0.89
  - title: Dataview
    type: heading
    level: 5
    collapsed: true
  - title: Horizontal padding of dataview error messages
    id: flexcyon-dataview-horizontal-padding
    type: variable-number
    default: 8
    format: px

  - title: Canvas
    type: heading
    level: 5
    collapsed: true
  - title: Blur inactive Canvas nodes
    id: flexcyon-canvas-blur-inactive-nodes
    description: Toggle the blur effect of inactive canvas nodes.
    type: class-toggle
    default: false
  - title: Blur intensity for inactive nodes
    id: flexcyon-canvas-blur-intensity
    description: How intense the blur effect is when the blur inactive canvas nodes mode is on
    type: variable-number
    default: 1
    format: px
  - title: Canvas card menu alignment
    type: class-select
    id: theme-variant
    allowEmpty: true
    default: none
    options: 
      - 
        label: Bottom left
        value: flexcyon-canvas-menu-bottom-left
      - 
        label: Bottom right
        value: flexcyon-canvas-menu-bottom-right
      - 
        label: Top center
        value: flexcyon-canvas-menu-top-center
      - 
        label: Top left
        value: flexcyon-canvas-menu-top-left
      - 
        label: Top right
        value: flexcyon-canvas-menu-top-right
      -
        label: Left aligned center
        value: flexcyon-canvas-menu-lcenter-center
      -
        label: Left aligned top
        value: flexcyon-canvas-menu-lcenter-top
      -
        label: Left aligned bottom
        value: flexcyon-canvas-menu-lcenter-bottom
      -
        label: Right aligned center
        value: flexcyon-canvas-menu-rcenter-center
      -
        label: Right aligned top
        value: flexcyon-canvas-menu-rcenter-top
      -
        label: Right aligned bottom
        value: flexcyon-canvas-menu-rcenter-bottom
      -
        label: Right aligned center align
        value: flexcyon-canvas-menu-rcenter-align

  - title: Various Complements
    type: heading
    level: 5
    collapsed: true
    description: For configuring the Various Complements Plugin
  - title: Vertical Suggestion Padding
    type: variable-number
    id: flexcyon-var-comps-sugg-vert-padding
    default: 7
    format: px
  - title: Horizontal Suggestion Padding
    type: variable-number
    id: flexcyon-var-comps-sugg-horiz-padding
    default: 12
    format: px
  - title: Compact Suggestion Mode
    id: flexcyon-var-comps-compact-mode
    description: Overrides defaults. Uses padding 4px 8px.
    type: class-toggle
    default: false

  - title: Others
    type: heading
    level: 4
    collapsed: true
    description: Vim mode text, new tab appearance, side dock icons, tooltip radius, background images
  - title: Vim Mode Text
    description: Text to display modes when using built-in vim bindings, inherits style and color from status bar style
    type: heading
    level: 5
    collapsed: true
  - title: Enable Vim Mode Text
    id: flexcyon-vim-mode-text-enable
    description: Enable text for displaying current vim mode
    type: class-toggle
    default: true
  - title: Vim mode text left positioning
    id: flexcyon-vim-left-positioning
    type: variable-number
    description: How far from the left of the screen the current vim mode text is (as the number gets greater, the text moves to the right of the screen)
    default: 6
    format: px
  - title: Vim mode text bottom positioning
    id: flexcyon-vim-bottom-positioning
    type: variable-number
    description: How far from the bottom of the screen the current vim mode text is (as the number gets greater, the text moves higher up the screen)
    default: -4
    format: px
  - title: Insert Mode Text
    description: Text to display when in insert mode
    id: flexcyon-vim-insert-text
    type: variable-text
    default: "INSERT"
    quotes: true
  - title: Normal Mode Text
    description: Text to display when in normal mode
    id: flexcyon-vim-normal-text
    type: variable-text
    default: "NORMAL"
    quotes: true
  - title: Command Mode Text
    description: Text to display when in command mode
    id: flexcyon-vim-command-text
    type: variable-text
    default: "COMMAND"
    quotes: true

  - title: New Tab Appearance
    type: heading
    level: 5
    collapsed: true
    description: Customise the appearance of new tabs. Type backslash character and a to pass it as a newline in ASCII art and other input values
  - title: Add before empty state title
    type: class-select
    id: theme-variant
    allowEmpty: true
    default: none
    options: 
      - 
        label: ASCII art
        value: flexcyon-ascii-enable
      - 
        label: Quote
        value: flexcyon-quote-enable
  - title: Background for add before empty state title
    description: Background color for the add before empty state title, accepts CSS variables.
    type: variable-text
    id: flexcyon-new-tab-bg-wrapper
    default: linear-gradient(to right, var(--text-accent), var(--color-blue), var(--color-cyan))
  - title: Quote
    id: flexcyon-quote-val
    description: The quote that will be displayed
    type: variable-text
    default: "This is a placeholder quote\ain the Flexcyon Theme."
    quotes: true
  - title: Quote Attribution Prefix
    id: flexcyon-quote-credit-prefix
    description: The prefix before the quote attribution
    type: variable-text
    default: "-"
    quotes: true
  - title: Quote Attribution
    id: flexcyon-quote-credit
    description: The quote attribution
    type: variable-text
    default: "bladeacer"
    quotes: true
  - title: Quote font size
    id: flexcyon-quote-font-size
    type: variable-number
    default: 24
    format: px
  - title: ASCII Art
    id: flexcyon-ascii-art
    description: ASCII art to display in new tab
    type: variable-text
    default: " \a\
    _______________                                       \a\
    ___  ____/__  /________  ____________  ______________ \a\
    __  /_   __  /_  _ \\_  |/_/  ___/_  / / /  __ \\_  __ \\ \a\
    _  __/   _  / /  __/_>  < / /__ _  /_/ // /_/ /  / / / \a\
    /_/      /_/  \\___//_/|_| \\___/ _\\__, / \\____//_/ /_/ \a\
                                    /____/                \a\a\a "
    quotes: true
  - title: ASCII art font size limit
    description: The maximum size of the ASCII art
    id: flexcyon-ascii-max-font-size
    type: variable-number
    default: 14
    format: px
  - title: ASCII art line height
    description: The line height of the ASCII art and quotes.
    id: flexcyon-ascii-line-height
    type: variable-number
    default: 1.5
  - title: Disable Empty State title
    id: flexcyon-empty-state-title-disable
    description: Toggle the empty state title
    type: class-toggle
    default: true
  - title: Disable Empty State Actions
    id: flexcyon-empty-state-actions-disable
    description: Toggle the empty state actions
    type: class-toggle
    default: false

  - title: Side Dock
    type: heading
    level: 5
    collapsed: true
  - title: Enable side dock icon effects
    id: flexcyon-sidedock-icon-effects
    description: Enable the colors, dim till hover effects for side dock icons
    type: class-toggle
    default: true
  - title: Side Dock Ribbon Width
    description: Configure the width of the workspace ribbon on the left.
    id: ribbon-width
    type: variable-number
    default: 48
    format: px

  - title: Tooltip radius
    type: heading
    level: 5
    collapsed: true
  - title: Small radius
    id: radius-s
    type: variable-number
    default: 2
    format: px
  - title: Medium radius
    id: radius-m
    type: variable-number
    default: 4
    format: px
  - title: Large radius
    id: radius-l
    type: variable-number
    default: 6
    format: px
  - title: Extra large radius
    id: radius-xl
    type: variable-number
    default: 8
    format: px

  - title: Sidebar Background
    type: heading
    description: Configure background images in the left and right sidebars
    level: 5
    collapsed: true
  - title: Select background in sidebar
    description: Overrides background image declaration below, configures in both left and right sidebar
    type: class-select
    id: theme-variant
    allowEmpty: true
    default: none
    options: 
      - 
        label: Grid
        value: flexcyon-sidebar-bg-grid
      - 
        label: Dotted
        value: flexcyon-sidebar-bg-dots
      - 
        label: Rhombus
        value: flexcyon-sidebar-bg-rhombus

  - title: Left sidebar background image url
    id: flexcyon-bg-image-sidebar-left-url
    type: variable-text
    default: url("")
  - title: Right sidebar background image url
    id: flexcyon-bg-image-sidebar-right-url
    type: variable-text
    default: url("")
  - title: Sidebar Background image blend mode
    id: flexcyon-bg-image-blend-mode
    type: variable-text
    default: darken
  - title: Sidebar Background image repeat
    id: flexcyon-bg-image-repeat
    type: variable-text
    default: no-repeat
  - title: Sidebar Background image blur
    id: flexcyon-bg-image-blur
    type: variable-number
    default: 1
    format: px
  - title: Sidebar Background image brightness
    id: flexcyon-bg-image-brightness
    type: variable-text
    default: unset
  - title: Sidebar Background image size
    id: flexcyon-bg-image-size
    type: variable-text
    default: contain
  - title: Sidebar Background image position
    id: flexcyon-bg-image-position
    type: variable-text
    default: center

  - title: Modal Background
    type: heading
    description: Configure background images in the background of settings menu, prompts etc
    level: 5
    collapsed: true
  - title: Modal Background image url
    id: flexcyon-modal-bg-url
    type: variable-text
    default: url("")
  - title: Modal background image blend mode
    id: flexcyon-modal-image-blend-mode
    type: variable-text
    default: lighten
  - title: Modal Background image repeat
    id: flexcyon-modal-image-repeat
    type: variable-text
    default: no-repeat
  - title: Modal Background image blur
    id: flexcyon-modal-image-blur
    type: variable-number
    default: 1
    format: px
  - title: Modal Background image brightness
    id: flexcyon-modal-image-brightness
    type: variable-text
    default: unset
  - title: Modal Background image size
    id: flexcyon-modal-image-size
    type: variable-text
    default: cover
  - title: Modal Background image position
    id: flexcyon-modal-image-position
    type: variable-text
    default: center
  - title: Accessibility
    type: heading
    description: Toggle accessibility options
    level: 5
  - title: Global brightness ratio
    type: variable-number
    id: flexcyon-brightness-ratio
    default: 1
  - title: Global contrast ratio
    type: variable-number
    id: flexcyon-contrast-ratio
    default: 1
  - title: Global saturation ratio
    type: variable-number
    id: flexcyon-saturation-ratio
    default: 1

  - title: Modes
    type: heading
    description: Toggle modes like those for extreme minimalism
    level: 5
  - title: Return to Zero mode
    type: class-toggle
    description: Extreme minimalism inspired by Shimmering Focus theme. **Will override some Style Settings options**.
    id: flexcyon-rtz-mode
    default: false
  - title: Enable Writing mode globally
    type: class-toggle
    description: Like the corresponding callout metadata option but applied globally instead
    id: flexcyon-editor-writing
    default: false
  - title: Writing mode indentation
    type: variable-number
    id: flexcyon-editor-writing-indentation
    default: 16
    format: px
 */
body div.pcr-app.visible {
  background-color: var(--color-base-30);
}
body .pcr-app .pcr-interaction .pcr-type {
  color: var(--text-normal);
  background: var(--color-base-50);
  opacity: 0.85;
}
body .pcr-app .pcr-interaction .pcr-type.active {
  background: var(--text-accent);
  border: unset;
  opacity: unset;
}
body .pcr-app .pcr-interaction .pcr-cancel {
  color: var(--text-normal);
  background: var(--color-red);
}
body .pcr-app .pcr-interaction .pcr-save {
  color: var(--text-normal);
  background: var(--color-blue);
}

.themed-color-wrapper .theme-dark .pickr-reset button {
  color: rgba(211, 211, 211, 0.6666666667);
  background-color: rgba(25, 29, 40, 0.6666666667);
  scale: var(--upsize);
}
.themed-color-wrapper .theme-light .pickr-reset button {
  color: rgba(8, 8, 8, 0.6666666667);
  background-color: rgba(237, 235, 229, 0.6666666667);
  scale: var(--upsize);
}

.setting-item-heading[data-level="0"],
.setting-item-heading[data-level="0"] + .style-settings-container {
  margin-left: calc(1 * var(--flexcyon-style-settings-indent-width));
}

.setting-item-heading[data-level="1"],
.setting-item-heading[data-level="1"] + .style-settings-container {
  margin-left: calc(2 * var(--flexcyon-style-settings-indent-width));
}

.setting-item-heading[data-level="2"],
.setting-item-heading[data-level="2"] + .style-settings-container {
  margin-left: calc(3 * var(--flexcyon-style-settings-indent-width));
}

.setting-item-heading[data-level="3"],
.setting-item-heading[data-level="3"] + .style-settings-container {
  margin-left: calc(4 * var(--flexcyon-style-settings-indent-width));
}

.setting-item-heading[data-level="4"],
.setting-item-heading[data-level="4"] + .style-settings-container {
  margin-left: calc(5 * var(--flexcyon-style-settings-indent-width));
}

.setting-item-heading[data-level="5"],
.setting-item-heading[data-level="5"] + .style-settings-container {
  margin-left: calc(6 * var(--flexcyon-style-settings-indent-width));
}

.setting-item-heading[data-level="6"],
.setting-item-heading[data-level="6"] + .style-settings-container {
  margin-left: calc(7 * var(--flexcyon-style-settings-indent-width));
}

.style-settings-collapse-indicator svg {
  scale: calc(var(--expand) + 20%);
}

body.flexcyon-style-settings-dim-collapsed-headings
  .style-settings-heading.is-collapsed {
  opacity: calc(var(--dimmed) + 0.05);
}

.app-container .view-content:has(.tategaki) .markdown-preview-section {
  writing-mode: vertical-rl;
  overflow: scroll;
  max-width: 95%;
  padding-bottom: 0px !important;
  padding-top: 7.5vh;
  line-height: 1.667;
  margin: auto;
  min-height: 0 !important;
  max-height: 85vh;
  text-indent: 1rem;
}
.app-container
  .view-content:has(.tategaki)
  .markdown-preview-section
  div
  > :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0;
  line-height: 1.667;
}
.app-container
  .view-content:has(.tategaki)
  .markdown-preview-section
  .footnotes
  p {
  text-indent: 0;
}
.app-container
  .view-content:has(.tategaki)
  .markdown-preview-section
  .mod-header {
  display: none;
}

.app-container .view-content:has(.vertical-ltr) .markdown-preview-section {
  writing-mode: vertical-lr;
  overflow: scroll;
  max-width: 95%;
  padding-bottom: 0px !important;
  padding-top: 7.5vh;
  line-height: 1.667;
  margin: auto;
  min-height: 0 !important;
  max-height: 85vh;
  text-indent: 1rem;
}
.app-container
  .view-content:has(.vertical-ltr)
  .markdown-preview-section
  div
  > :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0;
  line-height: 1.667;
}
.app-container
  .view-content:has(.vertical-ltr)
  .markdown-preview-section
  .footnotes
  p {
  text-indent: 0;
}
.app-container
  .view-content:has(.vertical-ltr)
  .markdown-preview-section
  .mod-header {
  display: none;
}

.file-w-full {
  --file-line-width: 100vw;
}

.file-w-50vw {
  --file-line-width: 50vw;
}

.file-w-55vw {
  --file-line-width: 55vw;
}

.file-w-60vw {
  --file-line-width: 60vw;
}

.file-w-65vw {
  --file-line-width: 65vw;
}

.file-w-70vw {
  --file-line-width: 70vw;
}

.file-w-75vw {
  --file-line-width: 75vw;
}

.file-w-80vw {
  --file-line-width: 80vw;
}

.file-w-85vw {
  --file-line-width: 85vw;
}

.file-w-90vw {
  --file-line-width: 90vw;
}

.file-w-95vw {
  --file-line-width: 95vw;
}

body {
  image-rendering: auto;
  --flexcyon-bg-image-sidebar-left-url: url("");
  --flexcyon-bg-image-sidebar-right-url: url("");
  --flexcyon-bg-image-blend-mode: darken;
  --flexcyon-bg-image-repeat: no-repeat;
  --flexcyon-bg-image-blur: 0px;
  --flexcyon-bg-image-brightness: unset;
  --flexcyon-bg-image-size: contain;
  --flexcyon-bg-image-position: center;
  --flexcyon-modal-bg-url: url("");
  --flexcyon-modal-image-blend-mode: lighten;
  --flexcyon-modal-image-repeat: no-repeat;
  --flexcyon-modal-image-blur: 1px;
  --flexcyon-modal-image-brightness: unset;
  --flexcyon-modal-image-size: cover;
  --flexcyon-modal-image-position: center;
  --nav-item-background-hover: transparent;
}
body .mod-left-split .workspace-leaf-content {
  background-image: var(--flexcyon-bg-image-sidebar-left-url);
  background-size: var(--flexcyon-bg-image-size);
  background-position: var(--flexcyon-bg-image-position);
  background-blend-mode: var(--flexcyon-bg-image-blend-mode);
  background-color: var(--color-base-05);
}
body .mod-left-split .workspace-leaf-content * {
  backdrop-filter: brightness(var(--flexcyon-bg-image-brightness))
    blur(var(--flexcyon-bg-image-blur));
}
body .mod-left-split .workspace-leaf-content div.oz-nav-buttons-right-block {
  backdrop-filter: none;
}
body
  .mod-left-split
  .workspace-leaf-content
  .tree-item-self.is-clickable:hover {
  background-color: var(--nav-item-background-hover);
}
body .mod-right-split .workspace-leaf-content {
  background-image: var(--flexcyon-bg-image-sidebar-right-url);
  background-size: var(--flexcyon-bg-image-size);
  background-position: var(--flexcyon-bg-image-position);
  background-blend-mode: var(--flexcyon-bg-image-blend-mode);
  background-color: var(--color-base-05);
}
body .mod-right-split .workspace-leaf-content * {
  backdrop-filter: brightness(var(--flexcyon-bg-image-brightness))
    blur(var(--flexcyon-bg-image-blur));
}
body .mod-right-split .workspace-leaf-content div.oz-nav-buttons-right-block {
  backdrop-filter: none;
}
@container style(--flexcyon-bg-image-sidebar-left-url: url("")) {
  body .mod-left-split .oz-folders-action-items *,
  body .mod-left-split .oz-flex-container *,
  body .mod-left-split .fc *,
  body .mod-left-split .fc,
  body .mod-left-split .nav-header *,
  body .mod-left-split .tree-item,
  body .mod-left-split .tree-item-self,
  body .mod-left-split .tree-item-inner,
  body .mod-left-split .tree-item-children {
    backdrop-filter: none;
  }
  body .mod-left-split .tree-item-inner,
  body .mod-left-split .tree-item-icon::before {
    background-color: transparent;
  }
}
@container style(--flexcyon-bg-image-sidebar-right-url: url("")) {
  body .mod-right-split .oz-folders-action-items *,
  body .mod-right-split .oz-flex-container *,
  body .mod-right-split .fc *,
  body .mod-right-split .fc,
  body .mod-right-split .nav-header *,
  body .mod-right-split .tree-item,
  body .mod-right-split .tree-item-self,
  body .mod-right-split .tree-item-inner,
  body .mod-right-split .tree-item-children {
    backdrop-filter: none;
  }
  body .mod-right-split .tree-item-inner,
  body .mod-right-split .tree-item-icon::before {
    background-color: transparent;
  }
}
body .modal-bg {
  background-image: var(--flexcyon-modal-bg-url);
  background-size: var(--flexcyon-modal-image-size);
  background-position: var(--flexcyon-modal-image-position);
  background-blend-mode: var(--flexcyon-modal-image-blend-mode);
  filter: brightness(var(--flexcyon-modal-image-brightness))
    blur(var(--flexcyon-modal-image-blur));
}

body {
  --flexcyon-contrast-ratio: 1;
  --flexcyon-brightness-ratio: 1;
  --flexcyon-saturation-ratio: 1;
}

body {
  filter: contrast(var(--flexcyon-contrast-ratio))
    brightness(var(--flexcyon-brightness-ratio))
    saturate(var(--flexcyon-saturation-ratio));
}

body {
  --flexcyon-cursor-duration: 70ms;
  --flexcyon-cursor-timing-fn: ease;
  --flexcyon-cursor-min-width: unset;
}

body.flexcyon-enable-smooth-cursor .cm-cursor-primary {
  transition: all var(--flexcyon-cursor-duration)
    var(--flexcyon-cursor-timing-fn);
  min-width: var(--flexcyon-cursor-min-width);
}

/* Modifications for alternate file tree plugin */
body.theme-light,
body.theme-dark {
  --oz-fta-folder-font-size: calc(var(--font-ui-medium) - 0.1rem);
  --oz-fta-file-font-size: calc(var(--font-ui-medium) - 0.1rem);
}

body.theme-dark {
  --oz-fta-all-panes-active-text-color: #d3d5d3;
  --oz-fta-folder-panes-file-name-color: #d3d5d3;
}

body.theme-light {
  --oz-fta-all-panes-active-text-color: #080808;
  --oz-fta-folder-panes-file-name-color: #080808;
}

body.flexcyon-wrap-long-filenames div.oz-folder-name {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
body.flexcyon-wrap-long-filenames div.oz-nav-file-title-content {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

body .oz-folder-contents {
  padding: 4px 16px;
  margin-left: 18px !important;
}
body .oz-folder-contents:not(:has(> .treeview)) {
  border-left: none;
}
body div.oz-folder-name {
  opacity: var(--dimmed);
}
body div.oz-folder-element {
  overflow: hidden;
  scrollbar-width: 1px;
}
body div.oz-folder-name.is-folder-active {
  font-weight: normal;
  opacity: unset;
}
body div.oz-file-tree-header {
  background-color: var(--color-base-00);
  padding: 8px 5px;
  margin-top: 0;
  text-align: var(--flexcyon-top-actions-alignment);
}
body .oz-folders-action-items,
body .oz-flex-container {
  margin-bottom: 0;
}
body div.oz-folder-pane {
  position: relative;
  top: -4px;
}
body div.oz-folders-action-items.file-tree-header-fixed {
  border-radius: unset;
  background-color: var(--color-base-00);
  border: unset;
}
body div.oz-folders-action-items.file-tree-header-fixed svg {
  scale: var(--upsize);
}
body .oz-nav-file-tag {
  font-size: calc(var(--oz-fta-folder-font-size) - 0.15rem);
  background-color: transparent;
}
body .oz-folders-action-items {
  text-align: var(--flexcyon-top-actions-alignment);
  padding: 0;
}
body .oz-folders-action-items:hover {
  opacity: unset;
}
body .oz-folders-action-items .oz-nav-action-button {
  margin-right: 8px;
  scale: var(--upsize);
}
body .oz-nav-action-button {
  margin-left: 0;
  margin-right: 8px;
  padding: 0px 2px;
  opacity: var(--dimmed);
}

body.flexcyon-oz-alternate-folder-count div.oz-folder-line {
  transition: all 0.35s ease-in-out;
}
body.flexcyon-oz-alternate-folder-count div.oz-folder-line div.oz-folder-count {
  transform: translateY(1000px);
}
body.flexcyon-oz-alternate-folder-count div.oz-folder-line:hover {
  max-width: max-content;
}
body.flexcyon-oz-alternate-folder-count
  div.oz-folder-line:hover
  div.oz-folder-count
  span.oz-nav-file-tag {
  margin-top: 0.5px;
  font-weight: inherit;
  transform: translateY(-1000px);
  text-transform: none;
  display: inline;
  text-align: left;
}
body.flexcyon-oz-alternate-folder-count
  div.oz-folder-line:hover
  div.oz-folder-count
  span.oz-nav-file-tag::before {
  content: "Count: ";
}

body.flexcyon-oz-folder-icons-disabled div.oz-icon-div {
  display: none;
}

body.flexcyon-oz-file-tree-header-disabled div.oz-file-tree-header {
  display: none;
}

body.flexcyon-oz-dimmed-file-exts-enabled
  div.oz-nav-file-title[data-path$=".md"]
  div
  svg {
  display: none;
}
body.flexcyon-oz-dimmed-file-exts-enabled
  div.oz-nav-file-title[data-path$=".md"]
  span.oz-nav-file-tag {
  display: none;
}
body.flexcyon-oz-dimmed-file-exts-enabled
  div.oz-nav-file-title[data-path$=".md"]
  div::after {
  content: ".md";
  font-size: var(--font-ui-small);
  opacity: var(--dimmed);
}
body.flexcyon-oz-dimmed-file-exts-enabled div.oz-nav-file-title {
  padding: var(--flexcyon-tree-item-verti-padding)
    var(--flexcyon-tree-item-horiz-padding);
}
body.flexcyon-oz-dimmed-file-exts-enabled div.oz-nav-file-title div svg {
  display: none;
}
body.flexcyon-oz-dimmed-file-exts-enabled
  div.oz-nav-file-title
  .oz-nav-file-title-content {
  width: unset;
}
body.flexcyon-oz-dimmed-file-exts-enabled
  div.oz-nav-file-title
  span.oz-nav-file-tag {
  text-transform: lowercase;
  background-color: unset;
  margin: unset;
  border: unset;
  padding: unset;
  letter-spacing: unset;
  color: var(--oz-fta-file-pane-file-name-color);
  opacity: var(--dimmed);
  font-size: var(--font-ui-small);
  font-weight: unset;
}
body.flexcyon-oz-dimmed-file-exts-enabled
  div.oz-nav-file-title
  span.oz-nav-file-tag::before {
  content: ".";
}

div.oz-nav-file.is-active,
div.oz-nav-file.is-active div.oz-nav-file-title,
div.oz-nav-file.is-active div.oz-nav-file-title-content {
  background: linear-gradient(
    to right,
    transparent 0%,
    var(--oz-fta-file-pane-active-file-background-color) 10%,
    var(--oz-fta-file-pane-active-file-background-color) 90%,
    transparent 100%
  );
  font-weight: bold;
}

.drag-entered,
.oz-folder-element:hover,
.oz-nav-file:hover {
  background-color: var(--nav-item-background-hover);
  color: var(--text-normal);
}

.oz-nav-file {
  border: none;
}

/* Modificatiions for MiniTabs plugin */
body div.TabsCodeBlock.TabsCodeBlock-buns {
  border-radius: unset;
  background-color: var(--color-base-20);
}
body div.TabsCodeBlock.TabsCodeBlock-buns button {
  border-radius: unset;
  background-color: inherit;
  opacity: var(--dimmed);
}
body div.TabsCodeBlock.TabsCodeBlock-buns button.active {
  background-color: var(--color-base-10);
  font-weight: bold;
  color: var(--text-accent);
  opacity: 1;
}
body div.TabsCodeBlock-tabs-pages div.block-language-dataview:only-child {
  padding: 0px var(--flexcyon-dataview-horizontal-padding);
}

body :is(.hltr-pink, mark.hltr-pink, .markdown-preview-view mark.hltr-pink) {
  background: rgba(var(--color-pink-rgb), 65%);
}
body :is(.hltr-red, mark.hltr-red, .markdown-preview-view mark.hltr-red) {
  background: rgba(var(--color-red-rgb), 65%);
}
body
  :is(.hltr-orange, mark.hltr-orange, .markdown-preview-view mark.hltr-orange) {
  background: rgba(var(--color-orange-rgb), 65%);
}
body
  :is(.hltr-yellow, mark.hltr-yellow, .markdown-preview-view mark.hltr-yellow) {
  background: rgba(var(--color-yellow-rgb), 65%);
}
body :is(.hltr-green, mark.hltr-green, .markdown-preview-view mark.hltr-green) {
  background: rgba(var(--color-green-rgb), 65%);
}
body :is(.hltr-cyan, mark.hltr-cyan, .markdown-preview-view mark.hltr-cyan) {
  background: rgba(var(--color-cyan-rgb), 65%);
}
body :is(.hltr-blue, mark.hltr-blue, .markdown-preview-view mark.hltr-blue) {
  background: rgba(var(--color-blue-rgb), 65%);
}
body
  :is(.hltr-purple, mark.hltr-purple, .markdown-preview-view mark.hltr-purple) {
  background: rgba(var(--color-purple-rgb), 65%);
}

body.highlightr-lowlight
  :is(mark, span.cm-highlight, .markdown-preview-view mark) {
  --lowlight-background: var(--background-primary);
  background-image: linear-gradient(
    to right,
    0,
    var(--lowlight-background) 10%,
    rgba(var(--mono-rgb-0), 0) 10%,
    rgba(var(--mono-rgb-0), 0) 25%,
    var(--lowlight-background) 40%
  ) !important;
}

body.highlightr-floating
  mark[class*="hltr"]:last-of-type:not(mark[class*="hltr"]:only-of-type) {
  --floating-background: var(--background-primary);
  --floating-size: 20%;
  padding-bottom: 0.1em;
  background-image: linear-gradient(
    to right,
    0,
    rgba(var(--mono-rgb-0), 0) var(--floating-size),
    var(--floating-background) var(--floating-size)
  ) !important;
}

body.highlightr-rounded
  :is(mark, span.cm-highlight, .markdown-preview-view mark),
body.highlightr-realistic
  :is(mark, span.cm-highlight, .markdown-preview-view mark) {
  padding-top: 0;
  padding-bottom: 0;
}

body table.calendar thead tr th {
  color: var(--link-color);
  text-transform: capitalize;
}
body [id="calendar-container"] {
  scale: 105%;
}
body [id="calendar-container"] * {
  font-size: var(--font-ui-medium);
}
body h3.title span.year {
  color: var(--color-text-title);
}
body div.day.today {
  font-weight: bold;
}
body .reset-button {
  transform: translateY(2px);
}
body .day {
  padding: 8px 4px;
}

body.flexcyon-workspace-angled-layout #calendar-container > div > div {
  transform: skewX(-7.5deg);
}

body {
  --flexcyon-fc-dimmed-items-opacity: 0.89;
}
@container style(--flexcyon-bg-image-sidebar-left-url: url("")) {
  body .mod-left-split .workspace-leaf-content[data-type*="full-calendar"] * {
    backdrop-filter: none;
  }
}
@container style(--flexcyon-bg-image-sidebar-right-url: url("")) {
  body .mod-right-split .workspace-leaf-content[data-type*="full-calendar"] * {
    backdrop-filter: none;
  }
}
body div.fc-daygrid-body div div a {
  color: var(--text-normal);
  opacity: var(--flexcyon-fc-dimmed-items-opacity);
}
body div.fc-daygrid-body td.fc-day-today div div a {
  opacity: unset;
  font-weight: bold;
  color: var(--text-accent);
}
body div.fc-button-group button.fc-button-active {
  opacity: unset;
}
body div.fc-button-group button {
  opacity: var(--flexcyon-fc-dimmed-items-opacity);
}
body th.fc-day-today div a {
  font-weight: bold;
  color: var(--text-accent);
}
body a.fc-timegrid-event {
  background-color: var(--color-blue) !important;
  border: unset;
}
body a.fc-timegrid-event.fc-event-today {
  background-color: var(--color-green) !important;
  border: unset;
}
body .fc .fc-list-empty {
  background-color: var(--color-base-10);
}
body .fc .fc-toolbar-title {
  font-size: 1.2rem;
  color: var(--text-normal);
}
body .fc .fc-toolbar-chunk {
  padding: 0px 8px;
}
body .fc {
  font-size: var(--font-ui-small);
}

body.flexcyon-workspace-angled-layout
  .oz-explorer-container
  .oz-file-tree-files
  div,
body.flexcyon-workspace-angled-layout div.oz-folder-line {
  transform: skewX(-5deg);
}

.sr-bg-green {
  background-color: rgba(var(--color-green-rgb), 0.925) !important;
}

.sr-deck-list .sr-tree-item-row:hover .sr-bg-green,
.sr-response-button.sr-bg-green:hover {
  background-color: var(--color-green) !important;
}

.sr-bg-blue {
  background-color: rgba(var(--color-blue-rgb), 0.925) !important;
}

.sr-deck-list .sr-tree-item-row:hover .sr-bg-blue,
.sr-response-button.sr-bg-blue:hover {
  background-color: var(--color-blue) !important;
}

.sr-bg-red {
  background-color: rgba(var(--color-red-rgb), 0.925) !important;
}

.sr-deck-list .sr-tree-item-row:hover .sr-bg-red,
.sr-response-button.sr-bg-red:hover {
  background-color: var(--color-red) !important;
}

.BC-trail,
.BC-NextPrev-Container,
.BC-next,
.BC-prevs,
.BC-trail-grid,
.BC-grid-wrapper,
.BC-trail-grid-item {
  background-color: transparent !important;
  border: unset !important;
}

.internal-link.BC-prev {
  text-decoration: none;
}
.internal-link.BC-prev strong::before {
  content: "<";
  transform: scaleY(1.1);
}

.internal-link.BC-next {
  text-decoration: none;
}
.internal-link.BC-next strong::after {
  content: ">";
  transform: scaleY(1.1);
}

.BC-grid-options {
  transform: translateY(-7px);
}

body {
  --flexcyon-dataview-horizontal-padding: 8px;
}

div.dataview-error-box p.dataview-error-message {
  padding: 0px var(--flexcyon-dataview-horizontal-padding);
}

.obsidian-vault-statistics--item {
  margin: 0px 0.25rem;
}

body {
  --color-accent: hsla(
    var(--accent-h),
    var(--accent-s),
    var(--accent-l),
    var(--dimmed)
  );
  --flexcyon-canvas-blur-intensity: 1px;
}

.canvas-background pattern {
  display: none;
}

.canvas-controls {
  top: 24px;
  gap: 8px;
  scale: var(--expand);
}

.canvas-card-menu {
  scale: var(--upsize);
}

@media (hover: hover) {
  .canvas-control-item:hover {
    color: var(--text-accent);
  }
}
body.flexcyon-canvas-blur-inactive-nodes
  .canvas:has(.canvas-node.is-editing)
  .canvas-edges,
body.flexcyon-canvas-blur-inactive-nodes
  .canvas:has(.canvas-node.is-editing)
  .canvas-node:not(.is-editing) {
  filter: blur(var(--flexcyon-canvas-blur-intensity));
}

body.flexcyon-canvas-menu-bottom-left .canvas-card-menu {
  left: 1%;
  transform: none;
}

body.flexcyon-canvas-menu-bottom-right .canvas-card-menu {
  left: 89%;
  transform: none;
}

body.flexcyon-canvas-menu-top-center .canvas-card-menu {
  bottom: 94%;
}

body.flexcyon-canvas-menu-top-left .canvas-card-menu {
  bottom: 94%;
  left: 1%;
  transform: none;
}

body.flexcyon-canvas-menu-top-right .canvas-card-menu {
  bottom: 94%;
  left: 87.5%;
  transform: none;
}

body.flexcyon-canvas-menu-lcenter-center .canvas-card-menu {
  left: 1%;
  bottom: 50%;
  transform: none;
  flex-direction: column;
}

body.flexcyon-canvas-menu-lcenter-top .canvas-card-menu {
  left: 1%;
  bottom: 82.5%;
  transform: none;
  flex-direction: column;
}

body.flexcyon-canvas-menu-lcenter-bottom .canvas-card-menu {
  left: 1%;
  bottom: 2.5%;
  transform: none;
  flex-direction: column;
}

body.flexcyon-canvas-menu-rcenter-bottom .canvas-card-menu {
  left: 96.1%;
  bottom: 7.5%;
  transform: none;
  flex-direction: column;
}

body.flexcyon-canvas-menu-rcenter-align .canvas-card-menu {
  left: 96.1%;
  bottom: 40%;
  transform: none;
  flex-direction: column;
}

body.flexcyon-canvas-menu-rcenter-center .canvas-card-menu {
  left: 96.1%;
  bottom: 40%;
  transform: none;
  flex-direction: column;
}

body.flexcyon-canvas-menu-rcenter-top .canvas-card-menu {
  left: 96.1%;
  bottom: 82.5%;
  transform: none;
  flex-direction: column;
}

.omnisearch-modal .prompt-results div {
  padding: calc(0.25 * var(--flexcyon-suggestion-verti-padding))
    calc(0.25 * var(--flexcyon-suggestion-horiz-padding));
}

.omnisearch-default-highlight {
  background-color: transparent;
  color: var(--text-accent);
  text-decoration: none;
}

body.theme-dark .omnisearch-default-highlight {
  opacity: calc(var(--dimmed) + 0.3);
}

body.theme-light .omnisearch-default-highlight {
  opacity: 1;
}

/* Compact mode */
body.flexcyon-var-comps-compact-mode .various-complements__suggestion-item {
  padding: 4px 8px;
}

body {
  --flexcyon-var-comps-sugg-vert-padding: 7px;
  --flexcyon-var-comps-sugg-horiz-padding: 12px;
  /* Inactive dimming, icon alignment */
}
body .various-complements__suggestion-item {
  opacity: var(--dimmed);
}
body .various-complements__suggestion-item::before {
  transform: translateY(-2.5px);
}
body .various-complements__selection-lock,
body .various-complements__suggestion-item.is-selected {
  opacity: calc(var(--dimmed) + 0.3);
  color: var(--text-accent);
}
body .various-complements__suggestion-item {
  padding: var(--flexcyon-var-comps-sugg-vert-padding)
    var(--flexcyon-var-comps-sugg-horiz-padding);
}

/* Modifications for banner snippet */
body div.card-content-container img[alt="banner"] {
  display: none;
}
body .popover .banner img[alt="banner"] {
  display: none;
}
body .banner img[alt="banner"] {
  padding: 1px;
  border-radius: 0px 0px 10px 10px;
  z-index: 0;
}