@charset "UTF-8";
/*!
Flexcyon: Made by mixing the Flexoki, Halcyon and Origami color scheme 
License: MIT
Repository: https://github.com/bladeacer/flexcyon 
Documentation (English): https://flexcyon.github.io/docs-en
Documentation (Chinese): https://flexcyon.github.io/docs-en/zh
*/
/* obsi-snip-coll start: filters */
body {
  --flexcyon-theme-contrast-offset: 0;
  --flexcyon-theme-brightness-ratio: 1;
  /* a.k.a chroma ratio */
  --flexcyon-theme-saturation-ratio: 1;
  /* positive is warmer, negative is cooler */
  --flexcyon-theme-warmth-offset: 0;
  --flexcyon-contrast-ratio: 1;
  --flexcyon-brightness-ratio: 1;
  --flexcyon-saturation-ratio: 1;
  filter: contrast(var(--flexcyon-contrast-ratio)) brightness(var(--flexcyon-brightness-ratio)) saturate(var(--flexcyon-saturation-ratio));
}

/* obsi-snip-coll end */
body.theme-dark {
  --flexcyon-cyan: #3cb9c2;
  --flexcyon-lime-green: #a1c05c;
  --flexcyon-orange: #ddad49;
  --flexcyon-yellow: #c29e42;
  --flexcyon-purple-lilac: #d89ff5;
  --flexcyon-red-salmon: #ff9880;
  --flexcyon-blue: #7ab8fe;
  --flexcyon-pink: #ff91cb;
}

body.theme-light {
  --flexcyon-cyan: #3b9ba1;
  --flexcyon-lime-green: #599100;
  --flexcyon-orange: #a37e11;
  --flexcyon-yellow: #9b8211;
  --flexcyon-purple-lilac: #6f49ae;
  --flexcyon-red-salmon: #c03a47;
  --flexcyon-blue: #3085dd;
  --flexcyon-pink: #d451a0;
}

/* Defined for backwards compatibility, when possible prefer using base --color-x variables like var(--color-red) directly */
body:is(.theme-dark) {
  --color-cyan-rgb: 60, 185, 194;
  --color-green-rgb: 161, 192, 92;
  --color-orange-rgb: 204, 132, 73;
  --color-yellow-rgb: 194, 158, 66;
  --color-purple-rgb: 164, 97, 200;
  --color-red-rgb: 192, 58, 71;
  --color-blue-rgb: 90, 143, 205;
  --color-pink-rgb: 212, 88, 163;
}

body:is(.theme-light) {
  --color-red-rgb: 235, 83, 37;
  --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: oklch(
    from var(--flexcyon-red-salmon)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --color-orange: oklch(
    from var(--flexcyon-orange)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --color-yellow: oklch(
    from var(--flexcyon-yellow)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --color-green: oklch(
    from var(--flexcyon-lime-green)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --color-cyan: oklch(
    from var(--flexcyon-cyan)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --color-blue: oklch(
    from var(--flexcyon-blue)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --color-purple: oklch(
    from var(--flexcyon-purple-lilac)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --color-pink: oklch(
    from var(--flexcyon-pink)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
}

/* obsi-snip-coll start: extended-color */
body.flexcyon-flex-max-mode,
body.flexcyon-ext-colors-enabled {
  --color-red-blue-mix: color-mix(
    in oklch,
    var(--color-red),
    var(--color-blue)
  );
  --color-blue-red-mix: color-mix(
    in oklch,
    var(--color-blue),
    var(--color-red)
  );
  --color-red-blue-mix-bg: oklch(
    from var(--color-red-blue-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-blue-red-mix-bg: oklch(
    from var(--color-blue-red-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-red-orange-mix: color-mix(
    in oklch,
    var(--color-red),
    var(--color-orange)
  );
  --color-orange-red-mix: color-mix(
    in oklch,
    var(--color-orange),
    var(--color-red)
  );
  --color-red-orange-mix-bg: oklch(
    from var(--color-red-orange-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-orange-red-mix-bg: oklch(
    from var(--color-orange-red-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-red-yellow-mix: color-mix(
    in oklch,
    var(--color-red),
    var(--color-yellow)
  );
  --color-yellow-red-mix: color-mix(
    in oklch,
    var(--color-yellow),
    var(--color-red)
  );
  --color-red-yellow-mix-bg: oklch(
    from var(--color-red-yellow-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-yellow-red-mix-bg: oklch(
    from var(--color-yellow-red-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-red-green-mix: color-mix(
    in oklch,
    var(--color-red),
    var(--color-green)
  );
  --color-green-red-mix: color-mix(
    in oklch,
    var(--color-green),
    var(--color-red)
  );
  --color-red-green-mix-bg: oklch(
    from var(--color-red-green-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-green-red-mix-bg: oklch(
    from var(--color-green-red-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-red-cyan-mix: color-mix(
    in oklch,
    var(--color-red),
    var(--color-cyan)
  );
  --color-cyan-red-mix: color-mix(
    in oklch,
    var(--color-cyan),
    var(--color-red)
  );
  --color-red-cyan-mix-bg: oklch(
    from var(--color-red-cyan-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-cyan-red-mix-bg: oklch(
    from var(--color-cyan-red-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-red-purple-mix: color-mix(
    in oklch,
    var(--color-red),
    var(--color-purple)
  );
  --color-purple-red-mix: color-mix(
    in oklch,
    var(--color-purple),
    var(--color-red)
  );
  --color-red-purple-mix-bg: oklch(
    from var(--color-red-purple-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-purple-red-mix-bg: oklch(
    from var(--color-purple-red-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-red-pink-mix: color-mix(
    in oklch,
    var(--color-red),
    var(--color-pink)
  );
  --color-pink-red-mix: color-mix(
    in oklch,
    var(--color-pink),
    var(--color-red)
  );
  --color-red-pink-mix-bg: oklch(
    from var(--color-red-pink-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-pink-red-mix-bg: oklch(
    from var(--color-pink-red-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-orange-yellow-mix: color-mix(
    in oklch,
    var(--color-orange),
    var(--color-yellow)
  );
  --color-yellow-orange-mix: color-mix(
    in oklch,
    var(--color-yellow),
    var(--color-orange)
  );
  --color-orange-yellow-mix-bg: oklch(
    from var(--color-orange-yellow-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-yellow-orange-mix-bg: oklch(
    from var(--color-yellow-orange-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-orange-green-mix: color-mix(
    in oklch,
    var(--color-orange),
    var(--color-green)
  );
  --color-green-orange-mix: color-mix(
    in oklch,
    var(--color-green),
    var(--color-orange)
  );
  --color-orange-green-mix-bg: oklch(
    from var(--color-orange-green-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-green-orange-mix-bg: oklch(
    from var(--color-green-orange-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-orange-cyan-mix: color-mix(
    in oklch,
    var(--color-orange),
    var(--color-cyan)
  );
  --color-cyan-orange-mix: color-mix(
    in oklch,
    var(--color-cyan),
    var(--color-orange)
  );
  --color-orange-cyan-mix-bg: oklch(
    from var(--color-orange-cyan-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-cyan-orange-mix-bg: oklch(
    from var(--color-cyan-orange-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-orange-blue-mix: color-mix(
    in oklch,
    var(--color-orange),
    var(--color-blue)
  );
  --color-blue-orange-mix: color-mix(
    in oklch,
    var(--color-blue),
    var(--color-orange)
  );
  --color-orange-blue-mix-bg: oklch(
    from var(--color-orange-blue-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-blue-orange-mix-bg: oklch(
    from var(--color-blue-orange-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-orange-purple-mix: color-mix(
    in oklch,
    var(--color-orange),
    var(--color-purple)
  );
  --color-purple-orange-mix: color-mix(
    in oklch,
    var(--color-purple),
    var(--color-orange)
  );
  --color-orange-purple-mix-bg: oklch(
    from var(--color-orange-purple-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-purple-orange-mix-bg: oklch(
    from var(--color-purple-orange-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-orange-pink-mix: color-mix(
    in oklch,
    var(--color-orange),
    var(--color-pink)
  );
  --color-pink-orange-mix: color-mix(
    in oklch,
    var(--color-pink),
    var(--color-orange)
  );
  --color-orange-pink-mix-bg: oklch(
    from var(--color-orange-pink-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-pink-orange-mix-bg: oklch(
    from var(--color-pink-orange-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-yellow-green-mix: color-mix(
    in oklch,
    var(--color-yellow),
    var(--color-green)
  );
  --color-green-yellow-mix: color-mix(
    in oklch,
    var(--color-green),
    var(--color-yellow)
  );
  --color-yellow-green-mix-bg: oklch(
    from var(--color-yellow-green-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-green-yellow-mix-bg: oklch(
    from var(--color-green-yellow-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-yellow-cyan-mix: color-mix(
    in oklch,
    var(--color-yellow),
    var(--color-cyan)
  );
  --color-cyan-yellow-mix: color-mix(
    in oklch,
    var(--color-cyan),
    var(--color-yellow)
  );
  --color-yellow-cyan-mix-bg: oklch(
    from var(--color-yellow-cyan-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-cyan-yellow-mix-bg: oklch(
    from var(--color-cyan-yellow-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-yellow-blue-mix: color-mix(
    in oklch,
    var(--color-yellow),
    var(--color-blue)
  );
  --color-blue-yellow-mix: color-mix(
    in oklch,
    var(--color-blue),
    var(--color-yellow)
  );
  --color-yellow-blue-mix-bg: oklch(
    from var(--color-yellow-blue-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-blue-yellow-mix-bg: oklch(
    from var(--color-blue-yellow-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-yellow-purple-mix: color-mix(
    in oklch,
    var(--color-yellow),
    var(--color-purple)
  );
  --color-purple-yellow-mix: color-mix(
    in oklch,
    var(--color-purple),
    var(--color-yellow)
  );
  --color-yellow-purple-mix-bg: oklch(
    from var(--color-yellow-purple-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-purple-yellow-mix-bg: oklch(
    from var(--color-purple-yellow-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-yellow-pink-mix: color-mix(
    in oklch,
    var(--color-yellow),
    var(--color-pink)
  );
  --color-pink-yellow-mix: color-mix(
    in oklch,
    var(--color-pink),
    var(--color-yellow)
  );
  --color-yellow-pink-mix-bg: oklch(
    from var(--color-yellow-pink-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-pink-yellow-mix-bg: oklch(
    from var(--color-pink-yellow-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-green-cyan-mix: color-mix(
    in oklch,
    var(--color-green),
    var(--color-cyan)
  );
  --color-cyan-green-mix: color-mix(
    in oklch,
    var(--color-cyan),
    var(--color-green)
  );
  --color-green-cyan-mix-bg: oklch(
    from var(--color-green-cyan-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-cyan-green-mix-bg: oklch(
    from var(--color-cyan-green-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-green-blue-mix: color-mix(
    in oklch,
    var(--color-green),
    var(--color-blue)
  );
  --color-blue-green-mix: color-mix(
    in oklch,
    var(--color-blue),
    var(--color-green)
  );
  --color-green-blue-mix-bg: oklch(
    from var(--color-green-blue-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-blue-green-mix-bg: oklch(
    from var(--color-blue-green-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-green-purple-mix: color-mix(
    in oklch,
    var(--color-green),
    var(--color-purple)
  );
  --color-purple-green-mix: color-mix(
    in oklch,
    var(--color-purple),
    var(--color-green)
  );
  --color-green-purple-mix-bg: oklch(
    from var(--color-green-purple-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-purple-green-mix-bg: oklch(
    from var(--color-purple-green-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-green-pink-mix: color-mix(
    in oklch,
    var(--color-green),
    var(--color-pink)
  );
  --color-pink-green-mix: color-mix(
    in oklch,
    var(--color-pink),
    var(--color-green)
  );
  --color-green-pink-mix-bg: oklch(
    from var(--color-green-pink-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-pink-green-mix-bg: oklch(
    from var(--color-pink-green-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-cyan-blue-mix: color-mix(
    in oklch,
    var(--color-cyan),
    var(--color-blue)
  );
  --color-blue-cyan-mix: color-mix(
    in oklch,
    var(--color-blue),
    var(--color-cyan)
  );
  --color-cyan-blue-mix-bg: oklch(
    from var(--color-cyan-blue-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-blue-cyan-mix-bg: oklch(
    from var(--color-blue-cyan-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-cyan-purple-mix: color-mix(
    in oklch,
    var(--color-cyan),
    var(--color-purple)
  );
  --color-purple-cyan-mix: color-mix(
    in oklch,
    var(--color-purple),
    var(--color-cyan)
  );
  --color-cyan-purple-mix-bg: oklch(
    from var(--color-cyan-purple-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-purple-cyan-mix-bg: oklch(
    from var(--color-purple-cyan-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-cyan-pink-mix: color-mix(
    in oklch,
    var(--color-cyan),
    var(--color-pink)
  );
  --color-pink-cyan-mix: color-mix(
    in oklch,
    var(--color-pink),
    var(--color-cyan)
  );
  --color-cyan-pink-mix-bg: oklch(
    from var(--color-cyan-pink-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-pink-cyan-mix-bg: oklch(
    from var(--color-pink-cyan-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-blue-purple-mix: color-mix(
    in oklch,
    var(--color-blue),
    var(--color-purple)
  );
  --color-purple-blue-mix: color-mix(
    in oklch,
    var(--color-purple),
    var(--color-blue)
  );
  --color-blue-purple-mix-bg: oklch(
    from var(--color-blue-purple-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-purple-blue-mix-bg: oklch(
    from var(--color-purple-blue-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-blue-pink-mix: color-mix(
    in oklch,
    var(--color-blue),
    var(--color-pink)
  );
  --color-pink-blue-mix: color-mix(
    in oklch,
    var(--color-pink),
    var(--color-blue)
  );
  --color-blue-pink-mix-bg: oklch(
    from var(--color-blue-pink-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-pink-blue-mix-bg: oklch(
    from var(--color-pink-blue-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-purple-pink-mix: color-mix(
    in oklch,
    var(--color-purple),
    var(--color-pink)
  );
  --color-pink-purple-mix: color-mix(
    in oklch,
    var(--color-pink),
    var(--color-purple)
  );
  --color-purple-pink-mix-bg: oklch(
    from var(--color-purple-pink-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
  --color-pink-purple-mix-bg: oklch(
    from var(--color-pink-purple-mix) l c h /
      var(--flexcyon-callout-bg-opacity)
  );
}

/* obsi-snip-coll end */
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: #f1f0ec;
  --flexcyon-base-02: #effaf2;
  --flexcyon-base-03: #e8f2eb;
  --flexcyon-base-04: #dae1dd;
  --flexcyon-base-05: #d4dad6;
  --flexcyon-base-grey-dark: #929190;
  --flexcyon-base-grey-light: #080808;
}

body:is(.is-mobile, .is-phone):is(.theme-light, .theme-dark),
body:is(.theme-dark),
body:is(.theme-light) {
  --flexcyon-base-01-02-mix: color-mix(
    in oklch,
    var(--flexcyon-base-01),
    var(--flexcyon-base-02)
  );
  --flexcyon-base-02-03-mix: color-mix(
    in oklch,
    var(--flexcyon-base-02),
    var(--flexcyon-base-03)
  );
  --flexcyon-base-03-04-mix: color-mix(
    in oklch,
    var(--flexcyon-base-03),
    var(--flexcyon-base-04)
  );
  --flexcyon-base-04-05-mix: color-mix(
    in oklch,
    var(--flexcyon-base-04),
    var(--flexcyon-base-05)
  );
  --flexcyon-base-grey-mix: color-mix(
    in oklch,
    var(--flexcyon-base-grey-light),
    var(--flexcyon-base-grey-dark)
  );
  --flexcyon-grey-dark-wrapper: oklch(
    from var(--flexcyon-base-grey-dark)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --color-base-00: oklch(
    from var(--flexcyon-base-01)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --color-base-05: oklch(
    from var(--flexcyon-base-01-02-mix)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --color-base-10: oklch(
    from var(--flexcyon-base-02)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --color-base-20: oklch(
    from var(--flexcyon-base-02-03-mix)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --color-base-25: oklch(
    from var(--flexcyon-base-03)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --color-base-30: oklch(
    from var(--flexcyon-base-03-04-mix)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --color-base-35: oklch(
    from var(--flexcyon-base-04)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --color-base-40: oklch(
    from var(--flexcyon-base-04-05-mix)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --color-base-50: oklch(
    from var(--flexcyon-base-05)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --color-base-60: oklch(
    from var(--flexcyon-base-grey-dark)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --color-base-70: oklch(
    from var(--flexcyon-base-grey-mix)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --color-base-100: oklch(
    from var(--flexcyon-base-grey-light)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
}

body.theme-dark {
  --flexcyon-accent: #a5bc84;
}

body.theme-light {
  --flexcyon-accent: #4b65b4;
}

body.theme-dark,
body.theme-light {
  --color-accent: oklch(
    from var(--flexcyon-accent)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --color-accent-hsl: oklch(
    from var(--flexcyon-accent)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  /* cooler hue, higher chroma, lighter */
  --color-accent-1-wrapper: oklch(
    from var(--flexcyon-accent) calc(l * 1.05) calc(c * 1.1) calc(h - 10)
  );
  --color-accent-1: oklch(
    from var(--color-accent-1-wrapper)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  /* hue shift, lower chroma, lighter, 87.5% alpha */
  --color-accent-2-wrapper: oklch(
    from var(--flexcyon-accent) calc(l * 1.05) calc(c * 0.85) calc(h - 20) /
      87.5%
  );
  --color-accent-2: oklch(
    from var(--color-accent-2-wrapper)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
}

/* Willemstad theme: Accent setting theme override notice */
.modal.mod-settings .vertical-tab-content .setting-group .setting-item:nth-of-type(2) > .setting-item-control input[type=color] {
  display: grid;
  visibility: hidden;
  grid-template-rows: 1fr 1fr 0;
  inline-size: fit-content;
  block-size: fit-content;
  pointer-events: none;
}
.modal.mod-settings .vertical-tab-content .setting-group .setting-item:nth-of-type(2) > .setting-item-control input[type=color]::before {
  position: relative;
  visibility: visible;
  grid-row: 1/2;
  font-family: var(--font-interface);
  font-size: var(--font-ui-smaller);
  font-weight: bold;
  color: var(--text-error);
  white-space: pre-wrap;
  content: "The accent colour is overriden by the theme.";
}
.modal.mod-settings .vertical-tab-content .setting-group .setting-item:nth-of-type(2) > .setting-item-control input[type=color]::after {
  position: relative;
  visibility: visible;
  grid-row: 2/3;
  font-family: var(--font-interface);
  font-size: var(--font-ui-smaller);
  color: var(--text-error);
  white-space: pre-wrap;
  content: "Please use the Style Settings plugin to customise colours.";
}
.modal.mod-settings .vertical-tab-content .setting-group .setting-item:nth-of-type(2) > .setting-item-control .clickable-icon.extra-setting-button {
  display: none;
}

body {
  --h1-weight: 700;
  --h2-weight: 675;
  --h3-weight: 650;
  --h4-weight: 625;
  --h5-weight: 600;
  --h6-weight: 575;
  --h1-size: 1.818em;
  --h2-size: 1.618em;
  --h3-size: 1.418em;
  --h4-size: 1.218em;
  --h5-size: 1.118em;
  --h6-size: 1.018em;
  --h1-line-height: 1.61;
  --h2-line-height: 1.51;
  --h3-line-height: 1.41;
  --h4-line-height: 1.31;
  --h5-line-height: 1.21;
  --h6-line-height: 1.21;
  --flexcyon-h1-color: var(--color-blue);
  --flexcyon-h2-color: var(--color-purple);
  --flexcyon-h3-color: var(--color-cyan);
  --flexcyon-h4-color: var(--color-pink);
  --flexcyon-h5-color: var(--color-green);
  --flexcyon-h6-color: var(--color-yellow);
}

body.flexcyon-coloured-headings {
  --h1-color: var(--flexcyon-h1-color);
  --h2-color: var(--flexcyon-h2-color);
  --h3-color: var(--flexcyon-h3-color);
  --h4-color: var(--flexcyon-h4-color);
  --h5-color: var(--flexcyon-h5-color);
  --h6-color: var(--flexcyon-h6-color);
}
body.flexcyon-coloured-headings .print :is(h1, h2, h3, h4, h5, h6) {
  color: var(--text-normal);
}

@media print {
  body.flexcyon-coloured-headings .print :is(h1, h2, h3, h4, h5, h6) {
    color: var(--text-normal);
  }
}
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 .HyperMD-header-1,
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 .HyperMD-header-2,
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 .HyperMD-header-3,
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 .HyperMD-header-4,
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 .HyperMD-header-5,
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 .HyperMD-header-6,
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;
  padding-inline-end: 8px;
  font-size: var(--font-ui-medium);
  color: var(--h1-color);
  content: "h1";
  opacity: calc(var(--dimmed) + 0.25);
}
.headings-indicator-all h1:not(:hover) svg,
.headings-indicator-all .HyperMD-header-1 svg,
.headings-indicator-h1 h1:not(:hover) svg,
.headings-indicator-h1 .HyperMD-header-1 svg,
.flexcyon-headings-indicator-h1 .workspace-leaf-content[data-type=markdown] h1:not(:hover) svg,
.flexcyon-headings-indicator-h1 .workspace-leaf-content[data-type=markdown] .HyperMD-header-1 svg {
  transform: translateX(-28px);
}

.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;
  padding-inline-end: 8px;
  font-size: var(--font-ui-medium);
  color: var(--h2-color);
  content: "h2";
  opacity: calc(var(--dimmed) + 0.25);
}
.headings-indicator-all h2:not(:hover) svg,
.headings-indicator-all .HyperMD-header-2 svg,
.headings-indicator-h2 h2:not(:hover) svg,
.headings-indicator-h2 .HyperMD-header-2 svg,
.flexcyon-headings-indicator-h2 .workspace-leaf-content[data-type=markdown] h2:not(:hover) svg,
.flexcyon-headings-indicator-h2 .workspace-leaf-content[data-type=markdown] .HyperMD-header-2 svg {
  transform: translateX(-28px);
}

.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;
  padding-inline-end: 8px;
  font-size: var(--font-ui-medium);
  color: var(--h3-color);
  content: "h3";
  opacity: calc(var(--dimmed) + 0.25);
}
.headings-indicator-all h3:not(:hover) svg,
.headings-indicator-all .HyperMD-header-3 svg,
.headings-indicator-h3 h3:not(:hover) svg,
.headings-indicator-h3 .HyperMD-header-3 svg,
.flexcyon-headings-indicator-h3 .workspace-leaf-content[data-type=markdown] h3:not(:hover) svg,
.flexcyon-headings-indicator-h3 .workspace-leaf-content[data-type=markdown] .HyperMD-header-3 svg {
  transform: translateX(-28px);
}

.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;
  padding-inline-end: 8px;
  font-size: var(--font-ui-medium);
  color: var(--h4-color);
  content: "h4";
  opacity: calc(var(--dimmed) + 0.25);
}
.headings-indicator-all h4:not(:hover) svg,
.headings-indicator-all .HyperMD-header-4 svg,
.headings-indicator-h4 h4:not(:hover) svg,
.headings-indicator-h4 .HyperMD-header-4 svg,
.flexcyon-headings-indicator-h4 .workspace-leaf-content[data-type=markdown] h4:not(:hover) svg,
.flexcyon-headings-indicator-h4 .workspace-leaf-content[data-type=markdown] .HyperMD-header-4 svg {
  transform: translateX(-28px);
}

.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;
  padding-inline-end: 8px;
  font-size: var(--font-ui-medium);
  color: var(--h5-color);
  content: "h5";
  opacity: calc(var(--dimmed) + 0.25);
}
.headings-indicator-all h5:not(:hover) svg,
.headings-indicator-all .HyperMD-header-5 svg,
.headings-indicator-h5 h5:not(:hover) svg,
.headings-indicator-h5 .HyperMD-header-5 svg,
.flexcyon-headings-indicator-h5 .workspace-leaf-content[data-type=markdown] h5:not(:hover) svg,
.flexcyon-headings-indicator-h5 .workspace-leaf-content[data-type=markdown] .HyperMD-header-5 svg {
  transform: translateX(-28px);
}

.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;
  padding-inline-end: 8px;
  font-size: var(--font-ui-medium);
  color: var(--h6-color);
  content: "h6";
  opacity: calc(var(--dimmed) + 0.25);
}
.headings-indicator-all h6:not(:hover) svg,
.headings-indicator-all .HyperMD-header-6 svg,
.headings-indicator-h6 h6:not(:hover) svg,
.headings-indicator-h6 .HyperMD-header-6 svg,
.flexcyon-headings-indicator-h6 .workspace-leaf-content[data-type=markdown] h6:not(:hover) svg,
.flexcyon-headings-indicator-h6 .workspace-leaf-content[data-type=markdown] .HyperMD-header-6 svg {
  transform: translateX(-28px);
}

body {
  --flexcyon-heading-1-alignment: left;
}
body .HyperMD-header-1,
body h1 {
  text-align: var(--flexcyon-heading-1-alignment);
}

body {
  --flexcyon-heading-2-alignment: left;
}
body .HyperMD-header-2,
body h2 {
  text-align: var(--flexcyon-heading-2-alignment);
}

body {
  --flexcyon-heading-3-alignment: left;
}
body .HyperMD-header-3,
body h3 {
  text-align: var(--flexcyon-heading-3-alignment);
}

body {
  --flexcyon-heading-4-alignment: left;
}
body .HyperMD-header-4,
body h4 {
  text-align: var(--flexcyon-heading-4-alignment);
}

body {
  --flexcyon-heading-5-alignment: left;
}
body .HyperMD-header-5,
body h5 {
  text-align: var(--flexcyon-heading-5-alignment);
}

body {
  --flexcyon-heading-6-alignment: left;
}
body .HyperMD-header-6,
body h6 {
  text-align: var(--flexcyon-heading-6-alignment);
}

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

body.theme-dark {
  --code-background: var(--color-base-00);
}

body.theme-light {
  --code-background: var(--color-base-05);
}

body {
  /* ------------------------------ */
  --flexcyon-code-variable: var(--flexcyon-base-grey-dark);
  --flexcyon-code-function: var(--color-yellow);
  --flexcyon-code-operator: var(--color-orange);
  --flexcyon-code-error: var(--color-red);
  --flexcyon-code-keyword: var(--color-purple);
  --code-normal: var(--color-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(--color-purple);
  --code-string: var(--color-green);
  --code-tag: var(--flexcyon-grey-dark-wrapper);
  --flexcyon-code-file-ext-font-w: 500;
  --flexcyon-codeblock-fmt-ext: lowercase;
  --flexcyon-code-file-ext-prefix: ".";
}
body .cm-s-obsidian span.cm-inline-code {
  color: var(--color-orange);
}
body .markdown-source-view.mod-cm6 .code-block-flair {
  padding: 2px 8px;
}
body .cm-def {
  color: var(--color-yellow);
}
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;
}
body .HyperMD-codeblock span.code-block-flair {
  font-weight: var(--flexcyon-code-file-ext-font-w);
  text-transform: var(--flexcyon-codeblock-fmt-ext);
}

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

body.flexcyon-syntax-catppuccin {
  --flexcyon-code-variable: var(--color-cyan);
  --flexcyon-code-function: var(--color-yellow);
  --flexcyon-code-operator: var(--color-blue);
  --flexcyon-code-error: var(--color-red);
  --flexcyon-code-keyword: var(--color-cyan);
  --code-normal: var(--text-normal);
  --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(--color-cyan);
  --code-operator: var(--flexcyon-code-operator);
  --code-punctuation: oklch(from var(--color-red) l c h / var(--dimmed));
  --code-string: var(--color-green);
  --code-tag: var(--flexcyon-grey-dark-wrapper);
  --code-value: var(--color-yellow);
}
body.flexcyon-syntax-catppuccin .cm-def {
  color: var(--color-blue);
}

body.flexcyon-syntax-lego {
  --flexcyon-code-variable: var(--text-normal);
  --flexcyon-code-function: var(--text-accent);
  --flexcyon-code-operator: var(--color-pink);
  --flexcyon-code-error: var(--color-orange);
  --flexcyon-code-keyword: var(--color-red);
  --code-normal: var(--text-normal);
  --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-normal);
  --code-operator: var(--flexcyon-code-operator);
  --code-punctuation: var(--text-normal);
  --code-string: var(--color-cyan);
  --code-tag: var(--flexcyon-grey-dark-wrapper);
  --code-value: var(--text-normal);
}
body.flexcyon-syntax-lego .cm-def {
  color: var(--color-blue);
}

body.flexcyon-syntax-monochrome {
  --flexcyon-code-variable: var(--text-normal);
  --flexcyon-code-function: var(--text-muted);
  --flexcyon-code-operator: var(--text-normal);
  --flexcyon-code-error: var(--text-muted);
  --flexcyon-code-keyword: var(--text-normal);
  --code-normal: var(--text-normal);
  --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-normal);
  --code-operator: var(--flexcyon-code-operator);
  --code-punctuation: var(--text-normal);
  --code-string: var(--text-normal);
  --code-tag: var(--flexcyon-grey-dark-wrapper);
  --code-value: var(--text-normal);
}
body.flexcyon-syntax-monochrome .cm-def {
  color: var(--text-normal);
}

body.flexcyon-codeblock-prefix-ext .HyperMD-codeblock span.code-block-flair::before {
  content: var(--flexcyon-code-file-ext-prefix);
}

body {
  --tab-text-color: var(--color-base-50);
  --tab-text-color-focused: var(--color-base-50);
  --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;
}

body.flexcyon-workspace-card-layout .view-header-breadcrumb-separator {
  display: none;
}
body.flexcyon-workspace-card-layout .view-header-breadcrumb {
  padding: 4px 8px;
  border-radius: var(--flexcyon-callout-radix);
}
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-angled-layout .view-header-breadcrumb-separator {
  display: none;
}
body.flexcyon-workspace-angled-layout .view-header-title {
  padding: var(--flexcyon-mode-view-header-title-verti-padding) var(--flexcyon-mode-view-header-title-horiz-padding);
  background-color: var(--color-base-20);
  border-radius: 0;
  transform: skewX(-22.5deg);
}
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: var(--flexcyon-mode-view-header-title-verti-padding) var(--flexcyon-mode-view-header-title-horiz-padding);
  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 {
  padding: var(--flexcyon-mode-view-header-title-verti-padding) var(--flexcyon-mode-view-header-title-horiz-padding);
  margin-inline-start: -1px;
  background-color: var(--color-base-05);
  border-radius: var(--flexcyon-callout-radix);
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
body.flexcyon-workspace-pl10k-layout .view-header-breadcrumb-separator {
  display: none;
  padding: 0;
}
body.flexcyon-workspace-pl10k-layout .view-header,
body.flexcyon-workspace-pl10k-layout .view-header-title-container {
  gap: 0;
}
body.flexcyon-workspace-pl10k-layout .view-header-title-container:not(:has(.view-header-breadcrumb)) .view-header-title {
  border-radius: var(--flexcyon-callout-radix);
}
body.flexcyon-workspace-pl10k-layout .view-header-title-parent .view-header-breadcrumb {
  padding: 4px 0;
  border-radius: 0;
}
body.flexcyon-workspace-pl10k-layout .view-header-title-parent .view-header-breadcrumb::after {
  position: relative;
  inline-size: inherit;
  block-size: inherit;
  padding: 8px 4px;
  color: transparent;
  content: "e";
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 70% 50%);
}
body.flexcyon-workspace-pl10k-layout .view-header-title-parent :first-child.view-header-breadcrumb {
  padding-inline-start: 12px;
  border-start-start-radius: 16px;
  border-end-start-radius: 16px;
}

body {
  --metadata-label-text-color: var(--color-purple);
  --metadata-label-text-color-hover: var(--flexcyon-palette-lilac-hover);
  --flexcyon-meta-container-padding-left: 0;
}
body .metadata-container {
  padding-inline-start: var(--flexcyon-meta-container-padding-left);
}
body .metadata-property-value .mod-unknown {
  color: var(--color-cyan);
}
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 .metadata-property-value.is-being-dragged-over::after {
  background-color: oklch(from var(--interactive-accent) l c h/10%);
}

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

body {
  --checkbox-color: var(--color-purple);
  --checkbox-color-hover: var(--flexcyon-palette-lilac-hover);
  --checkbox-border-color: var(--color-blue);
  --checkbox-border-color-hover: var(--flexcyon-palette-lilac-hover);
  --flexcyon-ascii-checkboxes-font-size: 1.2rem;
  --toggle-thumb-active-opacity: var(--dimmed);
  --toggle-border-width: 4px;
  --toggle-thumb-radius: 16px;
}
body .mod-checkbox {
  text-transform: capitalize;
}
body .checkbox-container {
  background-color: var(--color-red);
}
body .checkbox-container.is-enabled {
  background-color: var(--color-green);
}

.modal .checkbox-container:active::after {
  inline-size: var(--toggle-thumb-width);
  block-size: var(--toggle-thumb-height);
  margin-block-start: calc(var(--toggle-border-width) * 0);
}

.modal .checkbox-container.is-enabled:active::after {
  inset-inline-start: unset;
}

.modal .checkbox-container::after {
  inset-block-start: 0;
  margin: var(--toggle-border-width) 0;
}

body.flexcyon-flex-max-mode input[data-task="!"]:checked,
body.flexcyon-flex-max-mode li[data-task="!"] > input:checked,
body.flexcyon-flex-max-mode li[data-task="!"] > p > input:checked,
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 {
  padding-inline-end: 4px;
  background-color: inherit;
  border: none;
}
body.flexcyon-flex-max-mode input[data-task="!"]:checked:hover,
body.flexcyon-flex-max-mode li[data-task="!"] > input:checked:hover,
body.flexcyon-flex-max-mode li[data-task="!"] > p > input:checked:hover,
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-flex-max-mode input[data-task="!"]:checked::after,
body.flexcyon-flex-max-mode li[data-task="!"] > input:checked::after,
body.flexcyon-flex-max-mode 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 {
  inset-block-start: -0.325em;
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  font-weight: 900;
  color: var(--color-purple);
  text-align: center;
  content: "!";
  background-color: inherit;
  mask-image: none;
}
body.flexcyon-flex-max-mode input[data-task=">"]:checked,
body.flexcyon-flex-max-mode li[data-task=">"] > input:checked,
body.flexcyon-flex-max-mode li[data-task=">"] > p > input:checked,
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 {
  padding-inline-end: 4px;
  background-color: inherit;
  border: none;
}
body.flexcyon-flex-max-mode input[data-task=">"]:checked:hover,
body.flexcyon-flex-max-mode li[data-task=">"] > input:checked:hover,
body.flexcyon-flex-max-mode li[data-task=">"] > p > input:checked:hover,
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-flex-max-mode input[data-task=">"]:checked::after,
body.flexcyon-flex-max-mode li[data-task=">"] > input:checked::after,
body.flexcyon-flex-max-mode 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 {
  inset-block-start: -0.325em;
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  font-weight: 900;
  color: var(--color-cyan);
  text-align: center;
  content: ">";
  background-color: inherit;
  mask-image: none;
}
body.flexcyon-flex-max-mode input[data-task="?"]:checked,
body.flexcyon-flex-max-mode li[data-task="?"] > input:checked,
body.flexcyon-flex-max-mode li[data-task="?"] > p > input:checked,
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 {
  padding-inline-end: 4px;
  background-color: inherit;
  border: none;
}
body.flexcyon-flex-max-mode input[data-task="?"]:checked:hover,
body.flexcyon-flex-max-mode li[data-task="?"] > input:checked:hover,
body.flexcyon-flex-max-mode li[data-task="?"] > p > input:checked:hover,
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-flex-max-mode input[data-task="?"]:checked::after,
body.flexcyon-flex-max-mode li[data-task="?"] > input:checked::after,
body.flexcyon-flex-max-mode 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 {
  inset-block-start: -0.325em;
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  font-weight: 900;
  color: var(--color-pink);
  text-align: center;
  content: "?";
  background-color: inherit;
  mask-image: none;
}
body.flexcyon-flex-max-mode input[data-task="#"]:checked,
body.flexcyon-flex-max-mode li[data-task="#"] > input:checked,
body.flexcyon-flex-max-mode li[data-task="#"] > p > input:checked,
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 {
  padding-inline-end: 4px;
  background-color: inherit;
  border: none;
}
body.flexcyon-flex-max-mode input[data-task="#"]:checked:hover,
body.flexcyon-flex-max-mode li[data-task="#"] > input:checked:hover,
body.flexcyon-flex-max-mode li[data-task="#"] > p > input:checked:hover,
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-flex-max-mode input[data-task="#"]:checked::after,
body.flexcyon-flex-max-mode li[data-task="#"] > input:checked::after,
body.flexcyon-flex-max-mode 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 {
  inset-block-start: -0.325em;
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  font-weight: 900;
  color: var(--color-green);
  text-align: center;
  content: "#";
  background-color: inherit;
  mask-image: none;
}
body.flexcyon-flex-max-mode input[data-task="."]:checked,
body.flexcyon-flex-max-mode li[data-task="."] > input:checked,
body.flexcyon-flex-max-mode li[data-task="."] > p > input:checked,
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 {
  padding-inline-end: 4px;
  background-color: inherit;
  border: none;
}
body.flexcyon-flex-max-mode input[data-task="."]:checked:hover,
body.flexcyon-flex-max-mode li[data-task="."] > input:checked:hover,
body.flexcyon-flex-max-mode li[data-task="."] > p > input:checked:hover,
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-flex-max-mode input[data-task="."]:checked::after,
body.flexcyon-flex-max-mode li[data-task="."] > input:checked::after,
body.flexcyon-flex-max-mode 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 {
  inset-block-start: -0.325em;
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  font-weight: 900;
  color: var(--color-yellow);
  text-align: center;
  content: ".";
  background-color: inherit;
  mask-image: none;
}
body.flexcyon-flex-max-mode input[data-task="<"]:checked,
body.flexcyon-flex-max-mode li[data-task="<"] > input:checked,
body.flexcyon-flex-max-mode li[data-task="<"] > p > input:checked,
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 {
  padding-inline-end: 4px;
  background-color: inherit;
  border: none;
}
body.flexcyon-flex-max-mode input[data-task="<"]:checked:hover,
body.flexcyon-flex-max-mode li[data-task="<"] > input:checked:hover,
body.flexcyon-flex-max-mode li[data-task="<"] > p > input:checked:hover,
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-flex-max-mode input[data-task="<"]:checked::after,
body.flexcyon-flex-max-mode li[data-task="<"] > input:checked::after,
body.flexcyon-flex-max-mode 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 {
  inset-block-start: -0.325em;
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  font-weight: 900;
  color: var(--color-orange);
  text-align: center;
  content: "<";
  background-color: inherit;
  mask-image: none;
}
body.flexcyon-flex-max-mode input[data-task=S]:checked,
body.flexcyon-flex-max-mode li[data-task=S] > input:checked,
body.flexcyon-flex-max-mode li[data-task=S] > p > input:checked,
body.flexcyon-ascii-checkboxes-enabled input[data-task=S]:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task=S] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task=S] > p > input:checked {
  padding-inline-end: 4px;
  background-color: inherit;
  border: none;
}
body.flexcyon-flex-max-mode input[data-task=S]:checked:hover,
body.flexcyon-flex-max-mode li[data-task=S] > input:checked:hover,
body.flexcyon-flex-max-mode li[data-task=S] > p > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled input[data-task=S]:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task=S] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task=S] > p > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-flex-max-mode input[data-task=S]:checked::after,
body.flexcyon-flex-max-mode li[data-task=S] > input:checked::after,
body.flexcyon-flex-max-mode li[data-task=S] > p > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled input[data-task=S]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task=S] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task=S] > p > input:checked::after {
  inset-block-start: -0.325em;
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  font-weight: 900;
  color: var(--color-red);
  text-align: center;
  content: "S";
  background-color: inherit;
  mask-image: none;
}
body.flexcyon-flex-max-mode input[data-task="'"]:checked,
body.flexcyon-flex-max-mode li[data-task="'"] > input:checked,
body.flexcyon-flex-max-mode li[data-task="'"] > p > input:checked,
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 {
  padding-inline-end: 4px;
  background-color: inherit;
  border: none;
}
body.flexcyon-flex-max-mode input[data-task="'"]:checked:hover,
body.flexcyon-flex-max-mode li[data-task="'"] > input:checked:hover,
body.flexcyon-flex-max-mode li[data-task="'"] > p > input:checked:hover,
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-flex-max-mode input[data-task="'"]:checked::after,
body.flexcyon-flex-max-mode li[data-task="'"] > input:checked::after,
body.flexcyon-flex-max-mode 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 {
  inset-block-start: -0.325em;
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  font-weight: 900;
  color: var(--color-cyan);
  text-align: center;
  content: "'";
  background-color: inherit;
  mask-image: none;
}
body.flexcyon-flex-max-mode input[data-task="@"]:checked,
body.flexcyon-flex-max-mode li[data-task="@"] > input:checked,
body.flexcyon-flex-max-mode li[data-task="@"] > p > input:checked,
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 {
  padding-inline-end: 4px;
  background-color: inherit;
  border: none;
}
body.flexcyon-flex-max-mode input[data-task="@"]:checked:hover,
body.flexcyon-flex-max-mode li[data-task="@"] > input:checked:hover,
body.flexcyon-flex-max-mode li[data-task="@"] > p > input:checked:hover,
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-flex-max-mode input[data-task="@"]:checked::after,
body.flexcyon-flex-max-mode li[data-task="@"] > input:checked::after,
body.flexcyon-flex-max-mode 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 {
  inset-block-start: -0.325em;
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  font-weight: 900;
  color: var(--color-blue);
  text-align: center;
  content: "@";
  background-color: inherit;
  mask-image: none;
}
body.flexcyon-flex-max-mode input[data-task="%"]:checked,
body.flexcyon-flex-max-mode li[data-task="%"] > input:checked,
body.flexcyon-flex-max-mode li[data-task="%"] > p > input:checked,
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 {
  padding-inline-end: 4px;
  background-color: inherit;
  border: none;
}
body.flexcyon-flex-max-mode input[data-task="%"]:checked:hover,
body.flexcyon-flex-max-mode li[data-task="%"] > input:checked:hover,
body.flexcyon-flex-max-mode li[data-task="%"] > p > input:checked:hover,
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-flex-max-mode input[data-task="%"]:checked::after,
body.flexcyon-flex-max-mode li[data-task="%"] > input:checked::after,
body.flexcyon-flex-max-mode 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 {
  inset-block-start: -0.325em;
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  font-weight: 900;
  color: var(--color-pink);
  text-align: center;
  content: "%";
  background-color: inherit;
  mask-image: none;
}
body.flexcyon-flex-max-mode input[data-task=p]:checked,
body.flexcyon-flex-max-mode li[data-task=p] > input:checked,
body.flexcyon-flex-max-mode li[data-task=p] > p > input:checked,
body.flexcyon-ascii-checkboxes-enabled input[data-task=p]:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task=p] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task=p] > p > input:checked {
  padding-inline-end: 4px;
  background-color: inherit;
  border: none;
}
body.flexcyon-flex-max-mode input[data-task=p]:checked:hover,
body.flexcyon-flex-max-mode li[data-task=p] > input:checked:hover,
body.flexcyon-flex-max-mode li[data-task=p] > p > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled input[data-task=p]:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task=p] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task=p] > p > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-flex-max-mode input[data-task=p]:checked::after,
body.flexcyon-flex-max-mode li[data-task=p] > input:checked::after,
body.flexcyon-flex-max-mode li[data-task=p] > p > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled input[data-task=p]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task=p] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task=p] > p > input:checked::after {
  inset-block-start: -0.325em;
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  font-weight: 900;
  color: var(--color-blue);
  text-align: center;
  content: "p";
  background-color: inherit;
  mask-image: none;
}
body.flexcyon-flex-max-mode input[data-task=m]:checked,
body.flexcyon-flex-max-mode li[data-task=m] > input:checked,
body.flexcyon-flex-max-mode li[data-task=m] > p > input:checked,
body.flexcyon-ascii-checkboxes-enabled input[data-task=m]:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task=m] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task=m] > p > input:checked {
  padding-inline-end: 4px;
  background-color: inherit;
  border: none;
}
body.flexcyon-flex-max-mode input[data-task=m]:checked:hover,
body.flexcyon-flex-max-mode li[data-task=m] > input:checked:hover,
body.flexcyon-flex-max-mode li[data-task=m] > p > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled input[data-task=m]:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task=m] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task=m] > p > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-flex-max-mode input[data-task=m]:checked::after,
body.flexcyon-flex-max-mode li[data-task=m] > input:checked::after,
body.flexcyon-flex-max-mode li[data-task=m] > p > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled input[data-task=m]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task=m] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task=m] > p > input:checked::after {
  inset-block-start: -0.325em;
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  font-weight: 900;
  color: var(--color-red);
  text-align: center;
  content: "m";
  background-color: inherit;
  mask-image: none;
}
body.flexcyon-flex-max-mode input[data-task=p]:checked::after, body.flexcyon-flex-max-mode li[data-task=p] > input:checked::after, body.flexcyon-flex-max-mode li[data-task=p] > p > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled input[data-task=p]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task=p] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task=p] > p > input:checked::after {
  inset-block-start: -0.15rem;
  content: "+";
}
body.flexcyon-flex-max-mode input[data-task=m]:checked::after, body.flexcyon-flex-max-mode li[data-task=m] > input:checked::after, body.flexcyon-flex-max-mode li[data-task=m] > p > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled input[data-task=m]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task=m] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task=m] > p > input:checked::after {
  inset-block-start: -0.15rem;
  margin-inline-start: -1px;
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  letter-spacing: -1.5px;
  content: "--";
}
body.flexcyon-flex-max-mode input[data-task="-"]:checked, body.flexcyon-flex-max-mode li[data-task="-"] > input:checked, body.flexcyon-flex-max-mode li[data-task="-"] > p > input:checked,
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 {
  padding-inline-end: 4px;
  background-color: inherit;
  border: 2px solid var(--color-red);
  border-radius: 50%;
  transform: rotate(45deg);
}
body.flexcyon-flex-max-mode input[data-task="-"]:checked::after, body.flexcyon-flex-max-mode li[data-task="-"] > input:checked::after, body.flexcyon-flex-max-mode 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 {
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.2rem);
  font-weight: 900;
  color: var(--color-red);
  text-align: center;
  letter-spacing: -3.5px;
  content: "------";
  background-color: inherit;
  mask-image: none;
  transform: translate(-15%, -17.5%);
}
body.flexcyon-flex-max-mode input[data-task="/"]:checked, body.flexcyon-flex-max-mode li[data-task="/"] > input:checked, body.flexcyon-flex-max-mode li[data-task="/"] > p > input:checked,
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 {
  padding-inline-end: 4px;
  background-color: inherit;
  border: 1px dashed var(--color-orange);
}
body.flexcyon-flex-max-mode input[data-task="~"]:checked,
body.flexcyon-flex-max-mode li[data-task="~"] > input:checked,
body.flexcyon-flex-max-mode li[data-task="~"] > p > input:checked,
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 {
  padding-inline-end: 4px;
  background-color: inherit;
  border: none;
}
body.flexcyon-flex-max-mode input[data-task="~"]:checked:hover,
body.flexcyon-flex-max-mode li[data-task="~"] > input:checked:hover,
body.flexcyon-flex-max-mode li[data-task="~"] > p > input:checked:hover,
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-flex-max-mode input[data-task="~"]:checked::after,
body.flexcyon-flex-max-mode li[data-task="~"] > input:checked::after,
body.flexcyon-flex-max-mode 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 {
  inset-block-start: -0.325em;
  font-size: var(--flexcyon-ascii-checkboxes-font-size);
  font-weight: 900;
  color: var(--color-red);
  text-align: center;
  content: "~";
  background-color: inherit;
  mask-image: none;
}
body.flexcyon-flex-max-mode input[data-task="?"]:checked::after, body.flexcyon-flex-max-mode li[data-task="?"] > input:checked::after, body.flexcyon-flex-max-mode li[data-task="?"] > p > input:checked::after,
body.flexcyon-flex-max-mode input[data-task="!"]:checked::after, body.flexcyon-flex-max-mode li[data-task="!"] > input:checked::after, body.flexcyon-flex-max-mode 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,
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 {
  inset-block-start: -0.15em;
}
body.flexcyon-flex-max-mode input[data-task="'"]:checked::after, body.flexcyon-flex-max-mode li[data-task="'"] > input:checked::after, body.flexcyon-flex-max-mode 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 {
  inset-block-start: -0.175rem;
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) + 0.3rem);
}
body.flexcyon-flex-max-mode input[data-task=S]:checked::after, body.flexcyon-flex-max-mode li[data-task=S] > input:checked::after, body.flexcyon-flex-max-mode li[data-task=S] > p > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled input[data-task=S]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task=S] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task=S] > p > input:checked::after {
  inset-block-start: -0.05rem;
  margin-inline-start: 5%;
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.1rem);
  content: "$";
}
body.flexcyon-flex-max-mode input[data-task="#"]:checked::after, body.flexcyon-flex-max-mode li[data-task="#"] > input:checked::after, body.flexcyon-flex-max-mode 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 {
  inset-block-start: -0.175rem;
}
body.flexcyon-flex-max-mode input[data-task=">"]:checked::after, body.flexcyon-flex-max-mode li[data-task=">"] > input:checked::after, body.flexcyon-flex-max-mode li[data-task=">"] > p > input:checked::after,
body.flexcyon-flex-max-mode input[data-task="<"]:checked::after, body.flexcyon-flex-max-mode li[data-task="<"] > input:checked::after, body.flexcyon-flex-max-mode 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,
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 {
  inset-block-start: -0.1rem;
}
body.flexcyon-flex-max-mode input[data-task=a]:checked, body.flexcyon-flex-max-mode li[data-task=a] > input:checked, body.flexcyon-flex-max-mode li[data-task=a] > p > input:checked,
body.flexcyon-ascii-checkboxes-enabled input[data-task=a]:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task=a] > input:checked,
body.flexcyon-ascii-checkboxes-enabled li[data-task=a] > p > input:checked {
  padding-inline-end: 4px;
  background-color: inherit;
  border: none;
}
body.flexcyon-flex-max-mode input[data-task=a]:checked:hover, body.flexcyon-flex-max-mode li[data-task=a] > input:checked:hover, body.flexcyon-flex-max-mode li[data-task=a] > p > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled input[data-task=a]:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task=a] > input:checked:hover,
body.flexcyon-ascii-checkboxes-enabled li[data-task=a] > p > input:checked:hover {
  filter: brightness(1.25);
}
body.flexcyon-flex-max-mode input[data-task=a]:checked::after, body.flexcyon-flex-max-mode li[data-task=a] > input:checked::after, body.flexcyon-flex-max-mode li[data-task=a] > p > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled input[data-task=a]:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task=a] > input:checked::after,
body.flexcyon-ascii-checkboxes-enabled li[data-task=a] > p > input:checked::after {
  inset-block-start: -0.1em;
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) + 0.75rem);
  font-weight: 900;
  color: var(--color-purple);
  text-align: center;
  content: "*";
  background-color: inherit;
  mask-image: none;
}
body.flexcyon-flex-max-mode input[data-task="."]:checked::after,
body.flexcyon-flex-max-mode li[data-task="."] > input:checked::after,
body.flexcyon-flex-max-mode 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 {
  inset-block-start: -0.1rem;
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.2rem);
  letter-spacing: -0.5px;
  content: "...";
}
body.flexcyon-flex-max-mode input[data-task="*"]:checked::after,
body.flexcyon-flex-max-mode li[data-task="*"] > input:checked::after,
body.flexcyon-flex-max-mode 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 {
  inset-block-start: -0.25rem;
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) + 0.75rem);
}
body.flexcyon-flex-max-mode input[data-task="@"]:checked::after,
body.flexcyon-flex-max-mode li[data-task="@"] > input:checked::after,
body.flexcyon-flex-max-mode 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 {
  inset-block-start: -0.2rem;
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.1rem);
}
body.flexcyon-flex-max-mode input[data-task="%"]:checked::after,
body.flexcyon-flex-max-mode li[data-task="%"] > input:checked::after,
body.flexcyon-flex-max-mode 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 {
  inset-block-start: 0.05rem;
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.2rem);
}
body.flexcyon-flex-max-mode input[data-task="+"]:checked::after,
body.flexcyon-flex-max-mode li[data-task="+"] > input:checked::after,
body.flexcyon-flex-max-mode 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 {
  inset-block-start: -0.1rem;
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.05rem);
}
body.flexcyon-flex-max-mode input[data-task=\"]:checked, body.flexcyon-flex-max-mode li[data-task=\"] > input:checked, body.flexcyon-flex-max-mode li[data-task=\"] > p > input:checked,
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 {
  padding-inline-end: 4px;
  background-color: inherit;
  border: none;
}
body.flexcyon-flex-max-mode input[data-task=\"]:checked::after, body.flexcyon-flex-max-mode li[data-task=\"] > input:checked::after, body.flexcyon-flex-max-mode 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 {
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) + 0.3rem);
  font-weight: 900;
  color: var(--color-green);
  text-align: center;
  content: '"';
  background-color: inherit;
  mask-image: none;
}
body.flexcyon-flex-max-mode input[data-task=i]:checked,
body.flexcyon-flex-max-mode li[data-task=i] > input:checked,
body.flexcyon-flex-max-mode li[data-task=i] > p > input:checked,
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 {
  padding-inline-end: 4px;
  background-color: inherit;
  border: 2px solid var(--color-cyan);
  border-radius: 50%;
}
body.flexcyon-flex-max-mode input[data-task=i]:checked::after,
body.flexcyon-flex-max-mode li[data-task=i] > input:checked::after,
body.flexcyon-flex-max-mode li[data-task=i] > p > input:checked::after,
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 {
  inset-block-start: 0.02rem;
  margin-inline-start: -5%;
  font-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.5rem);
  font-weight: 900;
  color: var(--color-cyan);
  text-align: center;
  content: "i";
  background-color: inherit;
  mask-image: none;
  scale: var(--upsize);
}

body.flexcyon-flex-max-mode input[data-task="*"]:checked,
body.flexcyon-flex-max-mode li[data-task="*"] > input:checked,
body.flexcyon-flex-max-mode li[data-task="*"] > p > input:checked,
body.flexcyon-clip-path-checkboxes-enabled input[data-task="*"]:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task="*"] > input:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task="*"] > p > input:checked {
  padding-inline-end: 4px;
  font-weight: 900;
  background-color: var(--color-yellow);
  border: none;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
body.flexcyon-flex-max-mode input[data-task="*"]:checked::after,
body.flexcyon-flex-max-mode li[data-task="*"] > input:checked::after,
body.flexcyon-flex-max-mode li[data-task="*"] > p > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled input[data-task="*"]:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task="*"] > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task="*"] > p > input:checked::after {
  display: none;
}
body.flexcyon-flex-max-mode input[data-task="*"]:checked, body.flexcyon-flex-max-mode li[data-task="*"] > input:checked, body.flexcyon-flex-max-mode li[data-task="*"] > p > input:checked,
body.flexcyon-clip-path-checkboxes-enabled input[data-task="*"]:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task="*"] > input:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task="*"] > p > input:checked {
  scale: 1.25;
}
body.flexcyon-flex-max-mode input[data-task=b]:checked,
body.flexcyon-flex-max-mode li[data-task=b] > input:checked,
body.flexcyon-flex-max-mode li[data-task=b] > p > input:checked,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=b]:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=b] > input:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=b] > p > input:checked {
  padding-inline-end: 4px;
  font-weight: 900;
  background-color: var(--text-accent);
  border: none;
  clip-path: polygon(12.5% 0%, 82.5% 0%, 82.5% 100%, 50% 75%, 12.5% 100%);
}
body.flexcyon-flex-max-mode input[data-task=b]:checked::after,
body.flexcyon-flex-max-mode li[data-task=b] > input:checked::after,
body.flexcyon-flex-max-mode li[data-task=b] > p > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=b]:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=b] > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=b] > p > input:checked::after {
  display: none;
}
body.flexcyon-flex-max-mode input[data-task=t]:checked,
body.flexcyon-flex-max-mode li[data-task=t] > input:checked,
body.flexcyon-flex-max-mode li[data-task=t] > p > input:checked,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=t]:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=t] > input:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=t] > p > input:checked {
  padding-inline-end: 4px;
  font-weight: 900;
  background-color: var(--color-green);
  border: none;
  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
body.flexcyon-flex-max-mode input[data-task=t]:checked::after,
body.flexcyon-flex-max-mode li[data-task=t] > input:checked::after,
body.flexcyon-flex-max-mode li[data-task=t] > p > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=t]:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=t] > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=t] > p > input:checked::after {
  display: none;
}
body.flexcyon-flex-max-mode input[data-task=u]:checked,
body.flexcyon-flex-max-mode li[data-task=u] > input:checked,
body.flexcyon-flex-max-mode li[data-task=u] > p > input:checked,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=u]:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=u] > input:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=u] > p > input:checked {
  padding-inline-end: 4px;
  font-weight: 900;
  background-color: var(--color-green);
  border: none;
  clip-path: polygon(50% 0%, 100% 50%, 75% 50%, 75% 100%, 25% 100%, 25% 50%, 0% 50%);
}
body.flexcyon-flex-max-mode input[data-task=u]:checked::after,
body.flexcyon-flex-max-mode li[data-task=u] > input:checked::after,
body.flexcyon-flex-max-mode li[data-task=u] > p > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=u]:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=u] > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=u] > p > input:checked::after {
  display: none;
}
body.flexcyon-flex-max-mode input[data-task=d]:checked,
body.flexcyon-flex-max-mode li[data-task=d] > input:checked,
body.flexcyon-flex-max-mode li[data-task=d] > p > input:checked,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=d]:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=d] > input:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=d] > p > input:checked {
  padding-inline-end: 4px;
  font-weight: 900;
  background-color: var(--color-red);
  border: none;
  clip-path: polygon(25% 0%, 75% 0%, 75% 50%, 100% 50%, 50% 100%, 0% 50%, 25% 50%);
}
body.flexcyon-flex-max-mode input[data-task=d]:checked::after,
body.flexcyon-flex-max-mode li[data-task=d] > input:checked::after,
body.flexcyon-flex-max-mode li[data-task=d] > p > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=d]:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=d] > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=d] > p > input:checked::after {
  display: none;
}
body.flexcyon-flex-max-mode input[data-task=C]:checked,
body.flexcyon-flex-max-mode li[data-task=C] > input:checked,
body.flexcyon-flex-max-mode li[data-task=C] > p > input:checked,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=C]:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=C] > input:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=C] > p > input:checked {
  padding-inline-end: 4px;
  font-weight: 900;
  background-color: var(--color-cyan);
  border: none;
  clip-path: circle();
}
body.flexcyon-flex-max-mode input[data-task=C]:checked::after,
body.flexcyon-flex-max-mode li[data-task=C] > input:checked::after,
body.flexcyon-flex-max-mode li[data-task=C] > p > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=C]:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=C] > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=C] > p > input:checked::after {
  display: none;
}
body.flexcyon-flex-max-mode input[data-task=h]:checked,
body.flexcyon-flex-max-mode li[data-task=h] > input:checked,
body.flexcyon-flex-max-mode li[data-task=h] > p > input:checked,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=h]:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=h] > input:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=h] > p > input:checked {
  padding-inline-end: 4px;
  font-weight: 900;
  background-color: var(--color-orange);
  border: none;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
body.flexcyon-flex-max-mode input[data-task=h]:checked::after,
body.flexcyon-flex-max-mode li[data-task=h] > input:checked::after,
body.flexcyon-flex-max-mode li[data-task=h] > p > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=h]:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=h] > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=h] > p > input:checked::after {
  display: none;
}
body.flexcyon-flex-max-mode input[data-task=M]:checked,
body.flexcyon-flex-max-mode li[data-task=M] > input:checked,
body.flexcyon-flex-max-mode li[data-task=M] > p > input:checked,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=M]:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=M] > input:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=M] > p > input:checked {
  padding-inline-end: 4px;
  font-weight: 900;
  background-color: var(--color-pink);
  border: none;
  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
}
body.flexcyon-flex-max-mode input[data-task=M]:checked::after,
body.flexcyon-flex-max-mode li[data-task=M] > input:checked::after,
body.flexcyon-flex-max-mode li[data-task=M] > p > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=M]:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=M] > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=M] > p > input:checked::after {
  display: none;
}
body.flexcyon-flex-max-mode input[data-task=t]:checked,
body.flexcyon-flex-max-mode li[data-task=t] > input:checked,
body.flexcyon-flex-max-mode li[data-task=t] > p > input:checked,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=t]:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=t] > input:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=t] > p > input:checked {
  padding-inline-end: 4px;
  font-weight: 900;
  background-color: var(--color-green);
  border: none;
  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
body.flexcyon-flex-max-mode input[data-task=t]:checked::after,
body.flexcyon-flex-max-mode li[data-task=t] > input:checked::after,
body.flexcyon-flex-max-mode li[data-task=t] > p > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=t]:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=t] > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=t] > p > input:checked::after {
  display: none;
}
body.flexcyon-flex-max-mode input[data-task=r]:checked,
body.flexcyon-flex-max-mode li[data-task=r] > input:checked,
body.flexcyon-flex-max-mode li[data-task=r] > p > input:checked,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=r]:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=r] > input:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=r] > p > input:checked {
  padding-inline-end: 4px;
  font-weight: 900;
  background-color: var(--color-purple);
  border: none;
  clip-path: rect();
}
body.flexcyon-flex-max-mode input[data-task=r]:checked::after,
body.flexcyon-flex-max-mode li[data-task=r] > input:checked::after,
body.flexcyon-flex-max-mode li[data-task=r] > p > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=r]:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=r] > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=r] > p > input:checked::after {
  display: none;
}
body.flexcyon-flex-max-mode input[data-task=D]:checked,
body.flexcyon-flex-max-mode li[data-task=D] > input:checked,
body.flexcyon-flex-max-mode li[data-task=D] > p > input:checked,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=D]:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=D] > input:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=D] > p > input:checked {
  padding-inline-end: 4px;
  font-weight: 900;
  background-color: var(--color-cyan);
  border: none;
  clip-path: polygon(25% 0%, 75% 0%, 100% 25%, 50% 90%, 0% 25%);
}
body.flexcyon-flex-max-mode input[data-task=D]:checked::after,
body.flexcyon-flex-max-mode li[data-task=D] > input:checked::after,
body.flexcyon-flex-max-mode li[data-task=D] > p > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=D]:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=D] > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=D] > p > input:checked::after {
  display: none;
}
body.flexcyon-flex-max-mode input[data-task=l]:checked,
body.flexcyon-flex-max-mode li[data-task=l] > input:checked,
body.flexcyon-flex-max-mode li[data-task=l] > p > input:checked,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=l]:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=l] > input:checked,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=l] > p > input:checked {
  padding-inline-end: 4px;
  font-weight: 900;
  background-color: var(--color-red);
  border: none;
  clip-path: polygon(30% 0%, 50% 15%, 70% 0%, 90% 10%, 100% 35%, 80% 70%, 50% 100%, 20% 70%, 0% 35%, 10% 10%);
}
body.flexcyon-flex-max-mode input[data-task=l]:checked::after,
body.flexcyon-flex-max-mode li[data-task=l] > input:checked::after,
body.flexcyon-flex-max-mode li[data-task=l] > p > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled input[data-task=l]:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=l] > input:checked::after,
body.flexcyon-clip-path-checkboxes-enabled li[data-task=l] > p > input:checked::after {
  display: none;
}

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.is-mobile,
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: oklch(from var(--tag-color) l c h / 10%);
  --tag-background-hover: oklch(from var(--tag-color-hover) l c h / 20%);
  --tag-border-color: oklch(from var(--tag-color-hover) l c h / 15%);
  --tag-border-color-hover: oklch(from var(--tag-color-hover) l c h / 15%);
}
body.is-mobile h3[data-heading*="find section #"] a.tag,
body h3[data-heading*="find section #"] a.tag {
  all: unset;
}

.is-mobile {
  --tag-background: oklch(from var(--tag-color) l c h / 25%);
}

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

body.theme-light {
  --list-marker-color: var(--color-cyan);
  --list-marker-color-hover: var(--flexcyon-palette-cyan-hover);
  --list-marker-color-collapsed: var(--color-green);
}

body {
  --flexcyon-default-ol-style: decimal;
  --list-numbered-style: var(--flexcyon-default-ol-style);
}
body ol {
  list-style-position: inside;
}

body {
  --flexcyon-editor-bg-width: 15px;
  --flexcyon-editor-dot-size: 2.5px;
  --flexcyon-editor-bg-col-def: color-mix(
    in oklch,
    var(--color-base-05) 70%,
    var(--color-base-10) 30%
  );
  --flexcyon-editor-bg-color: oklch(
    from var(--flexcyon-editor-bg-col-def)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --flexcyon-editor-bg-color-2: var(--color-base-20);
  --flexcyon-editor-bg-rotation: 0deg;
  /* Colours */
  --modal-sidebar-background: oklch(
    from var(--color-base-05)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --background-primary: oklch(
    from var(--color-base-10)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --background-primary-alt: oklch(
    from var(--color-base-20)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --background-secondary: oklch(
    from var(--color-base-00)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --background-secondary-alt: oklch(
    from var(--color-base-25)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --background-modifier-hover: oklch(
    from var(--color-base-25)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --background-modifier-form-field: oklch(
    from var(--color-base-20)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --background-modifier-cover: oklch(
    from var(--color-base-15)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --background-modifier-message: oklch(
    from var(--color-base-20)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --background-modifier-active-hover: oklch(
    from var(--color-base-25)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --background-modifier-border: oklch(
    from var(--color-base-20)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  /* Transparent is still transparent even after a11y changes */
  --background-modifier-border-hover: transparent;
  --background-modifier-border-focus: oklch(
    from var(--color-base-30)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --background-modifier-error: oklch(
    from var(--color-red)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --flexcyon-bg-modifier-hover-error-wrapper: oklch(
    from var(--color-red) l c h / var(--dimmed)
  );
  --background-modifier-error-hover: oklch(
    from var(--flexcyon-bg-modifier-hover-error-wrapper)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
}

/* obsi-snip-coll start: grid-background */
body.flexcyon-editor-grid .canvas-background,
body.flexcyon-editor-grid .kanban-plugin div,
div.callout[data-callout*=bg-grid] .callout-content,
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*=bg-grid] .callout-content *,
div.callout[data-callout-metadata*=bg-grid] .callout-content *,
.editor-grid *,
body.flexcyon-editor-grid .view-content [class*=markdown-] * {
  background-image: none;
}

/* obsi-snip-coll end */
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;
}

/* obsi-snip-coll start: dotted-background */
body.flexcyon-editor-dots .canvas-background,
body.flexcyon-editor-dots .kanban-plugin div,
div.callout[data-callout*=bg-dots] .callout-content,
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*=bg-dots] .callout-content *,
div.callout[data-callout-metadata*=bg-dots] .callout-content *,
.editor-dots *,
body.flexcyon-editor-dots .view-content [class*=markdown-] * {
  background-image: none;
}

/* obsi-snip-coll end */
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]) * .canvas-background,
body.flexcyon-sidebar-bg-dots div .mod-right-split .workspace-leaf-content:not([data-type=graph]) * .canvas-background {
  display: 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: none;
}

/* obsi-snip-coll start: rhombus-background */
body.flexcyon-editor-rhombus .canvas-background,
body.flexcyon-editor-rhombus .kanban-plugin div,
div.callout[data-callout*=bg-rhombus] .callout-content,
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 .canvas-background,
body.flexcyon-editor-rhombus .kanban-plugin div .canvas-background,
div.callout[data-callout*=bg-rhombus] .callout-content .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*=bg-rhombus] .callout-content *,
div.callout[data-callout-metadata*=bg-rhombus] .callout-content *,
.editor-rhombus *,
body.flexcyon-editor-rhombus .view-content [class*=markdown-] * {
  background-image: none;
}

/* obsi-snip-coll end */
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]) * .canvas-background,
body.flexcyon-sidebar-bg-rhombus div .mod-right-split .workspace-leaf-content:not([data-type=graph]) * .canvas-background {
  display: 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: none;
}

body.is-mobile.theme-dark,
body.theme-dark,
body.theme-light {
  --interactive-normal: var(--color-base-05);
  --interactive-hover: var(--background-primary);
  --interactive-accent: oklch(from var(--text-accent) l c h / 80%);
  --interactive-accent-hsl: var(--interactive-accent);
  --interactive-accent-hover: color-mix(
    in oklch shorter hue,
    var(--text-accent) 75%,
    transparent
  );
  --flexcyon-block-label-opacity: 0.55;
}

body span.cm-blockid {
  opacity: var(--flexcyon-block-label-opacity);
}

body {
  --icon-xs: 12.25px;
  --dimmed: 0.55;
  --upsize: 103%;
  --expand: 110%;
  --less-letter-spacing: -3px;
  --flexcyon-tree-item-horiz-padding: 10px;
  --flexcyon-tree-item-verti-padding: 2px;
  --icon-stroke: 2px;
  --icon-color-active: var(--interactive-accent);
  --icon-color-focused: var(--interactive-accent);
  --clickable-icon-radius: 0;
}
body .workspace-split:not(.is-sidedock-collapsed) .clickable-icon {
  padding: 4px 8px;
  opacity: var(--dimmed);
}
body .workspace-split:not(.is-sidedock-collapsed) .clickable-icon:hover {
  opacity: unset;
  scale: var(--upsize);
}
body .workspace-split:not(.is-sidedock-collapsed) .view-header-nav-buttons .clickable-icon,
body .workspace-split:not(.is-sidedock-collapsed) .view-actions .clickable-icon {
  padding: 4px 8px;
}
body .workspace-split:not(.is-sidedock-collapsed) .graph-controls .clickable-icon,
body .workspace-split:not(.is-sidedock-collapsed) .clickable-icon.side-dock-ribbon-action {
  padding: var(--size-2-2) var(--size-2-3);
}
body .nav-buttons-container {
  gap: 1px;
}
body .LazyLoad.is-visible {
  block-size: 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 .text-snippets-class > * {
  inline-size: min(48em, 50vw);
}
body .text-snippets-class > * > textarea {
  inline-size: min(32em, 35vw);
  margin-block: 16px;
}
body span.flair.mod-pop {
  margin-inline-start: var(--flexcyon-settings-installed-tooltip-left-margin);
}

.is-phone .modal .setting-item-control input {
  inline-size: max-content;
}

body.is-mobile .view-actions {
  justify-content: center;
}
body.is-mobile div.setting-item {
  flex-direction: column;
  align-items: unset;
}
body.is-mobile div.setting-item .setting-item-control {
  align-items: unset;
  justify-content: unset;
}
body.is-mobile .text-snippets-class > *,
body.is-mobile .text-snippets-class > * > textarea {
  inline-size: 50%;
  block-size: max-content;
}

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

body.flexcyon-flex-max-mode div.setting-group.installed-plugins-container > div.setting-items > div > div.setting-item-control > div:last-of-type,
body.flexcyon-settings-coloured-icons div.setting-group.installed-plugins-container > div.setting-items > div > div.setting-item-control > div:last-of-type {
  color: oklch(from var(--color-red) l c h/90%);
}
body.flexcyon-flex-max-mode div.setting-group > div.setting-items > div > div.setting-item-control > div:first-of-type:not(:last-of-type),
body.flexcyon-flex-max-mode div.setting-group.installed-plugins-container > div.setting-items > div > div.setting-item-control > div:first-of-type,
body.flexcyon-settings-coloured-icons div.setting-group > div.setting-items > div > div.setting-item-control > div:first-of-type:not(:last-of-type),
body.flexcyon-settings-coloured-icons div.setting-group.installed-plugins-container > div.setting-items > div > div.setting-item-control > div:first-of-type {
  color: oklch(from var(--color-blue) l c h/90%);
}
body.flexcyon-flex-max-mode .setting-add-hotkey-button,
body.flexcyon-flex-max-mode .extra-setting-button.mod-hotkeys,
body.flexcyon-flex-max-mode div.setting-group.installed-plugins-container > div.setting-items > div > div.setting-item-control > div:nth-of-type(2),
body.flexcyon-settings-coloured-icons .setting-add-hotkey-button,
body.flexcyon-settings-coloured-icons .extra-setting-button.mod-hotkeys,
body.flexcyon-settings-coloured-icons div.setting-group.installed-plugins-container > div.setting-items > div > div.setting-item-control > div:nth-of-type(2) {
  color: oklch(from var(--color-green) l c h/90%);
}
body.flexcyon-flex-max-mode div.setting-group.installed-plugins-container > div.setting-items > div > div.setting-item-control > div:nth-of-type(3):not(:last-of-type),
body.flexcyon-settings-coloured-icons div.setting-group.installed-plugins-container > div.setting-items > div > div.setting-item-control > div:nth-of-type(3):not(:last-of-type) {
  color: oklch(from var(--color-pink) l c h/90%);
}
body.flexcyon-flex-max-mode .setting-restore-hotkey-button,
body.flexcyon-settings-coloured-icons .setting-restore-hotkey-button {
  color: oklch(from var(--color-purple) l c h/90%);
}

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.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .workspace-tab-header-inner-close-button::after, body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .modal-close-button::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .workspace-tab-header-inner-close-button::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .modal-close-button::after {
  font-size: var(--font-ui-small);
  content: "x_x";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .workspace-tab-header-inner-close-button svg, body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .modal-close-button svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .workspace-tab-header-inner-close-button svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .modal-close-button svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .search-input-clear-button::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .search-input-clear-button::after {
  font-size: var(--font-ui-small);
  content: "x_x";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .search-input-clear-button svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .search-input-clear-button svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .search-input-container::before,
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .search-input-container svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .search-input-container::before,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .search-input-container svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .search-input-container::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .search-input-container::after {
  position: absolute;
  inset-block-end: 4px;
  inset-inline-start: 0;
  font-size: var(--font-ui-small);
  content: "?/";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .modal.mod-settings .vertical-tab-content,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .modal.mod-settings .vertical-tab-content {
  padding-block-start: 48px;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .iconic-rule-icon::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-rule-icon::after {
  font-size: var(--font-ui-small);
  content: "./^";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .iconic-add::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-add::after {
  font-size: var(--font-ui-small);
  content: "[~]";
  transform: translateX(-24px);
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .iconic-drag::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-drag::after {
  font-size: var(--font-ui-small);
  content: "|||";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .modal-setting-nav-bar div::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .modal-setting-nav-bar div::after {
  content: "<";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .modal-setting-nav-bar div svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .modal-setting-nav-bar div svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .view-actions button:last-of-type::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .view-actions button:last-of-type::after {
  content: "...";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .view-actions button:last-of-type svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .view-actions button:last-of-type svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .mod-settings div.installed-plugins-container > div.setting-items .setting-item-control :last-of-type:not(.checkbox-container)::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .mod-settings div.installed-plugins-container > div.setting-items .setting-item-control :last-of-type:not(.checkbox-container)::after {
  content: "*_*";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .mod-settings div.installed-plugins-container > div.setting-items .setting-item-control :last-of-type:not(.checkbox-container) svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .mod-settings div.installed-plugins-container > div.setting-items .setting-item-control :last-of-type:not(.checkbox-container) svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .mod-settings div.installed-plugins-container > div.setting-items .setting-item-control :nth-of-type(4n + 3):not(.checkbox-container, :last-of-type)::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .mod-settings div.installed-plugins-container > div.setting-items .setting-item-control :nth-of-type(4n + 3):not(.checkbox-container, :last-of-type)::after {
  content: ":3";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .mod-settings div.installed-plugins-container > div.setting-items .setting-item-control :nth-of-type(4n + 3):not(.checkbox-container, :last-of-type) svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .mod-settings div.installed-plugins-container > div.setting-items .setting-item-control :nth-of-type(4n + 3):not(.checkbox-container, :last-of-type) svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .mod-settings div.installed-plugins-container > div.setting-items .setting-item-control :nth-of-type(4n + 2):not(.checkbox-container, :last-of-type)::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .mod-settings div.installed-plugins-container > div.setting-items .setting-item-control :nth-of-type(4n + 2):not(.checkbox-container, :last-of-type)::after {
  content: "[%]";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .mod-settings div.installed-plugins-container > div.setting-items .setting-item-control :nth-of-type(4n + 2):not(.checkbox-container, :last-of-type) svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .mod-settings div.installed-plugins-container > div.setting-items .setting-item-control :nth-of-type(4n + 2):not(.checkbox-container, :last-of-type) svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .mod-settings div.installed-plugins-container > div.setting-items .setting-item-control :nth-of-type(4n + 1):not(.checkbox-container, :last-of-type)::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .mod-settings div.installed-plugins-container > div.setting-items .setting-item-control :nth-of-type(4n + 1):not(.checkbox-container, :last-of-type)::after {
  content: "[*]";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .mod-settings div.installed-plugins-container > div.setting-items .setting-item-control :nth-of-type(4n + 1):not(.checkbox-container, :last-of-type) svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .mod-settings div.installed-plugins-container > div.setting-items .setting-item-control :nth-of-type(4n + 1):not(.checkbox-container, :last-of-type) svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .mod-settings .setting-restore-hotkey-button::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .mod-settings .setting-restore-hotkey-button::after {
  content: "[0]";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .mod-settings .setting-restore-hotkey-button svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .mod-settings .setting-restore-hotkey-button svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .mod-settings .setting-add-hotkey-button::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .mod-settings .setting-add-hotkey-button::after {
  content: "[+]";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .mod-settings .setting-add-hotkey-button svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .mod-settings .setting-add-hotkey-button svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .style-settings-heading > div.setting-item-control :last-of-type::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .style-settings-heading > div.setting-item-control :last-of-type::after {
  content: "-<";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .style-settings-heading > div.setting-item-control :last-of-type svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .style-settings-heading > div.setting-item-control :last-of-type svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .style-settings-heading > div.setting-item-control :nth-of-type(2n + 1):not(:last-of-type)::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .style-settings-heading > div.setting-item-control :nth-of-type(2n + 1):not(:last-of-type)::after {
  content: "[0]";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .style-settings-heading > div.setting-item-control :nth-of-type(2n + 1):not(:last-of-type) svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .style-settings-heading > div.setting-item-control :nth-of-type(2n + 1):not(:last-of-type) svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .setting-item-heading:not(.style-settings-heading) > div.setting-item-control :last-of-type::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .setting-item-heading:not(.style-settings-heading) > div.setting-item-control :last-of-type::after {
  content: "./";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .setting-item-heading:not(.style-settings-heading) > div.setting-item-control :last-of-type svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .setting-item-heading:not(.style-settings-heading) > div.setting-item-control :last-of-type svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .setting-item-heading:not(.style-settings-heading) > div.setting-item-control :first-of-type::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .setting-item-heading:not(.style-settings-heading) > div.setting-item-control :first-of-type::after {
  content: "[R]";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .setting-item-heading:not(.style-settings-heading) > div.setting-item-control :first-of-type svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .setting-item-heading:not(.style-settings-heading) > div.setting-item-control :first-of-type svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) div.setting-item-control > div:has(+ select + button)::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) div.setting-item-control > div:has(+ select + button)::after {
  content: "./";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) div.setting-item-control > div:has(+ select + button) svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) div.setting-item-control > div:has(+ select + button) svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) div.setting-item-control > div:has(+ input)::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) div.setting-item-control > div:has(+ input)::after {
  content: "[0]";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) div.setting-item-control > div:has(+ input) svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) div.setting-item-control > div:has(+ input) svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) div.setting-item-control > div:has(+ label.checkbox-container)::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) div.setting-item-control > div:has(+ label.checkbox-container)::after {
  content: "[i]";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) div.setting-item-control > div:has(+ label.checkbox-container) svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) div.setting-item-control > div:has(+ label.checkbox-container) svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) div.setting-item-control > input + div::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) div.setting-item-control > input + div::after {
  content: "[0]";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) div.setting-item-control > input + div svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) div.setting-item-control > input + div svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .style-settings-collapse-indicator::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .style-settings-collapse-indicator::after {
  content: ">";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .style-settings-collapse-indicator svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .style-settings-collapse-indicator svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .workspace-tab-header-status-icon.mod-pinned::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .workspace-tab-header-status-icon.mod-pinned::after {
  font-size: var(--font-ui-large);
  font-weight: 900;
  content: "!";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .workspace-tab-header-status-icon.mod-pinned svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .workspace-tab-header-status-icon.mod-pinned svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .workspace-tab-header-tab-list span::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .workspace-tab-header-tab-list span::after {
  content: "...";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .workspace-tab-header-tab-list span svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .workspace-tab-header-tab-list span svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .sidebar-toggle-button.mod-left div::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .sidebar-toggle-button.mod-left div::after {
  content: "{";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .sidebar-toggle-button.mod-left div svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .sidebar-toggle-button.mod-left div svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .sidebar-toggle-button.mod-righ div::after,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .sidebar-toggle-button.mod-righ div::after {
  content: "{";
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .sidebar-toggle-button.mod-righ div svg,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .sidebar-toggle-button.mod-righ div svg {
  display: none;
}
body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .nav-buttons-container,
body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .nav-buttons-container {
  gap: 4px;
}

body.flexcyon-prevent-accidental-unpin .mod-pinned,
body.flexcyon-prevent-accidental-unpin .workspace .mod-root .workspace-tab-header .workspace-tab-header-inner-close-button:has(+ .workspace-tab-header-status-container) {
  pointer-events: none;
}

body.flexcyon-stylised-pins :is(.mod-left-split, .mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header-inner-icon + div + div.workspace-tab-header-status-container {
  inline-size: 0;
}
body.flexcyon-stylised-pins :is(.mod-left-split, .mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header-inner-icon + div + div.workspace-tab-header-status-container .mod-pinned {
  --icon-size: var(--icon-xs);
  color: var(--color-accent-2);
  transform: translate(-3px, -9px);
}
body.flexcyon-stylised-pins :is(.mod-left-split, .mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header-inner-icon:has(+ div + div.workspace-tab-header-status-container > .mod-pinned) {
  padding-inline-start: 4px;
  margin-block-start: 4px;
  transform: translateX(-2px);
}

body.flexcyon-stylised-pins.flexcyon-vertical-nav :is(.mod-left-split, .mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header-inner-icon:has(+ div + div.workspace-tab-header-status-container > .mod-pinned) {
  transform: translateY(8px);
}
body.flexcyon-stylised-pins.flexcyon-vertical-nav :is(.mod-left-split, .mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header-inner-icon + div + div.workspace-tab-header-status-container .mod-pinned {
  --icon-size: var(--icon-xs);
  color: var(--color-accent-2);
  transform: translate(5px, -22px);
}

.mod-root .workspace-tab-header-status-icon {
  color: var(--color-accent-2);
}

body.flexcyon-reverse-tab-header-content .workspace-tab-header-inner {
  flex-direction: row-reverse;
}

body :is(.mod-left-split, .mod-right-split) .workspace-tab-header-container-inner {
  gap: 1px;
  padding: unset;
  margin: unset;
}

body {
  --graph-line: var(--text-faint);
  --graph-node-unresolved: var(--color-red);
  --graph-node-tag: var(--color-purple);
  --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-block-end: none;
}
.graph-control-section .tree-item-self {
  padding: var(--graph-control-verti-padding) 8px var(--graph-control-verti-padding) 12px;
}
.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);
}

.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(--color-orange);
  --nav-item-background-selected: var(--color-base-25);
}

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.flexcyon-flex-max-mode .titlebar-button.mod-minimize:hover,
body.flexcyon-titlebar-button-effects .titlebar-button.mod-minimize:hover {
  color: var(--color-cyan);
}
body.flexcyon-flex-max-mode .titlebar-button.mod-maximize:hover,
body.flexcyon-titlebar-button-effects .titlebar-button.mod-maximize:hover {
  color: var(--color-blue);
}
body.flexcyon-flex-max-mode .titlebar-button.mod-close:hover,
body.flexcyon-titlebar-button-effects .titlebar-button.mod-close:hover {
  color: var(--text-normal);
}
body.flexcyon-flex-max-mode .titlebar-button,
body.flexcyon-titlebar-button-effects .titlebar-button {
  opacity: var(--dimmed);
}
body.flexcyon-flex-max-mode .titlebar-button:hover,
body.flexcyon-titlebar-button-effects .titlebar-button:hover {
  opacity: unset;
  scale: var(--expand);
}

body.theme-dark {
  --flexcyon-link-color: #d89ff5;
  --flexcyon-link-unresolved-color: #d89ff5;
  --flexcyon-external-link-color: #7ab8fe;
}

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

body {
  --flexcyon-link-hover: color-mix(
    in oklch shorter hue,
    var(--flexcyon-link-color),
    var(--flexcyon-base-grey-dark)
  );
  --flexcyon-external-link-hover: color-mix(
    in oklch 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);
  --flexcyon-alt-link-opacity: 55%;
}
body .backlink-pane .search-result-container,
body .outgoing-link-pane .search-result-container {
  padding: 1px 2px;
}
body .backlink-pane .tree-item-inner-text,
body .backlink-pane .tree-item-inner-subtext,
body .outgoing-link-pane .tree-item-inner-text,
body .outgoing-link-pane .tree-item-inner-subtext {
  padding: 0 4px;
}
body .backlink-pane .tree-item-inner,
body .backlink-pane .tree-item-icon,
body .outgoing-link-pane .tree-item-inner,
body .outgoing-link-pane .tree-item-icon {
  padding: 1px 0;
}
body .backlink-pane .search-empty-state,
body .outgoing-link-pane .search-empty-state {
  padding-inline-start: 4px;
}
body .backlink-pane .search-result-file-title,
body .outgoing-link-pane .search-result-file-title {
  margin-inline-start: 2px;
}

body.flexcyon-alt-link-style {
  --link-decoration: none;
  --link-color-hover: var(--color-base-05);
  --link-color: var(--color-base-05);
  --link-external-decoration: none;
  --link-external-color: var(--color-base-05);
  --link-external-color-hover: var(--color-base-05);
  --link-unresolved-color: var(--color-base-05);
  --link-unresolved-decoration-color: var(--color-base-05);
  --link-unresolved-decoration-style: dashed;
}
body.flexcyon-alt-link-style a.style-settings-import {
  margin-block-start: 1px;
}
body.flexcyon-alt-link-style a,
body.flexcyon-alt-link-style .markdown-rendered .internal-link,
body.flexcyon-alt-link-style .cm-s-obsidian span.cm-hmd-internal-link,
body.flexcyon-alt-link-style .cm-link,
body.flexcyon-alt-link-style .markdown-rendered .external-link,
body.flexcyon-alt-link-style .cm-s-obsidian span.cm-hmd-external-link {
  padding: 2px 4px;
}
body.flexcyon-alt-link-style a a,
body.flexcyon-alt-link-style .markdown-rendered .internal-link a,
body.flexcyon-alt-link-style .cm-s-obsidian span.cm-hmd-internal-link a,
body.flexcyon-alt-link-style .cm-link a,
body.flexcyon-alt-link-style .markdown-rendered .external-link a,
body.flexcyon-alt-link-style .cm-s-obsidian span.cm-hmd-external-link a {
  padding: unset;
}
body.flexcyon-alt-link-style .bases-rendered-value.markdown-rendered .internal-link {
  padding: unset;
  font-size: unset;
}
body.flexcyon-alt-link-style a:not(:is(.style-settings-import, .style-settings-export)),
body.flexcyon-alt-link-style a.style-settings-import,
body.flexcyon-alt-link-style .markdown-rendered .internal-link,
body.flexcyon-alt-link-style .cm-s-obsidian span.cm-hmd-internal-link {
  color: var(--color-base-05);
  background-color: color-mix(in oklch, var(--flexcyon-link-color) var(--flexcyon-alt-link-opacity), transparent);
}
body.flexcyon-alt-link-style a:not(:is(.style-settings-import, .style-settings-export)) a,
body.flexcyon-alt-link-style a.style-settings-import a,
body.flexcyon-alt-link-style .markdown-rendered .internal-link a,
body.flexcyon-alt-link-style .cm-s-obsidian span.cm-hmd-internal-link a {
  padding: unset;
  color: unset;
  background-color: unset;
}
body.flexcyon-alt-link-style a.style-settings-export,
body.flexcyon-alt-link-style .cm-link,
body.flexcyon-alt-link-style .markdown-rendered .external-link,
body.flexcyon-alt-link-style .cm-s-obsidian span.cm-hmd-external-link {
  background-color: color-mix(in oklch, var(--flexcyon-external-link-color) var(--flexcyon-alt-link-opacity), transparent);
}
body.flexcyon-alt-link-style a.style-settings-export a,
body.flexcyon-alt-link-style .cm-link a,
body.flexcyon-alt-link-style .markdown-rendered .external-link a,
body.flexcyon-alt-link-style .cm-s-obsidian span.cm-hmd-external-link a {
  padding: unset;
  color: unset;
  background-color: unset;
}

body {
  --drag-ghost-background: var(--color-base-25);
  --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: var(--font-ui-large);
  --table-text-size: var(--font-ui-medium);
  --flexcyon-table-reading-mode-width: 100%;
  --flexcyon-td-verti-padding: 5px;
  --flexcyon-td-horiz-padding: 10px;
  --flexcyon-td-live-pad-scale: 0.2;
  --flexcyon-td-table-alignment: left;
  --flexcyon-th-verti-padding: 5px;
  --flexcyon-th-horiz-padding: 10px;
  --flexcyon-th-live-pad-scale: 0.2;
  --flexcyon-th-table-alignment: left;
  --table-selection: oklch(from var(--color-accent) l c h / 10%);
}
body .el-table td,
body td div.table-cell-wrapper {
  text-align: var(--flexcyon-td-table-alignment);
}
body .el-table th,
body th div.table-cell-wrapper {
  text-align: var(--flexcyon-td-table-alignment);
}
body table {
  border-color: var(--table-border-color);
}
body table:not(.table-view-table) {
  inline-size: var(--flexcyon-table-reading-mode-width);
  margin-inline-start: 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 th,
body .markdown-rendered th {
  padding: var(--flexcyon-th-verti-padding) var(--flexcyon-th-horiz-padding);
}
body .cm-html-embed td,
body .markdown-rendered td {
  padding: var(--flexcyon-td-verti-padding) var(--flexcyon-td-horiz-padding);
}
body .markdown-source-view.mod-cm6 .cm-table-widget th {
  padding: calc(var(--flexcyon-th-live-pad-scale) * var(--flexcyon-th-verti-padding)) calc(var(--flexcyon-th-live-pad-scale) * var(--flexcyon-th-horiz-padding));
}
body .markdown-source-view.mod-cm6 .cm-table-widget td {
  padding: calc(var(--flexcyon-td-live-pad-scale) * var(--flexcyon-td-verti-padding)) calc(var(--flexcyon-td-live-pad-scale) * var(--flexcyon-td-horiz-padding));
}
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 {
  --input-radius: 0px;
  --flexcyon-input-verti-padding: 4px;
  --flexcyon-input-horiz-padding: 8px;
  --input-padding: var(--flexcyon-input-verti-padding)
    var(--flexcyon-input-horiz-padding);
}
body .metadata-input-longtext::selection,
body input::selection,
body textarea::selection {
  background-color: var(--color-base-30);
}

body.theme-dark {
  --text-normal-col: #d3d5d3;
  --text-normal: oklch(
    from var(--text-normal-col)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
}

body.theme-light {
  --text-normal-col: #080808;
  --text-normal: oklch(
    from var(--text-normal-col)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
}

body.theme-dark,
body.theme-light {
  --flexcyon-highlight-colour: var(--color-cyan);
  --flexcyon-highlight-opacity: 22.5%;
  --text-highlight-bg: oklch(
    from var(--flexcyon-highlight-colour) l c h /
      var(--flexcyon-highlight-opacity)
  );
  --flexcyon-w-spacing: 0px;
  --flexcyon-l-spacing: 0px;
  word-spacing: var(--flexcyon-w-spacing);
  letter-spacing: var(--flexcyon-l-spacing);
  --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;
  --line-height-normal: 1.4;
  --line-height-tight: 1.25;
  --flexcyon-text-muted: #6f768599;
  --text-muted-wrapper: color-mix(
    in oklch,
    oklch(from var(--flexcyon-text-muted) l c h),
    oklch(from var(--text-normal) l c h)
  );
  --text-muted: oklch(
    from var(--text-muted-wrapper)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --text-faint: var(--text-muted);
  --text-accent: var(--color-accent);
  --text-on-accent-wrapper: var(--text-normal);
  --text-on-accent: oklch(
    from var(--text-on-accent-wrapper)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --text-accent-hover: var(--flexcyon-accent-hover);
  --text-error: var(--color-red);
  --text-warning: var(--color-red);
  --text-success: var(--color-green);
  --text-sel-wrapper: oklch(from var(--color-accent) l c h / 30%);
  --text-selection: oklch(
    from var(--text-sel-wrapper)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  --bold-color: var(--color-red);
  --italic-color: var(--text-accent);
  --flexcyon-highlight-verti-padding: 1px;
  --flexcyon-highlight-horiz-padding: 2.5px;
  --flexcyon-highlight-border-radius: 4px;
  --font-ui-smaller: 12.9442px;
  --font-ui-small: 14.5622px;
  --font-ui-medium: 16.1803px;
  --font-ui-large: 17.7983px;
}
body.theme-dark .cm-em.cm-quote,
body.theme-light .cm-em.cm-quote {
  color: var(--italic-color);
}
body.theme-dark .cm-formatting-em,
body.theme-dark .cm-formatting-strong,
body.theme-dark .cm-formatting-code,
body.theme-dark .cm-formatting-math,
body.theme-light .cm-formatting-em,
body.theme-light .cm-formatting-strong,
body.theme-light .cm-formatting-code,
body.theme-light .cm-formatting-math {
  opacity: calc(var(--dimmed) + 0.25);
}
body.theme-dark .cm-strong.cm-quote,
body.theme-light .cm-strong.cm-quote {
  color: var(--bold-color);
}
body.theme-dark .cm-line .cm-matchingbracket,
body.theme-light .cm-line .cm-matchingbracket {
  color: var(--color-purple);
}
body.theme-dark .cm-line .ͼi,
body.theme-light .cm-line .ͼi {
  color: var(--color-cyan);
}
body.theme-dark .cm-line .ͼj,
body.theme-light .cm-line .ͼj {
  color: var(--color-orange);
}
body.theme-dark .cm-line .ͼc,
body.theme-light .cm-line .ͼc {
  color: var(--color-accent);
}
body.theme-dark .cm-line .ͼb,
body.theme-light .cm-line .ͼb {
  color: var(--color-yellow);
}
body.theme-dark .cm-s-obsidian span.cm-formatting-highlight,
body.theme-dark .cm-s-obsidian span.cm-highlight,
body.theme-dark .cm-highlight + .cm-widgetBuffer + .math,
body.theme-dark .markdown-source-view:is(.is-live-preview) mark,
body.theme-light .cm-s-obsidian span.cm-formatting-highlight,
body.theme-light .cm-s-obsidian span.cm-highlight,
body.theme-light .cm-highlight + .cm-widgetBuffer + .math,
body.theme-light .markdown-source-view:is(.is-live-preview) mark {
  padding: var(--flexcyon-highlight-verti-padding) var(--flexcyon-highlight-horiz-padding);
  font-weight: 525;
  color: var(--text-normal);
  background-color: var(--text-highlight-bg);
  border-radius: var(--flexcyon-highlight-border-radius);
}
body.theme-dark .cm-s-obsidian span.cm-formatting-highlight,
body.theme-light .cm-s-obsidian span.cm-formatting-highlight {
  color: var(--text-highlight-bg);
  background-color: inherit;
  border-radius: 0;
}
body.theme-dark .tooltip,
body.theme-light .tooltip {
  color: var(--text-normal);
  background-color: var(--color-base-00);
}
body.theme-dark .textLayer .highlight,
body.theme-light .textLayer .highlight {
  --highlight-bg-color: var(--text-highlight-bg);
}
body.theme-dark .textLayer .mod-focused,
body.theme-light .textLayer .mod-focused {
  background-color: var(--text-highlight-bg);
}
body.theme-dark .annotatationLayer .mod-focused,
body.theme-light .annotatationLayer .mod-focused {
  background-color: oklch(from var(--text-highlight-bg) l c h/10%);
  border: var(--size-4-1) solid oklch(from var(--text-highlight-bg) l c h/80%);
}

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

body {
  --flexcyon-repl-active-line-str: "->";
  --flexcyon-repl-active-str-space: 0px;
  --flexcyon-highlight-active-line-opacity: 7.5%;
  --flexcyon-typewriter-mode-opacity: 0.55;
}
body .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-gutterElement.cm-active {
  font-size: var(--font-ui-medium);
  font-weight: 900;
  color: var(--text-accent);
}
body .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-gutterElement[style*="height: 0px"]:not([style*="visibility: hidden"]) + .cm-gutterElement {
  background-color: var(--background-primary);
}
body .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-gutterElement[style*="height: 0px"]:not([style*="visibility: hidden"]) + .cm-gutterElement::before {
  content: "'";
}

body:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement {
  padding-inline-end: 4px;
  font-size: calc(var(--font-ui-small) + 0.01rem);
}

body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + *, body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + *, body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + *, body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + *, body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + *, body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + *, body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + *, body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + * + *, body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + * + * + *, body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + * + .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + * + * + * + *, body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + * + * + .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + * + * + * + * + *, body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + * + * + * + .cm-active) {
  font-size: 0;
}
body.flexcyon-enable-rel-nums.flexcyon-no-num-with-relative:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ .cm-active) {
  font-size: 0;
}

body.flexcyon-enable-rel-nums.flexcyon-relative-num-only:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:not(.cm-active) {
  font-size: 0;
}

body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + *::before {
  --flexcyon-rel-bel-1: "1";
  content: var(--flexcyon-rel-bel-1);
}
body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ .cm-active)::before {
  --flexcyon-rel-abv-0: "0";
  content: var(--flexcyon-rel-abv-0);
}
body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + *::before {
  --flexcyon-rel-bel-2: "2";
  content: var(--flexcyon-rel-bel-2);
}
body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ .cm-active)::before {
  --flexcyon-rel-abv-1: "1";
  content: var(--flexcyon-rel-abv-1);
}
body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + *::before {
  --flexcyon-rel-bel-3: "3";
  content: var(--flexcyon-rel-bel-3);
}
body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + .cm-active)::before {
  --flexcyon-rel-abv-2: "2";
  content: var(--flexcyon-rel-abv-2);
}
body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + *::before {
  --flexcyon-rel-bel-4: "4";
  content: var(--flexcyon-rel-bel-4);
}
body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + .cm-active)::before {
  --flexcyon-rel-abv-3: "3";
  content: var(--flexcyon-rel-abv-3);
}
body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + *::before {
  --flexcyon-rel-bel-5: "5";
  content: var(--flexcyon-rel-bel-5);
}
body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-4: "4";
  content: var(--flexcyon-rel-abv-4);
}
body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + *::before {
  --flexcyon-rel-bel-6: "6";
  content: var(--flexcyon-rel-bel-6);
}
body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-5: "5";
  content: var(--flexcyon-rel-abv-5);
}
body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + *::before {
  --flexcyon-rel-bel-7: "7";
  content: var(--flexcyon-rel-bel-7);
}
body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-6: "6";
  content: var(--flexcyon-rel-abv-6);
}
body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + * + *::before {
  --flexcyon-rel-bel-8: "8";
  content: var(--flexcyon-rel-bel-8);
}
body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-7: "7";
  content: var(--flexcyon-rel-abv-7);
}
body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + * + * + *::before {
  --flexcyon-rel-bel-9: "9";
  content: var(--flexcyon-rel-bel-9);
}
body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-8: "8";
  content: var(--flexcyon-rel-abv-8);
}
body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + * + * + * + *::before {
  --flexcyon-rel-bel-10: "10";
  content: var(--flexcyon-rel-bel-10);
}
body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-9: "9";
  content: var(--flexcyon-rel-abv-9);
}
body.flexcyon-enable-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement: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) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ .cm-active)::before {
  --flexcyon-rel-abv-1: "α";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ .cm-active)::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + .cm-active)::before {
  --flexcyon-rel-abv-2: "β";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + .cm-active)::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + .cm-active)::before {
  --flexcyon-rel-abv-3: "γ";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + .cm-active)::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-4: "δ";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + .cm-active)::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-5: "ε";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + .cm-active)::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-6: "ζ";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + .cm-active)::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-7: "η";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + .cm-active)::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-8: "θ";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + * + .cm-active)::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-9: "ι";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + * + * + .cm-active)::before {
  font-size: 0.95rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-10: "κ";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + * + * + * + .cm-active)::before {
  font-size: 0.95rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + *::before {
  --flexcyon-rel-bel-1: "α";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + *::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + *::before {
  --flexcyon-rel-bel-2: "β";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + *::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + *::before {
  --flexcyon-rel-bel-3: "γ";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + *::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + *::before {
  --flexcyon-rel-bel-4: "δ";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + *::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + *::before {
  --flexcyon-rel-bel-5: "ε";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + *::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + *::before {
  --flexcyon-rel-bel-6: "ζ";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + *::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + *::before {
  --flexcyon-rel-bel-7: "η";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + *::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + * + *::before {
  --flexcyon-rel-bel-8: "θ";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + * + *::before {
  font-size: 0.925rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + * + * + *::before {
  --flexcyon-rel-bel-9: "ι";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + * + * + *::before {
  font-size: 0.95rem;
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + * + * + * + *::before {
  --flexcyon-rel-bel-10: "κ";
}
body.flexcyon-enable-rel-nums.flexcyon-greek-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + * + * + * + *::before {
  font-size: 0.95rem;
}

body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ .cm-active)::before {
  --flexcyon-rel-abv-1: "I";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + .cm-active)::before {
  --flexcyon-rel-abv-2: "II";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + .cm-active)::before {
  --flexcyon-rel-abv-3: "III";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-4: "IV";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-5: "V";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-6: "VI";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-7: "VII";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-8: "VIII";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-9: "IX";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-10: "X";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + *::before {
  --flexcyon-rel-bel-1: "I";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + *::before {
  --flexcyon-rel-bel-2: "II";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + *::before {
  --flexcyon-rel-bel-3: "III";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + *::before {
  --flexcyon-rel-bel-4: "IV";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + *::before {
  --flexcyon-rel-bel-5: "V";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + *::before {
  --flexcyon-rel-bel-6: "VI";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + *::before {
  --flexcyon-rel-bel-7: "VII";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + * + *::before {
  --flexcyon-rel-bel-8: "VIII";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + * + * + *::before {
  --flexcyon-rel-bel-9: "IX";
}
body.flexcyon-enable-rel-nums.flexcyon-roman-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + * + * + * + *::before {
  --flexcyon-rel-bel-10: "X";
}

body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ .cm-active)::before {
  --flexcyon-rel-abv-1: "一";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + .cm-active)::before {
  --flexcyon-rel-abv-2: "二";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + .cm-active)::before {
  --flexcyon-rel-abv-3: "三";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-4: "四";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-5: "五";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-6: "六";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-7: "七";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-8: "八";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-9: "九";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-gutterElement:has(+ * + * + * + * + * + * + * + * + * + .cm-active)::before {
  --flexcyon-rel-abv-10: "十";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + *::before {
  --flexcyon-rel-bel-1: "一";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + *::before {
  --flexcyon-rel-bel-2: "二";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + *::before {
  --flexcyon-rel-bel-3: "三";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + *::before {
  --flexcyon-rel-bel-4: "四";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + *::before {
  --flexcyon-rel-bel-5: "五";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + *::before {
  --flexcyon-rel-bel-6: "六";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + *::before {
  --flexcyon-rel-bel-7: "七";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + * + *::before {
  --flexcyon-rel-bel-8: "八";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + * + * + *::before {
  --flexcyon-rel-bel-9: "九";
}
body.flexcyon-enable-rel-nums.flexcyon-chinese-rel-nums:not(.is-mobile) .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-lineNumbers > .cm-active + * + * + * + * + * + * + * + * + * + *::before {
  --flexcyon-rel-bel-10: "十";
}

body.flexcyon-repl-active-line-num-str .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-gutterElement.cm-active {
  font-size: 0;
}
body.flexcyon-repl-active-line-num-str .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-gutterElement.cm-active::before {
  font-size: calc(var(--font-ui-medium) + 0.07rem);
  letter-spacing: var(--flexcyon-repl-active-str-space);
  content: var(--flexcyon-repl-active-line-str);
}

body.flexcyon-highlight-active-line .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-active.cm-line,
body.flexcyon-highlight-active-line .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-active > span.cm-quote {
  background-color: color-mix(in oklch, var(--text-accent) var(--flexcyon-highlight-active-line-opacity), transparent);
}

/* obsi-snip-coll start: typewriter-mode */
.typewriter-mode .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-line:not(.cm-active, .HyperMD-codeblock),
body.flexcyon-typewriter-mode .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-line:not(.cm-active, .HyperMD-codeblock) {
  opacity: var(--flexcyon-typewriter-mode-opacity);
}

/* obsi-snip-coll end */
/* Callout modifications */
body {
  --flexcyon-callout-bg-opacity: 12.5%;
  --flexcyon-callout-icon-right-padding: 4px;
  --flexcyon-callout-first-codeblock-margin-top: 1rem;
  --flexcyon-callout-vertical-margin: 1em;
  --flexcyon-callout-horizontal-margin: 0em;
  --flexcyon-callout-pop-animation-duration: 200ms;
  --flexcyon-callouts-flashcard-width: 250px;
  --flexcyon-callouts-flashcard-height: 250px;
  --flexcyon-callout-flashcard-animation-duration: 500ms;
  --flexcyon-editor-writing-indentation: 16px;
  --flexcyon-callout-verti-padding: 12px;
  --flexcyon-callout-horiz-padding: 24px;
  --callout-padding: var(--flexcyon-callout-verti-padding)
    var(--flexcyon-callout-horiz-padding);
  --callout-radius: 2px;
  --flexcyon-callout-radix: 16px;
  --callout-bug: var(--color-red);
  --callout-error: var(--color-red);
  --callout-fail: var(--color-red);
  --callout-default: var(--color-blue);
  --callout-info: var(--color-blue);
  --callout-todo: var(--color-blue);
  --callout-summary: var(--color-cyan);
  --callout-tip: var(--color-cyan);
  --callout-example: var(--color-purple);
  --callout-important: var(--color-purple);
  --callout-warning: var(--color-orange);
  --callout-question: var(--color-green);
  --callout-success: var(--color-green);
  --callout-quote: var(--color-green);
  --callout-cite: var(--color-green);
}
body .callout[data-callout*=bug],
body .callout[data-callout-metadata*=bug] {
  --callout-color: var(--callout-bug);
  --callout-icon: lucide-bug;
}
body .callout[data-callout*=error],
body .callout[data-callout-metadata*=error] {
  --callout-color: var(--callout-error);
  --callout-icon: lucide-circle-alert;
}
body .callout[data-callout*=fail],
body .callout[data-callout-metadata*=fail] {
  --callout-color: var(--callout-fail);
  --callout-icon: lucide-x;
}
body .callout[data-callout*=info],
body .callout[data-callout-metadata*=info] {
  --callout-color: var(--callout-info);
  --callout-icon: lucide-info;
}
body .callout[data-callout*=todo],
body .callout[data-callout-metadata*=todo] {
  --callout-color: var(--callout-todo);
  --callout-icon: lucide-circle-check;
}
body .callout[data-callout*=summary],
body .callout[data-callout-metadata*=summary] {
  --callout-color: var(--callout-summary);
  --callout-icon: lucide-clipboard-list;
}
body .callout[data-callout*=tip],
body .callout[data-callout-metadata*=tip] {
  --callout-color: var(--callout-tip);
  --callout-icon: lucide-flame;
}
body .callout[data-callout*=example],
body .callout[data-callout-metadata*=example] {
  --callout-color: var(--callout-example);
  --callout-icon: lucide-list;
}
body .callout[data-callout*=important],
body .callout[data-callout-metadata*=important] {
  --callout-color: var(--callout-important);
  --callout-icon: lucide-star;
}
body .callout[data-callout*=warning],
body .callout[data-callout-metadata*=warning] {
  --callout-color: var(--callout-warning);
  --callout-icon: lucide-alert-triangle;
}
body .callout[data-callout*=question],
body .callout[data-callout-metadata*=question] {
  --callout-color: var(--callout-question);
  --callout-icon: lucide-help-circle;
}
body .callout[data-callout*=success],
body .callout[data-callout-metadata*=success] {
  --callout-color: var(--callout-success);
  --callout-icon: lucide-check;
}
body .callout[data-callout*=cite],
body .callout[data-callout-metadata*=cite] {
  --callout-color: var(--callout-cite);
  --callout-icon: lucide-quote;
}
body .callout[data-callout*=quote],
body .callout[data-callout-metadata*=quote] {
  --callout-color: var(--callout-quote);
  --callout-icon: lucide-quote;
}
body .callout {
  background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));
  border-color: oklch(from var(--callout-color) l c h/var(--callout-border-opacity));
}
body .callout .callout-title {
  color: var(--callout-color);
}
body .callout .callout-icon {
  padding-inline-end: var(--flexcyon-callout-icon-right-padding);
  margin-block-start: -0.5px;
}
body .callout .callout-content :first-child:is(pre, img, iframe) {
  margin-block-start: var(--flexcyon-callout-first-codeblock-margin-top);
}
body .markdown-source-view.mod-cm6 .callout,
body .callout {
  margin: var(--flexcyon-callout-vertical-margin) var(--flexcyon-callout-horizontal-margin);
}

/* obsi-snip-coll start: tategaki */
div.callout[data-callout*=tategaki] div.callout-content, div.callout[data-callout-metadata*=tategaki] div.callout-content {
  max-inline-size: 95%;
  padding-block: 2vh 1vh;
  margin: auto;
  overflow: scroll;
  overscroll-behavior: contain;
  line-height: 1.61;
  text-indent: 1rem;
  letter-spacing: var(--font-ui-large);
  writing-mode: vertical-rl;
}
div.callout[data-callout*=tategaki] div.callout-content h1, div.callout[data-callout-metadata*=tategaki] div.callout-content h1 {
  margin-block-start: 0;
  line-height: 1.61;
  letter-spacing: var(--h1-size);
}
div.callout[data-callout*=tategaki] div.callout-content h2, div.callout[data-callout-metadata*=tategaki] div.callout-content h2 {
  margin-block-start: 0;
  line-height: 1.61;
  letter-spacing: var(--h2-size);
}
div.callout[data-callout*=tategaki] div.callout-content h3, div.callout[data-callout-metadata*=tategaki] div.callout-content h3 {
  margin-block-start: 0;
  line-height: 1.61;
  letter-spacing: var(--h3-size);
}
div.callout[data-callout*=tategaki] div.callout-content h4, div.callout[data-callout-metadata*=tategaki] div.callout-content h4 {
  margin-block-start: 0;
  line-height: 1.61;
  letter-spacing: var(--h4-size);
}
div.callout[data-callout*=tategaki] div.callout-content h5, div.callout[data-callout-metadata*=tategaki] div.callout-content h5 {
  margin-block-start: 0;
  line-height: 1.61;
  letter-spacing: var(--h5-size);
}
div.callout[data-callout*=tategaki] div.callout-content h6, div.callout[data-callout-metadata*=tategaki] div.callout-content h6 {
  margin-block-start: 0;
  line-height: 1.61;
  letter-spacing: var(--h6-size);
}

/* obsi-snip-coll end */
/* obsi-snip-coll start: vertical-ltr */
div.callout[data-callout*=vert-ltr] div.callout-content, div.callout[data-callout-metadata*=vert-lr] div.callout-content {
  max-inline-size: 95%;
  min-block-size: max-content !important;
  padding-block: 2vh 1vh;
  margin: auto;
  overflow: scroll;
  overscroll-behavior: contain;
  line-height: 1.61;
  text-indent: 1rem;
  letter-spacing: var(--font-ui-large);
  writing-mode: vertical-lr;
}
div.callout[data-callout*=vert-ltr] div.callout-content h1, div.callout[data-callout-metadata*=vert-lr] div.callout-content h1 {
  margin-block-start: 0;
  line-height: 1.61;
  letter-spacing: var(--h1-size);
}
div.callout[data-callout*=vert-ltr] div.callout-content h2, div.callout[data-callout-metadata*=vert-lr] div.callout-content h2 {
  margin-block-start: 0;
  line-height: 1.61;
  letter-spacing: var(--h2-size);
}
div.callout[data-callout*=vert-ltr] div.callout-content h3, div.callout[data-callout-metadata*=vert-lr] div.callout-content h3 {
  margin-block-start: 0;
  line-height: 1.61;
  letter-spacing: var(--h3-size);
}
div.callout[data-callout*=vert-ltr] div.callout-content h4, div.callout[data-callout-metadata*=vert-lr] div.callout-content h4 {
  margin-block-start: 0;
  line-height: 1.61;
  letter-spacing: var(--h4-size);
}
div.callout[data-callout*=vert-ltr] div.callout-content h5, div.callout[data-callout-metadata*=vert-lr] div.callout-content h5 {
  margin-block-start: 0;
  line-height: 1.61;
  letter-spacing: var(--h5-size);
}
div.callout[data-callout*=vert-ltr] div.callout-content h6, div.callout[data-callout-metadata*=vert-lr] div.callout-content h6 {
  margin-block-start: 0;
  line-height: 1.61;
  letter-spacing: var(--h6-size);
}
div.callout[data-callout*=vert-ltr] div.callout-content h1, div.callout[data-callout-metadata*=vert-lr] div.callout-content h1 {
  min-block-size: auto !important;
}
div.callout[data-callout*=vert-ltr] div.callout-content h2, div.callout[data-callout-metadata*=vert-lr] div.callout-content h2 {
  min-block-size: auto !important;
}
div.callout[data-callout*=vert-ltr] div.callout-content h3, div.callout[data-callout-metadata*=vert-lr] div.callout-content h3 {
  min-block-size: auto !important;
}
div.callout[data-callout*=vert-ltr] div.callout-content h4, div.callout[data-callout-metadata*=vert-lr] div.callout-content h4 {
  min-block-size: auto !important;
}
div.callout[data-callout*=vert-ltr] div.callout-content h5, div.callout[data-callout-metadata*=vert-lr] div.callout-content h5 {
  min-block-size: auto !important;
}
div.callout[data-callout*=vert-ltr] div.callout-content h6, div.callout[data-callout-metadata*=vert-lr] div.callout-content h6 {
  min-block-size: auto !important;
}

/* obsi-snip-coll end */
/* obsi-snip-coll start: no-icon */
div.callout[data-callout*=tategaki] .callout-icon, div.callout[data-callout-metadata*=tategaki] .callout-icon,
div.callout[data-callout*=vert-ltr] .callout-icon, div.callout[data-callout-metadata*=vert-lr] .callout-icon,
div.callout[data-callout-metadata*=empty] .callout-icon,
div.callout[data-callout*=empty] .callout-icon,
div.callout[data-callout*=no-icon] .callout-icon,
div.callout[data-callout-metadata*=no-icon] .callout-icon {
  display: none;
}

/* obsi-snip-coll end */
/* obsi-snip-coll start: no-title */
div.callout[data-callout*=tategaki] .callout-title-inner,
div.callout[data-callout*=tategaki] .callout-title, div.callout[data-callout-metadata*=tategaki] .callout-title-inner,
div.callout[data-callout-metadata*=tategaki] .callout-title,
div.callout[data-callout*=vert-ltr] .callout-title-inner,
div.callout[data-callout*=vert-ltr] .callout-title, div.callout[data-callout-metadata*=vert-lr] .callout-title-inner,
div.callout[data-callout-metadata*=vert-lr] .callout-title,
div.callout[data-callout-metadata*=empty] .callout-title-inner,
div.callout[data-callout-metadata*=empty] .callout-title,
div.callout[data-callout*=empty] .callout-title-inner,
div.callout[data-callout*=empty] .callout-title,
div.callout[data-callout*=no-title] .callout-title-inner,
div.callout[data-callout*=no-title] .callout-title,
div.callout[data-callout-metadata*=no-title] .callout-title-inner,
div.callout[data-callout-metadata*=no-title] .callout-title {
  display: none;
}

/* obsi-snip-coll end */
/* obsi-snip-coll start: bg-transparent */
div.callout[data-callout*=bg-transparent],
div.callout[data-callout-metadata*=bg-transparent],
div.callout[data-callout*=transparent-bg],
div.callout[data-callout-metadata*=transparent-bg] {
  background-color: transparent;
}

/* obsi-snip-coll end */
/* obsi-snip-coll start: color */
div.callout[data-callout*=all-yellow],
div.callout[data-callout-metadata*=all-yellow],
div.callout[data-callout*=bg-yellow],
div.callout[data-callout-metadata*=bg-yellow] {
  background-color: oklch(from var(--color-yellow) l c h/var(--flexcyon-callout-bg-opacity));
}
div.callout[data-callout*=all-yellow]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title, div.callout[data-callout*=all-yellow]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout-metadata*=all-yellow]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout-metadata*=all-yellow]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout*=bg-yellow]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout*=bg-yellow]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout-metadata*=bg-yellow]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout-metadata*=bg-yellow]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content {
  background-color: oklch(from var(--color-yellow) l c h/var(--flexcyon-callout-bg-opacity));
}

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

div.callout[data-callout*=all-blue],
div.callout[data-callout-metadata*=all-blue],
div.callout[data-callout*=bg-blue],
div.callout[data-callout-metadata*=bg-blue] {
  background-color: oklch(from var(--color-blue) l c h/var(--flexcyon-callout-bg-opacity));
}
div.callout[data-callout*=all-blue]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title, div.callout[data-callout*=all-blue]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout-metadata*=all-blue]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout-metadata*=all-blue]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout*=bg-blue]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout*=bg-blue]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout-metadata*=bg-blue]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout-metadata*=bg-blue]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content {
  background-color: oklch(from var(--color-blue) l c h/var(--flexcyon-callout-bg-opacity));
}

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

div.callout[data-callout*=all-purple],
div.callout[data-callout-metadata*=all-purple],
div.callout[data-callout*=bg-purple],
div.callout[data-callout-metadata*=bg-purple] {
  background-color: oklch(from var(--color-purple) l c h/var(--flexcyon-callout-bg-opacity));
}
div.callout[data-callout*=all-purple]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title, div.callout[data-callout*=all-purple]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout-metadata*=all-purple]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout-metadata*=all-purple]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout*=bg-purple]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout*=bg-purple]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout-metadata*=bg-purple]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout-metadata*=bg-purple]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content {
  background-color: oklch(from var(--color-purple) l c h/var(--flexcyon-callout-bg-opacity));
}

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

div.callout[data-callout*=all-red],
div.callout[data-callout-metadata*=all-red],
div.callout[data-callout*=bg-red],
div.callout[data-callout-metadata*=bg-red] {
  background-color: oklch(from var(--color-red) l c h/var(--flexcyon-callout-bg-opacity));
}
div.callout[data-callout*=all-red]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title, div.callout[data-callout*=all-red]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout-metadata*=all-red]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout-metadata*=all-red]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout*=bg-red]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout*=bg-red]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout-metadata*=bg-red]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout-metadata*=bg-red]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content {
  background-color: oklch(from var(--color-red) l c h/var(--flexcyon-callout-bg-opacity));
}

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

div.callout[data-callout*=all-cyan],
div.callout[data-callout-metadata*=all-cyan],
div.callout[data-callout*=bg-cyan],
div.callout[data-callout-metadata*=bg-cyan] {
  background-color: oklch(from var(--color-cyan) l c h/var(--flexcyon-callout-bg-opacity));
}
div.callout[data-callout*=all-cyan]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title, div.callout[data-callout*=all-cyan]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout-metadata*=all-cyan]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout-metadata*=all-cyan]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout*=bg-cyan]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout*=bg-cyan]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout-metadata*=bg-cyan]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout-metadata*=bg-cyan]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content {
  background-color: oklch(from var(--color-cyan) l c h/var(--flexcyon-callout-bg-opacity));
}

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

div.callout[data-callout*=all-pink],
div.callout[data-callout-metadata*=all-pink],
div.callout[data-callout*=bg-pink],
div.callout[data-callout-metadata*=bg-pink] {
  background-color: oklch(from var(--color-pink) l c h/var(--flexcyon-callout-bg-opacity));
}
div.callout[data-callout*=all-pink]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title, div.callout[data-callout*=all-pink]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout-metadata*=all-pink]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout-metadata*=all-pink]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout*=bg-pink]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout*=bg-pink]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout-metadata*=bg-pink]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout-metadata*=bg-pink]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content {
  background-color: oklch(from var(--color-pink) l c h/var(--flexcyon-callout-bg-opacity));
}

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

div.callout[data-callout*=all-green],
div.callout[data-callout-metadata*=all-green],
div.callout[data-callout*=bg-green],
div.callout[data-callout-metadata*=bg-green] {
  background-color: oklch(from var(--color-green) l c h/var(--flexcyon-callout-bg-opacity));
}
div.callout[data-callout*=all-green]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title, div.callout[data-callout*=all-green]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout-metadata*=all-green]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout-metadata*=all-green]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout*=bg-green]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout*=bg-green]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout-metadata*=bg-green]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout-metadata*=bg-green]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content {
  background-color: oklch(from var(--color-green) l c h/var(--flexcyon-callout-bg-opacity));
}

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

div.callout[data-callout*=all-orange],
div.callout[data-callout-metadata*=all-orange],
div.callout[data-callout*=bg-orange],
div.callout[data-callout-metadata*=bg-orange] {
  background-color: oklch(from var(--color-orange) l c h/var(--flexcyon-callout-bg-opacity));
}
div.callout[data-callout*=all-orange]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title, div.callout[data-callout*=all-orange]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout-metadata*=all-orange]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout-metadata*=all-orange]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout*=bg-orange]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout*=bg-orange]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content,
div.callout[data-callout-metadata*=bg-orange]:has([data-callout*=tui], [data-callout-metadata*=tui]) div.callout-title,
div.callout[data-callout-metadata*=bg-orange]:has(.callout[data-callout*=tui], [data-callout-metadata*=tui]) .callout-content {
  background-color: oklch(from var(--color-orange) l c h/var(--flexcyon-callout-bg-opacity));
}

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

/* obsi-snip-coll end */
/* obsi-snip-coll start: centre-text */
div.callout[data-callout*=center-all] div.callout-title,
div.callout[data-callout-metadata*=center-all] div.callout-title,
div.callout[data-callout*=center-title] div.callout-title,
div.callout[data-callout-metadata*=center-title] div.callout-title {
  justify-content: center;
}

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

/* obsi-snip-coll end */
/* obsi-snip-coll start: text-direction */
div.callout[data-callout*=rtl-all] div.callout-title *,
div.callout[data-callout*=rtl-all] div.callout-title,
div.callout[data-callout-metadata*=rtl-all] div.callout-title *,
div.callout[data-callout-metadata*=rtl-all] div.callout-title,
div.callout[data-callout*=rtl-title] div.callout-title *,
div.callout[data-callout*=rtl-title] 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*=rtl-all] div.callout-content *,
div.callout[data-callout-metadata*=rtl-all] div.callout-content *,
div.callout[data-callout*=rtl-content] div.callout-content *,
div.callout[data-callout-metadata*=rtl-content] div.callout-content * {
  direction: rtl !important;
  unicode-bidi: bidi-override;
}
div.callout[data-callout*=rtl-all] div.callout-content code[class*=language-],
div.callout[data-callout*=rtl-all] div.callout-content pre[class*=language-],
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*=rtl-content] div.callout-content code[class*=language-],
div.callout[data-callout*=rtl-content] 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: end;
}

div.callout[data-callout*=ltr-all] div.callout-title *,
div.callout[data-callout*=ltr-all] div.callout-title,
div.callout[data-callout-metadata*=ltr-all] div.callout-title *,
div.callout[data-callout-metadata*=ltr-all] div.callout-title,
div.callout[data-callout*=ltr-title] div.callout-title *,
div.callout[data-callout*=ltr-title] 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*=ltr-all] div.callout-content *,
div.callout[data-callout-metadata*=ltr-all] div.callout-content *,
div.callout[data-callout*=ltr-content] div.callout-content *,
div.callout[data-callout-metadata*=ltr-content] div.callout-content * {
  direction: ltr !important;
  unicode-bidi: bidi-override;
}
div.callout[data-callout*=ltr-all] div.callout-content code[class*=language-],
div.callout[data-callout*=ltr-all] div.callout-content pre[class*=language-],
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*=ltr-content] div.callout-content code[class*=language-],
div.callout[data-callout*=ltr-content] 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: start;
}

/* obsi-snip-coll end */
/* obsi-snip-coll start: text-transform */
div.callout[data-callout*=uppercase-all] div.callout-title .callout-title-inner,
div.callout[data-callout-metadata*=uppercase-all] div.callout-title .callout-title-inner,
div.callout[data-callout*=uppercase-title] 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*=uppercase-all] div.callout-content *,
div.callout[data-callout-metadata*=uppercase-all] div.callout-content *,
div.callout[data-callout*=uppercase-content] div.callout-content *,
div.callout[data-callout-metadata*=uppercase-content] div.callout-content * {
  text-transform: uppercase;
}
div.callout[data-callout*=uppercase-all] div.callout-content * *,
div.callout[data-callout-metadata*=uppercase-all] div.callout-content * *,
div.callout[data-callout*=uppercase-content] div.callout-content * *,
div.callout[data-callout-metadata*=uppercase-content] div.callout-content * * {
  text-transform: uppercase;
}
div.callout[data-callout*=uppercase-all] div.callout-content * code[class*=language-],
div.callout[data-callout*=uppercase-all] div.callout-content * pre[class*=language-],
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*=uppercase-content] div.callout-content * code[class*=language-],
div.callout[data-callout*=uppercase-content] 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*=lowercase-all] div.callout-title .callout-title-inner,
div.callout[data-callout-metadata*=lowercase-all] div.callout-title .callout-title-inner,
div.callout[data-callout*=lowercase-title] 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*=lowercase-all] div.callout-content *,
div.callout[data-callout-metadata*=lowercase-all] div.callout-content *,
div.callout[data-callout*=lowercase-content] div.callout-content *,
div.callout[data-callout-metadata*=lowercase-content] div.callout-content * {
  text-transform: lowercase;
}
div.callout[data-callout*=lowercase-all] div.callout-content * *,
div.callout[data-callout-metadata*=lowercase-all] div.callout-content * *,
div.callout[data-callout*=lowercase-content] div.callout-content * *,
div.callout[data-callout-metadata*=lowercase-content] div.callout-content * * {
  text-transform: lowercase;
}
div.callout[data-callout*=lowercase-all] div.callout-content * code[class*=language-],
div.callout[data-callout*=lowercase-all] div.callout-content * pre[class*=language-],
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*=lowercase-content] div.callout-content * code[class*=language-],
div.callout[data-callout*=lowercase-content] 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*=capitalize-all] div.callout-title .callout-title-inner,
div.callout[data-callout-metadata*=capitalize-all] div.callout-title .callout-title-inner,
div.callout[data-callout*=capitalize-title] div.callout-title .callout-title-inner,
div.callout[data-callout-metadata*=capitalize-title] div.callout-title .callout-title-inner {
  text-transform: capitalize;
}

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

div.callout[data-callout*=caps-all] div.callout-title .callout-title-inner,
div.callout[data-callout-metadata*=caps-all] div.callout-title .callout-title-inner,
div.callout[data-callout*=caps-title] 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*=caps-all] div.callout-content *,
div.callout[data-callout-metadata*=caps-all] div.callout-content *,
div.callout[data-callout*=caps-content] div.callout-content *,
div.callout[data-callout-metadata*=caps-content] div.callout-content * {
  text-transform: capitalize;
}
div.callout[data-callout*=caps-all] div.callout-content * *,
div.callout[data-callout-metadata*=caps-all] div.callout-content * *,
div.callout[data-callout*=caps-content] div.callout-content * *,
div.callout[data-callout-metadata*=caps-content] div.callout-content * * {
  text-transform: capitalize;
}
div.callout[data-callout*=caps-all] div.callout-content * code[class*=language-],
div.callout[data-callout*=caps-all] div.callout-content * pre[class*=language-],
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*=caps-content] div.callout-content * code[class*=language-],
div.callout[data-callout*=caps-content] 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;
}

/* obsi-snip-coll end */
/* obsi-snip-coll start: extended-color-palette */
div div.callout[data-callout*=all-blue-red],
div div.callout[data-callout-metadata*=all-blue-red],
div div.callout[data-callout*=bg-blue-red],
div div.callout[data-callout-metadata*=bg-blue-red],
div div.callout[data-callout*=all-red-blue],
div div.callout[data-callout-metadata*=all-red-blue],
div div.callout[data-callout*=bg-red-blue],
div div.callout[data-callout-metadata*=bg-red-blue] {
  background-color: var(--color-red-blue-mix-bg);
}
div div.callout[data-callout*=all-blue-red] .callout-title,
div div.callout[data-callout*=all-blue-red] .callout-icon .svg-icon,
div div.callout[data-callout-metadata*=all-blue-red] .callout-title,
div div.callout[data-callout-metadata*=all-blue-red] .callout-icon .svg-icon,
div div.callout[data-callout*=title-blue-red] .callout-title,
div div.callout[data-callout*=title-blue-red] .callout-icon .svg-icon,
div div.callout[data-callout-metadata*=title-blue-red] .callout-title,
div div.callout[data-callout-metadata*=title-blue-red] .callout-icon .svg-icon,
div div.callout[data-callout*=all-red-blue] .callout-title,
div div.callout[data-callout*=all-red-blue] .callout-icon .svg-icon,
div div.callout[data-callout-metadata*=all-red-blue] .callout-title,
div div.callout[data-callout-metadata*=all-red-blue] .callout-icon .svg-icon,
div div.callout[data-callout*=title-red-blue] .callout-title,
div div.callout[data-callout*=title-red-blue] .callout-icon .svg-icon,
div div.callout[data-callout-metadata*=title-red-blue] .callout-title,
div div.callout[data-callout-metadata*=title-red-blue] .callout-icon .svg-icon {
  color: var(--color-red-blue-mix);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* obsi-snip-coll end */
/* obsi-snip-coll start: font-style */
div.callout[data-callout*=italic-all] .callout-title,
div.callout[data-callout-metadata*=italic-all] .callout-title,
div.callout[data-callout*=italic-title] .callout-title,
div.callout[data-callout-metadata*=italic-title] .callout-title {
  font-style: italic;
}

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

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

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

/* obsi-snip-coll end */
/* obsi-snip-coll start: text-decoration */
div.callout[data-callout*=dashed-all] .callout-content,
div.callout[data-callout-metadata*=dashed-all] .callout-content,
div.callout[data-callout*=dashed-content] .callout-content,
div.callout[data-callout-metadata*=dashed-content] .callout-content {
  text-decoration: dashed;
}

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

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

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

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

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

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

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

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

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

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

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

/* obsi-snip-coll end */
/* obsi-snip-coll start: heading-title */
div.callout[data-callout*=h1-title] .callout-title,
div.callout[data-callout-metadata*=h1-title] .callout-title {
  font-size: var(--h1-size);
  color: var(--h1-color);
}
div.callout[data-callout*=h1-title] .callout-icon svg,
div.callout[data-callout-metadata*=h1-title] .callout-icon svg {
  color: var(--h1-color);
}

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

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

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

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

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

/* obsi-snip-coll end */
/* obsi-snip-coll start: font-weight */
div.callout[data-callout*=w-100-all] .callout-title,
div.callout[data-callout-metadata*=w-100-all] .callout-title,
div.callout[data-callout*=w-100-title] .callout-title,
div.callout[data-callout-metadata*=w-100-title] .callout-title {
  font-weight: 100;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* obsi-snip-coll end */
div.callout[data-callout*=bg-grid] .callout-content,
div.callout[data-callout-metadata*=bg-grid] .callout-content,
div.callout[data-callout*=bg-dots] .callout-content,
div.callout[data-callout-metadata*=bg-dots] .callout-content {
  padding: 0 8px;
  margin-block-start: 16px;
}

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

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

/* obsi-snip-coll end */
/* obsi-snip-coll start: set-font */
div.callout[data-callout*=font-interface-all] .callout-title,
div.callout[data-callout-metadata*=font-interface-all] .callout-title,
div.callout[data-callout*=font-interface-title] .callout-title,
div.callout[data-callout-metadata*=font-interface-title] .callout-title {
  font-family: var(--font-interface);
}

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

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

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

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

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

/* obsi-snip-coll end */
/* obsi-snip-coll start: lists */
div.callout[data-callout*=li-none] ol,
div.callout[data-callout-metadata*=li-none] ol,
div.callout[data-callout*=ol-none] ol,
div.callout[data-callout-metadata*=ol-none] ol {
  list-style-position: inside;
  list-style-type: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* obsi-snip-coll end */
div.callout[data-callout*=center-img],
div.callout[data-callout-metadata*=center-img] {
  background-color: transparent;
}
div.callout[data-callout*=center-img] img,
div.callout[data-callout-metadata*=center-img] img {
  inset-inline: 32px 0;
  display: flex;
  justify-content: center;
  inline-size: max-content;
  max-inline-size: 85%;
  margin: 0 auto;
}

/* obsi-snip-coll start: lucide-icons */
/* Note: Requires at least Obsidian 1.9.12 */
.callout[data-callout*=lucide] {
  --callout-icon: attr(data-callout);
}

.callout[data-callout-metadata*=lucide] {
  --callout-icon: attr(data-callout-metadata);
}

/* obsi-snip-coll end */
/* obsi-snip-coll start: tui-callout */
body.flexcyon-tui-no-icons.flexcyon-tui-callouts:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-icon,
body.flexcyon-tui-no-icons .callout[data-callout*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-icon, body.flexcyon-tui-no-icons .callout[data-callout-metadata*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-icon {
  display: none;
}

body.flexcyon-tui-callouts:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])),
body .callout[data-callout*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])), .callout[data-callout-metadata*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) {
  padding: 0;
  margin: 0;
  background-color: var(--background-primary);
  --callout-color: var(--text-faint);
}
body.flexcyon-tui-callouts:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-fold,
body .callout[data-callout*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-fold, .callout[data-callout-metadata*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-fold {
  display: none;
}
body.flexcyon-tui-callouts:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title,
body .callout[data-callout*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title, .callout[data-callout-metadata*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title {
  z-index: 2;
  inline-size: max-content;
  padding: 0 8px;
  color: var(--text-faint);
  background-color: var(--background-primary);
  transform: translate(24px, 50%);
}
body.flexcyon-tui-callouts:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h1,
body.flexcyon-tui-callouts:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h2,
body.flexcyon-tui-callouts:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h3,
body.flexcyon-tui-callouts:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h4,
body.flexcyon-tui-callouts:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h5,
body.flexcyon-tui-callouts:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h6,
body .callout[data-callout*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h1,
body .callout[data-callout*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h2,
body .callout[data-callout*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h3,
body .callout[data-callout*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h4,
body .callout[data-callout*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h5,
body .callout[data-callout*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h6, .callout[data-callout-metadata*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h1,
.callout[data-callout-metadata*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h2,
.callout[data-callout-metadata*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h3,
.callout[data-callout-metadata*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h4,
.callout[data-callout-metadata*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h5,
.callout[data-callout-metadata*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h6 {
  font-size: inherit;
  color: unset;
}
body.flexcyon-tui-callouts:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title div,
body .callout[data-callout*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title div, .callout[data-callout-metadata*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title div {
  transform: translateY(-2px);
}
body.flexcyon-tui-callouts:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title:not(:has(~ .callout-content)),
body .callout[data-callout*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title:not(:has(~ .callout-content)), .callout[data-callout-metadata*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title:not(:has(~ .callout-content)) {
  block-size: 40px;
}
body.flexcyon-tui-callouts:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])).is-collapsed .callout-title,
body .callout[data-callout*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])).is-collapsed .callout-title, .callout[data-callout-metadata*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])).is-collapsed .callout-title {
  min-block-size: 40px;
}
body.flexcyon-tui-callouts:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-content,
body .callout[data-callout*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-content, .callout[data-callout-metadata*=tui]:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-content {
  z-index: 1;
  padding: 8px 16px;
  border: 1px solid var(--text-faint);
  border-radius: var(--flexcyon-callout-radix);
}

/* obsi-snip-coll end */
div.callout[data-callout*=border-yellow] .callout-title, div.callout[data-callout-metadata*=border-yellow]:is([data-callout*=tui], [data-callout-metadata*=tui]) .callout-title {
  color: var(--color-yellow);
}
div.callout[data-callout*=border-yellow] .callout-content, div.callout[data-callout-metadata*=border-yellow]:is([data-callout*=tui], [data-callout-metadata*=tui]) .callout-content {
  z-index: 1;
  padding: 8px 16px;
  border: 1px solid var(--color-yellow);
  border-radius: var(--flexcyon-callout-radix);
}

div.callout[data-callout*=border-yellow], div.callout[data-callout-metadata*=border-yellow]:not([data-callout*=tui], [data-callout-metadata*=tui]) {
  z-index: 1;
  padding: 8px 16px;
  border: 1px solid var(--color-yellow);
  border-radius: var(--flexcyon-callout-radix);
}

div.callout[data-callout*=border-blue] .callout-title, div.callout[data-callout-metadata*=border-blue]:is([data-callout*=tui], [data-callout-metadata*=tui]) .callout-title {
  color: var(--color-blue);
}
div.callout[data-callout*=border-blue] .callout-content, div.callout[data-callout-metadata*=border-blue]:is([data-callout*=tui], [data-callout-metadata*=tui]) .callout-content {
  z-index: 1;
  padding: 8px 16px;
  border: 1px solid var(--color-blue);
  border-radius: var(--flexcyon-callout-radix);
}

div.callout[data-callout*=border-blue], div.callout[data-callout-metadata*=border-blue]:not([data-callout*=tui], [data-callout-metadata*=tui]) {
  z-index: 1;
  padding: 8px 16px;
  border: 1px solid var(--color-blue);
  border-radius: var(--flexcyon-callout-radix);
}

div.callout[data-callout*=border-purple] .callout-title, div.callout[data-callout-metadata*=border-purple]:is([data-callout*=tui], [data-callout-metadata*=tui]) .callout-title {
  color: var(--color-purple);
}
div.callout[data-callout*=border-purple] .callout-content, div.callout[data-callout-metadata*=border-purple]:is([data-callout*=tui], [data-callout-metadata*=tui]) .callout-content {
  z-index: 1;
  padding: 8px 16px;
  border: 1px solid var(--color-purple);
  border-radius: var(--flexcyon-callout-radix);
}

div.callout[data-callout*=border-purple], div.callout[data-callout-metadata*=border-purple]:not([data-callout*=tui], [data-callout-metadata*=tui]) {
  z-index: 1;
  padding: 8px 16px;
  border: 1px solid var(--color-purple);
  border-radius: var(--flexcyon-callout-radix);
}

div.callout[data-callout*=border-red] .callout-title, div.callout[data-callout-metadata*=border-red]:is([data-callout*=tui], [data-callout-metadata*=tui]) .callout-title {
  color: var(--color-red);
}
div.callout[data-callout*=border-red] .callout-content, div.callout[data-callout-metadata*=border-red]:is([data-callout*=tui], [data-callout-metadata*=tui]) .callout-content {
  z-index: 1;
  padding: 8px 16px;
  border: 1px solid var(--color-red);
  border-radius: var(--flexcyon-callout-radix);
}

div.callout[data-callout*=border-red], div.callout[data-callout-metadata*=border-red]:not([data-callout*=tui], [data-callout-metadata*=tui]) {
  z-index: 1;
  padding: 8px 16px;
  border: 1px solid var(--color-red);
  border-radius: var(--flexcyon-callout-radix);
}

div.callout[data-callout*=border-cyan] .callout-title, div.callout[data-callout-metadata*=border-cyan]:is([data-callout*=tui], [data-callout-metadata*=tui]) .callout-title {
  color: var(--color-cyan);
}
div.callout[data-callout*=border-cyan] .callout-content, div.callout[data-callout-metadata*=border-cyan]:is([data-callout*=tui], [data-callout-metadata*=tui]) .callout-content {
  z-index: 1;
  padding: 8px 16px;
  border: 1px solid var(--color-cyan);
  border-radius: var(--flexcyon-callout-radix);
}

div.callout[data-callout*=border-cyan], div.callout[data-callout-metadata*=border-cyan]:not([data-callout*=tui], [data-callout-metadata*=tui]) {
  z-index: 1;
  padding: 8px 16px;
  border: 1px solid var(--color-cyan);
  border-radius: var(--flexcyon-callout-radix);
}

div.callout[data-callout*=border-pink] .callout-title, div.callout[data-callout-metadata*=border-pink]:is([data-callout*=tui], [data-callout-metadata*=tui]) .callout-title {
  color: var(--color-pink);
}
div.callout[data-callout*=border-pink] .callout-content, div.callout[data-callout-metadata*=border-pink]:is([data-callout*=tui], [data-callout-metadata*=tui]) .callout-content {
  z-index: 1;
  padding: 8px 16px;
  border: 1px solid var(--color-pink);
  border-radius: var(--flexcyon-callout-radix);
}

div.callout[data-callout*=border-pink], div.callout[data-callout-metadata*=border-pink]:not([data-callout*=tui], [data-callout-metadata*=tui]) {
  z-index: 1;
  padding: 8px 16px;
  border: 1px solid var(--color-pink);
  border-radius: var(--flexcyon-callout-radix);
}

div.callout[data-callout*=border-green] .callout-title, div.callout[data-callout-metadata*=border-green]:is([data-callout*=tui], [data-callout-metadata*=tui]) .callout-title {
  color: var(--color-green);
}
div.callout[data-callout*=border-green] .callout-content, div.callout[data-callout-metadata*=border-green]:is([data-callout*=tui], [data-callout-metadata*=tui]) .callout-content {
  z-index: 1;
  padding: 8px 16px;
  border: 1px solid var(--color-green);
  border-radius: var(--flexcyon-callout-radix);
}

div.callout[data-callout*=border-green], div.callout[data-callout-metadata*=border-green]:not([data-callout*=tui], [data-callout-metadata*=tui]) {
  z-index: 1;
  padding: 8px 16px;
  border: 1px solid var(--color-green);
  border-radius: var(--flexcyon-callout-radix);
}

div.callout[data-callout*=border-orange] .callout-title, div.callout[data-callout-metadata*=border-orange]:is([data-callout*=tui], [data-callout-metadata*=tui]) .callout-title {
  color: var(--color-orange);
}
div.callout[data-callout*=border-orange] .callout-content, div.callout[data-callout-metadata*=border-orange]:is([data-callout*=tui], [data-callout-metadata*=tui]) .callout-content {
  z-index: 1;
  padding: 8px 16px;
  border: 1px solid var(--color-orange);
  border-radius: var(--flexcyon-callout-radix);
}

div.callout[data-callout*=border-orange], div.callout[data-callout-metadata*=border-orange]:not([data-callout*=tui], [data-callout-metadata*=tui]) {
  z-index: 1;
  padding: 8px 16px;
  border: 1px solid var(--color-orange);
  border-radius: var(--flexcyon-callout-radix);
}

/* obsi-snip-coll start: plain-callout */
body.flexcyon-plain-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])),
.callout[data-callout*=pln]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])), .callout[data-callout-metadata*=pln]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) {
  padding: 0;
  background-color: var(--background-primary);
  border: 1px solid var(--color-blue);
  border-radius: calc(0.5 * var(--flexcyon-callout-radix));
}
body.flexcyon-plain-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title,
.callout[data-callout*=pln]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title, .callout[data-callout-metadata*=pln]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title {
  padding: 4px 12px;
  color: var(--background-primary);
  background-color: var(--color-blue);
}
body.flexcyon-plain-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title .callout-icon,
.callout[data-callout*=pln]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title .callout-icon, .callout[data-callout-metadata*=pln]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title .callout-icon {
  display: none;
}
body.flexcyon-plain-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-content,
.callout[data-callout*=pln]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-content, .callout[data-callout-metadata*=pln]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-content {
  padding: 4px 12px;
}

.callout[data-callout*=plain-yellow]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])),
.callout[data-callout-metadata*=plain-yellow]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) {
  padding: 0;
  background-color: var(--background-primary);
  border: 1px solid var(--color-yellow);
  border-radius: calc(0.5 * var(--flexcyon-callout-radix));
}
.callout[data-callout*=plain-yellow]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title,
.callout[data-callout-metadata*=plain-yellow]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title {
  padding: 4px 12px;
  color: var(--background-primary);
  background-color: var(--color-yellow);
}
.callout[data-callout*=plain-yellow]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title .callout-icon,
.callout[data-callout-metadata*=plain-yellow]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title .callout-icon {
  display: none;
}
.callout[data-callout*=plain-yellow]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-content,
.callout[data-callout-metadata*=plain-yellow]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-content {
  padding: 4px 12px;
}

.callout[data-callout*=plain-blue]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])),
.callout[data-callout-metadata*=plain-blue]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) {
  padding: 0;
  background-color: var(--background-primary);
  border: 1px solid var(--color-blue);
  border-radius: calc(0.5 * var(--flexcyon-callout-radix));
}
.callout[data-callout*=plain-blue]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title,
.callout[data-callout-metadata*=plain-blue]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title {
  padding: 4px 12px;
  color: var(--background-primary);
  background-color: var(--color-blue);
}
.callout[data-callout*=plain-blue]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title .callout-icon,
.callout[data-callout-metadata*=plain-blue]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title .callout-icon {
  display: none;
}
.callout[data-callout*=plain-blue]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-content,
.callout[data-callout-metadata*=plain-blue]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-content {
  padding: 4px 12px;
}

.callout[data-callout*=plain-purple]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])),
.callout[data-callout-metadata*=plain-purple]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) {
  padding: 0;
  background-color: var(--background-primary);
  border: 1px solid var(--color-purple);
  border-radius: calc(0.5 * var(--flexcyon-callout-radix));
}
.callout[data-callout*=plain-purple]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title,
.callout[data-callout-metadata*=plain-purple]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title {
  padding: 4px 12px;
  color: var(--background-primary);
  background-color: var(--color-purple);
}
.callout[data-callout*=plain-purple]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title .callout-icon,
.callout[data-callout-metadata*=plain-purple]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title .callout-icon {
  display: none;
}
.callout[data-callout*=plain-purple]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-content,
.callout[data-callout-metadata*=plain-purple]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-content {
  padding: 4px 12px;
}

.callout[data-callout*=plain-red]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])),
.callout[data-callout-metadata*=plain-red]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) {
  padding: 0;
  background-color: var(--background-primary);
  border: 1px solid var(--color-red);
  border-radius: calc(0.5 * var(--flexcyon-callout-radix));
}
.callout[data-callout*=plain-red]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title,
.callout[data-callout-metadata*=plain-red]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title {
  padding: 4px 12px;
  color: var(--background-primary);
  background-color: var(--color-red);
}
.callout[data-callout*=plain-red]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title .callout-icon,
.callout[data-callout-metadata*=plain-red]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title .callout-icon {
  display: none;
}
.callout[data-callout*=plain-red]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-content,
.callout[data-callout-metadata*=plain-red]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-content {
  padding: 4px 12px;
}

.callout[data-callout*=plain-cyan]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])),
.callout[data-callout-metadata*=plain-cyan]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) {
  padding: 0;
  background-color: var(--background-primary);
  border: 1px solid var(--color-cyan);
  border-radius: calc(0.5 * var(--flexcyon-callout-radix));
}
.callout[data-callout*=plain-cyan]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title,
.callout[data-callout-metadata*=plain-cyan]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title {
  padding: 4px 12px;
  color: var(--background-primary);
  background-color: var(--color-cyan);
}
.callout[data-callout*=plain-cyan]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title .callout-icon,
.callout[data-callout-metadata*=plain-cyan]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title .callout-icon {
  display: none;
}
.callout[data-callout*=plain-cyan]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-content,
.callout[data-callout-metadata*=plain-cyan]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-content {
  padding: 4px 12px;
}

.callout[data-callout*=plain-pink]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])),
.callout[data-callout-metadata*=plain-pink]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) {
  padding: 0;
  background-color: var(--background-primary);
  border: 1px solid var(--color-pink);
  border-radius: calc(0.5 * var(--flexcyon-callout-radix));
}
.callout[data-callout*=plain-pink]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title,
.callout[data-callout-metadata*=plain-pink]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title {
  padding: 4px 12px;
  color: var(--background-primary);
  background-color: var(--color-pink);
}
.callout[data-callout*=plain-pink]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title .callout-icon,
.callout[data-callout-metadata*=plain-pink]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title .callout-icon {
  display: none;
}
.callout[data-callout*=plain-pink]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-content,
.callout[data-callout-metadata*=plain-pink]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-content {
  padding: 4px 12px;
}

.callout[data-callout*=plain-green]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])),
.callout[data-callout-metadata*=plain-green]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) {
  padding: 0;
  background-color: var(--background-primary);
  border: 1px solid var(--color-green);
  border-radius: calc(0.5 * var(--flexcyon-callout-radix));
}
.callout[data-callout*=plain-green]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title,
.callout[data-callout-metadata*=plain-green]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title {
  padding: 4px 12px;
  color: var(--background-primary);
  background-color: var(--color-green);
}
.callout[data-callout*=plain-green]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title .callout-icon,
.callout[data-callout-metadata*=plain-green]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title .callout-icon {
  display: none;
}
.callout[data-callout*=plain-green]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-content,
.callout[data-callout-metadata*=plain-green]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-content {
  padding: 4px 12px;
}

.callout[data-callout*=plain-orange]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])),
.callout[data-callout-metadata*=plain-orange]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) {
  padding: 0;
  background-color: var(--background-primary);
  border: 1px solid var(--color-orange);
  border-radius: calc(0.5 * var(--flexcyon-callout-radix));
}
.callout[data-callout*=plain-orange]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title,
.callout[data-callout-metadata*=plain-orange]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title {
  padding: 4px 12px;
  color: var(--background-primary);
  background-color: var(--color-orange);
}
.callout[data-callout*=plain-orange]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title .callout-icon,
.callout[data-callout-metadata*=plain-orange]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title .callout-icon {
  display: none;
}
.callout[data-callout*=plain-orange]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-content,
.callout[data-callout-metadata*=plain-orange]:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-content {
  padding: 4px 12px;
}

/* obsi-snip-coll end */
/* obsi-snip-coll start: vertical-callout */
body.flexcyon-vert-callouts .callout:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])),
.callout[data-callout*=vertical]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])), .callout[data-callout-metadata*=vertical]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) {
  display: flex;
  flex-direction: row;
  padding: 0;
  letter-spacing: 2px;
  border: 1px solid var(--color-blue);
  border-radius: calc(0.5 * var(--flexcyon-callout-radix));
}
body.flexcyon-vert-callouts .callout:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title,
.callout[data-callout*=vertical]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title, .callout[data-callout-metadata*=vertical]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title {
  justify-content: center;
  padding: 8px 12px;
  text-overflow: hidden;
  color: var(--background-primary);
  background-color: var(--color-blue);
  writing-mode: vertical-lr;
}
body.flexcyon-vert-callouts .callout:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title .callout-icon svg,
.callout[data-callout*=vertical]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title .callout-icon svg, .callout[data-callout-metadata*=vertical]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title .callout-icon svg {
  color: var(--background-primary);
}
body.flexcyon-vert-callouts .callout:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-content,
.callout[data-callout*=vertical]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-content, .callout[data-callout-metadata*=vertical]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-content {
  padding: 4px 12px;
  margin-inline-start: 12px;
}

.callout[data-callout*=vert-yellow], .callout[data-callout-metadata*=vert-yellow]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) {
  display: flex;
  flex-direction: row;
  padding: 0;
  letter-spacing: 2px;
  border: 1px solid var(--color-yellow);
  border-radius: calc(0.5 * var(--flexcyon-callout-radix));
}
.callout[data-callout*=vert-yellow] .callout-title, .callout[data-callout-metadata*=vert-yellow]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title {
  justify-content: center;
  padding: 8px 12px;
  text-overflow: hidden;
  color: var(--background-primary);
  background-color: var(--color-yellow);
  writing-mode: vertical-lr;
}
.callout[data-callout*=vert-yellow] .callout-title .callout-icon svg, .callout[data-callout-metadata*=vert-yellow]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title .callout-icon svg {
  color: var(--background-primary);
}
.callout[data-callout*=vert-yellow] .callout-content, .callout[data-callout-metadata*=vert-yellow]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-content {
  padding: 4px 12px;
  margin-inline-start: 12px;
}

.callout[data-callout*=vert-blue], .callout[data-callout-metadata*=vert-blue]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) {
  display: flex;
  flex-direction: row;
  padding: 0;
  letter-spacing: 2px;
  border: 1px solid var(--color-blue);
  border-radius: calc(0.5 * var(--flexcyon-callout-radix));
}
.callout[data-callout*=vert-blue] .callout-title, .callout[data-callout-metadata*=vert-blue]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title {
  justify-content: center;
  padding: 8px 12px;
  text-overflow: hidden;
  color: var(--background-primary);
  background-color: var(--color-blue);
  writing-mode: vertical-lr;
}
.callout[data-callout*=vert-blue] .callout-title .callout-icon svg, .callout[data-callout-metadata*=vert-blue]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title .callout-icon svg {
  color: var(--background-primary);
}
.callout[data-callout*=vert-blue] .callout-content, .callout[data-callout-metadata*=vert-blue]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-content {
  padding: 4px 12px;
  margin-inline-start: 12px;
}

.callout[data-callout*=vert-purple], .callout[data-callout-metadata*=vert-purple]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) {
  display: flex;
  flex-direction: row;
  padding: 0;
  letter-spacing: 2px;
  border: 1px solid var(--color-purple);
  border-radius: calc(0.5 * var(--flexcyon-callout-radix));
}
.callout[data-callout*=vert-purple] .callout-title, .callout[data-callout-metadata*=vert-purple]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title {
  justify-content: center;
  padding: 8px 12px;
  text-overflow: hidden;
  color: var(--background-primary);
  background-color: var(--color-purple);
  writing-mode: vertical-lr;
}
.callout[data-callout*=vert-purple] .callout-title .callout-icon svg, .callout[data-callout-metadata*=vert-purple]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title .callout-icon svg {
  color: var(--background-primary);
}
.callout[data-callout*=vert-purple] .callout-content, .callout[data-callout-metadata*=vert-purple]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-content {
  padding: 4px 12px;
  margin-inline-start: 12px;
}

.callout[data-callout*=vert-red], .callout[data-callout-metadata*=vert-red]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) {
  display: flex;
  flex-direction: row;
  padding: 0;
  letter-spacing: 2px;
  border: 1px solid var(--color-red);
  border-radius: calc(0.5 * var(--flexcyon-callout-radix));
}
.callout[data-callout*=vert-red] .callout-title, .callout[data-callout-metadata*=vert-red]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title {
  justify-content: center;
  padding: 8px 12px;
  text-overflow: hidden;
  color: var(--background-primary);
  background-color: var(--color-red);
  writing-mode: vertical-lr;
}
.callout[data-callout*=vert-red] .callout-title .callout-icon svg, .callout[data-callout-metadata*=vert-red]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title .callout-icon svg {
  color: var(--background-primary);
}
.callout[data-callout*=vert-red] .callout-content, .callout[data-callout-metadata*=vert-red]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-content {
  padding: 4px 12px;
  margin-inline-start: 12px;
}

.callout[data-callout*=vert-cyan], .callout[data-callout-metadata*=vert-cyan]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) {
  display: flex;
  flex-direction: row;
  padding: 0;
  letter-spacing: 2px;
  border: 1px solid var(--color-cyan);
  border-radius: calc(0.5 * var(--flexcyon-callout-radix));
}
.callout[data-callout*=vert-cyan] .callout-title, .callout[data-callout-metadata*=vert-cyan]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title {
  justify-content: center;
  padding: 8px 12px;
  text-overflow: hidden;
  color: var(--background-primary);
  background-color: var(--color-cyan);
  writing-mode: vertical-lr;
}
.callout[data-callout*=vert-cyan] .callout-title .callout-icon svg, .callout[data-callout-metadata*=vert-cyan]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title .callout-icon svg {
  color: var(--background-primary);
}
.callout[data-callout*=vert-cyan] .callout-content, .callout[data-callout-metadata*=vert-cyan]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-content {
  padding: 4px 12px;
  margin-inline-start: 12px;
}

.callout[data-callout*=vert-pink], .callout[data-callout-metadata*=vert-pink]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) {
  display: flex;
  flex-direction: row;
  padding: 0;
  letter-spacing: 2px;
  border: 1px solid var(--color-pink);
  border-radius: calc(0.5 * var(--flexcyon-callout-radix));
}
.callout[data-callout*=vert-pink] .callout-title, .callout[data-callout-metadata*=vert-pink]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title {
  justify-content: center;
  padding: 8px 12px;
  text-overflow: hidden;
  color: var(--background-primary);
  background-color: var(--color-pink);
  writing-mode: vertical-lr;
}
.callout[data-callout*=vert-pink] .callout-title .callout-icon svg, .callout[data-callout-metadata*=vert-pink]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title .callout-icon svg {
  color: var(--background-primary);
}
.callout[data-callout*=vert-pink] .callout-content, .callout[data-callout-metadata*=vert-pink]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-content {
  padding: 4px 12px;
  margin-inline-start: 12px;
}

.callout[data-callout*=vert-green], .callout[data-callout-metadata*=vert-green]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) {
  display: flex;
  flex-direction: row;
  padding: 0;
  letter-spacing: 2px;
  border: 1px solid var(--color-green);
  border-radius: calc(0.5 * var(--flexcyon-callout-radix));
}
.callout[data-callout*=vert-green] .callout-title, .callout[data-callout-metadata*=vert-green]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title {
  justify-content: center;
  padding: 8px 12px;
  text-overflow: hidden;
  color: var(--background-primary);
  background-color: var(--color-green);
  writing-mode: vertical-lr;
}
.callout[data-callout*=vert-green] .callout-title .callout-icon svg, .callout[data-callout-metadata*=vert-green]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title .callout-icon svg {
  color: var(--background-primary);
}
.callout[data-callout*=vert-green] .callout-content, .callout[data-callout-metadata*=vert-green]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-content {
  padding: 4px 12px;
  margin-inline-start: 12px;
}

.callout[data-callout*=vert-orange], .callout[data-callout-metadata*=vert-orange]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) {
  display: flex;
  flex-direction: row;
  padding: 0;
  letter-spacing: 2px;
  border: 1px solid var(--color-orange);
  border-radius: calc(0.5 * var(--flexcyon-callout-radix));
}
.callout[data-callout*=vert-orange] .callout-title, .callout[data-callout-metadata*=vert-orange]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title {
  justify-content: center;
  padding: 8px 12px;
  text-overflow: hidden;
  color: var(--background-primary);
  background-color: var(--color-orange);
  writing-mode: vertical-lr;
}
.callout[data-callout*=vert-orange] .callout-title .callout-icon svg, .callout[data-callout-metadata*=vert-orange]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title .callout-icon svg {
  color: var(--background-primary);
}
.callout[data-callout*=vert-orange] .callout-content, .callout[data-callout-metadata*=vert-orange]:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-content {
  padding: 4px 12px;
  margin-inline-start: 12px;
}

/* obsi-snip-coll end */
/* obsi-snip-coll start: font-size-callout */
.callout[data-callout*=title-smaller] .callout-title,
.callout[data-callout-metadata*=title-smaller] .callout-title,
.callout[data-callout*=all-smaller] .callout-title,
.callout[data-callout-metadata*=all-smaller] .callout-title {
  font-size: var(--font-ui-smaller);
}

.callout[data-callout*=content-smaller] .callout-content,
.callout[data-callout-metadata*=content-smaller] .callout-content,
.callout[data-callout*=all-smaller] .callout-content,
.callout[data-callout-metadata*=all-smaller] .callout-content {
  font-size: var(--font-ui-smaller);
}

.callout[data-callout*=title-small] .callout-title,
.callout[data-callout-metadata*=title-small] .callout-title,
.callout[data-callout*=all-small] .callout-title,
.callout[data-callout-metadata*=all-small] .callout-title {
  font-size: var(--font-ui-small);
}

.callout[data-callout*=content-small] .callout-content,
.callout[data-callout-metadata*=content-small] .callout-content,
.callout[data-callout*=all-small] .callout-content,
.callout[data-callout-metadata*=all-small] .callout-content {
  font-size: var(--font-ui-small);
}

.callout[data-callout*=title-medium] .callout-title,
.callout[data-callout-metadata*=title-medium] .callout-title,
.callout[data-callout*=all-medium] .callout-title,
.callout[data-callout-metadata*=all-medium] .callout-title {
  font-size: var(--font-ui-medium);
}

.callout[data-callout*=content-medium] .callout-content,
.callout[data-callout-metadata*=content-medium] .callout-content,
.callout[data-callout*=all-medium] .callout-content,
.callout[data-callout-metadata*=all-medium] .callout-content {
  font-size: var(--font-ui-medium);
}

.callout[data-callout*=title-large] .callout-title,
.callout[data-callout-metadata*=title-large] .callout-title,
.callout[data-callout*=all-large] .callout-title,
.callout[data-callout-metadata*=all-large] .callout-title {
  font-size: var(--font-ui-large);
}

.callout[data-callout*=content-large] .callout-content,
.callout[data-callout-metadata*=content-large] .callout-content,
.callout[data-callout*=all-large] .callout-content,
.callout[data-callout-metadata*=all-large] .callout-content {
  font-size: var(--font-ui-large);
}

/* obsi-snip-coll end */
/* obsi-snip-coll start: opacity-callout */
.callout[data-callout*=title-opacity-0] .callout-title,
.callout[data-callout-metadata*=title-opacity-0] .callout-title,
.callout[data-callout*=all-opacity-0] .callout-title,
.callout[data-callout-metadata*=all-opacity-0] .callout-title {
  opacity: 0;
}

.callout[data-callout*=content-opacity-0] .callout-content,
.callout[data-callout-metadata*=content-opacity-0] .callout-content,
.callout[data-callout*=all-opacity-0] .callout-content,
.callout[data-callout-metadata*=all-opacity-0] .callout-content {
  opacity: 0;
}

.callout[data-callout*="title-opacity-0.05"] .callout-title,
.callout[data-callout-metadata*="title-opacity-0.05"] .callout-title,
.callout[data-callout*="all-opacity-0.05"] .callout-title,
.callout[data-callout-metadata*="all-opacity-0.05"] .callout-title {
  opacity: 0.05;
}

.callout[data-callout*="content-opacity-0.05"] .callout-content,
.callout[data-callout-metadata*="content-opacity-0.05"] .callout-content,
.callout[data-callout*="all-opacity-0.05"] .callout-content,
.callout[data-callout-metadata*="all-opacity-0.05"] .callout-content {
  opacity: 0.05;
}

.callout[data-callout*="title-opacity-0.1"] .callout-title,
.callout[data-callout-metadata*="title-opacity-0.1"] .callout-title,
.callout[data-callout*="all-opacity-0.1"] .callout-title,
.callout[data-callout-metadata*="all-opacity-0.1"] .callout-title {
  opacity: 0.1;
}

.callout[data-callout*="content-opacity-0.1"] .callout-content,
.callout[data-callout-metadata*="content-opacity-0.1"] .callout-content,
.callout[data-callout*="all-opacity-0.1"] .callout-content,
.callout[data-callout-metadata*="all-opacity-0.1"] .callout-content {
  opacity: 0.1;
}

.callout[data-callout*="title-opacity-0.15"] .callout-title,
.callout[data-callout-metadata*="title-opacity-0.15"] .callout-title,
.callout[data-callout*="all-opacity-0.15"] .callout-title,
.callout[data-callout-metadata*="all-opacity-0.15"] .callout-title {
  opacity: 0.15;
}

.callout[data-callout*="content-opacity-0.15"] .callout-content,
.callout[data-callout-metadata*="content-opacity-0.15"] .callout-content,
.callout[data-callout*="all-opacity-0.15"] .callout-content,
.callout[data-callout-metadata*="all-opacity-0.15"] .callout-content {
  opacity: 0.15;
}

.callout[data-callout*="title-opacity-0.2"] .callout-title,
.callout[data-callout-metadata*="title-opacity-0.2"] .callout-title,
.callout[data-callout*="all-opacity-0.2"] .callout-title,
.callout[data-callout-metadata*="all-opacity-0.2"] .callout-title {
  opacity: 0.2;
}

.callout[data-callout*="content-opacity-0.2"] .callout-content,
.callout[data-callout-metadata*="content-opacity-0.2"] .callout-content,
.callout[data-callout*="all-opacity-0.2"] .callout-content,
.callout[data-callout-metadata*="all-opacity-0.2"] .callout-content {
  opacity: 0.2;
}

.callout[data-callout*="title-opacity-0.25"] .callout-title,
.callout[data-callout-metadata*="title-opacity-0.25"] .callout-title,
.callout[data-callout*="all-opacity-0.25"] .callout-title,
.callout[data-callout-metadata*="all-opacity-0.25"] .callout-title {
  opacity: 0.25;
}

.callout[data-callout*="content-opacity-0.25"] .callout-content,
.callout[data-callout-metadata*="content-opacity-0.25"] .callout-content,
.callout[data-callout*="all-opacity-0.25"] .callout-content,
.callout[data-callout-metadata*="all-opacity-0.25"] .callout-content {
  opacity: 0.25;
}

.callout[data-callout*="title-opacity-0.3"] .callout-title,
.callout[data-callout-metadata*="title-opacity-0.3"] .callout-title,
.callout[data-callout*="all-opacity-0.3"] .callout-title,
.callout[data-callout-metadata*="all-opacity-0.3"] .callout-title {
  opacity: 0.3;
}

.callout[data-callout*="content-opacity-0.3"] .callout-content,
.callout[data-callout-metadata*="content-opacity-0.3"] .callout-content,
.callout[data-callout*="all-opacity-0.3"] .callout-content,
.callout[data-callout-metadata*="all-opacity-0.3"] .callout-content {
  opacity: 0.3;
}

.callout[data-callout*="title-opacity-0.35"] .callout-title,
.callout[data-callout-metadata*="title-opacity-0.35"] .callout-title,
.callout[data-callout*="all-opacity-0.35"] .callout-title,
.callout[data-callout-metadata*="all-opacity-0.35"] .callout-title {
  opacity: 0.35;
}

.callout[data-callout*="content-opacity-0.35"] .callout-content,
.callout[data-callout-metadata*="content-opacity-0.35"] .callout-content,
.callout[data-callout*="all-opacity-0.35"] .callout-content,
.callout[data-callout-metadata*="all-opacity-0.35"] .callout-content {
  opacity: 0.35;
}

.callout[data-callout*="title-opacity-0.4"] .callout-title,
.callout[data-callout-metadata*="title-opacity-0.4"] .callout-title,
.callout[data-callout*="all-opacity-0.4"] .callout-title,
.callout[data-callout-metadata*="all-opacity-0.4"] .callout-title {
  opacity: 0.4;
}

.callout[data-callout*="content-opacity-0.4"] .callout-content,
.callout[data-callout-metadata*="content-opacity-0.4"] .callout-content,
.callout[data-callout*="all-opacity-0.4"] .callout-content,
.callout[data-callout-metadata*="all-opacity-0.4"] .callout-content {
  opacity: 0.4;
}

.callout[data-callout*="title-opacity-0.45"] .callout-title,
.callout[data-callout-metadata*="title-opacity-0.45"] .callout-title,
.callout[data-callout*="all-opacity-0.45"] .callout-title,
.callout[data-callout-metadata*="all-opacity-0.45"] .callout-title {
  opacity: 0.45;
}

.callout[data-callout*="content-opacity-0.45"] .callout-content,
.callout[data-callout-metadata*="content-opacity-0.45"] .callout-content,
.callout[data-callout*="all-opacity-0.45"] .callout-content,
.callout[data-callout-metadata*="all-opacity-0.45"] .callout-content {
  opacity: 0.45;
}

.callout[data-callout*="title-opacity-0.5"] .callout-title,
.callout[data-callout-metadata*="title-opacity-0.5"] .callout-title,
.callout[data-callout*="all-opacity-0.5"] .callout-title,
.callout[data-callout-metadata*="all-opacity-0.5"] .callout-title {
  opacity: 0.5;
}

.callout[data-callout*="content-opacity-0.5"] .callout-content,
.callout[data-callout-metadata*="content-opacity-0.5"] .callout-content,
.callout[data-callout*="all-opacity-0.5"] .callout-content,
.callout[data-callout-metadata*="all-opacity-0.5"] .callout-content {
  opacity: 0.5;
}

.callout[data-callout*="title-opacity-0.55"] .callout-title,
.callout[data-callout-metadata*="title-opacity-0.55"] .callout-title,
.callout[data-callout*="all-opacity-0.55"] .callout-title,
.callout[data-callout-metadata*="all-opacity-0.55"] .callout-title {
  opacity: 0.55;
}

.callout[data-callout*="content-opacity-0.55"] .callout-content,
.callout[data-callout-metadata*="content-opacity-0.55"] .callout-content,
.callout[data-callout*="all-opacity-0.55"] .callout-content,
.callout[data-callout-metadata*="all-opacity-0.55"] .callout-content {
  opacity: 0.55;
}

.callout[data-callout*="title-opacity-0.6"] .callout-title,
.callout[data-callout-metadata*="title-opacity-0.6"] .callout-title,
.callout[data-callout*="all-opacity-0.6"] .callout-title,
.callout[data-callout-metadata*="all-opacity-0.6"] .callout-title {
  opacity: 0.6;
}

.callout[data-callout*="content-opacity-0.6"] .callout-content,
.callout[data-callout-metadata*="content-opacity-0.6"] .callout-content,
.callout[data-callout*="all-opacity-0.6"] .callout-content,
.callout[data-callout-metadata*="all-opacity-0.6"] .callout-content {
  opacity: 0.6;
}

.callout[data-callout*="title-opacity-0.65"] .callout-title,
.callout[data-callout-metadata*="title-opacity-0.65"] .callout-title,
.callout[data-callout*="all-opacity-0.65"] .callout-title,
.callout[data-callout-metadata*="all-opacity-0.65"] .callout-title {
  opacity: 0.65;
}

.callout[data-callout*="content-opacity-0.65"] .callout-content,
.callout[data-callout-metadata*="content-opacity-0.65"] .callout-content,
.callout[data-callout*="all-opacity-0.65"] .callout-content,
.callout[data-callout-metadata*="all-opacity-0.65"] .callout-content {
  opacity: 0.65;
}

.callout[data-callout*="title-opacity-0.7"] .callout-title,
.callout[data-callout-metadata*="title-opacity-0.7"] .callout-title,
.callout[data-callout*="all-opacity-0.7"] .callout-title,
.callout[data-callout-metadata*="all-opacity-0.7"] .callout-title {
  opacity: 0.7;
}

.callout[data-callout*="content-opacity-0.7"] .callout-content,
.callout[data-callout-metadata*="content-opacity-0.7"] .callout-content,
.callout[data-callout*="all-opacity-0.7"] .callout-content,
.callout[data-callout-metadata*="all-opacity-0.7"] .callout-content {
  opacity: 0.7;
}

.callout[data-callout*="title-opacity-0.75"] .callout-title,
.callout[data-callout-metadata*="title-opacity-0.75"] .callout-title,
.callout[data-callout*="all-opacity-0.75"] .callout-title,
.callout[data-callout-metadata*="all-opacity-0.75"] .callout-title {
  opacity: 0.75;
}

.callout[data-callout*="content-opacity-0.75"] .callout-content,
.callout[data-callout-metadata*="content-opacity-0.75"] .callout-content,
.callout[data-callout*="all-opacity-0.75"] .callout-content,
.callout[data-callout-metadata*="all-opacity-0.75"] .callout-content {
  opacity: 0.75;
}

.callout[data-callout*="title-opacity-0.8"] .callout-title,
.callout[data-callout-metadata*="title-opacity-0.8"] .callout-title,
.callout[data-callout*="all-opacity-0.8"] .callout-title,
.callout[data-callout-metadata*="all-opacity-0.8"] .callout-title {
  opacity: 0.8;
}

.callout[data-callout*="content-opacity-0.8"] .callout-content,
.callout[data-callout-metadata*="content-opacity-0.8"] .callout-content,
.callout[data-callout*="all-opacity-0.8"] .callout-content,
.callout[data-callout-metadata*="all-opacity-0.8"] .callout-content {
  opacity: 0.8;
}

.callout[data-callout*="title-opacity-0.85"] .callout-title,
.callout[data-callout-metadata*="title-opacity-0.85"] .callout-title,
.callout[data-callout*="all-opacity-0.85"] .callout-title,
.callout[data-callout-metadata*="all-opacity-0.85"] .callout-title {
  opacity: 0.85;
}

.callout[data-callout*="content-opacity-0.85"] .callout-content,
.callout[data-callout-metadata*="content-opacity-0.85"] .callout-content,
.callout[data-callout*="all-opacity-0.85"] .callout-content,
.callout[data-callout-metadata*="all-opacity-0.85"] .callout-content {
  opacity: 0.85;
}

.callout[data-callout*="title-opacity-0.9"] .callout-title,
.callout[data-callout-metadata*="title-opacity-0.9"] .callout-title,
.callout[data-callout*="all-opacity-0.9"] .callout-title,
.callout[data-callout-metadata*="all-opacity-0.9"] .callout-title {
  opacity: 0.9;
}

.callout[data-callout*="content-opacity-0.9"] .callout-content,
.callout[data-callout-metadata*="content-opacity-0.9"] .callout-content,
.callout[data-callout*="all-opacity-0.9"] .callout-content,
.callout[data-callout-metadata*="all-opacity-0.9"] .callout-content {
  opacity: 0.9;
}

.callout[data-callout*="title-opacity-0.95"] .callout-title,
.callout[data-callout-metadata*="title-opacity-0.95"] .callout-title,
.callout[data-callout*="all-opacity-0.95"] .callout-title,
.callout[data-callout-metadata*="all-opacity-0.95"] .callout-title {
  opacity: 0.95;
}

.callout[data-callout*="content-opacity-0.95"] .callout-content,
.callout[data-callout-metadata*="content-opacity-0.95"] .callout-content,
.callout[data-callout*="all-opacity-0.95"] .callout-content,
.callout[data-callout-metadata*="all-opacity-0.95"] .callout-content {
  opacity: 0.95;
}

.callout[data-callout*=title-opacity-1] .callout-title,
.callout[data-callout-metadata*=title-opacity-1] .callout-title,
.callout[data-callout*=all-opacity-1] .callout-title,
.callout[data-callout-metadata*=all-opacity-1] .callout-title {
  opacity: 1;
}

.callout[data-callout*=content-opacity-1] .callout-content,
.callout[data-callout-metadata*=content-opacity-1] .callout-content,
.callout[data-callout*=all-opacity-1] .callout-content,
.callout[data-callout-metadata*=all-opacity-1] .callout-content {
  opacity: 1;
}

/* obsi-snip-coll end */
body.flexcyon-settings-scrollbar-removed div.community-modal-search-results-wrapper ::-webkit-scrollbar-thumb,
body.flexcyon-settings-scrollbar-removed div.modal.mod-settings .vertical-tab-header ::-webkit-scrollbar-thumb,
body.flexcyon-settings-scrollbar-removed div.modal-content.vertical-tabs-container ::-webkit-scrollbar-thumb {
  display: none;
}

body {
  --flexcyon-scrollbar-width: 12px;
  --scrollbar-bg: transparent;
}

body:not(.native-scrollbars) ::-webkit-scrollbar {
  inline-size: var(--flexcyon-scrollbar-width);
  background-color: var(--scrollbar-bg);
}

.workspace-leaf.mod-active > .workspace-leaf-content[data-type=markdown] .markdown-preview-view {
  will-change: scroll-position;
}
.workspace-leaf.mod-active > .workspace-leaf-content[data-type=markdown] .markdown-preview-view > .markdown-preview-pusher {
  will-change: margin-bottom;
}

/* Modifications for tab containers */
body:not(.show-ribbon) .sidebar-toggle-button {
  padding: var(--flexcyon-side-toggle-button-no-ribbon);
}
body:not(.show-ribbon) .sidebar-toggle-button.mod-left {
  padding-block-start: 16px;
}

body:not(.show-ribbon).flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .sidebar-toggle-button.mod-left {
  padding-block-start: 8px;
}

body {
  --flexcyon-side-toggle-button-no-ribbon: 11px 16px 7px 0px;
}
body .sidebar-toggle-button.mod-left {
  inset-block-start: -1px;
  block-size: unset;
  padding-block-start: 12px;
  background-color: transparent;
  transform: translateY(-4px);
}
body .sidebar-toggle-button.mod-right {
  inset-block-start: -1px;
  padding-block-start: 8px;
}
body .is-left-sidedock-open > .mod-left-split .workspace-tab-header,
body .is-right-sidedock-open > .mod-right-split .workspace-tab-header,
body .mod-root .workspace-tab-header {
  padding: 0 4px;
}
body .is-left-sidedock-open > .mod-left-split .workspace-tab-header-inner,
body .is-right-sidedock-open > .mod-right-split .workspace-tab-header-inner,
body .mod-root .workspace-tab-header-inner {
  padding: 2px 8px;
}
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:hover,
body .workspace-tabs:not(.mod-stacked) .workspace-tab-header:is(.mod-active, .is-active) > .workspace-tab-header-inner {
  border-block-end: 2px solid var(--interactive-accent);
}
body .workspace-tabs:not(.mod-stacked) .workspace-tab-header > .workspace-tab-header-inner {
  border-block-end: 1px solid var(--background-secondary);
  opacity: var(--dimmed);
}
body .workspace-split.mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-container-inner {
  padding-inline-start: 0;
  margin-block-start: 0;
  margin-inline-start: -8px;
}
body .workspace-split.mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-container-inner > .workspace-tab-header {
  padding: 2px 4px 0;
}
body .workspace-split.mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner-title {
  padding-inline-start: 8px;
}
body .workspace-split.mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner-icon {
  padding-inline-end: 0;
}
body .workspace-split:is(.mod-left-split, .mod-right-split) .workspace-tab-header-container-inner {
  gap: 1px;
  padding-block-end: 0;
  padding-inline-start: 0;
  margin-block: 0;
}
body .workspace-leaf-content {
  inline-size: unset;
}
body .workspace-leaf {
  background-color: transparent;
}

body.flexcyon-workspace-card-layout {
  --titlebar-background: transparent;
  --titlebar-background-focused: transparent;
}
body.flexcyon-workspace-card-layout .workspace-leaf-content {
  border-radius: var(--flexcyon-callout-radix);
}
body.flexcyon-workspace-card-layout .workspace-leaf-content:not([data-type=markdown]) {
  padding: 4px 8px;
}
body.flexcyon-workspace-card-layout .workspace-split:not(.mod-left-split, .mod-right-split) .metadata-container {
  border: 2px solid var(--color-base-20);
  border-radius: var(--flexcyon-callout-radix);
}
body.flexcyon-workspace-card-layout .workspace-split:not(.mod-left-split, .mod-right-split) .metadata-container .metadata-content {
  padding: 0 8px;
}
body.flexcyon-workspace-card-layout .workspace-tab-container,
body.flexcyon-workspace-card-layout .workspace-tab-header-container {
  margin: 4px 8px;
  border: 2px solid var(--color-base-20);
  border-radius: var(--flexcyon-callout-radix);
}
body.flexcyon-workspace-card-layout .workspace-split.mod-vertical.mod-root .workspace-tab-container {
  border: none;
}
body.flexcyon-workspace-card-layout .workspace-tabs.mod-active .workspace-tab-header-container {
  border: 2px solid oklch(from var(--text-muted) l c h/calc(0.25 * var(--dimmed)));
}
body.flexcyon-workspace-card-layout .workspace-split.mod-right-split :last-child .workspace-tab-container {
  margin-block-end: 40px;
}
body.flexcyon-workspace-card-layout .titlebar {
  margin-block-start: 4px;
  margin-inline-end: 16px;
}
body.flexcyon-workspace-card-layout .workspace-ribbon {
  background-color: var(--color-base-00);
  border-inline-end: none;
}
body.flexcyon-workspace-card-layout .workspace-ribbon.mod-left {
  margin-block-start: 48px;
  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 0;
}
body.flexcyon-workspace-card-layout .sidebar-toggle-button.mod-right {
  margin-block-start: -2px;
}
body.flexcyon-workspace-card-layout .side-dock-actions {
  margin-block-start: 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: 2px;
  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);
}

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

body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .sidebar-toggle-button.mod-left {
  padding-block-start: 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 oklch(from var(--color-purple) l c h/calc(var(--dimmed) - 0.15));
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .metadata-properties-heading {
  position: absolute;
  inset-block-start: -16px;
  inset-inline-start: 32px;
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .metadata-properties-heading * {
  color: oklch(from var(--color-purple) l c h/90%);
}
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 {
  padding: 0 8px;
  background-color: var(--color-base-10);
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .metadata-content {
  margin-block-start: 4px;
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=file-explorer]) + .workspace-tab-container {
  padding-block-start: 4px;
  margin-block-start: 4px;
  border: 2px solid oklch(from var(--color-blue) l c h/calc(var(--dimmed) - 0.15));
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=file-explorer]) + .workspace-tab-container::before {
  position: absolute;
  inset-block-start: 44px;
  inset-inline-start: 32px;
  z-index: 1;
  padding: 2px 8px;
  color: oklch(from var(--color-blue) l c h/85%);
  content: "Files";
  background-color: var(--color-base-00);
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=file-tree-view]) + .workspace-tab-container {
  padding-block-start: 4px;
  margin-block-start: 4px;
  border: 2px solid oklch(from var(--color-purple) l c h/calc(var(--dimmed) - 0.15));
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=file-tree-view]) + .workspace-tab-container::before {
  position: absolute;
  inset-block-start: 44px;
  inset-inline-start: 32px;
  z-index: 1;
  padding: 2px 8px;
  color: oklch(from var(--color-purple) l c h/85%);
  content: "Alternate File Tree";
  background-color: var(--color-base-00);
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=bookmarks]) + .workspace-tab-container {
  padding-block-start: 4px;
  margin-block-start: 4px;
  border: 2px solid oklch(from var(--color-cyan) l c h/calc(var(--dimmed) - 0.15));
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=bookmarks]) + .workspace-tab-container::before {
  position: absolute;
  inset-block-start: 44px;
  inset-inline-start: 32px;
  z-index: 1;
  padding: 2px 8px;
  color: oklch(from var(--color-cyan) l c h/85%);
  content: "Bookmarks";
  background-color: var(--color-base-00);
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=all-properties]) + .workspace-tab-container {
  padding-block-start: 4px;
  margin-block-start: 4px;
  border: 2px solid oklch(from var(--color-pink) l c h/calc(var(--dimmed) - 0.15));
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=all-properties]) + .workspace-tab-container::before {
  position: absolute;
  inset-block-start: 44px;
  inset-inline-start: 32px;
  z-index: 1;
  padding: 2px 8px;
  color: oklch(from var(--color-pink) l c h/85%);
  content: "All Properties";
  background-color: var(--color-base-00);
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=outline]) + .workspace-tab-container {
  padding-block-start: 4px;
  margin-block-start: 4px;
  border: 2px solid oklch(from var(--color-green) l c h/calc(var(--dimmed) - 0.15));
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=outline]) + .workspace-tab-container::before {
  position: absolute;
  inset-block-start: 44px;
  inset-inline-start: 32px;
  z-index: 1;
  padding: 2px 8px;
  color: oklch(from var(--color-green) l c h/85%);
  content: "Outline";
  background-color: var(--color-base-00);
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=full-calendar-sidebar-view]) + .workspace-tab-container {
  padding-block-start: 4px;
  margin-block-start: 4px;
  border: 2px solid oklch(from var(--color-yellow) l c h/calc(var(--dimmed) - 0.15));
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=full-calendar-sidebar-view]) + .workspace-tab-container::before {
  position: absolute;
  inset-block-start: 44px;
  inset-inline-start: 32px;
  z-index: 1;
  padding: 2px 8px;
  color: oklch(from var(--color-yellow) l c h/85%);
  content: "Full Calendar | Sidebar";
  background-color: var(--color-base-00);
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=backlink]) + .workspace-tab-container {
  padding-block-start: 4px;
  margin-block-start: 4px;
  border: 2px solid oklch(from var(--color-orange) l c h/calc(var(--dimmed) - 0.15));
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=backlink]) + .workspace-tab-container::before {
  position: absolute;
  inset-block-start: 44px;
  inset-inline-start: 32px;
  z-index: 1;
  padding: 2px 8px;
  color: oklch(from var(--color-orange) l c h/85%);
  content: "Backlinks";
  background-color: var(--color-base-00);
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=review-queue-list-view]) + .workspace-tab-container {
  padding-block-start: 4px;
  margin-block-start: 4px;
  border: 2px solid oklch(from var(--color-red) l c h/calc(var(--dimmed) - 0.15));
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=review-queue-list-view]) + .workspace-tab-container::before {
  position: absolute;
  inset-block-start: 44px;
  inset-inline-start: 32px;
  z-index: 1;
  padding: 2px 8px;
  color: oklch(from var(--color-red) l c h/85%);
  content: "Review Queue";
  background-color: var(--color-base-00);
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=file-properties]) + .workspace-tab-container {
  padding-block-start: 4px;
  margin-block-start: 4px;
  border: 2px solid oklch(from var(--color-blue) l c h/calc(var(--dimmed) - 0.15));
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=file-properties]) + .workspace-tab-container::before {
  position: absolute;
  inset-block-start: 44px;
  inset-inline-start: 32px;
  z-index: 1;
  padding: 2px 8px;
  color: oklch(from var(--color-blue) l c h/85%);
  content: "Properties";
  background-color: var(--color-base-00);
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=outgoing-link]) + .workspace-tab-container {
  padding-block-start: 4px;
  margin-block-start: 4px;
  border: 2px solid oklch(from var(--color-purple) l c h/calc(var(--dimmed) - 0.15));
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=outgoing-link]) + .workspace-tab-container::before {
  position: absolute;
  inset-block-start: 44px;
  inset-inline-start: 32px;
  z-index: 1;
  padding: 2px 8px;
  color: oklch(from var(--color-purple) l c h/85%);
  content: "Outgoing Links";
  background-color: var(--color-base-00);
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=graph]) + .workspace-tab-container {
  padding-block-start: 4px;
  margin-block-start: 4px;
  border: 2px solid oklch(from var(--color-cyan) l c h/calc(var(--dimmed) - 0.15));
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=graph]) + .workspace-tab-container::before {
  position: absolute;
  inset-block-start: 44px;
  inset-inline-start: 32px;
  z-index: 1;
  padding: 2px 8px;
  color: oklch(from var(--color-cyan) l c h/85%);
  content: "Graph View";
  background-color: var(--color-base-00);
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=full-calendar-view]) + .workspace-tab-container {
  padding-block-start: 4px;
  margin-block-start: 4px;
  border: 2px solid oklch(from var(--color-pink) l c h/calc(var(--dimmed) - 0.15));
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=full-calendar-view]) + .workspace-tab-container::before {
  position: absolute;
  inset-block-start: 44px;
  inset-inline-start: 32px;
  z-index: 1;
  padding: 2px 8px;
  color: oklch(from var(--color-pink) l c h/85%);
  content: "Full Calendar";
  background-color: var(--color-base-00);
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=localgraph]) + .workspace-tab-container {
  padding-block-start: 4px;
  margin-block-start: 4px;
  border: 2px solid oklch(from var(--color-green) l c h/calc(var(--dimmed) - 0.15));
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=localgraph]) + .workspace-tab-container::before {
  position: absolute;
  inset-block-start: 44px;
  inset-inline-start: 32px;
  z-index: 1;
  padding: 2px 8px;
  color: oklch(from var(--color-green) l c h/85%);
  content: "Local Graph";
  background-color: var(--color-base-00);
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=calendar]) + .workspace-tab-container {
  padding-block-start: 4px;
  margin-block-start: 4px;
  border: 2px solid oklch(from var(--color-yellow) l c h/calc(var(--dimmed) - 0.15));
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=calendar]) + .workspace-tab-container::before {
  position: absolute;
  inset-block-start: 44px;
  inset-inline-start: 32px;
  z-index: 1;
  padding: 2px 8px;
  color: oklch(from var(--color-yellow) l c h/85%);
  content: "Calendar";
  background-color: var(--color-base-00);
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=tag]) + .workspace-tab-container {
  padding-block-start: 4px;
  margin-block-start: 4px;
  border: 2px solid oklch(from var(--color-purple) l c h/calc(var(--dimmed) - 0.15));
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=tag]) + .workspace-tab-container::before {
  position: absolute;
  inset-block-start: 44px;
  inset-inline-start: 32px;
  z-index: 1;
  padding: 2px 8px;
  color: oklch(from var(--color-purple) l c h/85%);
  content: "Tags";
  background-color: var(--color-base-00);
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=bases]) + .workspace-tab-container {
  padding-block-start: 4px;
  margin-block-start: 4px;
  border: 2px solid oklch(from var(--color-cyan) l c h/calc(var(--dimmed) - 0.15));
}
body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .mod-sidedock .workspace-tab-header-container:has(> .workspace-tab-header-container-inner > .workspace-tab-header.is-active[data-type=bases]) + .workspace-tab-container::before {
  position: absolute;
  inset-block-start: 44px;
  inset-inline-start: 32px;
  z-index: 1;
  padding: 2px 8px;
  color: oklch(from var(--color-cyan) l c h/85%);
  content: "Bases";
  background-color: var(--color-base-00);
}

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-block-end: none;
}
body.flexcyon-workspace-pl10k-layout .view-actions,
body.flexcyon-workspace-pl10k-layout .view-header-left .view-header-nav-buttons {
  z-index: 10;
  background-color: var(--color-base-20);
  border: 1px solid var(--color-base-20);
  border-radius: var(--flexcyon-callout-radix);
  opacity: 1;
}
body.flexcyon-workspace-pl10k-layout .view-actions button,
body.flexcyon-workspace-pl10k-layout .view-header-left .view-header-nav-buttons button {
  border-radius: var(--flexcyon-callout-radix);
}
body.flexcyon-workspace-pl10k-layout .view-actions {
  padding: 4px 2px;
  margin-block-start: 8px;
}
body.flexcyon-workspace-pl10k-layout .view-actions button {
  border-radius: var(--flexcyon-callout-radix);
}

body.flexcyon-vertical-nav .workspace.is-right-sidedock-open .mod-right-split .mod-top .view-content {
  padding-block-start: 40px;
}

body.flexcyon-reverse-mode .workspace-tabs,
body.flexcyon-reverse-tab-header-container .workspace-tabs {
  flex-direction: column-reverse;
}
body.flexcyon-reverse-mode .status-bar,
body.flexcyon-reverse-tab-header-container .status-bar {
  inset-block-end: 40px;
  --flexcyon-status-hide-trigger-translation: 80px;
}

body {
  --flexcyon-active-indicator: ">>";
  --flexcyon-exp-dimmed-nav-size: 13.3623px;
}

body .workspace-split:not(.is-sidedock-collapsed) .nav-folder.is-being-dragged-over {
  background: oklch(from var(--interactive-accent-hsl) l c h/10%);
}
body .workspace-split:not(.is-sidedock-collapsed) .file-tree .mod-changed.is-selected {
  background-color: oklch(from var(--interactive-accent-hsl) l c h/20%);
}
body .workspace-split:not(.is-sidedock-collapsed) .file-tree .mod-new.is-selected {
  background-color: oklch(from var(--background-modifier-success)/20%);
}
body .workspace-split:not(.is-sidedock-collapsed) .file-tree .mod-deleted.is-selected,
body .workspace-split:not(.is-sidedock-collapsed) .file-tree .mod-to-delete.is-selected {
  background-color: oklch(from var(--background-modifier-error)/20%);
}

/* obsi-snip-coll start: file-exts */
body.flexcyon-file-exp-dimmed-file-exts-enabled .workspace-split:not(.is-sidedock-collapsed) :not(.novel-word-count--active) .nav-files-container > div > div div[data-path$=".md"] > div.nav-file-tag,
body.flexcyon-file-exp-dimmed-file-exts-enabled .workspace-split:not(.is-sidedock-collapsed) .nav-folder:not(.is-collapsed) > div > div div[data-path$=".md"] > div.nav-file-tag {
  display: none;
}
body.flexcyon-file-exp-dimmed-file-exts-enabled .workspace-split:not(.is-sidedock-collapsed) :not(.novel-word-count--active) .nav-files-container > div > div div[data-path$=".md"]::after,
body.flexcyon-file-exp-dimmed-file-exts-enabled .workspace-split:not(.is-sidedock-collapsed) .nav-folder:not(.is-collapsed) > div > div div[data-path$=".md"]::after {
  content: ".md";
  opacity: var(--dimmed);
}
body.flexcyon-file-exp-dimmed-file-exts-enabled .workspace-split:not(.is-sidedock-collapsed) :not(.novel-word-count--active) .nav-files-container > div > div div:not([data-path$=".md"]) > div.nav-file-tag,
body.flexcyon-file-exp-dimmed-file-exts-enabled .workspace-split:not(.is-sidedock-collapsed) .nav-folder:not(.is-collapsed) > div > div div:not([data-path$=".md"]) > div.nav-file-tag {
  padding: unset;
  margin: unset;
  font-size: var(--flexcyon-exp-dimmed-nav-size);
  font-weight: unset;
  color: var(--text-muted);
  text-transform: lowercase;
  opacity: var(--dimmed);
}
body.flexcyon-file-exp-dimmed-file-exts-enabled .workspace-split:not(.is-sidedock-collapsed) :not(.novel-word-count--active) .nav-files-container > div > div div:not([data-path$=".md"]) > div.nav-file-tag::before,
body.flexcyon-file-exp-dimmed-file-exts-enabled .workspace-split:not(.is-sidedock-collapsed) .nav-folder:not(.is-collapsed) > div > div div:not([data-path$=".md"]) > div.nav-file-tag::before {
  content: ".";
}
body.flexcyon-file-exp-dimmed-file-exts-enabled .workspace-split:not(.is-sidedock-collapsed) .novel-word-count--active .nav-files-container div div div[data-path$=".md"].nav-file-title::after {
  content: ".md  " attr(data-novel-word-count-plugin);
}

/* obsi-snip-coll end */
/* obsi-snip-coll start: wrap-long-filenames */
body.flexcyon-wrap-long-filenames .tree-item-inner {
  overflow: visible;
  text-overflow: clip;
  white-space: collapse;
}

/* obsi-snip-coll end */
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: oklch(from var(--color-purple) l c h/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: oklch(from var(--color-purple) l c h/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: oklch(from var(--color-cyan) l c h/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: oklch(from var(--color-cyan) l c h/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: oklch(from var(--color-blue) l c h/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: oklch(from var(--color-blue) l c h/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: oklch(from var(--color-pink) l c h/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: oklch(from var(--color-pink) l c h/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: oklch(from var(--color-green) l c h/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: oklch(from var(--color-green) l c h/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: oklch(from var(--color-yellow) l c h/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: oklch(from var(--color-yellow) l c h/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: oklch(from var(--color-orange) l c h/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: oklch(from var(--color-orange) l c h/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: oklch(from var(--color-red) l c h/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: oklch(from var(--color-red) l c h/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 {
  color: var(--text-normal);
  background-color: var(--color-purple);
}
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);
  color: oklch(from var(--color-purple) l c h/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 {
  color: var(--text-normal);
  background-color: transparent;
}
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 {
  color: var(--text-normal);
  background-color: var(--color-cyan);
}
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);
  color: oklch(from var(--color-cyan) l c h/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 {
  color: var(--text-normal);
  background-color: transparent;
}
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 {
  color: var(--text-normal);
  background-color: var(--color-blue);
}
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);
  color: oklch(from var(--color-blue) l c h/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 {
  color: var(--text-normal);
  background-color: transparent;
}
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 {
  color: var(--text-normal);
  background-color: var(--color-pink);
}
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);
  color: oklch(from var(--color-pink) l c h/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 {
  color: var(--text-normal);
  background-color: transparent;
}
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 {
  color: var(--text-normal);
  background-color: var(--color-green);
}
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);
  color: oklch(from var(--color-green) l c h/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 {
  color: var(--text-normal);
  background-color: transparent;
}
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 {
  color: var(--text-normal);
  background-color: var(--color-yellow);
}
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);
  color: oklch(from var(--color-yellow) l c h/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 {
  color: var(--text-normal);
  background-color: transparent;
}
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 {
  color: var(--text-normal);
  background-color: var(--color-orange);
}
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);
  color: oklch(from var(--color-orange) l c h/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 {
  color: var(--text-normal);
  background-color: transparent;
}
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 {
  color: var(--text-normal);
  background-color: var(--color-red);
}
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);
  color: oklch(from var(--color-red) l c h/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 {
  color: var(--text-normal);
  background-color: transparent;
}

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 {
  font-weight: bold;
  transform: all ease-in-out 350ms;
}

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-inline-start: 2px;
}
body.flexcyon-md-file-tree-style .nav-file::before,
body.flexcyon-md-file-tree-style .nav-folder-children::before {
  position: absolute;
  content: "";
  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 {
  inset-block-start: 50%;
  inline-size: 24px;
  block-size: 1px;
  margin-inline-start: -2px;
  transform: translate(0, -50%);
}
body.flexcyon-md-file-tree-style .tree-item-children.nav-folder-children:not(:has(.nav-file))::before {
  inset-block-end: 4px;
}
body.flexcyon-md-file-tree-style .tree-item-children.nav-folder-children {
  border-inline-start-width: 0;
}
body.flexcyon-md-file-tree-style .tree-item-children.nav-folder-children::before {
  inset-block: 0 12px;
  inset-inline-start: 0;
  inline-size: 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 {
    font-weight: var(--nav-item-weight-active);
    color: var(--nav-item-color-active);
    background-color: var(--nav-item-background-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 {
    font-weight: var(--nav-item-weight-active);
    color: var(--nav-item-color-active);
    background-color: var(--nav-item-background-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.flexcyon-flex-max-mode .tree-item-self.is-active .tree-item-inner::before,
body.flexcyon-flex-max-mode .vertical-tab-nav-item.is-active::before,
body.flexcyon-enable-active-indicator .tree-item-self.is-active .tree-item-inner::before,
body.flexcyon-enable-active-indicator .vertical-tab-nav-item.is-active::before {
  padding-inline-end: 4px;
  content: var(--flexcyon-active-indicator);
}

body:not(.show-ribbon).flexcyon-vertical-nav .mod-sidedock.mod-right-split .workspace-tabs div.workspace-tab-header-container-inner,
body:not(.show-ribbon).flexcyon-vertical-nav .mod-sidedock.mod-left-split .workspace-tabs div.workspace-tab-header-container-inner {
  margin-block-start: 48px;
}

body.flexcyon-vertical-nav .mod-sidedock.mod-right-split .workspace-tabs,
body.flexcyon-vertical-nav .mod-sidedock.mod-left-split .workspace-tabs {
  display: flex;
  flex-direction: row;
}
body.flexcyon-vertical-nav .mod-sidedock.mod-right-split .workspace-tabs div,
body.flexcyon-vertical-nav .mod-sidedock.mod-left-split .workspace-tabs div {
  flex-direction: inherit;
}
body.flexcyon-vertical-nav .mod-sidedock.mod-right-split .workspace-tabs div div.sidebar-toggle-button.mod-left,
body.flexcyon-vertical-nav .mod-sidedock.mod-left-split .workspace-tabs div div.sidebar-toggle-button.mod-left {
  position: absolute;
  margin-inline-start: 1px;
}
body.flexcyon-vertical-nav .mod-sidedock.mod-right-split .workspace-tabs div.workspace-leaf-content[data-type*=search],
body.flexcyon-vertical-nav .mod-sidedock.mod-left-split .workspace-tabs div.workspace-leaf-content[data-type*=search] {
  flex-direction: column;
}
body.flexcyon-vertical-nav .mod-sidedock.mod-right-split .workspace-tabs div.workspace-leaf-content[data-type*=undefined]:has(.file-tree-plugin-view),
body.flexcyon-vertical-nav .mod-sidedock.mod-left-split .workspace-tabs div.workspace-leaf-content[data-type*=undefined]:has(.file-tree-plugin-view) {
  flex-direction: column;
}
body.flexcyon-vertical-nav .mod-sidedock.mod-right-split .workspace-tabs .oz-explorer-container .oz-file-tree-header-wrapper,
body.flexcyon-vertical-nav .mod-sidedock.mod-right-split .workspace-tabs .oz-folders-tree-wrapper,
body.flexcyon-vertical-nav .mod-sidedock.mod-left-split .workspace-tabs .oz-explorer-container .oz-file-tree-header-wrapper,
body.flexcyon-vertical-nav .mod-sidedock.mod-left-split .workspace-tabs .oz-folders-tree-wrapper {
  flex-direction: row;
}
body.flexcyon-vertical-nav .mod-sidedock.mod-right-split .workspace-tabs .fc-header-toolbar,
body.flexcyon-vertical-nav .mod-sidedock.mod-left-split .workspace-tabs .fc-header-toolbar {
  gap: 0;
  padding: 0;
}
body.flexcyon-vertical-nav .mod-sidedock.mod-right-split .workspace-tabs div.workspace-leaf-content[data-type*=calendar],
body.flexcyon-vertical-nav .mod-sidedock.mod-left-split .workspace-tabs div.workspace-leaf-content[data-type*=calendar] {
  flex-direction: column;
}
body.flexcyon-vertical-nav .mod-sidedock.mod-right-split .workspace-tabs div.workspace-leaf-content[data-type*=calendar] .fc-header-toolbar .fc-button-group,
body.flexcyon-vertical-nav .mod-sidedock.mod-left-split .workspace-tabs div.workspace-leaf-content[data-type*=calendar] .fc-header-toolbar .fc-button-group {
  flex-direction: row;
}
body.flexcyon-vertical-nav .mod-sidedock.mod-right-split .workspace-tabs .nav-header,
body.flexcyon-vertical-nav .mod-sidedock.mod-left-split .workspace-tabs .nav-header {
  inline-size: min-content;
}
body.flexcyon-vertical-nav .mod-sidedock.mod-right-split .workspace-tabs .metadata-properties,
body.flexcyon-vertical-nav .mod-sidedock.mod-left-split .workspace-tabs .metadata-properties {
  flex-direction: column;
}
body.flexcyon-vertical-nav .mod-sidedock.mod-right-split .workspace-tabs .metadata-property,
body.flexcyon-vertical-nav .mod-sidedock.mod-left-split .workspace-tabs .metadata-property {
  flex-direction: column;
}
body.flexcyon-vertical-nav .mod-sidedock.mod-right-split .workspace-tabs .metadata-property div,
body.flexcyon-vertical-nav .mod-sidedock.mod-left-split .workspace-tabs .metadata-property div {
  flex-direction: row;
}
body.flexcyon-vertical-nav .mod-sidedock.mod-right-split .workspace-tabs .metadata-property .metadata-property-key,
body.flexcyon-vertical-nav .mod-sidedock.mod-left-split .workspace-tabs .metadata-property .metadata-property-key {
  inline-size: 100%;
}
body.flexcyon-vertical-nav .mod-sidedock.mod-right-split .workspace-tabs .nav-buttons-container,
body.flexcyon-vertical-nav .mod-sidedock.mod-left-split .workspace-tabs .nav-buttons-container {
  gap: 8px;
  margin-block-start: 8px;
}
body.flexcyon-vertical-nav .mod-sidedock.mod-right-split .workspace-tabs .workspace-tab-header-container-inner,
body.flexcyon-vertical-nav .mod-sidedock.mod-left-split .workspace-tabs .workspace-tab-header-container-inner {
  flex-direction: column;
  gap: 8px;
  block-size: min-content;
  margin-block-start: 8px;
}
body.flexcyon-vertical-nav .mod-sidedock.mod-right-split .workspace-tabs .workspace-leaf-content,
body.flexcyon-vertical-nav .mod-sidedock.mod-left-split .workspace-tabs .workspace-leaf-content {
  inline-size: 100%;
}
body.flexcyon-vertical-nav .mod-sidedock.mod-right-split .workspace-tabs .workspace-leaf-content .nav-header + div,
body.flexcyon-vertical-nav .mod-sidedock.mod-left-split .workspace-tabs .workspace-leaf-content .nav-header + div {
  flex-direction: row;
  margin-block-start: 12px;
}
body.flexcyon-vertical-nav.is-hidden-frameless:not(.is-fullscreen) .is-right-sidedock-open .workspace-tabs.mod-top-right-space .workspace-tab-header-container {
  padding-inline-end: 0;
}

.is-hidden-frameless:not(.is-fullscreen, .mod-macos) .workspace-tabs.mod-top-right-space .workspace-tab-header-container::after {
  z-index: -5;
}

body.flexcyon-metadata-no-properties-title .metadata-properties-title {
  display: none;
}

body.flexcyon-reverse-mode .workspace-leaf-content,
body.flexcyon-reverse-workspace-content .workspace-leaf-content {
  flex-direction: column-reverse;
}

body {
  --flexcyon-os-detail-padding-r: 8px;
  --flexcyon-os-detail-padding-l: 12px;
  --flexcyon-screen-dimens-padding-l: 16px;
  --file-header-font-size: var(--font-ui-small);
  --flexcyon-editor-margin-top: 18px;
}
body .workspace-split.mod-left-split > .workspace-leaf-resize-handle {
  border-inline-end-width: 0;
}
body .workspace-split.mod-right-split > .workspace-leaf-resize-handle {
  border-inline-start-width: 0;
}
body .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle {
  border-block-end-width: 0;
}

@property --w-raw {
  syntax: "<length>";
  inherits: true;
  initial-value: 100vw;
}
@property --h-raw {
  syntax: "<length>";
  inherits: true;
  initial-value: 100vh;
}
:root {
  --w: tan(atan2(var(--w-raw), 1px));
  --h: tan(atan2(var(--h-raw), 1px));
}

body .view-header-left {
  padding-block-start: 1vh;
}
body .view-header-left .view-header-nav-buttons {
  gap: 2px;
}
body .view-header-left button {
  margin-block-start: 0.15vh;
  scale: var(--upsize);
}

body .view-header-title-container {
  padding-block-start: 1.1vh;
}

body .view-header-left::after {
  font-size: 0;
}

body.flexcyon-display-screen-dimens .titlebar::after {
  position: absolute;
  inset-inline: 0px 0;
  display: flex;
  justify-content: center;
  inline-size: fit-content;
  max-inline-size: 85%;
  margin: 0 auto;
}

body.flexcyon-display-screen-dimens .titlebar::after {
  padding-block-start: 12px;
  padding-inline-end: calc(8 * var(--flexcyon-screen-dimens-padding-l));
  font-size: var(--file-header-font-size);
  color: var(--text-muted);
  content: counter(w) "x" counter(h);
  counter-reset: h var(--h) w var(--w);
}

body.flexcyon-display-screen-dimens:not(:has(.mod-stacked)) .titlebar::after,
body.flexcyon-display-screen-dimens .mod-stacked .view-header-left::after {
  display: none;
}

body.flexcyon-display-screen-dimens:not(.show-view-header) .mod-root .workspace-tab-container .mod-active::before,
body.flexcyon-display-screen-dimens:not(.mod-stacked) .view-header-left::after {
  padding-block-start: -0.5vh;
  padding-inline-start: var(--flexcyon-screen-dimens-padding-l);
  font-size: var(--file-header-font-size);
  color: var(--text-muted);
  content: counter(w) "x" counter(h);
  counter-reset: h var(--h) w var(--w);
}

body.flexcyon-display-screen-dimens:not(.show-view-header) .mod-root .workspace-tab-container .mod-active::before {
  padding-block-start: 4px;
}

body .view-actions {
  gap: 4px;
  padding-block-start: 1vh;
}
body .view-actions button {
  margin-block-start: 0.15vh;
  scale: var(--upsize);
}

body .view-actions::before {
  font-size: 0;
}

body.flexcyon-display-os .view-actions::before {
  padding-inline: var(--flexcyon-os-detail-padding-l) var(--flexcyon-os-detail-padding-r);
  font-size: var(--file-header-font-size);
  color: var(--text-muted);
}

body.flexcyon-display-os:not(:has(.mod-stacked)) .titlebar::before,
body.flexcyon-display-os .mod-stacked .view-actions::before {
  display: none;
}

body.flexcyon-display-os .titlebar::before {
  padding-block-start: 12px;
  padding-inline-start: calc(5 * var(--flexcyon-os-detail-padding-r));
  font-size: var(--file-header-font-size);
  color: var(--text-muted);
}

body.flexcyon-display-os .titlebar::before,
body.flexcyon-display-os:not(.is-mobile) .view-actions::before {
  content: "Unknown Desktop";
}

body.flexcyon-display-os.is-mobile .view-actions::before, body.flexcyon-display-os.is-mobile .titlebar::before {
  content: "Unknown Device";
}

body.flexcyon-display-os :not(.show-view-header) .mod-root .workspace-tab-container .mod-active .workspace-leaf-content::after {
  position: fixed;
  inset-block-start: 2px;
  inset-inline-end: 16px;
}

body.flexcyon-display-os:not(.show-view-header) .mod-root .workspace-tab-container .mod-active .workspace-leaf-content {
  padding-block-start: 4px;
}

body.flexcyon-display-os.is-mobile.emulate-mobile .view-actions::before, body.flexcyon-display-os.is-mobile.emulate-mobile .titlebar::before,
body.flexcyon-display-os.is-mobile.emulate-mobile :not(.show-view-header) .mod-root .workspace-tab-container .mod-active .workspace-leaf-content::after {
  content: "Mobile Emulation";
}

body.flexcyon-display-os.is-ios:not(.is-tablet) .view-actions::before, body.flexcyon-display-os.is-ios:not(.is-tablet) .titlebar::before,
body.flexcyon-display-os.is-ios:not(.is-tablet) :not(.show-view-header) .mod-root .workspace-tab-container .mod-active .workspace-leaf-content::after {
  content: "ios Device";
}

body.flexcyon-display-os.is-ios.is-tablet .view-actions::before, body.flexcyon-display-os.is-ios.is-tablet .titlebar::before,
body.flexcyon-display-os.is-ios.is-tablet :not(.show-view-header) .mod-root .workspace-tab-container .mod-active .workspace-leaf-content::after {
  content: "ios Tablet";
}

body.flexcyon-display-os.is-android:not(.is-tablet) .view-actions::before, body.flexcyon-display-os.is-android:not(.is-tablet) .titlebar::before,
body.flexcyon-display-os.is-android:not(.is-tablet) :not(.show-view-header) .mod-root .workspace-tab-container .mod-active .workspace-leaf-content::after {
  content: "Android Device";
}

body.flexcyon-display-os.is-android.is-tablet .view-actions::before, body.flexcyon-display-os.is-android.is-tablet .titlebar::before,
body.flexcyon-display-os.is-android.is-tablet :not(.show-view-header) .mod-root .workspace-tab-container .mod-active .workspace-leaf-content::after {
  content: "Android Tablet";
}

body.flexcyon-display-os:not(.is-mobile).mod-linux .view-actions::before, body.flexcyon-display-os:not(.is-mobile).mod-linux .titlebar::before,
body.flexcyon-display-os:not(.is-mobile).mod-linux :not(.show-view-header) .mod-root .workspace-tab-container .mod-active .workspace-leaf-content::after {
  content: "Linux Desktop";
}

body.flexcyon-display-os:not(.is-mobile).mod-windows .view-actions::before, body.flexcyon-display-os:not(.is-mobile).mod-windows .titlebar::before,
body.flexcyon-display-os:not(.is-mobile).mod-windows :not(.show-view-header) .mod-root .workspace-tab-container .mod-active .workspace-leaf-content::after {
  content: "Windows Desktop";
}

body.flexcyon-display-os:not(.is-mobile, .mod-windows, .mod-linux) .view-actions::before, body.flexcyon-display-os:not(.is-mobile, .mod-windows, .mod-linux) .titlebar::before,
body.flexcyon-display-os:not(.is-mobile, .mod-windows, .mod-linux) :not(.show-view-header) .mod-root .workspace-tab-container .mod-active .workspace-leaf-content::after {
  content: "MacOS Desktop";
}

.markdown-source-view.mod-cm6 .cm-sizer {
  margin-block-start: var(--flexcyon-editor-margin-top);
}

body {
  --cm-panel-bg: var(--color-base-00);
  --cm-font-size: calc(var(--font-ui-small) + 0.809px);
}

body.flexcyon-flex-max-mode .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .markdown-source-view.mod-cm6 .cm-panels.cm-panels-bottom,
body.flexcyon-vim-mode-text-enable .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .markdown-source-view.mod-cm6 .cm-panels.cm-panels-bottom {
  padding-block-start: 4px;
  border-block-start: unset;
}
body.flexcyon-flex-max-mode .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .markdown-source-view.mod-cm6 .cm-editor > .cm-scroller:not(.cm-vimMode) .cm-sizer:has(+ .cm-vimCursorLayer)::before,
body.flexcyon-vim-mode-text-enable .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .markdown-source-view.mod-cm6 .cm-editor > .cm-scroller:not(.cm-vimMode) .cm-sizer:has(+ .cm-vimCursorLayer)::before {
  position: fixed;
  inset-block-end: var(--flexcyon-vim-bottom-positioning);
  inset-inline-start: var(--flexcyon-vim-left-positioning);
  z-index: 2;
  block-size: 32px;
  padding: 0 8px;
  font-family: var(--font-interface);
  font-size: var(--cm-font-size);
  color: var(--text-muted);
  content: var(--flexcyon-vim-insert-text);
  background-color: var(--cm-panel-bg);
}
body.flexcyon-flex-max-mode .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .markdown-source-view.mod-cm6 .cm-editor > .cm-scroller.cm-vimMode:not(:has(+ .cm-panels)) .cm-sizer:has(+ .cm-vimCursorLayer)::before,
body.flexcyon-vim-mode-text-enable .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .markdown-source-view.mod-cm6 .cm-editor > .cm-scroller.cm-vimMode:not(:has(+ .cm-panels)) .cm-sizer:has(+ .cm-vimCursorLayer)::before {
  position: fixed;
  inset-block-end: var(--flexcyon-vim-bottom-positioning);
  inset-inline-start: var(--flexcyon-vim-left-positioning);
  z-index: 2;
  block-size: 32px;
  padding: 0 8px;
  font-family: var(--font-interface);
  font-size: var(--cm-font-size);
  color: var(--text-muted);
  content: var(--flexcyon-vim-normal-text);
  background-color: var(--cm-panel-bg);
}
body.flexcyon-flex-max-mode .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .markdown-source-view.mod-cm6 .cm-editor > .cm-scroller + .cm-panels .cm-panel div,
body.flexcyon-vim-mode-text-enable .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .markdown-source-view.mod-cm6 .cm-editor > .cm-scroller + .cm-panels .cm-panel div {
  color: var(--text-muted);
}
body.flexcyon-flex-max-mode .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .markdown-source-view.mod-cm6 .cm-editor > .cm-scroller + .cm-panels .cm-panel div div:not(.cm-vim-message)::before,
body.flexcyon-vim-mode-text-enable .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .markdown-source-view.mod-cm6 .cm-editor > .cm-scroller + .cm-panels .cm-panel div div:not(.cm-vim-message)::before {
  inset-block-end: var(--flexcyon-vim-bottom-positioning);
  padding-inline-end: 4px;
  font-family: var(--font-interface);
  font-size: var(--cm-font-size);
  content: var(--flexcyon-vim-command-text);
}
body.flexcyon-flex-max-mode .cm-panels .cm-panel,
body.flexcyon-vim-mode-text-enable .cm-panels .cm-panel {
  padding-block-start: 4px;
  font-weight: 500;
  background-color: var(--color-base-00);
}
body.flexcyon-flex-max-mode .cm-panels .cm-panel div div:not(.cm-vim-message) span:first-child,
body.flexcyon-vim-mode-text-enable .cm-panels .cm-panel div div:not(.cm-vim-message) span:first-child {
  inset-block-end: var(--flexcyon-vim-bottom-positioning);
  inset-inline-start: 48px;
}
body.flexcyon-flex-max-mode .cm-panels input,
body.flexcyon-vim-mode-text-enable .cm-panels input {
  z-index: 16;
  font-size: 0.9rem;
  transform: translateY(-4px);
}
body.flexcyon-flex-max-mode div.cm-vim-message,
body.flexcyon-vim-mode-text-enable div.cm-vim-message {
  font-weight: bold;
  color: var(--color-red) !important;
}

body.flexcyon-vim-mode-text-enable.flexcyon-status-text-enable-color .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .markdown-source-view.mod-cm6 .cm-editor > .cm-scroller:not(.cm-vimMode) .cm-sizer:has(+ .cm-vimCursorLayer)::before {
  color: var(--text-accent);
}
body.flexcyon-vim-mode-text-enable.flexcyon-status-text-enable-color .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .markdown-source-view.mod-cm6 .cm-editor > .cm-scroller.cm-vimMode:not(:has(+ .cm-panels)) .cm-sizer:has(+ .cm-vimCursorLayer)::before {
  color: var(--color-purple);
}
body.flexcyon-vim-mode-text-enable.flexcyon-status-text-enable-color .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .markdown-source-view.mod-cm6 .cm-editor > .cm-scroller + .cm-panels .cm-panel div {
  color: var(--text-muted);
}
body.flexcyon-vim-mode-text-enable.flexcyon-status-text-enable-color .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .markdown-source-view.mod-cm6 .cm-editor > .cm-scroller + .cm-panels .cm-panel div div:not(.cm-vim-message)::before {
  color: var(--color-blue);
}
body.flexcyon-vim-mode-text-enable.flexcyon-status-text-enable-color .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .markdown-source-view.mod-cm6 .cm-panels .cm-panel {
  background-color: var(--color-base-00);
}

body.is-mobile.flexcyon-vim-mode-text-enable .cm-editor > .cm-scroller:not(.cm-vimMode) .cm-sizer:has(+ div + div + .cm-vimCursorLayer)::before {
  position: fixed;
  inset-block-end: var(--flexcyon-vim-bottom-positioning);
  inset-inline-start: var(--flexcyon-vim-left-positioning);
  block-size: 32px;
  padding-inline-start: 4px;
  content: var(--flexcyon-vim-insert-text);
}
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 {
  position: fixed;
  inset-block-end: var(--flexcyon-vim-bottom-positioning);
  inset-inline-start: var(--flexcyon-vim-left-positioning);
  block-size: 32px;
  padding-inline-start: 4px;
  content: var(--flexcyon-vim-normal-text);
}

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 {
  margin: 0 8px;
  line-height: 32px;
  border: 2px solid var(--color-base-20);
  border-radius: var(--flexcyon-callout-radix);
}
body.flexcyon-status-style-card .markdown-source-view.mod-cm6 .cm-panels.cm-panels-bottom .cm-panel.cm-vim-panel {
  margin: 0 8px;
  border: 2px solid var(--color-base-20);
  border-radius: var(--flexcyon-callout-radix);
}
body.flexcyon-status-style-card div:has(.cm-vim-panel) + .status-bar {
  margin-block-end: 48px;
}

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

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

body {
  --status-bar-font-size: 13.7533px;
  --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-trigger-translation: 50px;
  --flexcyon-status-hide-until-hover-text: "Show status";
  --flexcyon-status-hide-until-hover-translation: 80vw;
  --flexcyon-status-hide-hover-duration: 325ms;
  --flexcyon-status-hide-hover-function: ease-out;
  --flexcyon-status-reading-text: "READ";
  --flexcyon-status-source-text: "SOURCE";
  --flexcyon-status-live-text: "LIVE";
  --flexcyon-status-new-tab-opacity: 0.55;
  --status-bar-position: absolute;
}
body div:has(.cm-vim-panel) + .status-bar {
  margin-block-end: 32px;
}

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

body:is(.flexcyon-status-hide-until-hover, .flexcyon-status-hide-until-hold):is(.flexcyon-status-right-align,
.flexcyon-status-centre-align) .status-bar {
  z-index: 1;
  font-size: var(--font-ui-medium);
  border: none;
  transition: transform calc(1.05 * var(--flexcyon-status-hide-hover-duration)) var(--flexcyon-status-hide-hover-function);
}

body:is(.flexcyon-status-hide-until-hover, .flexcyon-status-hide-until-hold):is(.flexcyon-status-right-align,
.flexcyon-status-centre-align) .status-bar::before {
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0;
  z-index: 2;
  inline-size: max-content;
  padding: 8px 10px;
  font-size: var(--status-bar-font-size);
  user-select: none;
  content: var(--flexcyon-status-hide-until-hover-text);
  background-color: var(--color-base-00);
  border-radius: inherit;
  transition: transform var(--flexcyon-status-hide-hover-duration) var(--flexcyon-status-hide-hover-function);
}

body:is(.flexcyon-status-hide-until-hover,
.flexcyon-status-hide-until-hold).flexcyon-status-centre-align .status-bar::before, body:is(.flexcyon-status-hide-until-hover,
.flexcyon-status-hide-until-hold).flexcyon-status-centre-align .status-bar {
  position: absolute;
  inset-inline: 36px 0;
  display: flex;
  justify-content: center;
  inline-size: max-content;
  max-inline-size: 85%;
  margin: 0 auto;
}

body:is(.flexcyon-status-hide-until-hover,
.flexcyon-status-hide-until-hold).flexcyon-status-centre-align .status-bar {
  transform: translateY(var(--flexcyon-anim-slide-amount));
}
body:is(.flexcyon-status-hide-until-hover,
.flexcyon-status-hide-until-hold).flexcyon-status-centre-align .status-bar::before {
  transform: translateY(calc(-1 * var(--flexcyon-anim-slide-amount)));
}

body:is(.flexcyon-status-hide-until-hover,
.flexcyon-status-hide-until-hold).flexcyon-status-right-align .status-bar {
  transform: translateX(var(--flexcyon-status-hide-until-hover-translation));
}
body:is(.flexcyon-status-hide-until-hover,
.flexcyon-status-hide-until-hold).flexcyon-status-right-align .status-bar::before {
  transform: translateX(calc(-1 * var(--flexcyon-status-hide-until-hover-translation)));
}

body.flexcyon-flex-max-mode .status-bar:hover::before,
body.flexcyon-status-hide-until-hover .status-bar:hover::before {
  transform: translateY(var(--flexcyon-status-hide-trigger-translation));
  transition: transform var(--flexcyon-status-hide-hover-duration) var(--flexcyon-status-hide-hover-function);
}
body.flexcyon-flex-max-mode .status-bar:hover,
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.flexcyon-status-hide-until-hold .status-bar:active::before {
  transform: translateY(var(--flexcyon-status-hide-trigger-translation));
  transition: transform var(--flexcyon-status-hide-hover-duration) var(--flexcyon-status-hide-hover-function);
}
body.flexcyon-status-hide-until-hold .status-bar:active {
  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 {
  gap: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  border-radius: 0;
}
body.flexcyon-status-style-angled .status-bar-item {
  padding: 4px 8px;
  background-color: var(--color-base-20);
  border-radius: 0;
  transform: skewX(-22.5deg);
}
body.flexcyon-status-style-angled .status-bar :nth-child(2n):is(.status-bar-item) {
  background-color: var(--color-base-05);
}

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

body.flexcyon-status-style-card .status-bar {
  inset-inline-end: 10px;
  gap: 8px;
  margin: 4px 8px;
  background-color: transparent;
  border: none;
}
body.flexcyon-status-style-card .status-bar :nth-child(2n).status-bar-item {
  padding: 4px 8px;
  background-color: var(--color-base-05);
  border-radius: var(--flexcyon-callout-radix);
}
body.flexcyon-status-style-card .status-bar :nth-child(2n+1).status-bar-item {
  padding: 4px 8px;
  background-color: var(--color-base-25);
  border-radius: var(--flexcyon-callout-radix);
}

body.flexcyon-flex-max-mode:not(:has(.mod-active > [data-type=empty])) .status-bar::before,
body.flexcyon-status-style-pl10k:not(:has(.mod-active > [data-type=empty])) .status-bar::before {
  inset-inline-end: 28px;
}

body:has(.mod-active > [data-type=empty]) .status-bar {
  opacity: var(--flexcyon-status-new-tab-opacity);
}

body.flexcyon-no-status-in-new-tab:has(.mod-active > [data-type=empty]) .status-bar {
  display: none;
}

body.flexcyon-flex-max-mode .status-bar,
body.flexcyon-status-style-pl10k .status-bar {
  gap: 0;
  padding-inline-end: 1vw;
  background-color: transparent;
  border: transparent;
  scale: var(--expand);
}
body.flexcyon-flex-max-mode .status-bar::before,
body.flexcyon-status-style-pl10k .status-bar::before {
  inset-inline-end: 0;
}
body.flexcyon-flex-max-mode .status-bar .status-bar-item .status-bar-item-icon,
body.flexcyon-status-style-pl10k .status-bar .status-bar-item .status-bar-item-icon {
  transform: translateX(-1px);
}
body.flexcyon-flex-max-mode .status-bar .status-bar-item,
body.flexcyon-status-style-pl10k .status-bar .status-bar-item {
  padding: 0;
  padding-inline-start: 6px;
}
body.flexcyon-flex-max-mode .status-bar .status-bar-item::after,
body.flexcyon-status-style-pl10k .status-bar .status-bar-item::after {
  position: relative;
  inline-size: inherit;
  block-size: inherit;
  padding: 4px;
  color: transparent;
}
body.flexcyon-flex-max-mode .status-bar .status-bar-item + .status-bar-item:not([style="display: none;"])::after,
body.flexcyon-status-style-pl10k .status-bar .status-bar-item + .status-bar-item:not([style="display: none;"])::after {
  content: "e";
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 70% 50%);
}
body.flexcyon-flex-max-mode .status-bar :first-child:empty,
body.flexcyon-flex-max-mode .status-bar :first-child.status-bar-item,
body.flexcyon-status-style-pl10k .status-bar :first-child:empty,
body.flexcyon-status-style-pl10k .status-bar :first-child.status-bar-item {
  padding-inline: 8px;
  border-start-start-radius: 16px;
  border-end-start-radius: 16px;
}
body.flexcyon-flex-max-mode .status-bar :last-child.status-bar-item,
body.flexcyon-status-style-pl10k .status-bar :last-child.status-bar-item {
  margin-inline-end: 12px;
  border-start-end-radius: 16px;
  border-end-end-radius: 16px;
}
body.flexcyon-flex-max-mode .status-bar :nth-child(2n+1).status-bar-item,
body.flexcyon-status-style-pl10k .status-bar :nth-child(2n+1).status-bar-item {
  background-color: var(--color-base-20);
}
body.flexcyon-flex-max-mode .status-bar :nth-child(2n+1).status-bar-item::after,
body.flexcyon-status-style-pl10k .status-bar :nth-child(2n+1).status-bar-item::after {
  background-color: var(--color-base-05);
}
body.flexcyon-flex-max-mode .status-bar :nth-child(2n).status-bar-item,
body.flexcyon-status-style-pl10k .status-bar :nth-child(2n).status-bar-item {
  background-color: var(--color-base-05);
}
body.flexcyon-flex-max-mode .status-bar :nth-child(2n).status-bar-item::after,
body.flexcyon-status-style-pl10k .status-bar :nth-child(2n).status-bar-item::after {
  background-color: var(--color-base-20);
}
body.flexcyon-flex-max-mode .status-bar :nth-last-child(2).status-bar-item::after,
body.flexcyon-flex-max-mode .status-bar :last-child.status-bar-item::after,
body.flexcyon-status-style-pl10k .status-bar :nth-last-child(2).status-bar-item::after,
body.flexcyon-status-style-pl10k .status-bar :last-child.status-bar-item::after {
  background-color: transparent;
}

/* obsi-snip-coll start: ascii-art */
body.theme-dark {
  --flexcyon-new-tab-bg-wrapper: linear-gradient(
    to right,
    var(--text-accent),
    var(--color-purple)
  );
}

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

body {
  --flexcyon-ascii-max-font-size: 14px;
  --flexcyon-ascii-max-width: 50rem;
  --flexcyon-quote-font-size: 24px;
  --flexcyon-ascii-line-height: 1.5;
  --flexcyon-ascii-scaling-factor: 1;
  --flexcyon-quote-val: "This is a placeholder quote\ain the Flexcyon Theme.";
  --flexcyon-quote-credit-prefix: "-";
  --flexcyon-quote-credit: "bladeacer";
  --flexcyon-ascii-art: " \a\
         fjlj dlkg1                    un       cj                            \a\
       nze     1byk                   xh       gh                             \a\
       yg       hy     ksud fv      dza       je     fhhif1 dj    bil  j5dhjb \a\
    opvysppc    zo       jzuk      lv4       l0    gk       1le  1lb  il   lj \a\
      oz       iy       auy9      ss       ak4     mb         l0lig   mb   la \a\
      xt       hylfk  aul wrfb   vk       fis       lb0bg8    6mle   cm1  cl1 \a\
     fye        366            axd       hf                 s0if     1    s1  \a\
  0ruo0                                                   sjg9l               \a\a\a";
  --flexcyon-ascii-alignment: left;
  --flexcyon-new-tab-font-group: var(--font-monospace);
}
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 .empty-state-container {
  content-visibility: auto;
}

body.flexcyon-flex-max-mode div.empty-state,
body.flexcyon-ascii-enable div.empty-state {
  content-visibility: auto;
}
body.flexcyon-flex-max-mode div.empty-state-title,
body.flexcyon-ascii-enable div.empty-state-title {
  display: unset;
}
body.flexcyon-flex-max-mode div.empty-state-container,
body.flexcyon-ascii-enable div.empty-state-container {
  max-inline-size: var(--flexcyon-ascii-max-width);
  max-block-size: unset;
  scale: var(--flexcyon-ascii-scaling-factor);
}
body.flexcyon-flex-max-mode .reveal .pause-overlay::before,
body.flexcyon-flex-max-mode div.empty-state-container::before,
body.flexcyon-ascii-enable .reveal .pause-overlay::before,
body.flexcyon-ascii-enable div.empty-state-container::before {
  display: inline-block;
  font-family: var(--flexcyon-new-tab-font-group);
  font-size: min(5vw - 3px, var(--flexcyon-ascii-max-font-size));
  font-weight: bold;
  line-height: var(--flexcyon-ascii-line-height);
  text-align: var(--flexcyon-ascii-alignment);
  white-space: pre;
  content: var(--flexcyon-ascii-art);
  background: var(--flexcyon-new-tab-bg-wrapper);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.flexcyon-flex-max-mode .reveal .pause-overlay::before,
body.flexcyon-ascii-enable .reveal .pause-overlay::before {
  position: absolute;
  inset: 0 0 40px 32px;
  max-inline-size: max-content;
  max-block-size: max-content;
  margin: auto;
  line-height: calc(var(--flexcyon-ascii-line-height) + 0.21);
}

body.is-mobile.flexcyon-flex-max-mode .workspace-leaf > div > div > div.empty-state > div.empty-state-container::before,
body.is-mobile.flexcyon-ascii-enable .workspace-leaf > div > div > div.empty-state > div.empty-state-container::before {
  margin-block-end: 1rem;
  font-size: min(3.5vw - 3px, var(--flexcyon-ascii-max-font-size));
  line-height: 0.81;
}

/* obsi-snip-coll end */
body.flexcyon-flex-max-mode .workspace-leaf > div > div > div.empty-state > div.empty-state-title,
body.flexcyon-empty-state-title-disable .workspace-leaf > div > div > div.empty-state > div.empty-state-title {
  display: none;
}

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

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

body.flexcyon-rtz-mode .workspace-leaf > div > div > div.empty-state > div.empty-state-container::before {
  display: inline-block;
  font-family: var(--flexcyon-new-tab-font-group);
  font-size: calc(10 * var(--flexcyon-ascii-max-font-size));
  font-weight: bold;
  line-height: var(--flexcyon-ascii-line-height);
  text-align: center;
  white-space: pre;
  content: "0" !important;
  background: var(--text-accent);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.flexcyon-rtz-mode .workspace-leaf > div > div > div.empty-state > div.empty-state-action-list {
  display: none;
}
body.flexcyon-rtz-mode .workspace-leaf > div > div > div.empty-state > .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 {
  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 {
  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;
}

/* obsi-snip-coll start: number-tabs */
body.flexcyon-rtz-mode,
body.flexcyon-number-tabs {
  counter-reset: numTab 0;
}
body.flexcyon-rtz-mode .workspace-tab-header-inner-title::before,
body.flexcyon-number-tabs .workspace-tab-header-inner-title::before {
  margin-inline-end: 12px;
  overflow: hidden;
  font-size: var(--font-ui-medium);
  font-weight: bold;
  color: inherit;
  content: counter(numTab);
}
body.flexcyon-rtz-mode .workspace-tab-header,
body.flexcyon-number-tabs .workspace-tab-header {
  counter-increment: numTab;
}
body.flexcyon-rtz-mode .mod-stacked .workspace-tab-header-inner-title::before,
body.flexcyon-number-tabs .mod-stacked .workspace-tab-header-inner-title::before {
  margin-block-end: 12px;
}

/* obsi-snip-coll end */
body.flexcyon-rtz-mode,
body.flexcyon-remove-tab-headers {
  --tab-stacked-font-size: 0px;
}
body.flexcyon-rtz-mode .workspace-tabs .workspace-tab-header,
body.flexcyon-remove-tab-headers .workspace-tabs .workspace-tab-header {
  --tab-width: 90px;
}
body.flexcyon-rtz-mode .workspace-tabs .workspace-tab-header .workspace-tab-header-inner-title,
body.flexcyon-remove-tab-headers .workspace-tabs .workspace-tab-header .workspace-tab-header-inner-title {
  font-size: 0;
}
body.flexcyon-rtz-mode .workspace-tabs .workspace-tab-header .workspace-tab-header-inner-title::before,
body.flexcyon-remove-tab-headers .workspace-tabs .workspace-tab-header .workspace-tab-header-inner-title::before {
  margin-inline-end: 0;
}

body {
  --flexcyon-top-actions-alignment: center;
  --flexcyon-media-embed-vertical-margin: 8px;
  --modal-border-color: var(--color-base-10);
  --toggle-thumb-color: var(--text-on-accent);
  --ribbon-width: 48px;
  --file-line-width: 50rem;
  --vault-name-color: var(--interactive-accent);
  --ribbon-background-collapsed: var(--ribbon-background);
  --workspace-background-translucent: unset;
  --hr-color: #393e48;
  --flexcyon-cust-hr-str-horiz-padding: 8px;
  --flexcyon-cust-hr-str-font-size: 1.118em;
  --flexcyon-cust-hr-str: "f";
}
body button.mod-cta,
body button.mod-warning {
  color: var(--background-primary);
}
body:not(.is-mobile) div.nav-buttons-container {
  justify-content: var(--flexcyon-top-actions-alignment);
  opacity: calc(var(--dimmed) + 0.2);
}
body:not(.is-mobile) div.nav-buttons-container:hover {
  opacity: unset;
}
body .workspace-sidedock-vault-profile .workspace-drawer-vault-actions {
  gap: 4px;
}
body .tree-item-flair {
  color: var(--text-muted);
}
body .workspace-ribbon {
  border-inline-end: 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(--color-purple);
}
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 div.modal-content.vertical-tabs-container > div.vertical-tab-header > div > div.vertical-tab-header-group-items div.vertical-tab-nav-item.is-active div.vertical-tab-nav-item-icon {
  padding-inline-start: 4px;
  color: var(--text-accent);
}
body .notice {
  color: var(--text-normal);
}

body.flexcyon-enable-alt-active-item-effect .vertical-tab-nav-item {
  padding-inline-start: 0.5rem;
}
body.flexcyon-enable-alt-active-item-effect .vertical-tab-nav-item.search-settings-input {
  padding-inline-start: 0.1rem;
}
body.flexcyon-enable-alt-active-item-effect .vertical-tab-nav-item.is-active {
  padding-inline-start: 0.75rem;
  color: var(--text-accent);
  background: linear-gradient(to right, transparent 0%, var(--color-base-20) 7.5%, var(--color-base-20) 87.5%, transparent 100%);
}
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) 0;
}

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

body .cm-hr {
  color: var(--text-faint);
}

body.flexcyon-hr-no-reading .markdown-reading-view .el-hr {
  display: none;
}

body.flexcyon-flex-max-mode .el-hr::before,
body.flexcyon-flex-max-mode .hr::before,
body.flexcyon-cust-str-hr .el-hr::before,
body.flexcyon-cust-str-hr .hr::before {
  position: absolute;
  inset-inline: 0px 0;
  display: flex;
  justify-content: center;
  inline-size: fit-content;
  max-inline-size: 85%;
  padding: 0 var(--flexcyon-cust-hr-str-horiz-padding);
  margin: 0 auto;
  font-size: var(--flexcyon-cust-hr-str-font-size);
  font-style: italic;
  color: var(--hr-color);
  content: var(--flexcyon-cust-hr-str);
  background-color: var(--background-primary);
}
body.flexcyon-flex-max-mode .el-hr::before,
body.flexcyon-cust-str-hr .el-hr::before {
  transform: translateY(-12px);
}
body.flexcyon-flex-max-mode .markdown-embed:has(.el-hr) .markdown-preview-sizer,
body.flexcyon-cust-str-hr .markdown-embed:has(.el-hr) .markdown-preview-sizer {
  padding-block-end: 12px !important;
}

body.flexcyon-ribbon-top {
  --ribbon-width: max-content;
}
body.flexcyon-ribbon-top .workspace .workspace-ribbon {
  position: absolute;
  inset-block-start: -40px;
  padding-inline-start: 8px;
  margin-inline-start: 8px;
}
body.flexcyon-ribbon-top .workspace .workspace-ribbon .side-dock-actions {
  flex-direction: row;
  padding-inline-end: 150vw;
  margin-inline-start: 48px;
}
body.flexcyon-ribbon-top .workspace .workspace-split {
  padding-block-start: 48px;
}

body.flexcyon-vault-switch-top .workspace-split:has(> .workspace-sidedock-vault-profile) {
  flex-direction: column-reverse;
}

body.flexcyon-reverse-mode .workspace-sidedock-vault-profile,
body.flexcyon-vault-reverse .workspace-sidedock-vault-profile {
  flex-direction: row-reverse;
}

.drag-ghost-hidden::before {
  background-color: oklch(from var(--interactive-accent) l c h/30%);
}

.workspace-leaf.is-highlighted::before {
  background-color: oklch(from var(--interactive-accent) l c h/25%);
}

@media (hover: hover) {
  .card.u-clickable:hover {
    background-color: oklch(from var(--interactive-accent) l c h/10%);
  }
}
.card.is-selected {
  background-color: oklch(from var(--interactive-accent) l c h/20%);
}

.tree-item-self.is-being-dragged-over {
  background: oklch(from var(--interactive-accent) l c h/10%);
}

.app-container .view-content:has(.tategaki) .markdown-preview-section {
  max-inline-size: 95%;
  min-block-size: 0 !important;
  max-block-size: 85vh;
  padding-block: 7.5vh 0 !important;
  margin: auto;
  overflow: scroll;
  overscroll-behavior: contain;
  line-height: 1.61;
  text-indent: 1rem;
  writing-mode: vertical-rl;
}
.app-container .view-content:has(.tategaki) .markdown-preview-section div > :is(h1, h2, h3, h4, h5, h6) {
  margin-block-start: 0;
  line-height: 1.61;
}
.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 {
  max-inline-size: 95%;
  min-block-size: 0 !important;
  max-block-size: 85vh;
  padding-block: 7.5vh 0 !important;
  margin: auto;
  overflow: scroll;
  overscroll-behavior: contain;
  line-height: 1.61;
  text-indent: 1rem;
  writing-mode: vertical-lr;
}
.app-container .view-content:has(.vertical-ltr) .markdown-preview-section div > :is(h1, h2, h3, h4, h5, h6) {
  margin-block-start: 0;
  line-height: 1.61;
}
.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.flexcyon-no-inline-title .inline-title,
.no-inline-title .inline-title {
  display: none;
}

.no-view-header .view-header {
  display: none;
}

body {
  --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: cover;
  --flexcyon-bg-image-position: center;
  --flexcyon-modal-bg-url: url("");
  --flexcyon-modal-image-blend-mode: darken;
  --flexcyon-modal-image-repeat: no-repeat;
  --flexcyon-modal-image-blur: 0px;
  --flexcyon-modal-image-brightness: 2;
  --flexcyon-modal-image-size: cover;
  --flexcyon-modal-image-position: center;
  --flexcyon-modal-dark-intensity: 1;
}
@container style(--flexcyon-bg-image-sidebar-left-url: url("")) {
  body .mod-left-split:not(.is-sidedock-collapsed) .workspace-leaf-content {
    background-color: var(--background-secondary);
  }
}
@container style(--flexcyon-bg-image-sidebar-right-url: url("")) {
  body .mod-right-split:not(.is-sidedock-collapsed) .workspace-leaf-content {
    background-color: var(--background-secondary);
  }
}
@container not style(--flexcyon-bg-image-sidebar-left-url: url("")) {
  body .mod-left-split:not(.is-sidedock-collapsed) .workspace-leaf-content {
    image-rendering: auto;
    background-image: var(--flexcyon-bg-image-sidebar-left-url);
    background-position: var(--flexcyon-bg-image-position);
    background-size: var(--flexcyon-bg-image-size);
    background-blend-mode: var(--flexcyon-bg-image-blend-mode);
    --nav-item-background-hover: transparent;
  }
  body .mod-left-split:not(.is-sidedock-collapsed) .workspace-leaf-content > div {
    backdrop-filter: brightness(var(--flexcyon-bg-image-brightness)) blur(var(--flexcyon-bg-image-blur));
  }
  body .mod-left-split:not(.is-sidedock-collapsed) .workspace-leaf-content > div.oz-nav-buttons-right-block {
    backdrop-filter: none;
  }
}
@container not style(--flexcyon-bg-image-sidebar-right-url: url("")) {
  body .mod-right-split:not(.is-sidedock-collapsed) .workspace-leaf-content {
    image-rendering: auto;
    background-image: var(--flexcyon-bg-image-sidebar-right-url);
    background-position: var(--flexcyon-bg-image-position);
    background-size: var(--flexcyon-bg-image-size);
    background-blend-mode: var(--flexcyon-bg-image-blend-mode);
    --nav-item-background-hover: transparent;
  }
  body .mod-right-split:not(.is-sidedock-collapsed) .workspace-leaf-content > div {
    backdrop-filter: brightness(var(--flexcyon-bg-image-brightness)) blur(var(--flexcyon-bg-image-blur));
  }
  body .mod-right-split:not(.is-sidedock-collapsed) .workspace-leaf-content > div.oz-nav-buttons-right-block {
    backdrop-filter: none;
  }
}
body .modal-bg {
  image-rendering: auto;
  background-image: var(--flexcyon-modal-bg-url);
  background-position: var(--flexcyon-modal-image-position);
  background-size: var(--flexcyon-modal-image-size);
  background-blend-mode: var(--flexcyon-modal-image-blend-mode);
  opacity: var(--flexcyon-modal-dark-intensity) !important;
  filter: brightness(var(--flexcyon-modal-image-brightness)) blur(var(--flexcyon-modal-image-blur));
}

/* obsi-snip-coll start: cursor-type */
body {
  --flexcyon-cursor-type: auto;
  cursor: var(--flexcyon-cursor-type);
}

/* obsi-snip-coll end */
body.flexcyon-disable-vim-cursor-blink .cm-cursorLayer {
  animation: none !important;
}

.cm-animate-fat-cursor {
  color: inherit;
}

.cm-fat-cursor-mark {
  color: inherit;
  background-color: var(--interactive-accent);
}

body .is-flashing {
  color: inherit;
}

/* obsi-snip-coll start: smooth-cursor */
body.flexcyon-enable-smooth-cursor {
  --flexcyon-cursor-duration: 42.5ms;
  --flexcyon-cursor-timing-fn: ease-in;
  --flexcyon-cursor-min-width: unset;
}
body.flexcyon-enable-smooth-cursor .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .cm-cursor-primary {
  min-inline-size: var(--flexcyon-cursor-min-width);
  transition: transform var(--flexcyon-cursor-duration) var(--flexcyon-cursor-timing-fn);
}

/* obsi-snip-coll end */
body {
  --flexcyon-view-header-breadcrumb-max-w: 12.5vw;
  --flexcyon-mode-view-header-title-verti-padding: 4px;
  --flexcyon-mode-view-header-title-horiz-padding: 12px;
}
body .view-header-breadcrumb {
  max-inline-size: var(--flexcyon-view-header-breadcrumb-max-w);
  overflow: hidden;
  text-overflow: ellipsis;
}

body {
  --flexcyon-anim-duration: 300ms;
  --flexcyon-anim-easing: ease-in-out;
  --flexcyon-anim-slide-amount: 56.6311px;
  --flexcyon-anim-rotate-amount: 50deg;
  --flexcyon-anim-start-scale-amt: 0.33;
  --flexcyon-anim-start-opacity: 0.55;
}

@keyframes slide-in-left {
  0% {
    opacity: var(--flexcyon-anim-start-opacity);
    transform: translateX(calc(var(--flexcyon-anim-slide-amount) * -1));
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide-in-right {
  0% {
    opacity: var(--flexcyon-anim-start-opacity);
    transform: translateX(var(--flexcyon-anim-slide-amount));
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide-in-tb {
  0% {
    opacity: var(--flexcyon-anim-start-opacity);
    transform: translateY(calc(var(--flexcyon-anim-slide-amount) * -1));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-in-bt {
  0% {
    opacity: var(--flexcyon-anim-start-opacity);
    transform: translateY(var(--flexcyon-anim-slide-amount));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes spin-in-rl {
  0% {
    opacity: var(--flexcyon-anim-start-opacity);
    transform: rotateY(var(--flexcyon-anim-rotate-amount));
  }
  100% {
    opacity: 1;
    transform: rotateY(0);
  }
}
@keyframes spin-in-bt {
  0% {
    opacity: var(--flexcyon-anim-start-opacity);
    transform: rotateX(var(--flexcyon-anim-rotate-amount));
  }
  100% {
    opacity: 1;
    transform: rotateX(0);
  }
}
@keyframes scale-up {
  0% {
    opacity: var(--flexcyon-anim-start-opacity);
    transform: scale(var(--flexcyon-anim-start-scale-amt));
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fade-in {
  0% {
    opacity: var(--flexcyon-anim-start-opacity);
  }
  100% {
    opacity: 1;
  }
}
body.flexcyon-anims-scale-up .mod-stacked .workspace-leaf.mod-active .workspace-leaf-content:not([data-type=file-explorer],
[data-type=undefined]),
body.flexcyon-anims-scale-up .workspace-leaf.mod-active .view-content {
  animation: scale-up var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);
}

body.flexcyon-anims-slide-rtl .mod-stacked .workspace-leaf.mod-active .workspace-leaf-content:not([data-type=file-explorer],
[data-type=undefined]),
body.flexcyon-anims-slide-rtl .workspace-leaf.mod-active .view-content {
  animation: slide-in-right var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);
}

body.flexcyon-anims-slide-ltr .mod-stacked .workspace-leaf.mod-active .workspace-leaf-content:not([data-type=file-explorer],
[data-type=undefined]),
body.flexcyon-anims-slide-ltr .workspace-leaf.mod-active .view-content {
  animation: slide-in-left var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);
}

body.flexcyon-anims-slide-tb .mod-stacked .workspace-leaf.mod-active .workspace-leaf-content:not([data-type=file-explorer],
[data-type=undefined]),
body.flexcyon-anims-slide-tb .workspace-leaf.mod-active .view-content {
  animation: slide-in-tb var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);
}

body.flexcyon-anims-slide-bt .mod-stacked .workspace-leaf.mod-active .workspace-leaf-content:not([data-type=file-explorer],
[data-type=undefined]),
body.flexcyon-anims-slide-bt .workspace-leaf.mod-active .view-content {
  animation: slide-in-bt var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);
}

body.flexcyon-anims-spin-rl .mod-stacked .workspace-leaf.mod-active .workspace-leaf-content:not([data-type=file-explorer],
[data-type=undefined]),
body.flexcyon-anims-spin-rl .workspace-leaf.mod-active .view-content {
  animation: spin-in-rl var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);
}

body.flexcyon-anims-spin-bt .mod-stacked .workspace-leaf.mod-active .workspace-leaf-content:not([data-type=file-explorer],
[data-type=undefined]),
body.flexcyon-anims-spin-bt .workspace-leaf.mod-active .view-content {
  animation: spin-in-bt var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);
}

body.flexcyon-anims-fade-in .mod-stacked .workspace-leaf.mod-active .workspace-leaf-content:not([data-type=file-explorer],
[data-type=undefined]),
body.flexcyon-anims-fade-in .workspace-leaf.mod-active .view-content {
  animation: fade-in var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);
}

body.flexcyon-modal-anims-scale-up .modal,
body.flexcyon-modal-anims-scale-up .prompt {
  animation: scale-up var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);
}

body.flexcyon-anims-modal-scale-up.flexcyon-anim-style-settings-contain .style-settings-container {
  animation: scale-up var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);
}

body.flexcyon-modal-anims-slide-rtl .modal,
body.flexcyon-modal-anims-slide-rtl .prompt {
  animation: slide-in-right var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);
}

body.flexcyon-anims-modal-slide-rtl.flexcyon-anim-style-settings-contain .style-settings-container {
  animation: slide-in-right var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);
}

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

body.flexcyon-anims-modal-slide-ltr.flexcyon-anim-style-settings-contain .style-settings-container {
  animation: slide-in-left var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);
}

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

body.flexcyon-anims-modal-slide-tb.flexcyon-anim-style-settings-contain .style-settings-container {
  animation: slide-in-tb var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);
}

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

body.flexcyon-anims-modal-slide-bt.flexcyon-anim-style-settings-contain .style-settings-container {
  animation: slide-in-bt var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);
}

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

body.flexcyon-anims-modal-spin-rl.flexcyon-anim-style-settings-contain .style-settings-container {
  animation: spin-in-rl var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);
}

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

body.flexcyon-anims-modal-spin-bt.flexcyon-anim-style-settings-contain .style-settings-container {
  animation: spin-in-bt var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);
}

body.flexcyon-modal-anims-fade-in .modal,
body.flexcyon-modal-anims-fade-in .prompt {
  animation: fade-in var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);
}

body.flexcyon-anims-modal-fade-in.flexcyon-anim-style-settings-contain .style-settings-container {
  animation: fade-in var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);
}

body {
  --settings-background: var(--color-base-05);
  --setting-items-background: unset;
  --setting-items-padding: 2px 0px;
  --setting-items-radius: unset;
  --flexcyon-comm-item-opacity: 0.89;
  --flexcyon-comm-text-padding: 4px 16px;
}
body .mod-community-modal .modal-sidebar .setting-item.mod-toggle {
  padding: 4px 16px;
}
body .mod-settings hr {
  border-color: transparent;
}
body .setting-item-heading .setting-item-name {
  font-size: var(--font-ui-large);
}
body .mod-community-modal .modal-sidebar:not(:has(+ .community-modal-details)) .setting-item.mod-toggle {
  margin-block-start: -8px;
}
body .community-modal-controls {
  padding-inline: 4px;
}
body .community-item {
  padding: 8px 0;
  background-color: var(--color-base-00);
}
body .community-item div {
  margin-inline: 8px;
}
body .community-item img {
  padding: 8px;
  padding-block-end: 4px;
  margin: 0;
}
body .modal-sidebar {
  padding: 16px 8px;
}
body .community-modal-search-summary {
  padding: 4px 16px;
  margin-inline-start: 4px;
}
body .community-modal-search-results {
  gap: 12px;
  padding: 16px;
}
body .community-modal-info hr {
  display: none;
}
body .setting-item {
  border-block-start: none;
}
body .setting-item.setting-item-heading .setting-item-name {
  padding-inline-end: 4px;
  line-height: 1.51;
}
body .setting-item + div > .setting-item-heading,
body .setting-item + .setting-item-heading {
  margin-block-start: 1.5em;
}
body .setting-group .setting-item-heading {
  padding: 0;
}
body .setting-group .setting-group-search {
  padding-block: 0 12px;
}
body .horizontal-tab-nav-item,
body .vertical-tab-nav-item {
  padding: calc(var(--size-4-1) + 1px) var(--size-4-2);
  margin-block-end: 1px;
  font-size: calc(var(--font-ui-medium) - 0.75px);
}

body.flexcyon-no-settings-icons .mod-settings .vertical-tab-nav-item-icon {
  display: none;
}

body.flexcyon-no-keychain-setting-item .mod-settings .vertical-tab-nav-item[data-setting-id=keychain] {
  display: none;
}

body.flexcyon-workspace-card-layout .community-modal-info-name {
  padding: var(--flexcyon-comm-text-padding);
  padding-block-start: 16px;
  margin-block: 8px 0;
  border: 2px solid var(--text-faint);
  border-block-end: 0;
  border-start-start-radius: 16px;
  border-start-end-radius: 16px;
}
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 {
  padding: var(--flexcyon-comm-text-padding);
  overflow-wrap: break-word;
  border: 2px solid var(--text-faint);
  border-block-start: 0;
  border-block-end: 0;
}
body.flexcyon-workspace-card-layout .community-modal-info-desc {
  margin-block-start: 0;
}
body.flexcyon-workspace-card-layout .community-modal-info-downloads {
  inline-size: 100%;
  margin-block-start: 0;
}
body.flexcyon-workspace-card-layout .community-modal-button-container {
  padding: 16px;
  padding-block-end: 24px;
  margin: 0;
  border: 2px solid var(--text-faint);
  border-block-start: 0;
  border-end-start-radius: 16px;
  border-end-end-radius: 16px;
}
body.flexcyon-workspace-card-layout .community-modal-readme {
  margin-block-start: 32px;
}

body.flexcyon-flex-max-mode:not(.is-phone) div.community-modal-search-results div.community-item,
body.flexcyon-settings-comm-item-enabled:not(.is-phone) div.community-modal-search-results div.community-item {
  opacity: var(--flexcyon-comm-item-opacity);
}
body.flexcyon-flex-max-mode:not(.is-phone) div.community-modal-search-results div.community-item.is-selected,
body.flexcyon-settings-comm-item-enabled:not(.is-phone) div.community-modal-search-results div.community-item.is-selected {
  font-weight: 525;
  border: unset;
  opacity: unset;
}
body.flexcyon-flex-max-mode:not(.is-phone) div.community-item div.community-item-name span.flair.mod-pop,
body.flexcyon-settings-comm-item-enabled:not(.is-phone) div.community-item div.community-item-name span.flair.mod-pop {
  position: absolute;
  inset-block-start: 0.7rem;
  inset-inline-end: 0.5rem;
  color: var(--color-base-25);
  background-color: var(--text-accent);
}
body.flexcyon-flex-max-mode:not(.is-phone) .community-item.is-selected,
body.flexcyon-settings-comm-item-enabled:not(.is-phone) .community-item.is-selected {
  background-color: var(--color-base-20);
}
body.flexcyon-flex-max-mode:not(.is-phone) .community-item-name,
body.flexcyon-settings-comm-item-enabled:not(.is-phone) .community-item-name {
  inline-size: 60%;
  overflow: visible;
  text-overflow: clip;
  color: var(--color-blue);
  white-space: normal;
}
body.flexcyon-flex-max-mode:not(.is-phone) .community-item-downloads,
body.flexcyon-flex-max-mode:not(.is-phone) .community-modal-info-downloads,
body.flexcyon-settings-comm-item-enabled:not(.is-phone) .community-item-downloads,
body.flexcyon-settings-comm-item-enabled:not(.is-phone) .community-modal-info-downloads {
  color: oklch(from var(--color-cyan) l c h/var(--flexcyon-comm-item-opacity));
}
body.flexcyon-flex-max-mode:not(.is-phone) .community-item-updated,
body.flexcyon-settings-comm-item-enabled:not(.is-phone) .community-item-updated {
  color: oklch(from var(--color-cyan) l c h/calc(var(--flexcyon-comm-item-opacity) - 0.1));
}
body.flexcyon-flex-max-mode:not(.is-phone) .community-modal-info-version,
body.flexcyon-settings-comm-item-enabled:not(.is-phone) .community-modal-info-version {
  color: oklch(from var(--color-green)/calc(var(--flexcyon-comm-item-opacity) - 0.1));
}

body.flexcyon-flex-max-mode:not([class*=iconic]) div.setting-item-control .checkbox-container,
body.flexcyon-settings-smiley-icons-enabled.flexcyon-ensure-plugin-icon:not([class*=iconic]) div.setting-item-control .checkbox-container,
body.flexcyon-settings-smiley-icons-enabled:not(.flexcyon-ensure-plugin-icon) div.setting-item-control .checkbox-container {
  font-weight: bolder;
  background-color: var(--color-base-05);
  box-shadow: unset;
}
body.flexcyon-flex-max-mode:not([class*=iconic]) div.setting-item-control .checkbox-container::after,
body.flexcyon-settings-smiley-icons-enabled.flexcyon-ensure-plugin-icon:not([class*=iconic]) div.setting-item-control .checkbox-container::after,
body.flexcyon-settings-smiley-icons-enabled:not(.flexcyon-ensure-plugin-icon) div.setting-item-control .checkbox-container::after {
  inline-size: fit-content;
  block-size: fit-content;
  color: var(--color-red);
  content: ":(";
  background-color: inherit;
  border-radius: 25%;
  box-shadow: unset;
  transform: translateY(-10%);
}
body.flexcyon-flex-max-mode:not([class*=iconic]) div.setting-item-control .checkbox-container.is-enabled::after,
body.flexcyon-settings-smiley-icons-enabled.flexcyon-ensure-plugin-icon:not([class*=iconic]) div.setting-item-control .checkbox-container.is-enabled::after,
body.flexcyon-settings-smiley-icons-enabled:not(.flexcyon-ensure-plugin-icon) div.setting-item-control .checkbox-container.is-enabled::after {
  color: var(--color-green);
  content: ":)";
  transform: translate(16px, -10%);
}
body.flexcyon-flex-max-mode:not([class*=iconic]) div.setting-item-control input.slider,
body.flexcyon-settings-smiley-icons-enabled.flexcyon-ensure-plugin-icon:not([class*=iconic]) div.setting-item-control input.slider,
body.flexcyon-settings-smiley-icons-enabled:not(.flexcyon-ensure-plugin-icon) div.setting-item-control input.slider {
  border-radius: unset;
}

/* obsi-snip-coll start: mobile-fixes */
body.is-mobile.theme-dark {
  --settings-home-background: var(--color-base-10);
  --settings-background: var(--color-base-10);
  --setting-items-background: var(--color-base-10);
  --menu-divider-color: transparent;
  --mobile-sidebar-background: var(--titlebar-background);
  --modal-background: var(--color-base-05);
}

body.is-phone,
body.is-mobile {
  --safe-area-inset-top: 28px;
}

.is-phone .nav-buttons-container {
  background-color: var(--color-base-00);
}

body.flexcyon-revert-nav-item-alignment.is-mobile .workspace-drawer-header {
  padding-block-end: 8px;
}
body.flexcyon-revert-nav-item-alignment.is-mobile .workspace-drawer-active-tab-container,
body.flexcyon-revert-nav-item-alignment.is-mobile .workspace-drawer-inner,
body.flexcyon-revert-nav-item-alignment.is-mobile .workspace-drawer-tab-options {
  flex-direction: column-reverse;
}
body.flexcyon-revert-nav-item-alignment.is-mobile .nav-files-container,
body.flexcyon-revert-nav-item-alignment.is-mobile .workspace-leaf,
body.flexcyon-revert-nav-item-alignment.is-mobile .workspace-leaf-content {
  overflow-y: scroll;
  overscroll-behavior: contain;
}
body.flexcyon-revert-nav-item-alignment.is-mobile .workspace-drawer-tab-options-list {
  position: relative;
}
body.flexcyon-revert-nav-item-alignment.is-mobile .workspace-drawer-active-tab-content > * {
  block-size: unset;
}
body.flexcyon-revert-nav-item-alignment.is-mobile .workspace-drawer-active-tab-container {
  gap: 2px;
}
body.flexcyon-revert-nav-item-alignment.is-mobile.is-phone .nav-buttons-container {
  inset-block: unset;
}
body.flexcyon-revert-nav-item-alignment.is-mobile.is-phone .nav-header ~ div:last-child {
  padding-block-start: 48px;
}
body.flexcyon-revert-nav-item-alignment.is-mobile .workspace-drawer-tab-options.is-collapsed .workspace-drawer-tab-options-list {
  display: none;
}

/* obsi-snip-coll end */
body .modal-title {
  padding-block-end: 16px;
}
body .modal-content {
  background-color: var(--modal-background);
}

body {
  --flexcyon-img-border-radius: 16px;
}
body .image-embed:not[alt*=banner] img,
body .image-container img {
  border-radius: var(--flexcyon-img-border-radius);
}

body {
  --flexcyon-style-settings-indent-width: 4px;
}
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);
}

body:not(.css-settings-manager) .app-container::after {
  inset-inline: 0px 2px;
  z-index: 999;
  display: flex;
  justify-content: center;
  inline-size: fit-content;
  max-inline-size: 85%;
  padding: 16px;
  margin: 0 auto;
  margin-block-end: 48px;
  font-size: var(--font-ui-large);
  content: "Flexcyon works best with the Style Settings plugin, refer to the README or docs on how to install it.";
  background-color: var(--background-primary);
}

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

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

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

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

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

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

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

.setting-item-heading[data-level="6"],
.setting-item-heading[data-level="6"] + .style-settings-container {
  margin-inline-start: 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);
}

.style-settings-import,
.style-settings-export {
  text-decoration: none;
}

.style-settings-import {
  color: var(--color-blue);
}

.style-settings-container .setting-item[data-id=flexcyon-ascii-art] .setting-item-control input {
  --input-height: 48px;
  inline-size: min(40vw, 300px);
  overflow: visible;
  text-overflow: clip;
  white-space: collapse;
}

body:not(.flexcyon-coloured-headings) .style-settings-container .setting-item[data-id=flexcyon-h1-color] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-coloured-headings) .style-settings-container .setting-item[data-id=flexcyon-h1-color] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-coloured-headings) .style-settings-container .setting-item[data-id=flexcyon-h1-color]::before {
  content: "This setting requires 'Enable coloured headings' to be enabled first.";
}
body:not(.flexcyon-coloured-headings) .style-settings-container .setting-item[data-id=flexcyon-h2-color] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-coloured-headings) .style-settings-container .setting-item[data-id=flexcyon-h2-color] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-coloured-headings) .style-settings-container .setting-item[data-id=flexcyon-h2-color]::before {
  content: "This setting requires 'Enable coloured headings' to be enabled first.";
}
body:not(.flexcyon-coloured-headings) .style-settings-container .setting-item[data-id=flexcyon-h3-color] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-coloured-headings) .style-settings-container .setting-item[data-id=flexcyon-h3-color] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-coloured-headings) .style-settings-container .setting-item[data-id=flexcyon-h3-color]::before {
  content: "This setting requires 'Enable coloured headings' to be enabled first.";
}
body:not(.flexcyon-coloured-headings) .style-settings-container .setting-item[data-id=flexcyon-h4-color] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-coloured-headings) .style-settings-container .setting-item[data-id=flexcyon-h4-color] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-coloured-headings) .style-settings-container .setting-item[data-id=flexcyon-h4-color]::before {
  content: "This setting requires 'Enable coloured headings' to be enabled first.";
}
body:not(.flexcyon-coloured-headings) .style-settings-container .setting-item[data-id=flexcyon-h5-color] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-coloured-headings) .style-settings-container .setting-item[data-id=flexcyon-h5-color] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-coloured-headings) .style-settings-container .setting-item[data-id=flexcyon-h5-color]::before {
  content: "This setting requires 'Enable coloured headings' to be enabled first.";
}
body:not(.flexcyon-coloured-headings) .style-settings-container .setting-item[data-id=flexcyon-h6-color] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-coloured-headings) .style-settings-container .setting-item[data-id=flexcyon-h6-color] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-coloured-headings) .style-settings-container .setting-item[data-id=flexcyon-h6-color]::before {
  content: "This setting requires 'Enable coloured headings' to be enabled first.";
}

body:not(.flexcyon-enable-rel-nums) .style-settings-container .setting-item[data-id=flexcyon-no-num-with-relative] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-enable-rel-nums) .style-settings-container .setting-item[data-id=flexcyon-no-num-with-relative] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-enable-rel-nums) .style-settings-container .setting-item[data-id=flexcyon-no-num-with-relative]::before {
  content: "This setting requires 'Enable Relative Line Numbers' to be enabled first.";
}
body:not(.flexcyon-enable-rel-nums) .style-settings-container .setting-item[data-id=flexcyon-relative-num-only] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-enable-rel-nums) .style-settings-container .setting-item[data-id=flexcyon-relative-num-only] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-enable-rel-nums) .style-settings-container .setting-item[data-id=flexcyon-relative-num-only]::before {
  content: "This setting requires 'Enable Relative Line Numbers' to be enabled first.";
}
body:not(.flexcyon-enable-rel-nums) .style-settings-container .setting-item[data-id=flexcyon-select-relative-num] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-enable-rel-nums) .style-settings-container .setting-item[data-id=flexcyon-select-relative-num] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-enable-rel-nums) .style-settings-container .setting-item[data-id=flexcyon-select-relative-num]::before {
  content: "This setting requires 'Enable Relative Line Numbers' to be enabled first.";
}

body:not(.flexcyon-enable-smooth-cursor) .style-settings-container .setting-item[data-id=flexcyon-cursor-duration] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-enable-smooth-cursor) .style-settings-container .setting-item[data-id=flexcyon-cursor-duration] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-enable-smooth-cursor) .style-settings-container .setting-item[data-id=flexcyon-cursor-duration]::before {
  content: "This setting requires 'Enable Smooth Cursor' to be enabled first.";
}
body:not(.flexcyon-enable-smooth-cursor) .style-settings-container .setting-item[data-id=flexcyon-cursor-timing-fn] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-enable-smooth-cursor) .style-settings-container .setting-item[data-id=flexcyon-cursor-timing-fn] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-enable-smooth-cursor) .style-settings-container .setting-item[data-id=flexcyon-cursor-timing-fn]::before {
  content: "This setting requires 'Enable Smooth Cursor' to be enabled first.";
}
body:not(.flexcyon-enable-smooth-cursor) .style-settings-container .setting-item[data-id=flexcyon-cursor-min-width] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-enable-smooth-cursor) .style-settings-container .setting-item[data-id=flexcyon-cursor-min-width] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-enable-smooth-cursor) .style-settings-container .setting-item[data-id=flexcyon-cursor-min-width]::before {
  content: "This setting requires 'Enable Smooth Cursor' to be enabled first.";
}

body:not(.flexcyon-typewriter-mode) .style-settings-container .setting-item[data-id=flexcyon-typewriter-mode-opacity] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-typewriter-mode) .style-settings-container .setting-item[data-id=flexcyon-typewriter-mode-opacity] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-typewriter-mode) .style-settings-container .setting-item[data-id=flexcyon-typewriter-mode-opacity]::before {
  content: "This setting requires Typewriter Mode to be enabled first.";
}

body:not(.flexcyon-editor-writing) .style-settings-container .setting-item[data-id=flexcyon-editor-writing-indentation] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-editor-writing) .style-settings-container .setting-item[data-id=flexcyon-editor-writing-indentation] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-editor-writing) .style-settings-container .setting-item[data-id=flexcyon-editor-writing-indentation]::before {
  content: "This setting requires Writing Mode to be enabled first.";
}

body.flexcyon-no-inline-title .style-settings-container .setting-item[data-id=inline-title-size] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body.flexcyon-no-inline-title .style-settings-container .setting-item[data-id=inline-title-size] .setting-item-control {
  pointer-events: none;
}
body.flexcyon-no-inline-title .style-settings-container .setting-item[data-id=inline-title-size]::before {
  content: "This setting requires 'Do not display inline title' to be disabled first.";
}
body.flexcyon-no-inline-title .style-settings-container .setting-item[data-id=inline-title-weight] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body.flexcyon-no-inline-title .style-settings-container .setting-item[data-id=inline-title-weight] .setting-item-control {
  pointer-events: none;
}
body.flexcyon-no-inline-title .style-settings-container .setting-item[data-id=inline-title-weight]::before {
  content: "This setting requires 'Do not display inline title' to be disabled first.";
}
body.flexcyon-no-inline-title .style-settings-container .setting-item[data-id=inline-title-line-height] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body.flexcyon-no-inline-title .style-settings-container .setting-item[data-id=inline-title-line-height] .setting-item-control {
  pointer-events: none;
}
body.flexcyon-no-inline-title .style-settings-container .setting-item[data-id=inline-title-line-height]::before {
  content: "This setting requires 'Do not display inline title' to be disabled first.";
}

body:not(.flexcyon-file-exp-dimmed-file-exts-enabled) .style-settings-container .setting-item[data-id=flexcyon-exp-dimmed-nav-size] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-file-exp-dimmed-file-exts-enabled) .style-settings-container .setting-item[data-id=flexcyon-exp-dimmed-nav-size] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-file-exp-dimmed-file-exts-enabled) .style-settings-container .setting-item[data-id=flexcyon-exp-dimmed-nav-size]::before {
  content: "This setting requires 'Enable dimmed file extensions in file explorer' to be enabled first.";
}

body:not(.flexcyon-enable-active-indicator) .style-settings-container .setting-item[data-id=flexcyon-active-indicator] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-enable-active-indicator) .style-settings-container .setting-item[data-id=flexcyon-active-indicator] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-enable-active-indicator) .style-settings-container .setting-item[data-id=flexcyon-active-indicator]::before {
  content: "This setting requires 'Enable Active File Indicator' to be enabled first.";
}

body:not(.flexcyon-rainbow-folders) .style-settings-container .setting-item[data-id=flexcyon-is-bg-rainbow] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-rainbow-folders) .style-settings-container .setting-item[data-id=flexcyon-is-bg-rainbow] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-rainbow-folders) .style-settings-container .setting-item[data-id=flexcyon-is-bg-rainbow]::before {
  content: "This setting requires 'Rainbow folders' folder style to be enabled first.";
}

body:not(.flexcyon-status-hide-until-hover, .flexcyon-status-hide-until-hold) .style-settings-container .setting-item[data-id=flexcyon-status-hide-until-hover-text] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-status-hide-until-hover, .flexcyon-status-hide-until-hold) .style-settings-container .setting-item[data-id=flexcyon-status-hide-until-hover-text] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-status-hide-until-hover, .flexcyon-status-hide-until-hold) .style-settings-container .setting-item[data-id=flexcyon-status-hide-until-hover-text]::before {
  content: "This setting requires 'Hide until hover' or 'Hide until hold' to be enabled first.";
}
body:not(.flexcyon-status-hide-until-hover, .flexcyon-status-hide-until-hold) .style-settings-container .setting-item[data-id=flexcyon-status-hide-until-hover-translation] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-status-hide-until-hover, .flexcyon-status-hide-until-hold) .style-settings-container .setting-item[data-id=flexcyon-status-hide-until-hover-translation] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-status-hide-until-hover, .flexcyon-status-hide-until-hold) .style-settings-container .setting-item[data-id=flexcyon-status-hide-until-hover-translation]::before {
  content: "This setting requires 'Hide until hover' or 'Hide until hold' to be enabled first.";
}
body:not(.flexcyon-status-hide-until-hover, .flexcyon-status-hide-until-hold) .style-settings-container .setting-item[data-id=flexcyon-status-hide-hover-duration] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-status-hide-until-hover, .flexcyon-status-hide-until-hold) .style-settings-container .setting-item[data-id=flexcyon-status-hide-hover-duration] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-status-hide-until-hover, .flexcyon-status-hide-until-hold) .style-settings-container .setting-item[data-id=flexcyon-status-hide-hover-duration]::before {
  content: "This setting requires 'Hide until hover' or 'Hide until hold' to be enabled first.";
}
body:not(.flexcyon-status-hide-until-hover, .flexcyon-status-hide-until-hold) .style-settings-container .setting-item[data-id=flexcyon-status-hide-hover-function] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-status-hide-until-hover, .flexcyon-status-hide-until-hold) .style-settings-container .setting-item[data-id=flexcyon-status-hide-hover-function] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-status-hide-until-hover, .flexcyon-status-hide-until-hold) .style-settings-container .setting-item[data-id=flexcyon-status-hide-hover-function]::before {
  content: "This setting requires 'Hide until hover' or 'Hide until hold' to be enabled first.";
}

body:not(.flexcyon-status-text-mode) .style-settings-container .setting-item[data-id=flexcyon-status-reading-text] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-status-text-mode) .style-settings-container .setting-item[data-id=flexcyon-status-reading-text] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-status-text-mode) .style-settings-container .setting-item[data-id=flexcyon-status-reading-text]::before {
  content: "This setting requires 'Use text instead of icons for mode status' to be enabled first.";
}
body:not(.flexcyon-status-text-mode) .style-settings-container .setting-item[data-id=flexcyon-status-source-text] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-status-text-mode) .style-settings-container .setting-item[data-id=flexcyon-status-source-text] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-status-text-mode) .style-settings-container .setting-item[data-id=flexcyon-status-source-text]::before {
  content: "This setting requires 'Use text instead of icons for mode status' to be enabled first.";
}
body:not(.flexcyon-status-text-mode) .style-settings-container .setting-item[data-id=flexcyon-status-live-text] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-status-text-mode) .style-settings-container .setting-item[data-id=flexcyon-status-live-text] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-status-text-mode) .style-settings-container .setting-item[data-id=flexcyon-status-live-text]::before {
  content: "This setting requires 'Use text instead of icons for mode status' to be enabled first.";
}

body:not(.flexcyon-vim-mode-text-enable) .style-settings-container .setting-item[data-id=flexcyon-vim-left-positioning] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-vim-mode-text-enable) .style-settings-container .setting-item[data-id=flexcyon-vim-left-positioning] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-vim-mode-text-enable) .style-settings-container .setting-item[data-id=flexcyon-vim-left-positioning]::before {
  content: "This setting requires 'Enable Vim Mode Text' to be enabled first.";
}
body:not(.flexcyon-vim-mode-text-enable) .style-settings-container .setting-item[data-id=flexcyon-vim-bottom-positioning] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-vim-mode-text-enable) .style-settings-container .setting-item[data-id=flexcyon-vim-bottom-positioning] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-vim-mode-text-enable) .style-settings-container .setting-item[data-id=flexcyon-vim-bottom-positioning]::before {
  content: "This setting requires 'Enable Vim Mode Text' to be enabled first.";
}
body:not(.flexcyon-vim-mode-text-enable) .style-settings-container .setting-item[data-id=flexcyon-vim-insert-text] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-vim-mode-text-enable) .style-settings-container .setting-item[data-id=flexcyon-vim-insert-text] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-vim-mode-text-enable) .style-settings-container .setting-item[data-id=flexcyon-vim-insert-text]::before {
  content: "This setting requires 'Enable Vim Mode Text' to be enabled first.";
}
body:not(.flexcyon-vim-mode-text-enable) .style-settings-container .setting-item[data-id=flexcyon-vim-normal-text] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-vim-mode-text-enable) .style-settings-container .setting-item[data-id=flexcyon-vim-normal-text] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-vim-mode-text-enable) .style-settings-container .setting-item[data-id=flexcyon-vim-normal-text]::before {
  content: "This setting requires 'Enable Vim Mode Text' to be enabled first.";
}
body:not(.flexcyon-vim-mode-text-enable) .style-settings-container .setting-item[data-id=flexcyon-vim-command-text] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-vim-mode-text-enable) .style-settings-container .setting-item[data-id=flexcyon-vim-command-text] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-vim-mode-text-enable) .style-settings-container .setting-item[data-id=flexcyon-vim-command-text]::before {
  content: "This setting requires 'Enable Vim Mode Text' to be enabled first.";
}

body:not(.flexcyon-quote-enable) .style-settings-container .setting-item[data-id=flexcyon-quote-val] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-quote-enable) .style-settings-container .setting-item[data-id=flexcyon-quote-val] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-quote-enable) .style-settings-container .setting-item[data-id=flexcyon-quote-val]::before {
  content: "This setting requires 'Quote' in 'Add before empty state title' to be enabled first.";
}
body:not(.flexcyon-quote-enable) .style-settings-container .setting-item[data-id=flexcyon-quote-credit-prefix] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-quote-enable) .style-settings-container .setting-item[data-id=flexcyon-quote-credit-prefix] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-quote-enable) .style-settings-container .setting-item[data-id=flexcyon-quote-credit-prefix]::before {
  content: "This setting requires 'Quote' in 'Add before empty state title' to be enabled first.";
}
body:not(.flexcyon-quote-enable) .style-settings-container .setting-item[data-id=flexcyon-quote-credit] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-quote-enable) .style-settings-container .setting-item[data-id=flexcyon-quote-credit] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-quote-enable) .style-settings-container .setting-item[data-id=flexcyon-quote-credit]::before {
  content: "This setting requires 'Quote' in 'Add before empty state title' to be enabled first.";
}
body:not(.flexcyon-quote-enable) .style-settings-container .setting-item[data-id=flexcyon-quote-font-size] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-quote-enable) .style-settings-container .setting-item[data-id=flexcyon-quote-font-size] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-quote-enable) .style-settings-container .setting-item[data-id=flexcyon-quote-font-size]::before {
  content: "This setting requires 'Quote' in 'Add before empty state title' to be enabled first.";
}

body:not(.flexcyon-flex-max-mode, .flexcyon-ascii-enable) .style-settings-container .setting-item[data-id=flexcyon-ascii-art] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-flex-max-mode, .flexcyon-ascii-enable) .style-settings-container .setting-item[data-id=flexcyon-ascii-art] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-flex-max-mode, .flexcyon-ascii-enable) .style-settings-container .setting-item[data-id=flexcyon-ascii-art]::before {
  content: "This setting requires 'ASCII art' in 'Add before empty state title' to be enabled first.";
}
body:not(.flexcyon-flex-max-mode, .flexcyon-ascii-enable) .style-settings-container .setting-item[data-id=flexcyon-ascii-art-max-font-size] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-flex-max-mode, .flexcyon-ascii-enable) .style-settings-container .setting-item[data-id=flexcyon-ascii-art-max-font-size] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-flex-max-mode, .flexcyon-ascii-enable) .style-settings-container .setting-item[data-id=flexcyon-ascii-art-max-font-size]::before {
  content: "This setting requires 'ASCII art' in 'Add before empty state title' to be enabled first.";
}
body:not(.flexcyon-flex-max-mode, .flexcyon-ascii-enable) .style-settings-container .setting-item[data-id=flexcyon-ascii-line-height] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-flex-max-mode, .flexcyon-ascii-enable) .style-settings-container .setting-item[data-id=flexcyon-ascii-line-height] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-flex-max-mode, .flexcyon-ascii-enable) .style-settings-container .setting-item[data-id=flexcyon-ascii-line-height]::before {
  content: "This setting requires 'ASCII art' in 'Add before empty state title' to be enabled first.";
}
body:not(.flexcyon-flex-max-mode, .flexcyon-ascii-enable) .style-settings-container .setting-item[data-id=flexcyon-ascii-scaling-factor] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-flex-max-mode, .flexcyon-ascii-enable) .style-settings-container .setting-item[data-id=flexcyon-ascii-scaling-factor] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-flex-max-mode, .flexcyon-ascii-enable) .style-settings-container .setting-item[data-id=flexcyon-ascii-scaling-factor]::before {
  content: "This setting requires 'ASCII art' in 'Add before empty state title' to be enabled first.";
}
body:not(.flexcyon-flex-max-mode, .flexcyon-ascii-enable) .style-settings-container .setting-item[data-id=flexcyon-ascii-alignment] {
  cursor: not-allowed;
  opacity: var(--dimmed);
}
body:not(.flexcyon-flex-max-mode, .flexcyon-ascii-enable) .style-settings-container .setting-item[data-id=flexcyon-ascii-alignment] .setting-item-control {
  pointer-events: none;
}
body:not(.flexcyon-flex-max-mode, .flexcyon-ascii-enable) .style-settings-container .setting-item[data-id=flexcyon-ascii-alignment]::before {
  content: "This setting requires 'ASCII art' in 'Add before empty state title' to be enabled first.";
}

/*! 
@settings
name: flexcyon://About-Theme
id: flexcyon-about
settings:
  - title: About Theme
    type: info-text
    markdown: true
    description: flexcyon's colours are based on the Halcyon, Flexoki and Origami themes. You can find its [source code here](https://github.com/bladeacer/flexcyon). 

  - title: Design Principles
    type: info-text
    markdown: true
    description: 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.github.io/docs-en/). 如果您更熟悉中文, 请 [单击此处](https://flexcyon.github.io/docs-en/zh/) 查看中文文档。Translation is done on a best effort basis, though each update will have properly translated documentation before even being published.

  - title: "Is this style setting option available?"
    type: info-text
    markdown: true
    description: The Style Settings Plugin has a built-in search bar. That being said, the documentation is your friend with fuzzy search. The documentation also provides usage example and more information not found here. This includes the usage of CSS Classes and Callout Metadata that the theme comes with.
*/
/*! 
@settings
name: flexcyon://Modes
id: flexcyon-modes
settings:
  - title: About Modes
    type: info-text
    description: Configure modes of the theme.
  - title: Select Mode
    type: class-select
    description: Select between Flex Max preset mode, Return to Zero preset mode or customise your own flexcyon experience. More about Flex Max and Return to Zero modes can be found below and in the documentation.
    id: flexcyon-select-mode
    allowEmpty: false
    default: flexcyon-flex-max-mode
    options: 
      - 
        label: None
        value: none
      -
        label: Flex Max Mode
        value: flexcyon-flex-max-mode
      -
        label: Return To Zero Mode
        value: flexcyon-rtz-mode

  - title: Return To Zero Mode
    type: info-text
    description: Extreme minimalism inspired by Shimmering Focus theme. Will override some Style Settings options.

  - title: Flex Max Mode
    type: info-text
    description: An extremely opinionated set up which showcases the unique customisation in this theme, with features working out of the box. If some options are not too your taste you can disable this mode and customise the theme more yourself, it will reset the theme to a clean slate customisations wise. There are also other default options enabled which you may or may not like. Refer to the documentation for the list of options it enables on your behalf.

  - title: Typewriter Mode
    type: class-toggle
    description: Reduce opacity of all but the active line in source and live preview mode
    id: flexcyon-typewriter-mode
    default: false
  - title: Typewriter Mode Opacity
    id: flexcyon-typewriter-mode-opacity
    description: Opacity of dimmed non-active lines in typewriter mode
    type: variable-number
    default: 0.55
  - title: Reverse Mode
    type: class-toggle
    description: Reverses the rendering of stuff in the UI
    id: flexcyon-reverse-mode
    default: false
  - title: Writing Mode
    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
*/
/*! 
@settings
name: flexcyon://Accessibility
id: flexcyon-a11y
settings:
  - title: About accessibility
    type: info-text
    description: Toggle accessibility options. Current options let you configure brightness, contrast, saturation etc. for the theme's colours or globally.
    collapsed: true

  - title: Theme colour contrast offset
    description: Define the contrast offset for the theme's colours. For dark theme greater positive values increase contrast, the opposite is true for light theme.
    id: flexcyon-theme-contrast-offset
    type: variable-number-slider
    default: 0
    min: -0.3
    max: 0.3
    step: 0.01

  - title: About Theme colour warmth offset
    type: info-text
    markdown: true
    description: Because oklch is a cyclical colour space, here are some tips on getting the desired colour warmth.<br>Dark mode = very cool background, set towards -20 for cool colours, 130 towards warmer colours.<br>Light mode = somewhat warm background, set -70 toward to warmer colours, 80 towards cooler colours.<br>If you go beyond the ranges the colours would probably alternate from becoming cool to becoming warm and vice versa.<br>Do experiment with values ^_^.

  - title: Theme colour warmth offset
    description: Define the warmth offset the theme's colours.
    id: flexcyon-theme-warmth-offset
    type: variable-number
    default: 0

  - title: Theme colour brightness ratio
    description: Define the brightness ratio for the theme's colours.
    id: flexcyon-theme-brightness-ratio
    type: variable-number-slider
    default: 1
    min: 0
    max: 2
    step: 0.01

  - title: Theme colour saturation ratio
    description: Define the saturation ratio for the theme's colours.
    id: flexcyon-theme-saturation-ratio
    type: variable-number-slider
    default: 1
    min: 0
    max: 5
    step: 0.01

  - title: Global contrast ratio
    type: variable-number
    id: flexcyon-contrast-ratio
    default: 1
  - title: Global brightness ratio
    type: variable-number
    id: flexcyon-brightness-ratio
    default: 1
  - title: Global saturation ratio
    type: variable-number
    id: flexcyon-saturation-ratio
    default: 1
*/
/*! 
@settings
name: flexcyon://Mobile
id: flexcyon-mobile
settings:
  - title: About Mobile
    type: info-text
    description: Configure Style Settings related to mobile.
  - title: Revert to Pre 1.11 Navigation UI
    id: flexcyon-revert-nav-item-alignment
    type: class-toggle
    default: true
  - title: About Revert to Pre 1.11 Navigation UI
    description: Only works as intended for Obsidian versions equal to or greater than 1.11.

  - title: Show status bar on mobile
    id: flexcyon-status-mobile-enabled
    type: class-toggle
    default: false
*/
/*! 
@settings
name: flexcyon://Editor
id: flexcyon-editor
settings:
  - title: About Editor
    type: info-text
    description: Contains main editor related style settings. If you cannot find a particular setting, it is mostly likely here.

  - title: Colors
    type: heading
    level: 1
    collapsed: true
    description: Configure colours used in the theme. Click on the restore default button to properly preview most colours.

  - title: Accent Colors
    type: heading
    level: 2
    collapsed: false
    description: Configure definitions of colours like Red, Green, Blue, etc. Configure Extended Colour Palette.
  - title: Enable Extended Color Palette
    description: Required for extended color palette callouts to work. Flex Max enables this by default.
    id: flexcyon-ext-colors-enabled
    type: class-toggle
    default: false
  - id: flexcyon-accent
    title: Accent Color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: "#4B65B4"
    default-dark: "#a5bc84"
  - id: flexcyon-cyan
    title: Cyan Color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: "#3b9ba1"
    default-dark: "#3cb9c2"
  - id: flexcyon-lime-green
    title: Green Color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: "#599100"
    default-dark: "#a1c05c"
  - id: flexcyon-orange
    title: Orange Color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: "#a37e11"
    default-dark: "#ddad49"
  - id: flexcyon-yellow
    title: Yellow Color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: "#9b8211"
    default-dark: "#c29e42"
  - id: flexcyon-purple-lilac
    title: Purple Color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: "#6f49ae"
    default-dark: "#d89ff5"
  - id: flexcyon-red-salmon
    title: Red Color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: "#c03a47"
    default-dark: "#ff9880"
  - id: flexcyon-blue
    title: Blue Color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: "#3085dd"
    default-dark: "#7ab8fe"
  - id: flexcyon-pink
    title: Pink Color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: "#d451a0"
    default-dark: "#ff91cb"

  - title: Base Colors
    type: heading
    level: 2
    collapsed: false
  - id: flexcyon-base-01
    title: Base Color 01
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: "#f1f0ec"
    default-dark: "#14161c"
  - id: flexcyon-base-02
    title: Base Color 02
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: "#effaf2"
    default-dark: "#191d28"
  - id: flexcyon-base-03
    title: Base Color 03
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: "#e8f2eb"
    default-dark: "#24262c"
  - id: flexcyon-base-04
    title: Base Color 04
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: "#dae1dd"
    default-dark: "#4d566b"
  - id: flexcyon-base-05
    title: Base Color 05
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: "#d4dad6"
    default-dark: "#6f7685"
  - id: flexcyon-base-grey-dark
    title: Base dark grey
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: "#929190"
    default-dark: "#898c93"
  - id: flexcyon-base-grey-light
    title: Base light grey
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: "#080808"
    default-dark: "#d3d5d3"

  - title: Typography
    type: heading
    level: 1
    collapsed: true
    description: Configure typography of the theme. Configure Text, Highlight Text, Headings, Inline Title and UI Font Sizes. Click on the restore default button to properly preview most colours.

  - title: Text
    type: heading
    level: 2
    collapsed: true
    description: Configure text in the theme. Set colour, line height, word spacing and letter spacing. Use Settings > Apperance > Font to set Font size.
  - id: text-normal-col
    title: Normal Text color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: "#080808"
    default-dark: "#d3d5d3"
  - title: Muted text color
    id: flexcyon-text-muted
    type: variable-color
    opacity: true
    format: hex
    default: "#6f768599"
  - title: Bold Text Colour
    id: bold-color
    type: variable-select
    default: var(--color-red)
    options: 
      - label: Cyan
        value: var(--color-cyan)
      - label: Blue
        value: var(--color-blue)
      - label: Purple
        value: var(--color-purple)
      - label: Pink
        value: var(--color-pink)
      - label: Red
        value: var(--color-red)
      - label: Orange
        value: var(--color-orange)
      - label: Yellow
        value: var(--color-yellow)
      - label: Green
        value: var(--color-green)
      - label: Accent
        value: var(--text-accent)
      - label: Normal text
        value: var(--text-normal)
  - title: Italic Text Colour
    id: italic-color
    type: variable-select
    default: var(--text-accent)
    options: 
      - label: Cyan
        value: var(--color-cyan)
      - label: Blue
        value: var(--color-blue)
      - label: Purple
        value: var(--color-purple)
      - label: Pink
        value: var(--color-pink)
      - label: Red
        value: var(--color-red)
      - label: Orange
        value: var(--color-orange)
      - label: Yellow
        value: var(--color-yellow)
      - label: Green
        value: var(--color-green)
      - label: Accent
        value: var(--text-accent)
      - label: Normal text
        value: var(--text-normal)
  - title: Default line height
    id: line-height-normal
    type: variable-number
    default: 1.4
  - title: Tight line height
    description: Used in search results, tree items, tooltips, and other smaller spaces. Description from the Obsidian Developer Docs.
    id: line-height-tight
    type: variable-number
    default: 1.25
  - title: Default word spacing
    id: flexcyon-w-spacing
    type: variable-number
    default: 0
    format: px
  - title: Default letter spacing
    id: flexcyon-l-spacing
    type: variable-number
    default: 0
    format: px

  - title: Highlight Text
    type: heading
    level: 2
    collapsed: true
    description: Configure highlight text in the theme. Set highlight text colour, opacity, padding and border radius.
  - title: Highlight Text Colour
    id: flexcyon-highlight-colour
    type: variable-select
    default: var(--color-cyan)
    options: 
      - label: Cyan
        value: var(--color-cyan)
      - label: Blue
        value: var(--color-blue)
      - label: Purple
        value: var(--color-purple)
      - label: Pink
        value: var(--color-pink)
      - label: Red
        value: var(--color-red)
      - label: Orange
        value: var(--color-orange)
      - label: Yellow
        value: var(--color-yellow)
      - label: Green
        value: var(--color-green)
  - title: Highlight text opacity
    id: flexcyon-highlight-opacity
    type: variable-text
    default: 22.5%
  - 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: 2
    collapsed: true
    description: Configure headings of the theme. Set coloured headings, soft glow for headings, heading indicators, colours, font size, font weight, line height, underline, text alignment.

  - id: flexcyon-coloured-headings
    title: Enable coloured headings
    type: class-toggle
    default: true

  - title: Enable soft glow for headings
    id: flexcyon-headings-glow-enabled
    type: class-toggle
    default: false

  - title: Heading 1
    type: heading
    level: 3
    collapsed: true
    description: Configure Heading 1s of the theme. Set heading indicators, colours, font size, font weight, line height, underline, text alignment.
  - title: Enable heading indicators globally for Heading 1
    id: flexcyon-headings-indicator-h1
    type: class-toggle
    default: false
  - title: Heading 1 Colour
    description: Colour of Heading 1 when coloured headings is enabled.
    id: flexcyon-h1-color
    type: variable-select
    default: var(--color-blue)
    options: 
      - label: Cyan
        value: var(--color-cyan)
      - label: Blue
        value: var(--color-blue)
      - label: Purple
        value: var(--color-purple)
      - label: Pink
        value: var(--color-pink)
      - label: Red
        value: var(--color-red)
      - label: Orange
        value: var(--color-orange)
      - label: Yellow
        value: var(--color-yellow)
      - label: Green
        value: var(--color-green)
      - label: Accent
        value: var(--text-accent)
      - label: Normal text
        value: var(--text-normal)
  - title: Heading 1 font size
    id: h1-size
    type: variable-number
    default: 1.818
    format: em
  - title: Heading 1 font weight
    id: h1-weight
    type: variable-number
    default: 700
  - title: Heading 1 line height
    id: h1-line-height
    type: variable-number
    default: 1.61
  - title: Enable underline for Heading 1
    id: flexcyon-h1-underline-enabled
    type: class-toggle
    default: false
  - title: Heading 1 alignment
    description: Sets the text alignment of Heading 1
    id: flexcyon-heading-1-alignment
    type: variable-select
    default: left
    options: 
      - label: Left
        value: left
      - label: Center
        value: center
      - label: Right
        value: right

  - title: Heading 2
    type: heading
    level: 3
    collapsed: true
    description: Configure Heading 2s of the theme. Set heading indicators, colours, font size, font weight, line height, underline, text alignment.
  - title: Enable heading indicators globally for Heading 2
    id: flexcyon-headings-indicator-h2
    type: class-toggle
    default: false
  - title: Heading 2 Colour
    description: Colour of Heading 2 when coloured headings is enabled.
    id: flexcyon-h2-color
    type: variable-select
    default: var(--color-purple)
    options: 
      - label: Cyan
        value: var(--color-cyan)
      - label: Blue
        value: var(--color-blue)
      - label: Purple
        value: var(--color-purple)
      - label: Pink
        value: var(--color-pink)
      - label: Red
        value: var(--color-red)
      - label: Orange
        value: var(--color-orange)
      - label: Yellow
        value: var(--color-yellow)
      - label: Green
        value: var(--color-green)
      - label: Accent
        value: var(--text-accent)
      - label: Normal text
        value: var(--text-normal)
  - title: Heading 2 font size
    id: h2-size
    type: variable-number
    default: 1.618
    format: em
  - title: Heading 2 font weight
    id: h2-weight
    type: variable-number
    default: 675
  - title: Heading 2 line height
    id: h2-line-height
    type: variable-number
    default: 1.51
  - title: Enable underline for Heading 2
    id: flexcyon-h2-underline-enabled
    type: class-toggle
    default: false
  - title: Heading 2 alignment
    description: Sets the text alignment of Heading 2
    id: flexcyon-heading-2-alignment
    type: variable-select
    default: left
    options: 
      - label: Left
        value: left
      - label: Center
        value: center
      - label: Right
        value: right

  - title: Heading 3
    type: heading
    level: 3
    collapsed: true
    description: Configure Heading 3s of the theme. Set heading indicators, colours, font size, font weight, line height, underline, text alignment.
  - title: Enable heading indicators globally for Heading 3
    id: flexcyon-headings-indicator-h3
    type: class-toggle
    default: false
  - title: Heading 3 Colour
    description: Colour of Heading 3 when coloured headings is enabled.
    id: flexcyon-h3-color
    type: variable-select
    default: var(--color-cyan)
    options: 
      - label: Cyan
        value: var(--color-cyan)
      - label: Blue
        value: var(--color-blue)
      - label: Purple
        value: var(--color-purple)
      - label: Pink
        value: var(--color-pink)
      - label: Red
        value: var(--color-red)
      - label: Orange
        value: var(--color-orange)
      - label: Yellow
        value: var(--color-yellow)
      - label: Green
        value: var(--color-green)
      - label: Accent
        value: var(--text-accent)
      - label: Normal text
        value: var(--text-normal)
  - title: Heading 3 font size
    id: h3-size
    type: variable-number
    default: 1.418
    format: em
  - title: Heading 3 font weight
    id: h3-weight
    type: variable-number
    default: 650
  - title: Heading 3 line height
    id: h3-line-height
    type: variable-number
    default: 1.41
  - title: Enable underline for Heading 3
    id: flexcyon-h3-underline-enabled
    type: class-toggle
    default: false
  - title: Heading 3 alignment
    description: Sets the text alignment of Heading 3
    id: flexcyon-heading-3-alignment
    type: variable-select
    default: left
    options: 
      - label: Left
        value: left
      - label: Center
        value: center
      - label: Right
        value: right

  - title: Heading 4
    type: heading
    level: 3
    collapsed: true
    description: Configure Heading 4s of the theme. Set heading indicators, colours, font size, font weight, line height, underline, text alignment.
  - title: Enable heading indicators globally for Heading 4
    id: flexcyon-headings-indicator-h4
    type: class-toggle
    default: false
  - title: Heading 4 Colour
    description: Colour of Heading 4 when coloured headings is enabled.
    id: flexcyon-h4-color
    type: variable-select
    default: var(--color-pink)
    options: 
      - label: Cyan
        value: var(--color-cyan)
      - label: Blue
        value: var(--color-blue)
      - label: Purple
        value: var(--color-purple)
      - label: Pink
        value: var(--color-pink)
      - label: Red
        value: var(--color-red)
      - label: Orange
        value: var(--color-orange)
      - label: Yellow
        value: var(--color-yellow)
      - label: Green
        value: var(--color-green)
      - label: Accent
        value: var(--text-accent)
      - label: Normal text
        value: var(--text-normal)
  - title: Heading 4 font size
    id: h4-size
    type: variable-number
    default: 1.218
    format: em
  - title: Heading 4 font weight
    id: h4-weight
    type: variable-number
    default: 625
  - title: Heading 4 line height
    id: h4-line-height
    type: variable-number
    default: 1.31
  - title: Enable underline for Heading 4
    id: flexcyon-h4-underline-enabled
    type: class-toggle
    default: false
  - title: Heading 4 alignment
    description: Sets the text alignment of Heading 4
    id: flexcyon-heading-4-alignment
    type: variable-select
    default: left
    options: 
      - label: Left
        value: left
      - label: Center
        value: center
      - label: Right
        value: right

  - title: Heading 5
    type: heading
    level: 3
    collapsed: true
    description: Configure Heading 5s of the theme. Set heading indicators, colours, font size, font weight, line height, underline, text alignment.
  - title: Enable heading indicators globally for Heading 5
    id: flexcyon-headings-indicator-h5
    type: class-toggle
    default: false
  - title: Heading 5 Colour
    description: Colour of Heading 5 when coloured headings is enabled.
    id: flexcyon-h5-color
    type: variable-select
    default: var(--color-green)
    options: 
      - label: Cyan
        value: var(--color-cyan)
      - label: Blue
        value: var(--color-blue)
      - label: Purple
        value: var(--color-purple)
      - label: Pink
        value: var(--color-pink)
      - label: Red
        value: var(--color-red)
      - label: Orange
        value: var(--color-orange)
      - label: Yellow
        value: var(--color-yellow)
      - label: Green
        value: var(--color-green)
      - label: Accent
        value: var(--text-accent)
      - label: Normal text
        value: var(--text-normal)
  - title: Heading 5 font size
    id: h5-size
    type: variable-number
    default: 1.118
    format: em
  - title: Heading 5 font weight
    id: h5-weight
    type: variable-number
    default: 600
  - title: Heading 5 line height
    id: h5-line-height
    type: variable-number
    default: 1.21
  - title: Enable underline for Heading 5
    id: flexcyon-h5-underline-enabled
    type: class-toggle
    default: false
  - title: Heading 5 alignment
    description: Sets the text alignment of Heading 5
    id: flexcyon-heading-5-alignment
    type: variable-select
    default: left
    options: 
      - label: Left
        value: left
      - label: Center
        value: center
      - label: Right
        value: right

  - title: Heading 6
    type: heading
    level: 3
    collapsed: true
    description: Configure Heading 6s of the theme. Set heading indicators, colours, font size, font weight, line height, underline, text alignment.
  - title: Enable heading indicators globally for Heading 6
    id: flexcyon-headings-indicator-h6
    type: class-toggle
    default: false
  - title: Heading 6 Colour
    description: Colour of Heading 6 when coloured headings is enabled.
    id: flexcyon-h6-color
    type: variable-select
    default: var(--color-yellow)
    options: 
      - label: Cyan
        value: var(--color-cyan)
      - label: Blue
        value: var(--color-blue)
      - label: Purple
        value: var(--color-purple)
      - label: Pink
        value: var(--color-pink)
      - label: Red
        value: var(--color-red)
      - label: Orange
        value: var(--color-orange)
      - label: Yellow
        value: var(--color-yellow)
      - label: Green
        value: var(--color-green)
      - label: Accent
        value: var(--text-accent)
      - label: Normal text
        value: var(--text-normal)
  - title: Heading 6 font size
    id: h6-size
    type: variable-number
    default: 1.018
    format: em
  - title: Heading 6 font weight
    id: h6-weight
    type: variable-number
    default: 575
  - title: Heading 6 line height
    id: h6-line-height
    type: variable-number
    default: 1.21
  - title: Enable underline for Heading 6
    id: flexcyon-h6-underline-enabled
    type: class-toggle
    default: false
  - title: Heading 6 alignment
    description: Sets the text alignment of Heading 6
    id: flexcyon-heading-6-alignment
    type: variable-select
    default: left
    options: 
      - label: Left
        value: left
      - label: Center
        value: center
      - label: Right
        value: right

  - title: Inline title
    type: heading
    level: 2
    collapsed: true
    description: Configure inline titles of the theme. Set font size, font weight, line height, do not display inline title.
  - 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: Do not display inline title
    id: flexcyon-no-inline-title
    type: class-toggle
    default: false

  - title: UI Font Sizes
    type: heading
    level: 2
    collapsed: true
    description: Configure UI Font sizes of the theme.
  - title: Smaller UI Font size
    id: font-ui-smaller
    type: variable-number
    default: 12.9442
    format: px
  - title: Small UI Font size
    id: font-ui-small
    type: variable-number
    default: 14.5622
    format: px
  - title: Medium UI Font size
    id: font-ui-medium 
    type: variable-number
    default: 16.1803
    format: px
  - title: Large UI Font size
    id: font-ui-large
    type: variable-number
    default: 17.7983
    format: px

  - title: Opacity
    type: heading
    level: 1
    collapsed: true
    description: All editor opacity related style settings, consolidated.
  - title: Opacity of dimmed elements
    id: dimmed
    description: Opacity of dimmed UI elements
    type: variable-number
    default: 0.55
  - title: Opacity of block labels
    id: flexcyon-block-label-opacity
    description: Opacity of block ID labels
    type: variable-number
    default: 0.55
  - title: Opacity of status bar in new tab
    id: flexcyon-status-new-tab-opacity
    type: variable-number
    default: 0.55
  - 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: 12.5%
  - title: Highlight Active Line Opacity
    id: flexcyon-highlight-active-line-opacity
    type: variable-text
    default: 7.5%
  - title: Animation initial opacity
    id: flexcyon-anim-start-opacity
    description: Initial opacity for all animations. When set to 1, the fade in animatin does not visually show anything.
    type: variable-number
    default: 0.55
  - title: Alternate link styling opacity
    id: flexcyon-alt-link-opacity
    type: variable-text
    default: 55%
  - title: Opacity of community items (unselected)
    id: flexcyon-comm-item-opacity
    type: variable-number
    default: 0.89

  - title: Code Blocks
    type: heading
    level: 1
    collapsed: true
    description: Configure code blocks of the theme. Set Code Block Syntax Highlighting Mode, File Extension, Prefix before File Extension.
  - title: Code Block Syntax Highlighting Mode
    type: class-select
    id: flexcyon-cb-syntax-mode
    allowEmpty: true
    default: none
    options: 
      - 
        label: Catppuccin
        value: flexcyon-syntax-catppuccin
      - 
        label: Lego
        value: flexcyon-syntax-lego
      - 
        label: Monochrome
        value: flexcyon-syntax-monochrome
  - title: Code Block File Extension
    type: info-text
    markdown: true
    description: Customise the code block file extension, only appears in Live Preview mode
  - title: Set Code Block File Extension Case
    id: flexcyon-codeblock-fmt-ext
    type: variable-select
    default: lowercase
    options: 
      - label: Capitalize
        value: capitalize
      - label: Uppercase
        value: uppercase
      - label: Lowercase
        value: lowercase

  - title: Add Prefix before Code Block File Extension
    id: flexcyon-codeblock-prefix-ext
    type: class-toggle
    default: false
  - title: Customise Prefix before Code Block File Extension
    id: flexcyon-code-file-ext-prefix
    type: variable-text
    default: "."
    quotes: true
  - title: Code Block File Extension Font Weight
    id: flexcyon-code-file-ext-font-w
    type: variable-number
    default: 500

  - title: Table
    type: heading
    level: 1
    collapsed: true 
    description: Configure tables of the theme. Set Table border colour, width in reading mode, table header font size, table header padding, table header live preview scaling, table cell padding, table cell live preview scaling.
  - title: Table border color
    id: table-border-color
    type: variable-color
    opacity: true
    format: hex
    default: "#6f768566"
  - title: Width of table in reading mode
    id: flexcyon-table-reading-mode-width
    type: variable-text
    default: 100%
  - title: Table Header font size
    id: table-header-size
    type: variable-select
    default: var(--font-ui-large)
    options: 
      - label: Smaller UI Font size
        value: var(--font-ui-smaller)
      - label: Small UI Font size
        value: var(--font-ui-small)
      - label: Medium UI Font size
        value: var(--font-ui-medium)
      - label: Large UI Font size
        value: var(--font-ui-large)
  - title: Table Header Vertical Padding
    id: flexcyon-th-verti-padding
    type: variable-number
    format: px
    default: 5
  - title: Table Header Horizontal Padding
    id: flexcyon-th-horiz-padding
    type: variable-number
    format: px
    default: 10
  - title: Table Header Live Preview Scaling
    description: Proportion to scale Live Preview table heading padding when compared to Reading mode.
    id: flexcyon-th-live-pad-scale
    type: variable-number
    default: 0.2
  - title: Table Cell font size
    id: table-text-size
    type: variable-select
    default: var(--font-ui-medium)
    options: 
      - label: Smaller UI Font size
        value: var(--font-ui-smaller)
      - label: Small UI Font size
        value: var(--font-ui-small)
      - label: Medium UI Font size
        value: var(--font-ui-medium)
      - label: Large UI Font size
        value: var(--font-ui-large)
  - title: Table Cell Vertical Padding
    id: flexcyon-td-verti-padding
    type: variable-number
    format: px
    default: 5
  - title: Table Cell Horizontal Padding
    id: flexcyon-td-horiz-padding
    type: variable-number
    format: px
    default: 10
  - title: Table Cell Live Preview Scaling
    description: Proportion to scale Live Preview table cell padding when compared to Reading mode.
    id: flexcyon-td-live-pad-scale
    type: variable-number
    default: 0.2

  - title: Files
    type: heading
    level: 1
    collapsed: true
  - title: Enable dimmed file extensions in file explorer
    id: flexcyon-file-exp-dimmed-file-exts-enabled 
    type: class-toggle
    default: true
  - title: Dimmed File Extensions font size
    id: flexcyon-exp-dimmed-nav-size
    type: variable-number
    format: px
    default: 13.3623
  - title: Enable Active File Indicator
    id: flexcyon-enable-active-indicator
    type: class-toggle
    default: false
  - title: Active File Indicator value
    description: Set a custom string value for active file indicator.
    id: flexcyon-active-indicator
    type: variable-text
    default: ">> "
    quotes: true
  - title: Enable vertical navigation
    id: flexcyon-vertical-nav
    description: Enables vertical navigation style. Navigation icons like Files, new note and so on are displayed vertically much like stacked tabs.
    type: class-toggle
    default: false
  - title: Select folder style
    description: Alternate folder style Adds padding for active file item, makes collapse icons and borders blue for active folders.
    type: class-select
    id: flexcyon-folder-style
    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: 2
  - 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: 10
  - 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: Reverse order of Nav Header and other content
    id: flexcyon-reverse-workspace-content
    description: Places nav header below other content, for example placing the New Note and other icons below the file explorer.
    type: class-toggle
    default: false

  - title: Workspace Components
    type: heading
    level: 1
    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: Editor Top Margin
    description: Sets the top margin of the editor.
    id: flexcyon-editor-margin-top
    type: variable-number
    default: 18
    format: px
  - 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.)
    id: flexcyon-top-actions-alignment
    type: variable-select
    default: center
    options: 
      - label: Left
        value: left
      - label: Center
        value: center
      - label: Right
        value: right

  - title: View Header
    type: heading
    level: 2
    collapsed: true
  - 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: Mode View Header Title Vertical Padding
    id: flexcyon-mode-view-header-title-verti-padding
    description: Vertical paddding of View Header title in modes like Angled and Powerlevel10k
    type: variable-number
    default: 4
    format: px
  - title: Mode View Header Title Horizontal Padding
    id: flexcyon-mode-view-header-title-horiz-padding
    description: Horizontal padding of View Header title in modes like Angled and Powerlevel10k
    type: variable-number
    default: 12
    format: px

  - title: Prompts
    type: heading
    level: 2
    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: flexcyon-prompt-alignment
    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: Title Bar
    type: heading
    level: 2
    collapsed: true
  - title: Titlebar Button Effects
    description: Enable hover effects on titlebar buttons
    id: flexcyon-titlebar-button-effects
    type: class-toggle
    default: false

  - title: Status Bar
    type: heading
    level: 2
    collapsed: true
  - title: Hide until trigger
    description: Select whether the status bar is hidden, and if it is whether to hover or to press and hold to unhide it.
    type: class-select
    id: flexcyon-status-hide-until-trigger
    allowEmpty: false
    default: flexcyon-status-hide-until-hover
    options: 
      - 
        label: Hide until hover
        value: flexcyon-status-hide-until-hover
      - 
        label: Hide until hold
        value: flexcyon-status-hide-until-hold
      -
        label: None
        value: none
  - title: Status bar alignment
    type: class-select
    id: flexcyon-status-alignment
    allowEmpty: false
    default: flexcyon-status-right-align
    options: 
      - 
        label: Centre
        value: flexcyon-status-centre-align
      - 
        label: Right
        value: flexcyon-status-right-align
  - title: Text when hide until hover enabled
    id: flexcyon-status-hide-until-hover-text
    description: Text to show when hide until hover/hold 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/hold.
    type: variable-number
    default: 80
    format: vw
  - title: Transition duration for showing status bar on hover
    id: flexcyon-status-hide-hover-duration
    description: Transition duration for showing status bar on hover/hold.
    type: variable-number
    default: 325
    format: ms
  - title: Transition timing function for showing status bar on hover
    description: Transition timing function for showing status bar on hover/hold.
    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.
    type: variable-text
    default: "READ"
    quotes: true
  - title: Source Mode Text
    id: flexcyon-status-source-text
    description: Text to display when in source mode.
    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.
    type: variable-text
    default: "LIVE"
    quotes: true
  - title: Status bar font size
    id: status-bar-font-size
    type: variable-number
    default: 13.7533
    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: flexcyon-status-style
    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: Do not show status bar in new tab
    id: flexcyon-no-status-in-new-tab
    description: Does not show status bar in new empty tabs where ASCII art or actions are shown by default.
    type: class-toggle
    default: false

  - title: Animations
    type: heading
    level: 1
    collapsed: true

  - title: Note Animation type
    description: Configure animation type for note content
    type: class-select
    id: flexcyon-anim-type
    allowEmpty: true
    default: flexcyon-anims-fade-in
    options: 
      - label: None
        value: none
      - 
        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
      - 
        label: Scale Up
        value: flexcyon-anims-scale-up
      - 
        label: Fade In
        value: flexcyon-anims-fade-in

  - title: Modal Animation type
    description: Configure animation type for transitions of prompts, modals and tab containers.
    type: class-select
    id: flexcyon-modal-anim-type
    allowEmpty: true
    default: flexcyon-modal-anims-slide-ltr
    options: 
      - label: None
        value: none
      - 
        label: Slide in Left to Right
        value: flexcyon-modal-anims-slide-ltr
      - 
        label: Slide in Right to Left
        value: flexcyon-modal-anims-slide-rtl
      - 
        label: Slide in Top to Bottom
        value: flexcyon-modal-anims-slide-tb
      - 
        label: Slide in Bottom to Top
        value: flexcyon-modal-anims-slide-bt
      - 
        label: Rotate in Bottom to Top
        value: flexcyon-modal-anims-spin-bt
      - 
        label: Rotate in Right to Left
        value: flexcyon-modal-anims-spin-rl
      - 
        label: Scale Up
        value: flexcyon-modal-anims-scale-up
      - 
        label: Fade In
        value: flexcyon-modal-anims-fade-in

  - title: Animation duration
    id: flexcyon-anim-duration
    description: Transition duration for animations. Affects Bases Cards View flex grow transition as well as many other UI elements when animations are enabled
    type: variable-number
    default: 300
    format: ms
  - 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: 56.6311 
    format: px
  - title: Enable Animations in Style Settings containers
    id: flexcyon-anim-style-settings-contain
    type: class-toggle
    default: false
  - title: Scale animation initial scaling
    id: flexcyon-anim-start-scale-amt
    description: Initial scaling for scale up animation.
    type: variable-number
    default: 0.33

  - title: Layout
    type: heading
    level: 1
    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 in the UI.
    type: class-select
    id: flexcyon-workspace-layout
    allowEmpty: true
    default: flexcyon-workspace-pl10k-layout
    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: Editor Background
    type: heading
    level: 1
    collapsed: true
  - title: Select Background Type
    description: Select the background type for the editor
    type: class-select
    id: flexcyon-bg-type
    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: Callouts
    type: heading
    level: 1
    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 Vertical Margin
    id: flexcyon-callout-vertical-margin
    description: Configures the vertical margin of callouts
    type: variable-number
    default: 1
    format: em
  - title: Callout Horizontal Margin
    id: flexcyon-callout-horizontal-margin
    description: Configures the horizontal margin of callouts
    type: variable-number
    default: 0
    format: em
  - title: Callout Vertical Padding
    id: flexcyon-callout-verti-padding
    description: Configures the vertical padding of callouts
    type: variable-number
    default: 12
    format: px
  - title: Callout Horizontal Padding
    id: flexcyon-callout-horiz-padding
    description: Configures the horizontal padding of callouts
    type: variable-number
    default: 24
    format: px
  - title: Callout Border Radius
    id: callout-radius
    description: Configures the border radius of callouts
    type: variable-number
    default: 2
    format: px
  - title: Callout Added Border Radius
    id: flexcyon-callout-radix
    description: Configures the border radius of callouts and other UI elements with additional border radius. E.g. Cards TUI add-on.
    type: variable-number
    default: 16
    format: px
  - title: Select callout style
    description: Modifies the default styles of all callouts. Needs an app reload to properly refresh callout rendering.
    type: class-select
    id: flexcyon-callout-style
    allowEmpty: true
    default: none
    options: 
      - 
        label: TUI Callouts
        value: flexcyon-tui-callouts
      - 
        label: Plain Callouts
        value: flexcyon-plain-callouts
      - 
        label: Vertical Callouts
        value: flexcyon-vert-callouts
  - title: Disable icons for TUI callout
    description: Do not display icons for TUI callout
    id: flexcyon-tui-no-icons
    type: class-toggle
    default: false
  - 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: 500
    format: ms
  - title: Popup callout animation duration
    type: variable-number
    id: flexcyon-callout-pop-animation-duration
    default: 200
    format: ms

  - title: Horizontal Rule
    type: heading
    level: 1
    collapsed: true
  - title: Disable horizontal rules in reading mode
    description: Do not display horizontal rules in reading mode
    id: flexcyon-hr-no-reading
    type: class-toggle
    default: false
  - title: Horizontal Rule Colour
    id: hr-color
    type: variable-color
    opacity: true
    format: hex
    default: "#393e48"
  - title: Add custom string inside horizontal rules
    type: class-toggle
    id: flexcyon-cust-str-hr
    default: false
  - title: Horizontal rule custom string content
    id: flexcyon-cust-hr-str
    type: variable-text
    default: "f"
    quotes: true
  - title: Horizontal rule custom string font size
    id: flexcyon-cust-hr-str-font-size
    type: variable-number
    default: 1.118
    format: em
  - title: Horizontal rule custom string horizontal padding
    type: variable-number
    id: flexcyon-cust-hr-str-horiz-padding
    default: 8
    format: px

  - title: Scrollbars
    type: heading
    level: 1
    collapsed: true
  - title: Scrollbar width
    type: variable-number
    id: flexcyon-scrollbar-width
    default: 12
    format: px
  - title: Do not show scrollbar in settings
    id: flexcyon-settings-scrollbar-removed
    description: Do not show scrollbar in settings where it is not necessary.
    type: class-toggle
    default: true

  - title: Lists and Checkboxes
    type: heading
    level: 1
    collapsed: true

  - title: Checkboxes
    type: heading
    level: 2
    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: Enable Clip Path checkboxes
    type: class-toggle
    id: flexcyon-clip-path-checkboxes-enabled
    default: false

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

  - title: Numbered lists
    type: heading
    level: 2
    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: variable-select
    id: flexcyon-default-ol-style
    default: decimal
    options: 
      - label: None
        value: none
      - label: Disc
        value: disc
      - label: Circle
        value: circle
      - label: Square
        value: square
      - label: Decimal
        value: decimal
      - label: CJK Decimal
        value: cjk-decimal
      - label: Decimal Leading Zero
        value: decimal-leading-zero
      - label: Lower Roman
        value: lower-roman
      - label: Upper Roman
        value: upper-roman
      - label: Lower Greek
        value: lower-greek
      - label: Lower Alphabet
        value: lower-alpha
      - label: Lower Latin
        value: lower-latin
      - label: Upper Alphabet
        value: upper-alpha
      - label: Upper Latin
        value: upper-latin
      - label: Arabic Indic
        value: arabic-indic
      - label: Armenian
        value: armenian
      - label: Bengali
        value: bengali
      - label: Cambodian
        value: cambodian
      - label: Khmer
        value: khmer
      - label: CJK Earthly Branch
        value: cjk-earthly-branch
      - label: CJK Heavenly Branch
        value: cjk-heavenly-branch
      - label: CJK Ideographic
        value: cjk-ideographic
      - label: Devanagari
        value: davanagari
      - label: Ethiopic Numeric
        value: ethiopic-numeric
      - label: Georgian
        value: georgian
      - label: Gujarati
        value: gujarati
      - label: Gurmukhi
        value: gurmukhi
      - label: Hebrew
        value: hebrew
      - label: Hiragana
        value: hiragana
      - label: Hiragana Iroha
        value: hiragana-iroha
      - label: Hiragana Formal
        value: hiragana-formal
      - label: Japanese Formal
        value: japanese-formal
      - label: Japanese Informal
        value: japanese-informal
      - label: Kannada
        value: kannada
      - label: Kannada Iroha
        value: kannada-iroha
      - label: Katakana
        value: katakana
      - label: Katakana Iroha
        value: katakana-iroha
      - label: Korean Hangul Formal
        value: korean-hangul-formal
      - label: Korean Hanja Formal
        value: korean-hanja-formal
      - label: Korean Hanja Informal
        value: korean-hanja-inforal
      - label: Lao
        value: lao
      - label: Lower Armenian
        value: lower-armenian
      - label: Malayalam
        value: malayalam
      - label: Mongolian
        value: mongolian
      - label: Myanmar
        value: myanmar
      - label: Oriya
        value: oriya
      - label: Persian
        value: persian
      - label: Simplified Chinese Formal
        value: simplified-chinese-formal
      - label: Simplified Chinese Informal
        value: simplified-chinese-informal
      - label: Tamil
        value: tamil
      - label: Telugu
        value: telugu
      - label: Thai
        value: thai
      - label: Tibetan
        value: tibetan
      - label: Traditional Chinese Formal
        value: traditional-chinese-formal
      - label: Traditional Chinese Informal
        value: traditional-chinese-informal
      - label: Upper Armenian
        value: upper-armenian
      - label: Disclosure Open
        value: disclosure-open

  - title: Media
    type: heading
    level: 1
    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: flexcyon-img-border-radius
    default: 16
    format: px

  - title: Links
    type: heading
    level: 1
    collapsed: true
  - title: Internal Link Color
    id: flexcyon-link-color
    type: variable-themed-color
    default-light: "#6f49ae"
    default-dark: "#d89ff5"
    format: hex
  - title: External Color
    id: flexcyon-external-link-color
    type: variable-themed-color
    format: hex
    default-light: "#3085dd"
    default-dark: "#7ab8fe"
  - title: Unresolved Link Color
    id: flexcyon-link-unresolved-color
    type: variable-themed-color
    format: hex
    default-light: "#6f49ae"
    default-dark: "#d89ff5"
  - title: Enable alternate link styling
    id: flexcyon-alt-link-style
    type: class-toggle
    default: false

  - title: Properties
    type: heading
    level: 1
    collapsed: true
  - title: Do not show properties in reading mode
    id: flexcyon-metadata-display-reading-disabled
    type: class-toggle
    default: false
  - 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: 0
    format: px
  - title: Do not show properties title
    id: flexcyon-metadata-no-properties-title
    type: class-toggle
    default: false

  - title: Line Numbers
    type: heading
    level: 1
    collapsed: true
    description: Configure and customise line numbers.
  - title: Highlight Active Line
    description: Highlights the active line while editing.
    id: flexcyon-highlight-active-line
    type: class-toggle
    default: false
  - 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: true
  - 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: flexcyon-select-relative-num
    description: Configure the style of numerals used for relative line numbers. Greek requires a font that supports Unicode (UTF-8 charset), Chinese requires a system font that supports CJK (whether as a fallback or main font).
    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.
    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: Replaced active line number string letter spacing
    id: flexcyon-repl-active-str-space
    type: variable-number
    default: 0
    format: px

  - title: Cursor
    type: heading
    level: 1
    collapsed: true
  - title: Default cursor type
    description: Sets the cursor type when it is not specified by the app
    id: flexcyon-cursor-type
    type: variable-select
    default: auto
    options: 
      - label: Auto
        value: auto
      - label: Default
        value: default
      - label: None
        value: none
      - label: Context Menu
        value: context-menu
      - label: Help
        value: help
      - label: Pointer
        value: pointer
      - label: Progress
        value: progress
      - label: Wait
        value: wait
      - label: Cell
        value: cell
      - label: Crosshair
        value: crosshair
      - label: Text
        value: text
      - label: Vertical Text
        value: vertical-text
      - label: Alias
        value: alias
      - label: Copy
        value: copy
      - label: Move
        value: move
      - label: No Drop
        value: no-drop
      - label: Not Allowed
        value: not-allowed
      - label: Grab
        value: grab
      - label: Grabbing
        value: grabbing
      - label: All Scroll
        value: all-scroll
      - label: Col Resize
        value: col-resize
      - label: Row Resize
        value: row-resize
      - label: N Resize
        value: n-resize
      - label: E Resize
        value: e-resize
      - label: S Resize
        value: s-resize
      - label: W Resize
        value: w-resize
      - label: N Resize
        value: ne-resize
      - label: NW Resize
        value: nw-resize
      - label: SE Resize
        value: se-resize
      - label: SW Resize
        value: sw-resize
      - label: EW Resize
        value: ew-resize
      - label: NS Resize
        value: ns-resize
      - label: NESW Resize
        value: nesw-resize
      - label: NWSE Resize
        value: nwse-resize
  - title: Enable Smooth Cursor
    id: flexcyon-enable-smooth-cursor
    description: Enable Smooth transition for vim mode block cursor
    type: class-toggle
    default: true
  - title: Smooth cursor transition duration
    id: flexcyon-cursor-duration
    type: variable-number
    default: 42.5
    format: ms
  - title: Smooth cursor timing function
    id: flexcyon-cursor-timing-fn
    type: variable-text
    default: ease-in
  - title: Smooth cursor minimum width
    id: flexcyon-cursor-min-width
    type: variable-text
    default: unset
  - title: Disable Vim Block Cursor Blink
    id: flexcyon-disable-vim-cursor-blink
    type: class-toggle
    default: false

  - title: Graph
    type: heading
    level: 1
    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: Debug
    type: heading
    level: 1
    collapsed: true
    description: Debugging details like operating system and screen dimension.
  - title: Display device operating system details
    id: flexcyon-display-os
    type: class-toggle
    default: false
  - title: Device operating system details left padding
    type: variable-number
    id: flexcyon-os-detail-padding-l
    default: 12
    format: px
  - title: Device operating system details right padding
    type: variable-number
    id: flexcyon-os-detail-padding-r
    default: 8
    format: px
  - title: Display screen dimensions
    description: Display the width and height of the current Obsidian window using pure CSS
    id: flexcyon-display-screen-dimens
    type: class-toggle
    default: false
  - title: Display screen dimensions left padding
    type: variable-number
    id: flexcyon-screen-dimens-padding-l
    default: 16
    format: px

  - title: Tabs
    type: heading
    level: 1
    collapsed: true
  - title: Number tabs
    id: flexcyon-number-tabs
    description: Numbers your tabs in sequential order. Each tab group has its own counter. Meant for RTZ mode, but can be enabled separately.
    type: class-toggle
    default: false
  - title: Remove Tab Headers
    id: flexcyon-remove-tab-headers
    description: Removes tab headers. You can still view the original content by hovering and a tooltip will appear. Meant for RTZ mode, but can be enabled separately.
    type: class-toggle
    default: false
  - title: Reverse order of Tab Header Container and Tabs Content
    id: flexcyon-reverse-tab-header-container
    description: Places tab header container at the bottom instead of the top of the screen, does not do anything for Stacked Tabs.
    type: class-toggle
    default: false

  - title: Icons
    description: For icon related styling
    type: heading
    level: 1
    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: Smiley Toggle Icons 
    description: Display smiley toggle icons in the UI.
    id: flexcyon-settings-smiley-icons-enabled
    type: class-toggle
    default: false
  - title: Load ASCII Icon Set
    description: Replaces some icons with ASCII Icons, works best when used together with smiley icons. This will override the declarations by community plugins like Iconic for the specific icons targeted. This can be prevented with the setting below.
    id: flexcyon-ascii-icon-set
    type: class-toggle
    default: false
  - title: Ensure community plugin icons take precedence
    description: Ensure community plugins which modify icons have their modifications take precedence over this theme's. Smiley Icons and ASCII Icons will not render when said community plugins are enabled and this setting is enabled. This setting currently only works with the Iconic plugin, as adding support for all icon related plugins negatively affects performance too much.
    id: flexcyon-ensure-plugin-icon
    type: class-toggle
    default: true
  - title: Coloured Icons in Settings
    description: Display coloured icons for buttons in setting like uninstall, options, hotkeys, etc. Current implementation might not work with earlier Obsidian versions.
    id: flexcyon-settings-coloured-icons
    type: class-toggle
    default: false

  - title: Pins
    type: heading
    level: 1
    collapsed: true
  - title: Stylised pin icons
    id: flexcyon-stylised-pins
    description: Stylise pin icons in the sidebars.
    type: class-toggle
    default: true
  - title: Prevent accidental unpins
    id: flexcyon-prevent-accidental-unpin
    description: Unpin with right click menu or Ctrl + W.
    type: class-toggle
    default: true

  - title: Input
    type: heading
    level: 1
    collapsed: true
    description: Customise the appearance of inputs
  - title: Input border radius
    type: variable-number
    id: input-radius
    default: 0
    format: px
  - title: Input box Vertical Padding
    type: variable-number
    id: flexcyon-input-verti-padding
    default: 4
    format: px
  - title: Input box Horizontal Padding
    type: variable-number
    id: flexcyon-input-verti-padding
    default: 8
    format: px
*/
/*! 
@settings
name: flexcyon://Settings
id: flexcyon-settings
settings:
  - title: Settings
    type: heading
    level: 1
    collapsed: true
    description: Customise the appearance of settings
  - 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: 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: 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: 2
    collapsed: true
    description: Configure the appearance for style settings
  - title: Hide Keychain item in Style Settings
    description: Hides Keychain Style Setting item.
    id: flexcyon-no-keychain-setting-item
    type: class-toggle
    default: true
  - 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
*/
/*! 
@settings
name: flexcyon://Plugins
id: flexcyon-plugins
settings:
  - title: Plugins
    type: heading
    level: 1
    collapsed: true
    description: Style settings related to supported plugins
  - title: Alternate file tree 
    type: heading
    level: 2
    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
    opacity: true
    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: false

  - title: Full Calendar
    type: heading
    level: 2
    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: 2
    collapsed: true
  - title: Horizontal padding of dataview error messages
    id: flexcyon-dataview-error-horizontal-padding
    type: variable-number
    default: 8
    format: px

  - title: Canvas
    type: heading
    level: 2
    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: flexcyon-canvas-menu-alignment
    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

  - title: Various Complements
    type: heading
    level: 2
    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: Omnisearch
    type: heading
    level: 2
    collapsed: true
    description: For configuring the Omnisearch Plugin
  - title: Disable Omnisearch Icons
    id: flexcyon-omnisearch-no-icons
    description: Removes Omnisearch search result icons.
    type: class-toggle
    default: false
  - title: Omnisearch Body Left Margin
    type: variable-number
    id: flexcyon-omnisearch-body-margin-left
    default: 1.45
    format: rem

  - title: Bases
    type: heading
    level: 2
    collapsed: true
    description: For configuring the core Bases plugin
  - title: Bases View Vertical Padding
    description: Sets vertical padding for Base file content
    id: flexcyon-bases-padding-verti
    type: variable-number
    default: 16
    format: px
  - title: Bases View Horizontal Padding
    description: Sets horizontal padding for Base file content
    id: flexcyon-bases-padding-horiz
    type: variable-number
    default: 16
    format: px
  - title: Bases Embed Padding
    description: Sets padding for Base embeds
    id: bases-embed-padding
    type: variable-number
    default: 4
    format: px
  - title: Bases Cards View
    type: heading
    level: 3
    collapsed: false
  - title: Bases Card Label Opacity
    id: flexcyon-bases-cards-label-opacity
    description: Opacity of Labels in Cards View
    type: variable-number
    default: 0.85
  - title: Default string when Card View item image not found
    id: flexcyon-bases-no-img-str
    type: variable-text
    default: "No image path could be found for this file"
    quotes: true
  - title: Bases Card Border Radius
    id: bases-border-r
    type: variable-number
    default: 16
    format: px
  - title: Bases Card Group Padding
    id: bases-cards-group-padding
    type: variable-number
    default: 16
    format: px
  - title: Bases Card Padding Top
    id: flexcyon-bases-card-padding-top
    type: variable-number
    default: 8
    format: px
  - title: Bases Card Padding Right
    id: flexcyon-bases-card-padding-right
    type: variable-number
    default: 0
    format: px
  - title: Bases Card Padding Bottom
    id: flexcyon-bases-card-padding-bottom
    type: variable-number
    default: 0
    format: px
  - title: Bases Card Padding Left
    id: flexcyon-bases-card-padding-left
    type: variable-number
    default: 2
    format: px
  - title: Bases Card View Flex Grow
    id: flexcyon-bases-card-flex-grow
    description: This is the factor of how long the Card View takes to scale depending on tab size.
    type: variable-number
    default: 0.55
  - title: Bases Table View
    type: heading
    level: 3
    collapsed: false
  - title: Bases Table Cell left padding
    id: flexcyon-bases-td-padding-l
    type: variable-number
    default: 2
    format: px
  - title: Bases Table Cell Content Alignment
    id: flexcyon-bases-table-content-alignment
    type: variable-select
    default: left
    options: 
      - label: Left
        value: left
      - label: Center
        value: center
      - label: Right
        value: right
  - title: Hide Until Hover Bases Title in Sidebar
    id: flexcyon-hide-until-hover-bases-title-sidebar
    type: class-toggle
    default: true
*/
/* Note the ASCII art default is very sensitive and breaks with whitespace change. */
/*! 
@settings
name: flexcyon://Others
id: flexcyon-others
settings:
  - title: Others
    type: heading
    level: 1
    collapsed: true
    description: Vim mode text, new tab appearance
  - 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: 2
    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: 2
    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: flexcyon-new-tab-mod
    allowEmpty: true
    default: none
    options: 
      - 
        label: ASCII art
        value: flexcyon-ascii-enable
      - 
        label: Quote
        value: flexcyon-quote-enable
  - title: New tab font group
    id: flexcyon-new-tab-font-group
    type: variable-select
    default: var(--font-monospace)
    options: 
      - label: Monospace Font
        value: var(--font-monospace)
      - label: Interface Font
        value: var(--font-interface)
      - label: Text Font
        value: var(--font-text)
  - 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(--color-green), var(--text-accent))

  - 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. Will also appear in other parts of the UI like core Slides plugin pause presentation mode.
    type: variable-text
    default: " \a\
       fjlj dlkg1                    un       cj                            \a\
     nze     1byk                   xh       gh                             \a\
     yg       hy     ksud fv      dza       je     fhhif1 dj    bil  j5dhjb \a\
  opvysppc    zo       jzuk      lv4       l0    gk       1le  1lb  il   lj \a\
    oz       iy       auy9      ss       ak4     mb         l0lig   mb   la \a\
    xt       hylfk  aul wrfb   vk       fis       lb0bg8    6mle   cm1  cl1 \a\
   fye        366            axd       hf                 s0if     1    s1  \a\
0ruo0                                                   sjg9l               \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: ASCII art scaling factor
    description: The scale of the ASCII art
    id: flexcyon-ascii-scaling-factor
    type: variable-number
    default: 1
  - title: ASCII art text alignment
    id: flexcyon-ascii-alignment
    type: variable-select
    default: left
    options: 
      - label: Left
        value: left
      - label: Center
        value: center
      - label: Right
        value: right
  - 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: true

  - title: Side Dock
    type: heading
    level: 2
    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: false
  - 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: Place workspace ribbon at the top
    id: flexcyon-ribbon-top
    type: class-toggle
    default: false
  - title: Place vault switcher at the top
    id: flexcyon-vault-switch-top
    type: class-toggle
    default: false
  - title: Reverse order of vault switcher and actions
    id: flexcyon-vault-reverse
    type: class-toggle
    default: false

  - title: Tooltip radius
    type: heading
    level: 2
    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: 2
    collapsed: true
  - title: Select background in sidebar
    description: Overrides background image declaration below, configures in both left and right sidebar
    type: class-select
    id: flexcyon-sidebar-bg
    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: 0
    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: cover
  - 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: 2
    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: darken
  - 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: 0
    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: Modal Background darkness intensity
    description: Sets how dark the modal background is. A higher value dims background content better.
    id: flexcyon-modal-dark-intensity
    type: variable-number
    default: 1
*/
/* 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 .oz-folder-contents {
  padding: 4px 16px;
  margin-inline-start: 16px !important;
}
body .oz-folder-contents:not(:has(> .treeview)) {
  border-inline-start: 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 {
  padding: 8px 4px;
  margin-block-start: 0;
  text-align: var(--flexcyon-top-actions-alignment);
  background-color: var(--color-base-00);
}
body .oz-folders-action-items,
body .oz-flex-container {
  margin-block-end: 0;
}
body div.oz-folder-pane {
  position: relative;
  inset-block-start: -4px;
}
body div.oz-folders-action-items.file-tree-header-fixed {
  background-color: var(--color-base-00);
  border: unset;
  border-radius: unset;
}
body div.oz-folders-action-items.file-tree-header-fixed svg {
  scale: calc(var(--upsize) + 10%);
}
body .oz-nav-file-tag {
  font-size: calc(var(--oz-fta-folder-font-size) - 0.15rem);
  background-color: transparent;
}
body .oz-nav-action-button {
  padding: 0 2px;
  margin-inline: 0 8px;
  opacity: var(--dimmed);
}
body .oz-folders-action-items {
  padding: 0;
  text-align: var(--flexcyon-top-actions-alignment);
}
body .oz-folders-action-items:hover {
  opacity: unset;
}
body .oz-folders-action-items .oz-nav-action-button {
  margin-inline-end: 8px;
  scale: var(--upsize);
}

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

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-flex-max-mode div.oz-nav-file-title div svg,
body.flexcyon-oz-dimmed-file-exts-enabled div.oz-nav-file-title div svg {
  display: none;
}
body.flexcyon-flex-max-mode div.oz-nav-file-title,
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-flex-max-mode div.oz-nav-file-title .oz-nav-file-title-content,
body.flexcyon-oz-dimmed-file-exts-enabled div.oz-nav-file-title .oz-nav-file-title-content {
  inline-size: unset;
}
body.flexcyon-flex-max-mode div.oz-nav-file-title span.oz-nav-file-tag,
body.flexcyon-oz-dimmed-file-exts-enabled div.oz-nav-file-title span.oz-nav-file-tag {
  padding: unset;
  margin: unset;
  font-size: var(--font-ui-small);
  font-weight: unset;
  color: var(--oz-fta-file-pane-file-name-color);
  text-transform: lowercase;
  letter-spacing: unset;
  background-color: unset;
  border: unset;
  opacity: var(--dimmed);
}
body.flexcyon-flex-max-mode div.oz-nav-file-title span.oz-nav-file-tag::before,
body.flexcyon-oz-dimmed-file-exts-enabled div.oz-nav-file-title span.oz-nav-file-tag::before {
  content: ".";
}
body.flexcyon-flex-max-mode div.oz-nav-file-title[data-path$=".md"] div svg,
body.flexcyon-oz-dimmed-file-exts-enabled div.oz-nav-file-title[data-path$=".md"] div svg {
  display: none;
}
body.flexcyon-flex-max-mode div.oz-nav-file-title[data-path$=".md"] span.oz-nav-file-tag,
body.flexcyon-oz-dimmed-file-exts-enabled div.oz-nav-file-title[data-path$=".md"] span.oz-nav-file-tag {
  display: none;
}
body.flexcyon-flex-max-mode div.oz-nav-file-title[data-path$=".md"] div::after,
body.flexcyon-oz-dimmed-file-exts-enabled div.oz-nav-file-title[data-path$=".md"] div::after {
  font-size: var(--font-ui-small);
  content: ".md";
  opacity: var(--dimmed);
}

body.flexcyon-oz-alternate-folder-count div.oz-folder-line {
  transition: transform hover 0.325ms 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-inline-size: max-content;
}
body.flexcyon-oz-alternate-folder-count div.oz-folder-line:hover div.oz-folder-count span.oz-nav-file-tag {
  display: inline;
  margin-block-start: 0;
  font-weight: inherit;
  text-align: start;
  text-transform: none;
  transform: translateY(-1000px);
}
body.flexcyon-oz-alternate-folder-count div.oz-folder-line:hover div.oz-folder-count span.oz-nav-file-tag::before {
  content: "Count: ";
}

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 {
  font-weight: bold;
  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%);
}

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

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

/* Modifications for MiniTabs plugin */
body .TabsCodeBlock-tabs:nth-child(odd) {
  border-radius: 8px 8px 0 0;
  box-shadow: none;
}
body div.TabsCodeBlock.TabsCodeBlock-buns {
  padding: 4px;
  background-color: var(--color-base-20);
  border-radius: 8px 8px 0 0;
}
body div.TabsCodeBlock.TabsCodeBlock-buns button {
  background-color: inherit;
  border-radius: 8px;
  box-shadow: none;
  opacity: var(--dimmed);
}
body div.TabsCodeBlock.TabsCodeBlock-buns button.active {
  font-weight: bold;
  color: var(--text-accent);
  background-color: var(--color-base-10);
  opacity: 1;
}
body div.TabsCodeBlock.TabsCodeBlock-buns + div {
  padding: 0 12px;
  border: 1px solid var(--color-base-20);
}
body div.TabsCodeBlock-tabs-pages div.block-language-dataview:only-child {
  padding: 0 var(--flexcyon-dataview-horizontal-padding);
}
body .markdown-source-view.mod-cm6 .cm-embed-block.cm-lang-minitabs:hover {
  border-radius: 8px 8px 0 0;
}

body :is(.hltr-pink,
mark.hltr-pink,
.markdown-preview-view mark.hltr-pink) {
  --flexcyon-hltr-wrapper-pink: oklch(
    from var(--color-pink) l c h / 65%
  );
  --flexcyon-hltr-pink: oklch(
    from var(--flexcyon-hltr-wrapper-pink)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  background: var(--flexcyon-hltr-pink);
}
body :is(.hltr-red,
mark.hltr-red,
.markdown-preview-view mark.hltr-red) {
  --flexcyon-hltr-wrapper-red: oklch(
    from var(--color-red) l c h / 65%
  );
  --flexcyon-hltr-red: oklch(
    from var(--flexcyon-hltr-wrapper-red)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  background: var(--flexcyon-hltr-red);
}
body :is(.hltr-orange,
mark.hltr-orange,
.markdown-preview-view mark.hltr-orange) {
  --flexcyon-hltr-wrapper-orange: oklch(
    from var(--color-orange) l c h / 65%
  );
  --flexcyon-hltr-orange: oklch(
    from var(--flexcyon-hltr-wrapper-orange)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  background: var(--flexcyon-hltr-orange);
}
body :is(.hltr-yellow,
mark.hltr-yellow,
.markdown-preview-view mark.hltr-yellow) {
  --flexcyon-hltr-wrapper-yellow: oklch(
    from var(--color-yellow) l c h / 65%
  );
  --flexcyon-hltr-yellow: oklch(
    from var(--flexcyon-hltr-wrapper-yellow)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  background: var(--flexcyon-hltr-yellow);
}
body :is(.hltr-green,
mark.hltr-green,
.markdown-preview-view mark.hltr-green) {
  --flexcyon-hltr-wrapper-green: oklch(
    from var(--color-green) l c h / 65%
  );
  --flexcyon-hltr-green: oklch(
    from var(--flexcyon-hltr-wrapper-green)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  background: var(--flexcyon-hltr-green);
}
body :is(.hltr-cyan,
mark.hltr-cyan,
.markdown-preview-view mark.hltr-cyan) {
  --flexcyon-hltr-wrapper-cyan: oklch(
    from var(--color-cyan) l c h / 65%
  );
  --flexcyon-hltr-cyan: oklch(
    from var(--flexcyon-hltr-wrapper-cyan)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  background: var(--flexcyon-hltr-cyan);
}
body :is(.hltr-blue,
mark.hltr-blue,
.markdown-preview-view mark.hltr-blue) {
  --flexcyon-hltr-wrapper-blue: oklch(
    from var(--color-blue) l c h / 65%
  );
  --flexcyon-hltr-blue: oklch(
    from var(--flexcyon-hltr-wrapper-blue)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  background: var(--flexcyon-hltr-blue);
}
body :is(.hltr-purple,
mark.hltr-purple,
.markdown-preview-view mark.hltr-purple) {
  --flexcyon-hltr-wrapper-purple: oklch(
    from var(--color-purple) l c h / 65%
  );
  --flexcyon-hltr-purple: oklch(
    from var(--flexcyon-hltr-wrapper-purple)
      clamp(
        0,
        (l * var(--flexcyon-theme-brightness-ratio)) +
          var(--flexcyon-theme-contrast-offset),
        1
      )
      clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)
      clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)
  );
  background: var(--flexcyon-hltr-purple);
}

body.highlightr-lowlight :is(mark, span.cm-highlight, .markdown-preview-view mark) {
  --lowlight-background: var(--background-primary);
  --mono-oklch-0: oklch(0%, 0, 0deg)
    background-image: linear-gradient(
      to right,
      0,
      var(--lowlight-background) 10%,
      transparent 10%,
      transparent 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-block-end: 0.1em;
  background-image: linear-gradient(to right, 0, transparent 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-block: 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 th.fc-day-today div a {
  font-weight: bold;
  color: var(--text-accent);
}
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 {
  font-weight: bold;
  color: var(--text-accent);
  opacity: unset;
}
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 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: 0 8px;
  overflow: scroll;
  overscroll-behavior: contain;
}
body .fc {
  font-size: var(--font-ui-small);
}
body div.workspace-leaf-content[data-type*=calendar] .fc-header-toolbar {
  flex-direction: column;
}
body div.workspace-leaf-content[data-type*=calendar] .fc-header-toolbar .fc-button-group {
  flex-direction: row;
}
body .modal-content form input[id=taskStatus] + p span button {
  border: none !important;
}

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);
}

gsr-bg-green {
  background-color: oklch(from var(--color-green) l c h/92.5%) !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: oklch(from var(--color-blue) l c h/92.5%) !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: oklch(from var(--color-red) l c h/92.5%) !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-error-horizontal-padding: 8px;
}

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

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

body {
  --flexcyon-canvas-blur-intensity: 1px;
  --text-on-accent-inverted: var(--text-normal);
}

/* obsi-snip-coll start: canvas-oklch-fix */
body.theme-dark,
body.theme-light {
  --canvas-color: var(--text-normal) !important;
  --canvas-color-1: var(--color-red);
  --canvas-color-2: var(--color-orange);
  --canvas-color-3: var(--color-yellow);
  --canvas-color-4: var(--color-green);
  --canvas-color-5: var(--color-cyan);
  --canvas-color-6: var(--color-purple);
}

body .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-background pattern {
  display: none;
}
body .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-controls {
  inset-block-start: 24px;
  gap: 8px;
  scale: var(--expand);
}
body .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-node-container {
  border: 1px solid var(--canvas-color);
}
body .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-node-placeholder::after {
  background-color: oklch(from var(--canvas-color) l c h/10%);
}
body .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-icon-placeholder svg {
  color: var(--canvas-color);
}
body .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-node {
  --shadow-border-themed-inset: inset 0 0 0 1px var(--canvas-color);
  --shadow-border-themed: 0 0 0 2px var(--canvas-color);
}
body .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-node.is-selected.is-themed .canvas-node-container,
body .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-node.is-focused.is-themed .canvas-node-container {
  border-color: var(--canvas-color);
}
body .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-group-label[contenteditable=true] {
  box-shadow: 0 0 0 2px var(--canvas-color);
}
body .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-node-group.is-themed .canvas-group-label:not([contenteditable=true]) {
  background-color: var(--canvas-color);
}
body .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-edges path.canvas-display-path {
  stroke: var(--canvas-color);
}
body .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-edges g.is-themed.mod-canvas-color-custom {
  --canvas-color: var(--text-normal) !important;
}
body .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-edges polygon.canvas-path-end {
  fill: var(--canvas-color);
  stroke: var(--canvas-color);
}
body .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-path-label.is-editing {
  border-color: var(--canvas-color);
  box-shadow: var(--shadow-stationary), 0 0 0 calc(3px * var(--zoom-multiplier)) var(--canvas-color);
}
body .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-color-picker-item {
  background-color: var(--canvas-color);
}
body .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-color-picker-item.is-active {
  box-shadow: 0 0 0 2px var(--canvas-color);
}

@media (hover: hover) {
  .canvas-color-picker-item:hover {
    box-shadow: 0 0 0 2px var(--canvas-color);
  }
  .canvas-minimap rect.is-themed {
    fill: var(--canvas-color);
    stroke: var(--canvas-color);
  }
  .canvas-minimap path.is-themed {
    stroke: var(--canvas-color);
  }
  .canvas-node-group .canvas-node-content {
    background-color: oklch(from var(--canvas-color) l c h/7%);
  }
  .canvas-node.is-themed .canvas-node-content {
    background-color: oklch(from var(--canvas-color) l c h/7%);
  }
  .canvas-node.is-themed .canvas-node-container {
    border-color: oklch(from var(--canvas-color) l c h/70%);
    box-shadow: inset 0 0 0 1px oklch(from var(--canvas-color) l c h/70%), var(--shadow-stationary);
  }
  .canvas-group-label {
    color: var(--text-normal);
    background-color: oklch(from var(--canvas-color) l c h/10%);
  }
  .canvas-edges g.is-focused path.canvas-interaction-path,
  .canvas:not(.is-connecting) .canvas-edges g:hover path.canvas-interaction-path {
    stroke: oklch(from var(--canvas-color) l c h/10%);
  }
  .canvas-placeholder-message,
  .canvas-selection {
    background-color: oklch(from var(--color-accent) l c h/10%);
  }
  .canvas-selection.mod-group-selection {
    background-color: oklch(from var(--color-accent) l c h/3%);
    border-color: oklch(from var(--color-accent) l c h/30%);
  }
  .canvas-node.is-dummy .canvas-node-container {
    background-color: oklch(from var(--color-accent) l c h/20%);
  }
  .canvas-card-menu {
    scale: var(--upsize);
  }
}
/* obsi-snip-coll end */
@media (hover: hover) {
  .canvas-control-item:hover {
    color: var(--text-accent);
  }
}
body.flexcyon-canvas-blur-inactive-nodes .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas:has(> .canvas-node.is-editing) > .canvas-edges, body.flexcyon-canvas-blur-inactive-nodes .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas:has(> .canvas-node.is-editing) > .canvas-node:not(.is-editing) {
  filter: blur(var(--flexcyon-canvas-blur-intensity));
}

body.flexcyon-canvas-menu-bottom-left .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-card-menu {
  inset-block-end: unset;
  inset-inline-start: 1%;
  transform: none;
}

body.flexcyon-canvas-menu-bottom-right .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-card-menu {
  inset-block-end: unset;
  inset-inline-start: 89%;
  transform: none;
}

body.flexcyon-canvas-menu-top-center .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-card-menu {
  inset-block-end: 94%;
  inset-inline-start: unset;
  transform: none;
}

body.flexcyon-canvas-menu-top-left .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-card-menu {
  inset-block-end: 94%;
  inset-inline-start: 1%;
  transform: none;
}

body.flexcyon-canvas-menu-top-right .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-card-menu {
  inset-block-end: 94%;
  inset-inline-start: 87.5%;
  transform: none;
}

body.flexcyon-canvas-menu-lcenter-center .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-card-menu {
  inset-block-end: 50%;
  inset-inline-start: 1%;
  flex-direction: column;
  transform: none;
}

body.flexcyon-canvas-menu-lcenter-top .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-card-menu {
  inset-block-end: 82.5%;
  inset-inline-start: 1%;
  flex-direction: column;
  transform: none;
}

body.flexcyon-canvas-menu-lcenter-bottom .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-card-menu {
  inset-block-end: 2.5%;
  inset-inline-start: 1%;
  flex-direction: column;
  transform: none;
}

body.flexcyon-canvas-menu-rcenter-bottom .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-card-menu {
  inset-block-end: 7.5%;
  inset-inline-start: 96.1%;
  flex-direction: column;
  transform: none;
}

body.flexcyon-canvas-menu-rcenter-center .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-card-menu {
  inset-block-end: 40%;
  inset-inline-start: 96.1%;
  flex-direction: column;
  transform: none;
}

body.flexcyon-canvas-menu-rcenter-top .workspace-leaf.mod-active .workspace-leaf-content[data-type=canvas] .canvas-card-menu {
  inset-block-end: 82.5%;
  inset-inline-start: 96.1%;
  flex-direction: column;
  transform: none;
}

.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 {
  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;
}

body.flexcyon-omnisearch-no-icons .omnisearch-result__icon {
  display: none;
}

body {
  --flexcyon-omnisearch-body-margin-left: 1.45rem;
}

.omnisearch-result__body {
  margin-inline-start: var(--flexcyon-omnisearch-body-margin-left);
}

/* Compact mode */
body {
  --flexcyon-var-comps-sugg-vert-padding: 7px;
  --flexcyon-var-comps-sugg-horiz-padding: 12px;
  /* Inactive dimming, icon alignment */
}
body .various-complements__suggestion-item {
  padding: var(--flexcyon-var-comps-sugg-vert-padding) var(--flexcyon-var-comps-sugg-horiz-padding);
  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 {
  color: var(--text-accent);
  opacity: calc(var(--dimmed) + 0.3);
}

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

body {
  --font-mermaid: var(--font-monospace);
}

body.theme-dark .mermaid > svg {
  filter: invert(100%) hue-rotate(180deg);
}

body.theme-light .mermaid > svg[aria-roledescription=flowchart-v2],
body.theme-dark .mermaid > svg[aria-roledescription=flowchart-v2] {
  filter: none;
}

.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid, .slides-container .mermaid {
  padding: 16px 8px;
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid svg .nodes node *, .slides-container .mermaid svg .nodes node * {
  stroke: var(--color-base-20);
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart] g.nodes g :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes g :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=stateDiagram] g.nodes g :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=stateDiagram-v2] g.nodes g :is(*), .slides-container .mermaid > svg[aria-roledescription=flowchart] g.nodes g :is(*), .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes g :is(*), .slides-container .mermaid > svg[aria-roledescription=stateDiagram] g.nodes g :is(*), .slides-container .mermaid > svg[aria-roledescription=stateDiagram-v2] g.nodes g :is(*) {
  fill: var(--text-normal) !important;
  fill-opacity: var(--dimmed) !important;
  stroke: var(--text-faint) !important;
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart] g.nodes g.red :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes g.red :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=stateDiagram] g.nodes g.red :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=stateDiagram-v2] g.nodes g.red :is(*), .slides-container .mermaid > svg[aria-roledescription=flowchart] g.nodes g.red :is(*), .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes g.red :is(*), .slides-container .mermaid > svg[aria-roledescription=stateDiagram] g.nodes g.red :is(*), .slides-container .mermaid > svg[aria-roledescription=stateDiagram-v2] g.nodes g.red :is(*) {
  fill: oklch(from var(--color-red) l c h/var(--dimmed)) !important;
  stroke: var(--color-red) !important;
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart] g.nodes g.purple :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes g.purple :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=stateDiagram] g.nodes g.purple :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=stateDiagram-v2] g.nodes g.purple :is(*), .slides-container .mermaid > svg[aria-roledescription=flowchart] g.nodes g.purple :is(*), .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes g.purple :is(*), .slides-container .mermaid > svg[aria-roledescription=stateDiagram] g.nodes g.purple :is(*), .slides-container .mermaid > svg[aria-roledescription=stateDiagram-v2] g.nodes g.purple :is(*) {
  fill: oklch(from var(--color-purple) l c h/var(--dimmed)) !important;
  stroke: var(--color-purple) !important;
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart] g.nodes g.cyan :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes g.cyan :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=stateDiagram] g.nodes g.cyan :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=stateDiagram-v2] g.nodes g.cyan :is(*), .slides-container .mermaid > svg[aria-roledescription=flowchart] g.nodes g.cyan :is(*), .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes g.cyan :is(*), .slides-container .mermaid > svg[aria-roledescription=stateDiagram] g.nodes g.cyan :is(*), .slides-container .mermaid > svg[aria-roledescription=stateDiagram-v2] g.nodes g.cyan :is(*) {
  fill: oklch(from var(--color-cyan) l c h/var(--dimmed)) !important;
  stroke: var(--color-cyan) !important;
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart] g.nodes g.yellow :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes g.yellow :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=stateDiagram] g.nodes g.yellow :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=stateDiagram-v2] g.nodes g.yellow :is(*), .slides-container .mermaid > svg[aria-roledescription=flowchart] g.nodes g.yellow :is(*), .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes g.yellow :is(*), .slides-container .mermaid > svg[aria-roledescription=stateDiagram] g.nodes g.yellow :is(*), .slides-container .mermaid > svg[aria-roledescription=stateDiagram-v2] g.nodes g.yellow :is(*) {
  fill: oklch(from var(--color-yellow) l c h/var(--dimmed)) !important;
  stroke: var(--color-yellow) !important;
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart] g.nodes g.blue :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes g.blue :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=stateDiagram] g.nodes g.blue :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=stateDiagram-v2] g.nodes g.blue :is(*), .slides-container .mermaid > svg[aria-roledescription=flowchart] g.nodes g.blue :is(*), .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes g.blue :is(*), .slides-container .mermaid > svg[aria-roledescription=stateDiagram] g.nodes g.blue :is(*), .slides-container .mermaid > svg[aria-roledescription=stateDiagram-v2] g.nodes g.blue :is(*) {
  fill: oklch(from var(--color-blue) l c h/var(--dimmed)) !important;
  stroke: var(--color-blue) !important;
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart] g.nodes g.green :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes g.green :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=stateDiagram] g.nodes g.green :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=stateDiagram-v2] g.nodes g.green :is(*), .slides-container .mermaid > svg[aria-roledescription=flowchart] g.nodes g.green :is(*), .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes g.green :is(*), .slides-container .mermaid > svg[aria-roledescription=stateDiagram] g.nodes g.green :is(*), .slides-container .mermaid > svg[aria-roledescription=stateDiagram-v2] g.nodes g.green :is(*) {
  fill: oklch(from var(--color-green) l c h/var(--dimmed)) !important;
  stroke: var(--color-green) !important;
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart] g.nodes g.orange :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes g.orange :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=stateDiagram] g.nodes g.orange :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=stateDiagram-v2] g.nodes g.orange :is(*), .slides-container .mermaid > svg[aria-roledescription=flowchart] g.nodes g.orange :is(*), .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes g.orange :is(*), .slides-container .mermaid > svg[aria-roledescription=stateDiagram] g.nodes g.orange :is(*), .slides-container .mermaid > svg[aria-roledescription=stateDiagram-v2] g.nodes g.orange :is(*) {
  fill: oklch(from var(--color-orange) l c h/var(--dimmed)) !important;
  stroke: var(--color-orange) !important;
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart], .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2], .slides-container .mermaid > svg[aria-roledescription=flowchart], .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] {
  /* Edge labels */
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart] g.edgeLabels div.labelBkg, .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2] g.edgeLabels div.labelBkg, .slides-container .mermaid > svg[aria-roledescription=flowchart] g.edgeLabels div.labelBkg, .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] g.edgeLabels div.labelBkg {
  display: contents !important;
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart] g.edgeLabels div.labelBkg .edgeLabel p, .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2] g.edgeLabels div.labelBkg .edgeLabel p, .slides-container .mermaid > svg[aria-roledescription=flowchart] g.edgeLabels div.labelBkg .edgeLabel p, .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] g.edgeLabels div.labelBkg .edgeLabel p {
  font-size: var(--font-ui-small) !important;
  vertical-align: super;
  color: var(--text-normal) !important;
  background-color: var(--background-primary) !important;
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart] g.root .cluster rect, .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2] g.root .cluster rect, .slides-container .mermaid > svg[aria-roledescription=flowchart] g.root .cluster rect, .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] g.root .cluster rect {
  fill: var(--background-secondary) !important;
  stroke: transparent !important;
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart] g.root .cluster span, .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2] g.root .cluster span, .slides-container .mermaid > svg[aria-roledescription=flowchart] g.root .cluster span, .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] g.root .cluster span {
  color: var(--text-normal) !important;
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart] g.root g.edgePaths path, .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2] g.root g.edgePaths path, .slides-container .mermaid > svg[aria-roledescription=flowchart] g.root g.edgePaths path, .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] g.root g.edgePaths path {
  stroke: var(--text-normal) !important;
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart] .marker, .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2] .marker, .slides-container .mermaid > svg[aria-roledescription=flowchart] .marker, .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] .marker {
  fill: var(--text-normal) !important;
  stroke: var(--text-normal) !important;
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart], .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2], .slides-container .mermaid > svg[aria-roledescription=flowchart], .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] {
  /* Nodes */
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart] g.nodes, .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes, .slides-container .mermaid > svg[aria-roledescription=flowchart] g.nodes, .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes {
  /* Node labels */
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart] g.nodes div:has(.nodeLabel), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes div:has(.nodeLabel), .slides-container .mermaid > svg[aria-roledescription=flowchart] g.nodes div:has(.nodeLabel), .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes div:has(.nodeLabel) {
  display: block !important;
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart] g.nodes div:has(.nodeLabel) .nodeLabel p, .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes div:has(.nodeLabel) .nodeLabel p, .slides-container .mermaid > svg[aria-roledescription=flowchart] g.nodes div:has(.nodeLabel) .nodeLabel p, .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes div:has(.nodeLabel) .nodeLabel p {
  color: var(--text-normal) !important;
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart] g.nodes, .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes, .slides-container .mermaid > svg[aria-roledescription=flowchart] g.nodes, .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes {
  /* Node default colors */
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart] g.nodes g :is(*), .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes g :is(*), .slides-container .mermaid > svg[aria-roledescription=flowchart] g.nodes g :is(*), .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes g :is(*) {
  fill: var(--background-secondary) !important;
  fill-opacity: calc(var(--dimmed) - 0.25) !important;
  stroke: var(--text-faint) !important;
}
.workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart] g.nodes .node circle, .workspace-leaf.mod-active .workspace-leaf-content[data-type=markdown] .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes .node circle, .slides-container .mermaid > svg[aria-roledescription=flowchart] g.nodes .node circle, .slides-container .mermaid > svg[aria-roledescription=flowchart-v2] g.nodes .node circle {
  fill: var(--background-secondary) !important;
}

body {
  --flexcyon-bases-no-img-str: "No image path could be found for this file";
  --bases-border-r: 16px;
  --bases-cards-group-padding: 16px;
  --bases-embed-padding: 4px;
  --bases-cards-cover-background: var(--background-secondary);
  --bases-cards-scale: 1;
  --bases-embed-border-width: 0px;
  --flexcyon-bases-card-padding-top: 8px;
  --flexcyon-bases-card-padding-right: 0px;
  --flexcyon-bases-card-padding-bottom: 0px;
  --flexcyon-bases-card-padding-left: 2px;
  --flexcyon-bases-card-padding: var(--flexcyon-bases-card-padding-top)
    var(--flexcyon-bases-card-padding-right)
    var(--flexcyon-bases-card-padding-bottom)
    var(--flexcyon-bases-card-padding-left);
  --flexcyon-bases-card-flex-grow: 0.55;
  --flexcyon-bases-card-delay-factor: 12.5;
  --flexcyon-bases-padding-horiz: 16px;
  --flexcyon-bases-padding-verti: 16px;
  --flexcyon-bases-td-padding-l: 2px;
  --flexcyon-bases-table-content-alignment: left;
  --flexcyon-bases-cards-label-opacity: 0.85;
}

.bases-view.is-being-dragged-over::after {
  background-color: oklch(from var(--interactive-accent) l c h/10%);
}

.bases-toolbar:not(:active, :hover, :focus, :focus-within) {
  opacity: var(--dimmed);
}

.bases-embed,
.workspace-leaf-content[data-type=bases] .view-content {
  padding: var(--flexcyon-bases-padding-verti) var(--flexcyon-bases-padding-horiz);
}

.workspace-leaf-content[data-type=bases] .bases-header {
  --bases-header-padding-start: 0px;
  --bases-header-padding-end: 0px;
  --bases-header-border-width: 0 0 1px 0;
  inline-size: min(100% - 8px, 99.5%);
}

.bases-tr {
  border-inline-end: 0.5px solid var(--table-border-color);
}

.workspace-leaf-content[data-type=markdown] .block-language-base .bases-view,
.workspace-leaf-content[data-type=markdown] .bases-embed .bases-view {
  border: none;
}

span.bases-embed .bases-view .bases-tr {
  border-inline-end: none !important;
}

.bases-view {
  flex-grow: var(--flexcyon-bases-card-flex-grow);
  transition: flex-grow calc(var(--flexcyon-bases-card-delay-factor) * var(--flexcyon-anim-duration)) ease-in-out;
}
.bases-view > div {
  border-inline: 0.5px solid var(--table-border-color);
}

.bases-cards-item {
  padding: var(--flexcyon-bases-card-padding);
}

div.bases-cards-cover:not([style*=background-image]) {
  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));
}
div.bases-cards-cover:not([style*=background-image])::after {
  inset-inline: 32px 0;
  display: flex;
  justify-content: center;
  inline-size: max-content;
  max-inline-size: 85%;
  margin: 30% auto;
  color: var(--text-muted);
  text-align: center;
  content: var(--flexcyon-bases-no-img-str);
}
div.bases-cards-cover:not([style*=background-image]) * {
  background-image: none;
}

.bases-cards-property.mod-title div,
.bases-cards-property.mod-title,
.bases-cards-item {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  border: none;
  --input-padding: 0px 4px;
}

.bases-cards-label {
  padding: 2px 4px;
  opacity: var(--flexcyon-bases-cards-label-opacity);
}

.bases-td {
  padding-inline-start: var(--flexcyon-bases-td-padding-l);
}

.query-toolbar-menu .bases-query-container {
  margin-block-start: 4px;
}

.query-toolbar-menu .query-toolbar-section-header {
  color: var(--text-accent);
}
.query-toolbar-menu .query-toolbar-section-header span.flair {
  font-size: var(--font-ui-smaller);
  font-weight: 900;
  color: var(--color-blue);
}

.bases-query-container .filter-row {
  gap: 12px;
}
.bases-query-container .filter-expression {
  gap: 4px;
}
.bases-query-container .filter-group .filter-group-actions {
  padding-block-start: 8px;
}
.bases-query-container .filter-group .filter-group-header .conjunction.dropdown {
  font-size: var(--font-ui-medium);
}

.query-toolbar-menu .query-toolbar-section:not(:last-child) {
  border-block-end: none;
}

.bases-tbody[style*="height: 0px"]::after {
  font-size: var(--font-ui-small);
  color: var(--color-red);
  white-space: pre;
  content: " \a  No entries could be found";
}

.bases-table-cell[disabled*=true] {
  background-color: transparent;
}
.bases-table-cell[disabled*=true]::after {
  margin-inline-start: 8px;
  font-size: var(--font-ui-small);
  color: var(--color-red);
  content: "N/A";
}

.bases-table-cell .metadata-input-number,
.bases-table-cell[data-property-type=number] {
  justify-content: var(--flexcyon-bases-table-content-alignment);
}

.bases-table-cell[data-property-type=checkbox] {
  justify-content: var(--flexcyon-bases-table-content-alignment);
}

.bases-table-cell {
  --input-placeholder-color: var(--color-red);
  justify-content: var(--flexcyon-bases-table-content-alignment);
}

.bases-thead .bases-table-header {
  justify-content: var(--flexcyon-bases-table-content-alignment);
}

.value-list-container:not(:has(.value-list-element))::before {
  color: var(--color-red);
  content: "None found";
}

.bases-rendered-value {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.bases-list-container {
  min-block-size: unset;
}

body.flexcyon-hide-until-hover-bases-title-sidebar .mod-left-split .bases-table-header:not(:hover, :active, :focus, :focus-within) .bases-table-header-name,
body.flexcyon-hide-until-hover-bases-title-sidebar .mod-right-split .bases-table-header:not(:hover, :active, :focus, :focus-within) .bases-table-header-name {
  display: none;
}

body {
  --prompt-border-color: var(--color-base-20);
  --search-clear-button-color: var(--color-red);
  --search-icon-color: var(--color-accent);
  --flexcyon-search-container-verti-padding: 8px;
  --flexcyon-search-container-horiz-padding: 16px;
  --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 .prompt > .prompt-results > .suggestion-item .suggestion-highlight {
  color: var(--interactive-accent);
}
body .prompt input.prompt-input {
  font-weight: bold;
  color: var(--interactive-accent);
}
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 {
  font-weight: bold;
  color: var(--text-accent);
}

body.flexcyon-prompt-align-bottom-left .modal-container .prompt {
  inset-block-start: 30vh;
  inset-inline-start: 0;
}

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

.workspace-leaf-content[data-type=search] {
  padding: var(--flexcyon-search-container-verti-padding) var(--flexcyon-search-container-horiz-padding);
}
.workspace-leaf-content[data-type=search] .search-row .search-input-container {
  flex-grow: 0.975;
}
.workspace-leaf-content[data-type=search] .search-row .clickable-icon {
  margin-inline-start: 12px;
}
.workspace-leaf-content[data-type=search] .search-params .setting-item .setting-item-name {
  color: var(--text-muted);
}
.workspace-leaf-content[data-type=search] .search-results-info .search-results-result-count {
  font-size: calc(var(--font-ui-small) - 0.75px);
  color: var(--text-normal);
  opacity: 1;
}
.workspace-leaf-content[data-type=search] .search-info-container:has(~ .search-result-container .search-empty-state) {
  display: none;
}
.workspace-leaf-content[data-type=search] .suggestion-item.mod-complex.suggestion-secret-key.is-selected {
  background-color: oklch(from var(--color-accent) l c h/15%);
}

.view-content.webviewer-content {
  padding: 12px 16px 40px;
  border-radius: 16px;
}

.webviewer-history-view-item {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.workspace-leaf-content[data-type*=webviewer] .tree-item-inner {
  margin-inline-start: 8px;
}

.view-header-reload-button {
  margin-block-start: 8px;
}

audio {
  border-radius: 12px;
}

/* obsi-snip-coll start: improved-slides */
body {
  --r-main-font: var(--font-text);
  --r-heading-font: var(--font-text);
  --r-main-font-size: max-content;
  --r-background-color: var(--color-base-05);
  --r-heading-text-transform: capitalize;
  --r-heading-color: var(--text-normal);
  --r-heading-margin: 16px 0px;
  --r-link-color: var(--color-accent-2);
  --r-heading1-size: var(--h1-size);
  --r-heading2-size: var(--h2-size);
  --r-heading3-size: var(--h3-size);
  --r-heading4-size: var(--h4-size);
}

.reveal .controls button {
  box-shadow: none;
}

.reveal .slides {
  text-align: start;
}
.reveal .slides input[type=checkbox] {
  inline-size: 16px;
  block-size: 16px;
}

.reveal.center,
.reveal.center .slides,
.reveal.center .slides section {
  max-block-size: 100%;
}

.slides-container {
  overflow: hidden;
}

.reveal .slides > section.present,
.reveal .slides > section > section.present {
  overflow: hidden scroll;
  overscroll-behavior: contain;
}

.reveal blockquote {
  inline-size: 90%;
  padding: 4px 12px;
  margin: var(--r-block-margin) 2px;
  background-color: var(--color-base-20);
}

.reveal li {
  margin: var(--r-block-margin);
}

.reveal pre {
  margin: var(--r-block-margin) 1px;
  font-size: var(--font-ui-medium);
}

.slides-close-btn svg.svg-icon {
  inline-size: 32px;
  block-size: 32px;
}

.reveal .pause-overlay {
  background: var(--color-base-00);
}

.reveal img,
.reveal video,
.reveal iframe {
  padding: 0 1px;
  padding-inline-end: 4px;
}

.slides-container .backgrounds :nth-of-type(99n + 1).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 1";
}

.slides-container .backgrounds :nth-of-type(99n + 2).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 2";
}

.slides-container .backgrounds :nth-of-type(99n + 3).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 3";
}

.slides-container .backgrounds :nth-of-type(99n + 4).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 4";
}

.slides-container .backgrounds :nth-of-type(99n + 5).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 5";
}

.slides-container .backgrounds :nth-of-type(99n + 6).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 6";
}

.slides-container .backgrounds :nth-of-type(99n + 7).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 7";
}

.slides-container .backgrounds :nth-of-type(99n + 8).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 8";
}

.slides-container .backgrounds :nth-of-type(99n + 9).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 9";
}

.slides-container .backgrounds :nth-of-type(99n + 10).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 10";
}

.slides-container .backgrounds :nth-of-type(99n + 11).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 11";
}

.slides-container .backgrounds :nth-of-type(99n + 12).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 12";
}

.slides-container .backgrounds :nth-of-type(99n + 13).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 13";
}

.slides-container .backgrounds :nth-of-type(99n + 14).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 14";
}

.slides-container .backgrounds :nth-of-type(99n + 15).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 15";
}

.slides-container .backgrounds :nth-of-type(99n + 16).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 16";
}

.slides-container .backgrounds :nth-of-type(99n + 17).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 17";
}

.slides-container .backgrounds :nth-of-type(99n + 18).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 18";
}

.slides-container .backgrounds :nth-of-type(99n + 19).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 19";
}

.slides-container .backgrounds :nth-of-type(99n + 20).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 20";
}

.slides-container .backgrounds :nth-of-type(99n + 21).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 21";
}

.slides-container .backgrounds :nth-of-type(99n + 22).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 22";
}

.slides-container .backgrounds :nth-of-type(99n + 23).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 23";
}

.slides-container .backgrounds :nth-of-type(99n + 24).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 24";
}

.slides-container .backgrounds :nth-of-type(99n + 25).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 25";
}

.slides-container .backgrounds :nth-of-type(99n + 26).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 26";
}

.slides-container .backgrounds :nth-of-type(99n + 27).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 27";
}

.slides-container .backgrounds :nth-of-type(99n + 28).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 28";
}

.slides-container .backgrounds :nth-of-type(99n + 29).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 29";
}

.slides-container .backgrounds :nth-of-type(99n + 30).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 30";
}

.slides-container .backgrounds :nth-of-type(99n + 31).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 31";
}

.slides-container .backgrounds :nth-of-type(99n + 32).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 32";
}

.slides-container .backgrounds :nth-of-type(99n + 33).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 33";
}

.slides-container .backgrounds :nth-of-type(99n + 34).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 34";
}

.slides-container .backgrounds :nth-of-type(99n + 35).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 35";
}

.slides-container .backgrounds :nth-of-type(99n + 36).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 36";
}

.slides-container .backgrounds :nth-of-type(99n + 37).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 37";
}

.slides-container .backgrounds :nth-of-type(99n + 38).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 38";
}

.slides-container .backgrounds :nth-of-type(99n + 39).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 39";
}

.slides-container .backgrounds :nth-of-type(99n + 40).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 40";
}

.slides-container .backgrounds :nth-of-type(99n + 41).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 41";
}

.slides-container .backgrounds :nth-of-type(99n + 42).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 42";
}

.slides-container .backgrounds :nth-of-type(99n + 43).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 43";
}

.slides-container .backgrounds :nth-of-type(99n + 44).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 44";
}

.slides-container .backgrounds :nth-of-type(99n + 45).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 45";
}

.slides-container .backgrounds :nth-of-type(99n + 46).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 46";
}

.slides-container .backgrounds :nth-of-type(99n + 47).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 47";
}

.slides-container .backgrounds :nth-of-type(99n + 48).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 48";
}

.slides-container .backgrounds :nth-of-type(99n + 49).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 49";
}

.slides-container .backgrounds :nth-of-type(99n + 50).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 50";
}

.slides-container .backgrounds :nth-of-type(99n + 51).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 51";
}

.slides-container .backgrounds :nth-of-type(99n + 52).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 52";
}

.slides-container .backgrounds :nth-of-type(99n + 53).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 53";
}

.slides-container .backgrounds :nth-of-type(99n + 54).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 54";
}

.slides-container .backgrounds :nth-of-type(99n + 55).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 55";
}

.slides-container .backgrounds :nth-of-type(99n + 56).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 56";
}

.slides-container .backgrounds :nth-of-type(99n + 57).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 57";
}

.slides-container .backgrounds :nth-of-type(99n + 58).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 58";
}

.slides-container .backgrounds :nth-of-type(99n + 59).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 59";
}

.slides-container .backgrounds :nth-of-type(99n + 60).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 60";
}

.slides-container .backgrounds :nth-of-type(99n + 61).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 61";
}

.slides-container .backgrounds :nth-of-type(99n + 62).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 62";
}

.slides-container .backgrounds :nth-of-type(99n + 63).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 63";
}

.slides-container .backgrounds :nth-of-type(99n + 64).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 64";
}

.slides-container .backgrounds :nth-of-type(99n + 65).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 65";
}

.slides-container .backgrounds :nth-of-type(99n + 66).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 66";
}

.slides-container .backgrounds :nth-of-type(99n + 67).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 67";
}

.slides-container .backgrounds :nth-of-type(99n + 68).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 68";
}

.slides-container .backgrounds :nth-of-type(99n + 69).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 69";
}

.slides-container .backgrounds :nth-of-type(99n + 70).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 70";
}

.slides-container .backgrounds :nth-of-type(99n + 71).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 71";
}

.slides-container .backgrounds :nth-of-type(99n + 72).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 72";
}

.slides-container .backgrounds :nth-of-type(99n + 73).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 73";
}

.slides-container .backgrounds :nth-of-type(99n + 74).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 74";
}

.slides-container .backgrounds :nth-of-type(99n + 75).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 75";
}

.slides-container .backgrounds :nth-of-type(99n + 76).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 76";
}

.slides-container .backgrounds :nth-of-type(99n + 77).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 77";
}

.slides-container .backgrounds :nth-of-type(99n + 78).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 78";
}

.slides-container .backgrounds :nth-of-type(99n + 79).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 79";
}

.slides-container .backgrounds :nth-of-type(99n + 80).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 80";
}

.slides-container .backgrounds :nth-of-type(99n + 81).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 81";
}

.slides-container .backgrounds :nth-of-type(99n + 82).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 82";
}

.slides-container .backgrounds :nth-of-type(99n + 83).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 83";
}

.slides-container .backgrounds :nth-of-type(99n + 84).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 84";
}

.slides-container .backgrounds :nth-of-type(99n + 85).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 85";
}

.slides-container .backgrounds :nth-of-type(99n + 86).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 86";
}

.slides-container .backgrounds :nth-of-type(99n + 87).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 87";
}

.slides-container .backgrounds :nth-of-type(99n + 88).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 88";
}

.slides-container .backgrounds :nth-of-type(99n + 89).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 89";
}

.slides-container .backgrounds :nth-of-type(99n + 90).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 90";
}

.slides-container .backgrounds :nth-of-type(99n + 91).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 91";
}

.slides-container .backgrounds :nth-of-type(99n + 92).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 92";
}

.slides-container .backgrounds :nth-of-type(99n + 93).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 93";
}

.slides-container .backgrounds :nth-of-type(99n + 94).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 94";
}

.slides-container .backgrounds :nth-of-type(99n + 95).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 95";
}

.slides-container .backgrounds :nth-of-type(99n + 96).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 96";
}

.slides-container .backgrounds :nth-of-type(99n + 97).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 97";
}

.slides-container .backgrounds :nth-of-type(99n + 98).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 98";
}

.slides-container .backgrounds :nth-of-type(99n + 99).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 99";
}

.slides-container .backgrounds :nth-of-type(99n + 100).present .slide-background-content::before {
  position: absolute;
  inset-block-start: 8px;
  padding: 4px 12px;
  font-size: var(--font-ui-medium);
  color: var(--text-normal);
  content: "Page 100";
}

/* obsi-snip-coll end */
.plugin-tasks-list-item .task-list-item-checkbox {
  transform: translateY(2px);
}
.plugin-tasks-list-item .tasks-list-text {
  padding-inline-start: 8px;
  box-decoration-break: clone;
}

.block-language-tasks > div::before {
  inset-inline: 32px 0;
  display: flex;
  justify-content: center;
  inline-size: max-content;
  max-inline-size: 85%;
  margin: 0 auto;
  font-size: var(--h2-size);
  line-height: var(--h2-line-height);
  color: var(--h2-color);
  content: "Your Tasks";
}

div.task-count {
  font-size: var(--font-ui-large);
  font-weight: bold;
  color: var(--color-red);
}
div.task-count::before {
  font-size: var(--font-text-size);
  font-weight: normal;
  color: var(--text-normal);
  content: "Pending: ";
}

.block-language-tasks {
  padding: 12px 16px;
  background-color: var(--color-base-05);
  border-radius: 8px;
}

span.task-dependsOn,
span.task-id {
  font-size: var(--font-ui-small);
  color: var(--text-muted);
}

.tasks-backlink,
.tasks-backlink a,
.tasks-list-text span[class*=task] {
  padding: 0 4px;
  box-decoration-break: clone;
}

.mod-extended-graph-toggle.is-active {
  background-color: color-mix(in oklch, var(--text-accent) 20%, transparent 80%);
}

/* In file recovery, sync version history, and publish diff */
.diff-line.mod-left {
  background-color: oklch(from var(--background-modifier-error) l c h/20%);
}

.diff-line.mod-left .diff-changed {
  background-color: oklch(from var(--background-modifier-error) l c h/40%);
}

.diff-line.mod-right {
  background-color: oklch(from var(--background-modifier-success) l c h/20%);
}

.diff-line.mod-right .diff-changed {
  background-color: oklch(from var(--background-modifier-success) l c h/40%);
}

body .pdf-container .textLayer ::selection,
body .markdown-source-view.mod-cm6 .pdf-container .textLayer ::selection {
  background-color: var(--color-accent);
}
body .pdf-container .annotationlayer :is(.linkannotation, .buttonwidgetannotation.pushbutton):not(.hasborder) > a:hover {
  background-color: oklch(from var(--color-accent) l c h/10%);
}
body .pdf-container .annotationLayer .linkAnnotation.hasBorder:hover {
  background-color: oklch(from var(--color-accent) l c h/10%);
}
body .pdf-container .textLayer .highlight.selected {
  background-color: var(--interactive-accent);
  box-shadow: 0 0 0 2px var(--interactive-accent);
}
body .pdf-container .textLayer .highlight:not(.selected) {
  background-color: var(--color-yellow);
  box-shadow: 0 0 0 2px var(--color-yellow);
}

.publish-upload-item::before {
  background-color: oklch(from var(--background-modifier-success) l c h/20%);
}

.publish-upload-item.mod-failed::before {
  background-color: oklch(from var(--background-modifier-error) l c h/20%);
}

body.banners-reloaded .banner-view-active .banner-error-container .banner-error-icon {
  display: none;
}
body.banners-reloaded .banner-view-active .banner-error-container .banner-error-message::before {
  color: var(--color-red);
  content: "Error - ";
}

.lemons-search--preview {
  inset-inline: 36px 0;
  display: flex;
  justify-content: center;
  inline-size: max-content;
  max-inline-size: min(var(--file-line-width), 50vw);
  margin: 0 auto;
}
.lemons-search--preview div.preview-text,
.lemons-search--preview div img {
  max-inline-size: min(var(--file-line-width) - 2rem, 50vw);
  padding: 32px 36px;
}

div.modal.lemons-search--modal > div.modal-close-button.mod-raised.clickable-icon {
  z-index: 1;
}

/* Modifications for HandaArchitect's banner snippet */
body .banner img[alt=banner] {
  z-index: 1;
  padding: 1px;
}
body div.card-content-container img[alt=banner],
body .popover .banner img[alt=banner] {
  display: none;
}
body .banner .internal-embed .markdown-preview-pusher,
body .banner span.internal-embed .image-embed img[alt=banner] {
  display: none;
}
body .workspace-leaf.mod-active .banner.is-live-preview .internal-embed[alt=banner] div:has(img[alt=banner]) {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inline-size: 100%;
}

/* 
 * Flexcyon's Multi Column implementation (FMCi)
 *
 * Adapted (with permission) from @kneecaps'
 * (Obsidian Members Group, Ultra Lobster/Origami theme developer)
 * multi-column layout + aside float snippet.
 * 
 *
 * I also took inspiration from efemkay's MCL
 * (bare minimum core logic, reimplemented in SCSS)
 * and the Wikipedia theme's infoboxes by Bluemoondragon07
 *
 * Bluemoondragon07's Wikipedia theme (MIT Licensed):
 * https://github.com/bluemoondragon07/Wikipedia-Theme
 *
 * efemkay's MCL GitHub link (their project is licensed under GPLv3):
 * https://github.com/efemkay/obsidian-modular-css-layout/
 *
 * Kept backwards compatibility/improvements
 * - [x] multi-column keyword
 * - [x] wide-0 to wide-100 keyword
 *   - wide-0 forces the callout to use the bare minimum width which fits text content
 *   - wide-1 does nothing but makes some people feel comfortable
 * - Yes that's about all the MCL features I ever used myself
 *
 * It will try to respect fitting text content for all callouts in the same column
 * before wide-x metadata. 
 *
 * Licensed under MIT License, like the rest of the theme.
 */
body {
  --callout-gap: 16px;
  --infobox-width: 37.5%;
  --infobox-margin: 1em 0px 1em 1em;
  --infobox-margin-left: 1em 1em 1em 0px;
  --infobox-position: right;
}

/* Start of parts which were inspired by efemkay's MCL */
.callout[data-callout-metadata*=col], .callout[data-callout*=multi-column], .callout[data-callout*=col], .callout[data-callout*=multi-column] {
  background-color: transparent;
}
.callout[data-callout-metadata*=col] > .callout-title, .callout[data-callout*=multi-column] > .callout-title, .callout[data-callout*=col] > .callout-title, .callout[data-callout*=multi-column] > .callout-title {
  display: none;
}
.callout[data-callout-metadata*=col] > .callout-content, .callout[data-callout*=multi-column] > .callout-content, .callout[data-callout*=col] > .callout-content, .callout[data-callout*=multi-column] > .callout-content {
  display: flex;
  gap: var(--callout-gap);
}
.callout[data-callout-metadata*=col] > .callout-content .callout, .callout[data-callout*=multi-column] > .callout-content .callout, .callout[data-callout*=col] > .callout-content .callout, .callout[data-callout*=multi-column] > .callout-content .callout {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-0],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-0], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-0],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-0], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-0],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-0], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-0],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-0] {
  flex-grow: 0;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-1],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-1], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-1],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-1], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-1],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-1], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-1],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-1] {
  flex-grow: 1;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-2],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-2], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-2],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-2], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-2],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-2], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-2],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-2] {
  flex-grow: 2;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-3],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-3], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-3],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-3], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-3],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-3], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-3],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-3] {
  flex-grow: 3;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-4],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-4], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-4],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-4], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-4],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-4], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-4],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-4] {
  flex-grow: 4;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-5],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-5], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-5],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-5], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-5],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-5], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-5],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-5] {
  flex-grow: 5;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-6],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-6], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-6],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-6], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-6],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-6], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-6],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-6] {
  flex-grow: 6;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-7],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-7], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-7],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-7], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-7],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-7], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-7],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-7] {
  flex-grow: 7;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-8],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-8], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-8],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-8], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-8],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-8], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-8],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-8] {
  flex-grow: 8;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-9],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-9], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-9],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-9], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-9],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-9], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-9],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-9] {
  flex-grow: 9;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-10],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-10], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-10],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-10], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-10],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-10], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-10],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-10] {
  flex-grow: 10;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-11],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-11], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-11],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-11], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-11],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-11], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-11],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-11] {
  flex-grow: 11;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-12],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-12], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-12],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-12], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-12],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-12], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-12],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-12] {
  flex-grow: 12;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-13],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-13], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-13],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-13], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-13],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-13], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-13],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-13] {
  flex-grow: 13;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-14],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-14], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-14],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-14], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-14],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-14], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-14],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-14] {
  flex-grow: 14;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-15],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-15], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-15],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-15], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-15],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-15], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-15],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-15] {
  flex-grow: 15;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-16],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-16], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-16],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-16], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-16],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-16], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-16],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-16] {
  flex-grow: 16;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-17],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-17], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-17],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-17], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-17],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-17], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-17],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-17] {
  flex-grow: 17;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-18],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-18], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-18],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-18], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-18],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-18], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-18],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-18] {
  flex-grow: 18;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-19],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-19], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-19],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-19], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-19],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-19], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-19],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-19] {
  flex-grow: 19;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-20],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-20], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-20],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-20], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-20],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-20], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-20],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-20] {
  flex-grow: 20;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-21],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-21], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-21],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-21], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-21],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-21], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-21],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-21] {
  flex-grow: 21;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-22],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-22], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-22],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-22], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-22],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-22], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-22],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-22] {
  flex-grow: 22;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-23],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-23], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-23],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-23], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-23],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-23], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-23],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-23] {
  flex-grow: 23;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-24],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-24], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-24],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-24], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-24],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-24], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-24],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-24] {
  flex-grow: 24;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-25],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-25], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-25],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-25], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-25],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-25], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-25],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-25] {
  flex-grow: 25;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-26],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-26], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-26],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-26], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-26],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-26], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-26],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-26] {
  flex-grow: 26;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-27],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-27], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-27],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-27], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-27],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-27], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-27],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-27] {
  flex-grow: 27;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-28],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-28], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-28],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-28], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-28],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-28], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-28],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-28] {
  flex-grow: 28;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-29],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-29], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-29],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-29], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-29],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-29], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-29],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-29] {
  flex-grow: 29;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-30],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-30], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-30],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-30], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-30],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-30], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-30],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-30] {
  flex-grow: 30;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-31],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-31], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-31],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-31], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-31],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-31], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-31],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-31] {
  flex-grow: 31;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-32],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-32], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-32],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-32], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-32],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-32], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-32],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-32] {
  flex-grow: 32;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-33],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-33], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-33],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-33], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-33],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-33], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-33],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-33] {
  flex-grow: 33;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-34],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-34], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-34],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-34], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-34],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-34], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-34],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-34] {
  flex-grow: 34;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-35],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-35], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-35],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-35], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-35],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-35], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-35],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-35] {
  flex-grow: 35;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-36],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-36], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-36],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-36], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-36],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-36], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-36],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-36] {
  flex-grow: 36;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-37],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-37], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-37],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-37], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-37],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-37], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-37],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-37] {
  flex-grow: 37;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-38],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-38], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-38],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-38], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-38],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-38], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-38],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-38] {
  flex-grow: 38;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-39],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-39], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-39],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-39], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-39],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-39], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-39],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-39] {
  flex-grow: 39;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-40],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-40], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-40],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-40], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-40],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-40], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-40],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-40] {
  flex-grow: 40;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-41],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-41], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-41],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-41], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-41],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-41], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-41],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-41] {
  flex-grow: 41;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-42],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-42], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-42],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-42], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-42],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-42], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-42],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-42] {
  flex-grow: 42;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-43],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-43], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-43],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-43], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-43],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-43], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-43],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-43] {
  flex-grow: 43;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-44],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-44], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-44],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-44], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-44],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-44], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-44],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-44] {
  flex-grow: 44;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-45],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-45], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-45],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-45], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-45],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-45], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-45],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-45] {
  flex-grow: 45;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-46],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-46], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-46],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-46], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-46],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-46], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-46],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-46] {
  flex-grow: 46;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-47],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-47], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-47],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-47], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-47],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-47], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-47],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-47] {
  flex-grow: 47;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-48],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-48], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-48],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-48], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-48],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-48], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-48],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-48] {
  flex-grow: 48;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-49],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-49], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-49],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-49], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-49],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-49], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-49],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-49] {
  flex-grow: 49;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-50],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-50], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-50],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-50], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-50],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-50], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-50],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-50] {
  flex-grow: 50;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-51],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-51], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-51],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-51], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-51],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-51], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-51],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-51] {
  flex-grow: 51;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-52],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-52], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-52],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-52], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-52],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-52], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-52],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-52] {
  flex-grow: 52;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-53],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-53], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-53],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-53], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-53],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-53], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-53],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-53] {
  flex-grow: 53;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-54],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-54], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-54],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-54], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-54],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-54], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-54],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-54] {
  flex-grow: 54;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-55],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-55], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-55],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-55], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-55],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-55], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-55],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-55] {
  flex-grow: 55;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-56],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-56], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-56],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-56], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-56],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-56], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-56],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-56] {
  flex-grow: 56;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-57],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-57], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-57],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-57], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-57],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-57], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-57],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-57] {
  flex-grow: 57;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-58],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-58], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-58],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-58], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-58],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-58], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-58],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-58] {
  flex-grow: 58;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-59],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-59], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-59],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-59], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-59],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-59], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-59],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-59] {
  flex-grow: 59;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-60],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-60], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-60],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-60], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-60],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-60], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-60],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-60] {
  flex-grow: 60;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-61],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-61], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-61],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-61], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-61],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-61], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-61],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-61] {
  flex-grow: 61;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-62],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-62], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-62],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-62], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-62],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-62], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-62],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-62] {
  flex-grow: 62;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-63],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-63], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-63],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-63], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-63],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-63], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-63],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-63] {
  flex-grow: 63;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-64],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-64], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-64],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-64], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-64],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-64], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-64],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-64] {
  flex-grow: 64;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-65],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-65], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-65],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-65], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-65],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-65], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-65],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-65] {
  flex-grow: 65;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-66],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-66], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-66],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-66], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-66],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-66], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-66],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-66] {
  flex-grow: 66;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-67],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-67], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-67],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-67], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-67],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-67], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-67],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-67] {
  flex-grow: 67;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-68],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-68], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-68],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-68], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-68],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-68], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-68],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-68] {
  flex-grow: 68;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-69],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-69], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-69],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-69], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-69],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-69], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-69],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-69] {
  flex-grow: 69;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-70],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-70], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-70],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-70], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-70],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-70], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-70],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-70] {
  flex-grow: 70;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-71],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-71], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-71],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-71], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-71],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-71], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-71],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-71] {
  flex-grow: 71;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-72],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-72], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-72],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-72], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-72],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-72], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-72],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-72] {
  flex-grow: 72;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-73],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-73], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-73],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-73], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-73],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-73], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-73],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-73] {
  flex-grow: 73;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-74],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-74], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-74],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-74], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-74],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-74], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-74],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-74] {
  flex-grow: 74;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-75],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-75], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-75],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-75], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-75],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-75], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-75],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-75] {
  flex-grow: 75;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-76],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-76], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-76],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-76], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-76],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-76], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-76],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-76] {
  flex-grow: 76;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-77],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-77], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-77],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-77], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-77],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-77], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-77],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-77] {
  flex-grow: 77;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-78],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-78], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-78],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-78], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-78],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-78], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-78],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-78] {
  flex-grow: 78;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-79],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-79], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-79],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-79], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-79],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-79], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-79],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-79] {
  flex-grow: 79;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-80],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-80], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-80],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-80], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-80],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-80], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-80],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-80] {
  flex-grow: 80;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-81],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-81], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-81],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-81], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-81],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-81], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-81],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-81] {
  flex-grow: 81;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-82],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-82], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-82],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-82], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-82],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-82], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-82],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-82] {
  flex-grow: 82;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-83],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-83], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-83],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-83], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-83],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-83], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-83],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-83] {
  flex-grow: 83;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-84],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-84], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-84],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-84], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-84],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-84], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-84],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-84] {
  flex-grow: 84;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-85],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-85], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-85],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-85], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-85],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-85], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-85],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-85] {
  flex-grow: 85;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-86],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-86], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-86],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-86], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-86],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-86], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-86],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-86] {
  flex-grow: 86;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-87],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-87], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-87],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-87], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-87],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-87], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-87],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-87] {
  flex-grow: 87;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-88],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-88], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-88],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-88], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-88],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-88], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-88],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-88] {
  flex-grow: 88;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-89],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-89], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-89],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-89], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-89],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-89], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-89],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-89] {
  flex-grow: 89;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-90],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-90], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-90],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-90], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-90],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-90], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-90],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-90] {
  flex-grow: 90;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-91],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-91], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-91],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-91], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-91],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-91], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-91],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-91] {
  flex-grow: 91;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-92],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-92], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-92],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-92], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-92],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-92], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-92],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-92] {
  flex-grow: 92;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-93],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-93], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-93],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-93], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-93],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-93], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-93],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-93] {
  flex-grow: 93;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-94],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-94], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-94],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-94], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-94],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-94], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-94],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-94] {
  flex-grow: 94;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-95],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-95], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-95],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-95], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-95],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-95], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-95],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-95] {
  flex-grow: 95;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-96],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-96], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-96],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-96], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-96],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-96], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-96],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-96] {
  flex-grow: 96;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-97],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-97], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-97],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-97], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-97],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-97], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-97],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-97] {
  flex-grow: 97;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-98],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-98], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-98],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-98], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-98],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-98], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-98],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-98] {
  flex-grow: 98;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-99],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-99], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-99],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-99], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-99],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-99], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-99],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-99] {
  flex-grow: 99;
}
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout*=wide-100],
.callout[data-callout-metadata*=col] > .callout-content .callout[data-callout-metadata*=wide-100], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-100],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-100], .callout[data-callout*=col] > .callout-content .callout[data-callout*=wide-100],
.callout[data-callout*=col] > .callout-content .callout[data-callout-metadata*=wide-100], .callout[data-callout*=multi-column] > .callout-content .callout[data-callout*=wide-100],
.callout[data-callout*=multi-column] > .callout-content .callout[data-callout-metadata*=wide-100] {
  flex-grow: 100;
}

.callout[data-callout-metadata*=wrap] > .callout-content,
.callout[data-callout*=wrap] > .callout-content {
  flex-wrap: wrap;
}

/* End of parts which were inspired by efemkay's MCL */
/* 
 * Start of parts which were inspired by 
 * kneecaps' multi-column layout + aside float 
 * and Bluemoondragon07's Wikipedia Theme
 */
/* per-note gap presets via cssclasses frontmatter */
.callout-gap-0 .callout[data-callout-metadata*=col] > .callout-content, .callout-gap-0 .callout[data-callout*=multi-column] > .callout-content, .callout-gap-0 .callout[data-callout*=col] > .callout-content, .callout-gap-0 .callout[data-callout*=multi-column] > .callout-content {
  gap: 0;
}

.callout-gap-xs .callout[data-callout-metadata*=col] > .callout-content, .callout-gap-xs .callout[data-callout*=multi-column] > .callout-content, .callout-gap-xs .callout[data-callout*=col] > .callout-content, .callout-gap-xs .callout[data-callout*=multi-column] > .callout-content {
  gap: 0.25rem;
}

.callout-gap-sm .callout[data-callout-metadata*=col] > .callout-content, .callout-gap-sm .callout[data-callout*=multi-column] > .callout-content, .callout-gap-sm .callout[data-callout*=col] > .callout-content, .callout-gap-sm .callout[data-callout*=multi-column] > .callout-content {
  gap: 0.5rem;
}

.callout-gap-md .callout[data-callout-metadata*=col] > .callout-content, .callout-gap-md .callout[data-callout*=multi-column] > .callout-content, .callout-gap-md .callout[data-callout*=col] > .callout-content, .callout-gap-md .callout[data-callout*=multi-column] > .callout-content {
  gap: 0.75rem;
}

.callout-gap-lg .callout[data-callout-metadata*=col] > .callout-content, .callout-gap-lg .callout[data-callout*=multi-column] > .callout-content, .callout-gap-lg .callout[data-callout*=col] > .callout-content, .callout-gap-lg .callout[data-callout*=multi-column] > .callout-content {
  gap: 2rem;
}

/* [!aside] or [!infobox] — float right alongside body text, place above paragraph where aside callout contents will render beside */
.callout[data-callout*=aside], .callout[data-callout-metadata*=aside], .callout[data-callout*=infobox], .callout[data-callout-metadata*=infobox] {
  float: var(--infobox-position);
  clear: var(--infobox-position);
  inline-size: var(--infobox-width);
  margin: var(--infobox-margin);
}

/* 
 * End of parts which were inspired by 
 * kneecaps' multi-column layout + aside float 
 * and Bluemoondragon07's Wikipedia Theme
 */