@quartz-themes/flexcyon 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +60 -0
- package/README.md +38 -0
- package/package.json +32 -0
- package/theme.json +862 -0
- package/variants/tui.json +537 -0
package/theme.json
ADDED
|
@@ -0,0 +1,862 @@
|
|
|
1
|
+
{
|
|
2
|
+
"meta": {
|
|
3
|
+
"name": "flexcyon",
|
|
4
|
+
"modes": ["dark", "light"],
|
|
5
|
+
"variations": [],
|
|
6
|
+
"fonts": [],
|
|
7
|
+
"styleSettingsId": "flexcyon"
|
|
8
|
+
},
|
|
9
|
+
"dark": {
|
|
10
|
+
"base": ":root:root[saved-theme=\"dark\"] {\n --accent-h: 258;\n --accent-l: 66%;\n --accent-s: 88%;\n --anim-duration-fast: 140ms;\n --anim-duration-moderate: 300ms;\n --anim-duration-none: 0;\n --anim-duration-slow: 560ms;\n --anim-duration-superfast: 70ms;\n --anim-motion-delay: cubic-bezier(0.65, 0.05, 0.36, 1);\n --anim-motion-jumpy: cubic-bezier(0.68, -0.55, 0.27, 1.55);\n --anim-motion-smooth: cubic-bezier(0.45, 0.05, 0.55, 0.95);\n --anim-motion-swing: cubic-bezier(0, 0.55, 0.45, 1);\n --background-modifier-active-hover: oklch(\n from var(--color-base-25)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-modifier-border: oklch(\n from var(--color-base-20)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-modifier-border-focus: oklch(\n from var(--color-base-30)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-modifier-border-hover: transparent;\n --background-modifier-box-shadow: rgba(0, 0, 0, 0.3);\n --background-modifier-cover: oklch(\n from var(--color-base-15)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-modifier-error: oklch(\n from var(--color-red)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-modifier-error-hover: oklch(\n from var(--flexcyon-bg-modifier-hover-error-wrapper)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-modifier-error-rgb: var(--color-red-rgb);\n --background-modifier-form-field: oklch(\n from var(--color-base-20)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-modifier-form-field-hover: var(--background-modifier-form-field);\n --background-modifier-hover: oklch(\n from var(--color-base-25)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-modifier-message: oklch(\n from var(--color-base-20)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-modifier-success: var(--color-green);\n --background-modifier-success-rgb: var(--color-green-rgb);\n --background-modifier-warning: var(--color-orange);\n --background-modifier-warning-hover: var(--color-orange);\n --background-primary: oklch(\n from var(--color-base-10)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-primary-alt: oklch(\n from var(--color-base-20)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-secondary: oklch(\n from var(--color-base-00)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-secondary-alt: oklch(\n from var(--color-base-25)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --bases-border-r: 16px;\n --bases-cards-background: var(--background-primary);\n --bases-cards-border-width: var(--border-width);\n --bases-cards-container-background: transparent;\n --bases-cards-corner-shape: var(--corner-shape);\n --bases-cards-cover-background: var(--background-secondary);\n --bases-cards-font-size: var(--font-smaller);\n --bases-cards-group-padding: 16px;\n --bases-cards-line-height: 24px;\n --bases-cards-radius: var(--radius-m);\n --bases-cards-scale: 1;\n --bases-cards-shadow: 0 0 0 1px var(--background-modifier-border);\n --bases-cards-shadow-hover: 0 0 0 1px var(--background-modifier-border-hover);\n --bases-embed-border-color: var(--background-modifier-border);\n --bases-embed-border-radius: var(--radius-s);\n --bases-embed-border-width: 0px;\n --bases-embed-padding: 4px;\n --bases-filter-input-background: var(--background-modifier-form-field);\n --bases-filter-menu-width: 520px;\n --bases-group-heading-property-color: var(--text-muted);\n --bases-group-heading-property-display: block;\n --bases-group-heading-property-size: var(--font-ui-smaller);\n --bases-group-heading-property-weight: var(--font-normal);\n --bases-group-heading-value-size: var(--font-smaller);\n --bases-group-heading-value-weight: var(--font-semibold);\n --bases-header-border-width: 0 0 var(--border-width) 0;\n --bases-header-height: 40px;\n --bases-header-padding-end: 2px;\n --bases-header-padding-start: 2px;\n --bases-table-border-color: var(--table-border-color);\n --bases-table-cell-background-active: var(--background-primary);\n --bases-table-cell-background-disabled: var(--background-primary-alt);\n --bases-table-cell-background-selected: var(--table-selection);\n --bases-table-cell-radius-active: 2px;\n --bases-table-cell-radius-focus: 2px;\n --bases-table-cell-shadow-active: 0 0 0 2px var(--background-modifier-border-focus);\n --bases-table-cell-shadow-focus: 0 0 0 2px var(--interactive-accent);\n --bases-table-column-border-width: var(--border-width);\n --bases-table-column-max-width: 300;\n --bases-table-column-min-width: 40;\n --bases-table-container-border-radius: var(--radius-s);\n --bases-table-container-border-width: var(--border-width);\n --bases-table-font-size: var(--font-smaller);\n --bases-table-group-background: var(--background-primary-alt);\n --bases-table-group-gap: 10px;\n --bases-table-header-background: var(--background-primary);\n --bases-table-header-background-hover: var(--background-modifier-hover);\n --bases-table-header-color: var(--text-muted);\n --bases-table-header-icon-display: flex;\n --bases-table-header-sort-mask: linear-gradient(to left, transparent var(--size-4-6), black var(--size-4-6));\n --bases-table-header-weight: var(--font-weight);\n --bases-table-row-background-hover: var(--table-row-background-hover);\n --bases-table-row-border-width: var(--border-width);\n --bases-table-row-height: 30px;\n --bases-table-summary-background: var(--background-primary);\n --bases-table-summary-background-hover: var(--background-modifier-hover);\n --bases-toolbar-badge-display: none;\n --bases-toolbar-label-display: block;\n --blockquote-background-color: transparent;\n --blockquote-border-color: var(--interactive-accent);\n --blockquote-border-thickness: 2px;\n --blockquote-font-style: normal;\n --blur-background: color-mix(in srgb, var(--interactive-normal) var(--blur-opacity-s), transparent) linear-gradient(var(--interactive-normal), color-mix(in srgb, var(--interactive-normal) var(--blur-opacity-s), transparent));\n --blur-brightness: 1.15;\n --blur-l: blur(var(--blur-radius-l)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));\n --blur-m: blur(var(--blur-radius-m)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));\n --blur-opacity-m: 90%;\n --blur-opacity-s: 65%;\n --blur-radius-l: 16px;\n --blur-radius-m: 10px;\n --blur-radius-s: 6px;\n --blur-s: blur(var(--blur-radius-s)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));\n --blur-saturation: 1.5;\n --bodyFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));\n --bold-color: var(--color-red);\n --bold-modifier: 200;\n --bold-weight: calc(var(--font-weight) + var(--bold-modifier));\n --border-width: 1px;\n --button-corner-shape: var(--corner-shape);\n --button-radius: var(--input-radius);\n --callout-blend-mode: var(--highlight-mix-blend-mode);\n --callout-border-opacity: 0.25;\n --callout-border-width: 0px;\n --callout-bug: var(--color-red);\n --callout-cite: var(--color-green);\n --callout-content-background: transparent;\n --callout-content-padding: 0;\n --callout-default: var(--color-blue);\n --callout-error: var(--color-red);\n --callout-example: var(--color-purple);\n --callout-fail: var(--color-red);\n --callout-gap: 16px;\n --callout-important: var(--color-purple);\n --callout-info: var(--color-blue);\n --callout-padding: var(--flexcyon-callout-verti-padding)\n var(--flexcyon-callout-horiz-padding);\n --callout-question: var(--color-green);\n --callout-quote: var(--color-green);\n --callout-radius: 2px;\n --callout-success: var(--color-green);\n --callout-summary: var(--color-cyan);\n --callout-tip: var(--color-cyan);\n --callout-title-padding: 0;\n --callout-title-weight: calc(var(--font-weight) + var(--bold-modifier));\n --callout-todo: var(--color-blue);\n --callout-warning: var(--color-orange);\n --canvas-background: var(--background-primary);\n --canvas-card-label-color: var(--text-faint);\n --canvas-color: var(--text-normal);\n --canvas-color-1: var(--color-red);\n --canvas-color-2: var(--color-orange);\n --canvas-color-3: var(--color-yellow);\n --canvas-color-4: var(--color-green);\n --canvas-color-5: var(--color-cyan);\n --canvas-color-6: var(--color-purple);\n --canvas-controls-icon-size: var(--icon-s);\n --canvas-controls-icon-stroke: var(--icon-s-stroke-width);\n --canvas-controls-radius: var(--radius-s);\n --canvas-dot-pattern: var(--color-base-30);\n --caret-color: var(--text-normal);\n --checkbox-border-color: var(--color-blue);\n --checkbox-border-color-hover: var(--flexcyon-palette-lilac-hover);\n --checkbox-color: var(--color-purple);\n --checkbox-color-hover: var(--flexcyon-palette-lilac-hover);\n --checkbox-margin-inline-start: 0.85em;\n --checkbox-marker-color: var(--background-primary);\n --checkbox-radius: var(--radius-s);\n --checkbox-size: var(--font-text-size);\n --checklist-done-color: var(--text-muted);\n --checklist-done-decoration: line-through;\n --clickable-icon-radius: 0;\n --cm-font-size: calc(var(--font-ui-small) + 0.809px);\n --cm-panel-bg: var(--color-base-00);\n --code-background: var(--color-base-00);\n --code-border-color: var(--background-modifier-border);\n --code-border-width: 0px;\n --code-bracket-background: var(--background-modifier-hover);\n --code-comment: var(--text-faint);\n --code-function: var(--flexcyon-code-function);\n --code-important: var(--flexcyon-code-error);\n --code-keyword: var(--flexcyon-code-keyword);\n --code-normal: var(--color-cyan);\n --code-operator: var(--flexcyon-code-operator);\n --code-property: var(--text-muted);\n --code-punctuation: var(--color-purple);\n --code-radius: var(--radius-s);\n --code-size: var(--font-smaller);\n --code-string: var(--color-green);\n --code-tag: var(--flexcyon-grey-dark-wrapper);\n --code-value: var(--color-purple);\n --code-white-space: pre-wrap;\n --codeFont: var(--font-monospace, var(--font-monospace-override, var(--font-monospace-theme, var(--font-monospace-default))));\n --collapse-icon-color: var(--text-faint);\n --collapse-icon-color-collapsed: var(--text-accent);\n --color-accent: oklch(\n from var(--flexcyon-accent)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-accent-1: oklch(\n from var(--color-accent-1-wrapper)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-accent-1-wrapper: oklch(\n from var(--flexcyon-accent) calc(l * 1.05) calc(c * 1.1) calc(h - 10)\n );\n --color-accent-2: oklch(\n from var(--color-accent-2-wrapper)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-accent-2-wrapper: oklch(\n from var(--flexcyon-accent) calc(l * 1.05) calc(c * 0.85) calc(h - 20) /\n 87.5%\n );\n --color-accent-hsl: oklch(\n from var(--flexcyon-accent)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-00: oklch(\n from var(--flexcyon-base-01)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-05: oklch(\n from var(--flexcyon-base-01-02-mix)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-10: oklch(\n from var(--flexcyon-base-02)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-100: oklch(\n from var(--flexcyon-base-grey-light)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-20: oklch(\n from var(--flexcyon-base-02-03-mix)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-25: oklch(\n from var(--flexcyon-base-03)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-30: oklch(\n from var(--flexcyon-base-03-04-mix)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-35: oklch(\n from var(--flexcyon-base-04)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-40: oklch(\n from var(--flexcyon-base-04-05-mix)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-50: oklch(\n from var(--flexcyon-base-05)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-60: oklch(\n from var(--flexcyon-base-grey-dark)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-70: oklch(\n from var(--flexcyon-base-grey-mix)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-blue: oklch(\n from var(--flexcyon-blue)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-blue-cyan-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-cyan)\n );\n --color-blue-cyan-mix-bg: oklch(\n from var(--color-blue-cyan-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-blue-green-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-green)\n );\n --color-blue-green-mix-bg: oklch(\n from var(--color-blue-green-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-blue-orange-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-orange)\n );\n --color-blue-orange-mix-bg: oklch(\n from var(--color-blue-orange-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-blue-pink-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-pink)\n );\n --color-blue-pink-mix-bg: oklch(\n from var(--color-blue-pink-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-blue-purple-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-purple)\n );\n --color-blue-purple-mix-bg: oklch(\n from var(--color-blue-purple-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-blue-red-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-red)\n );\n --color-blue-red-mix-bg: oklch(\n from var(--color-blue-red-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-blue-rgb: 90, 143, 205;\n --color-blue-yellow-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-yellow)\n );\n --color-blue-yellow-mix-bg: oklch(\n from var(--color-blue-yellow-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-cyan: oklch(\n from var(--flexcyon-cyan)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-cyan-blue-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-blue)\n );\n --color-cyan-blue-mix-bg: oklch(\n from var(--color-cyan-blue-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-cyan-green-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-green)\n );\n --color-cyan-green-mix-bg: oklch(\n from var(--color-cyan-green-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-cyan-orange-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-orange)\n );\n --color-cyan-orange-mix-bg: oklch(\n from var(--color-cyan-orange-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-cyan-pink-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-pink)\n );\n --color-cyan-pink-mix-bg: oklch(\n from var(--color-cyan-pink-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-cyan-purple-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-purple)\n );\n --color-cyan-purple-mix-bg: oklch(\n from var(--color-cyan-purple-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-cyan-red-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-red)\n );\n --color-cyan-red-mix-bg: oklch(\n from var(--color-cyan-red-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-cyan-rgb: 60, 185, 194;\n --color-cyan-yellow-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-yellow)\n );\n --color-cyan-yellow-mix-bg: oklch(\n from var(--color-cyan-yellow-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-green: oklch(\n from var(--flexcyon-lime-green)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-green-blue-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-blue)\n );\n --color-green-blue-mix-bg: oklch(\n from var(--color-green-blue-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-green-cyan-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-cyan)\n );\n --color-green-cyan-mix-bg: oklch(\n from var(--color-green-cyan-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-green-orange-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-orange)\n );\n --color-green-orange-mix-bg: oklch(\n from var(--color-green-orange-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-green-pink-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-pink)\n );\n --color-green-pink-mix-bg: oklch(\n from var(--color-green-pink-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-green-purple-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-purple)\n );\n --color-green-purple-mix-bg: oklch(\n from var(--color-green-purple-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-green-red-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-red)\n );\n --color-green-red-mix-bg: oklch(\n from var(--color-green-red-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-green-rgb: 161, 192, 92;\n --color-green-yellow-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-yellow)\n );\n --color-green-yellow-mix-bg: oklch(\n from var(--color-green-yellow-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-orange: oklch(\n from var(--flexcyon-orange)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-orange-blue-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-blue)\n );\n --color-orange-blue-mix-bg: oklch(\n from var(--color-orange-blue-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-orange-cyan-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-cyan)\n );\n --color-orange-cyan-mix-bg: oklch(\n from var(--color-orange-cyan-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-orange-green-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-green)\n );\n --color-orange-green-mix-bg: oklch(\n from var(--color-orange-green-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-orange-pink-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-pink)\n );\n --color-orange-pink-mix-bg: oklch(\n from var(--color-orange-pink-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-orange-purple-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-purple)\n );\n --color-orange-purple-mix-bg: oklch(\n from var(--color-orange-purple-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-orange-red-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-red)\n );\n --color-orange-red-mix-bg: oklch(\n from var(--color-orange-red-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-orange-rgb: 204, 132, 73;\n --color-orange-yellow-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-yellow)\n );\n --color-orange-yellow-mix-bg: oklch(\n from var(--color-orange-yellow-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-pink: oklch(\n from var(--flexcyon-pink)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-pink-blue-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-blue)\n );\n --color-pink-blue-mix-bg: oklch(\n from var(--color-pink-blue-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-pink-cyan-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-cyan)\n );\n --color-pink-cyan-mix-bg: oklch(\n from var(--color-pink-cyan-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-pink-green-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-green)\n );\n --color-pink-green-mix-bg: oklch(\n from var(--color-pink-green-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-pink-orange-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-orange)\n );\n --color-pink-orange-mix-bg: oklch(\n from var(--color-pink-orange-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-pink-purple-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-purple)\n );\n --color-pink-purple-mix-bg: oklch(\n from var(--color-pink-purple-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-pink-red-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-red)\n );\n --color-pink-red-mix-bg: oklch(\n from var(--color-pink-red-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-pink-rgb: 212, 88, 163;\n --color-pink-yellow-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-yellow)\n );\n --color-pink-yellow-mix-bg: oklch(\n from var(--color-pink-yellow-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-purple: oklch(\n from var(--flexcyon-purple-lilac)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-purple-blue-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-blue)\n );\n --color-purple-blue-mix-bg: oklch(\n from var(--color-purple-blue-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-purple-cyan-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-cyan)\n );\n --color-purple-cyan-mix-bg: oklch(\n from var(--color-purple-cyan-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-purple-green-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-green)\n );\n --color-purple-green-mix-bg: oklch(\n from var(--color-purple-green-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-purple-orange-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-orange)\n );\n --color-purple-orange-mix-bg: oklch(\n from var(--color-purple-orange-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-purple-pink-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-pink)\n );\n --color-purple-pink-mix-bg: oklch(\n from var(--color-purple-pink-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-purple-red-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-red)\n );\n --color-purple-red-mix-bg: oklch(\n from var(--color-purple-red-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-purple-rgb: 164, 97, 200;\n --color-purple-yellow-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-yellow)\n );\n --color-purple-yellow-mix-bg: oklch(\n from var(--color-purple-yellow-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-red: oklch(\n from var(--flexcyon-red-salmon)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-red-blue-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-blue)\n );\n --color-red-blue-mix-bg: oklch(\n from var(--color-red-blue-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-red-cyan-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-cyan)\n );\n --color-red-cyan-mix-bg: oklch(\n from var(--color-red-cyan-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-red-green-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-green)\n );\n --color-red-green-mix-bg: oklch(\n from var(--color-red-green-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-red-orange-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-orange)\n );\n --color-red-orange-mix-bg: oklch(\n from var(--color-red-orange-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-red-pink-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-pink)\n );\n --color-red-pink-mix-bg: oklch(\n from var(--color-red-pink-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-red-purple-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-purple)\n );\n --color-red-purple-mix-bg: oklch(\n from var(--color-red-purple-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-red-rgb: 192, 58, 71;\n --color-red-yellow-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-yellow)\n );\n --color-red-yellow-mix-bg: oklch(\n from var(--color-red-yellow-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-yellow: oklch(\n from var(--flexcyon-yellow)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-yellow-blue-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-blue)\n );\n --color-yellow-blue-mix-bg: oklch(\n from var(--color-yellow-blue-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-yellow-cyan-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-cyan)\n );\n --color-yellow-cyan-mix-bg: oklch(\n from var(--color-yellow-cyan-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-yellow-green-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-green)\n );\n --color-yellow-green-mix-bg: oklch(\n from var(--color-yellow-green-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-yellow-orange-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-orange)\n );\n --color-yellow-orange-mix-bg: oklch(\n from var(--color-yellow-orange-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-yellow-pink-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-pink)\n );\n --color-yellow-pink-mix-bg: oklch(\n from var(--color-yellow-pink-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-yellow-purple-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-purple)\n );\n --color-yellow-purple-mix-bg: oklch(\n from var(--color-yellow-purple-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-yellow-red-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-red)\n );\n --color-yellow-red-mix-bg: oklch(\n from var(--color-yellow-red-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-yellow-rgb: 194, 158, 66;\n --corner-shape: round;\n --cursor: default;\n --cursor-link: pointer;\n --dark: var(--text-normal, oklch(\n from var(--text-normal-col)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n ));\n --darkgray: var(--text-normal, oklch(\n from var(--text-normal-col)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n ));\n --dialog-max-height: 85vh;\n --dialog-max-width: 80vw;\n --dialog-width: 560px;\n --dimmed: 0.55;\n --direction: 1;\n --divider-color: var(--background-modifier-border);\n --divider-color-hover: var(--interactive-accent);\n --divider-vertical-height: 100%;\n --divider-width: 1px;\n --divider-width-hover: 3px;\n --drag-ghost-background: var(--color-base-25);\n --drag-ghost-text-color: var(--interactive-accent);\n --drag-item-background: var(--background-primary);\n --drag-item-shadow: 0 2px 8px var(--background-modifier-box-shadow);\n --dropdown-background: var(--interactive-normal);\n --dropdown-background-blend-mode: hard-light, normal;\n --dropdown-background-hover: var(--interactive-hover);\n --dropdown-background-position: var(--inset-end) var(--dropdown-icon-inset) top 50%, var(--inset-end) 0.15em top 50%, 0 0;\n --dropdown-background-size: var(--dropdown-icon-width) auto, 2em 2em, 100%;\n --dropdown-icon-background: transparent;\n --dropdown-icon-inset: 0.65em;\n --dropdown-icon-width: 1em;\n --dropdown-padding: 0 var(--dropdown-padding-end) 0 var(--dropdown-padding-start);\n --dropdown-padding-end: 2.4em;\n --dropdown-padding-start: 0.8em;\n --dropdown-text-align: start;\n --embed-action-color: var(--text-normal);\n --embed-action-radius: var(--clickable-icon-radius);\n --embed-actions-background: color-mix(var(--background-primary) 80%, transparent);\n --embed-actions-blur: var(--blur-s);\n --embed-actions-corner-shape: var(--corner-shape);\n --embed-actions-padding: var(--size-2-1);\n --embed-actions-radius: calc(var(--embed-action-radius) + var(--embed-actions-padding));\n --embed-actions-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 0 6px 0 rgba(0, 0, 0, 0.05);\n --embed-block-shadow-hover: 0 0 0 1px var(--background-modifier-border), inset 0 0 0 1px var(--background-modifier-border);\n --embed-border-bottom: none;\n --embed-border-end: none;\n --embed-border-start: 2px solid var(--interactive-accent);\n --embed-border-top: none;\n --embed-canvas-max-height: 400px;\n --embed-max-height: 4000px;\n --embed-padding: 0 0 0 var(--size-4-6);\n --expand: 110%;\n --file-folding-offset: 24px;\n --file-header-background: var(--background-primary);\n --file-header-background-focused: var(--background-primary);\n --file-header-border: var(--border-width) solid transparent;\n --file-header-font: var(--font-interface);\n --file-header-font-size: var(--font-ui-small);\n --file-header-font-weight: 400;\n --file-header-justify: center;\n --file-line-width: 50rem;\n --file-margins: var(--file-margins-y) var(--file-margins-x);\n --file-margins-x: var(--size-4-8);\n --file-margins-y: var(--size-4-8);\n --flair-background: var(--interactive-normal);\n --flair-color: var(--text-normal);\n --flexcyon-accent: #a5bc84;\n --flexcyon-accent-hover: var(--color-green);\n --flexcyon-active-indicator: \">>\";\n --flexcyon-alt-link-opacity: 55%;\n --flexcyon-anim-duration: 300ms;\n --flexcyon-anim-easing: ease-in-out;\n --flexcyon-anim-rotate-amount: 50deg;\n --flexcyon-anim-slide-amount: 56.6311px;\n --flexcyon-anim-start-opacity: 0.55;\n --flexcyon-anim-start-scale-amt: 0.33;\n --flexcyon-ascii-alignment: left;\n --flexcyon-ascii-art: \" \\a\\\n fjlj dlkg1 un cj \\a\\\n nze 1byk xh gh \\a\\\n yg hy ksud fv dza je fhhif1 dj bil j5dhjb \\a\\\n opvysppc zo jzuk lv4 l0 gk 1le 1lb il lj \\a\\\n oz iy auy9 ss ak4 mb l0lig mb la \\a\\\n xt hylfk aul wrfb vk fis lb0bg8 6mle cm1 cl1 \\a\\\n fye 366 axd hf s0if 1 s1 \\a\\\n 0ruo0 sjg9l \\a\\a\\a\";\n --flexcyon-ascii-checkboxes-font-size: 1.2rem;\n --flexcyon-ascii-line-height: 1.5;\n --flexcyon-ascii-max-font-size: 14px;\n --flexcyon-ascii-max-width: 50rem;\n --flexcyon-ascii-scaling-factor: 1;\n --flexcyon-base-01: #14161c;\n --flexcyon-base-01-02-mix: color-mix(\n in oklch,\n var(--flexcyon-base-01),\n var(--flexcyon-base-02)\n );\n --flexcyon-base-02: #191d28;\n --flexcyon-base-02-03-mix: color-mix(\n in oklch,\n var(--flexcyon-base-02),\n var(--flexcyon-base-03)\n );\n --flexcyon-base-03: #24262c;\n --flexcyon-base-03-04-mix: color-mix(\n in oklch,\n var(--flexcyon-base-03),\n var(--flexcyon-base-04)\n );\n --flexcyon-base-04: #4d566b;\n --flexcyon-base-04-05-mix: color-mix(\n in oklch,\n var(--flexcyon-base-04),\n var(--flexcyon-base-05)\n );\n --flexcyon-base-05: #6f7685;\n --flexcyon-base-grey-dark: #898c93;\n --flexcyon-base-grey-light: #d3d5d3;\n --flexcyon-base-grey-mix: color-mix(\n in oklch,\n var(--flexcyon-base-grey-light),\n var(--flexcyon-base-grey-dark)\n );\n --flexcyon-bases-card-delay-factor: 12.5;\n --flexcyon-bases-card-flex-grow: 0.55;\n --flexcyon-bases-card-padding: var(--flexcyon-bases-card-padding-top)\n var(--flexcyon-bases-card-padding-right)\n var(--flexcyon-bases-card-padding-bottom)\n var(--flexcyon-bases-card-padding-left);\n --flexcyon-bases-card-padding-bottom: 0px;\n --flexcyon-bases-card-padding-left: 2px;\n --flexcyon-bases-card-padding-right: 0px;\n --flexcyon-bases-card-padding-top: 8px;\n --flexcyon-bases-cards-label-opacity: 0.85;\n --flexcyon-bases-no-img-str: \"No image path could be found for this file\";\n --flexcyon-bases-padding-horiz: 16px;\n --flexcyon-bases-padding-verti: 16px;\n --flexcyon-bases-table-content-alignment: left;\n --flexcyon-bases-td-padding-l: 2px;\n --flexcyon-bg-image-blend-mode: darken;\n --flexcyon-bg-image-blur: 0px;\n --flexcyon-bg-image-position: center;\n --flexcyon-bg-image-repeat: no-repeat;\n --flexcyon-bg-image-sidebar-left-url: url(\"\");\n --flexcyon-bg-image-sidebar-right-url: url(\"\");\n --flexcyon-bg-image-size: cover;\n --flexcyon-bg-modifier-hover-error-wrapper: oklch(\n from var(--color-red) l c h / var(--dimmed)\n );\n --flexcyon-block-label-opacity: 0.55;\n --flexcyon-blue: #7ab8fe;\n --flexcyon-brightness-ratio: 1;\n --flexcyon-callout-bg-opacity: 12.5%;\n --flexcyon-callout-first-codeblock-margin-top: 1rem;\n --flexcyon-callout-flashcard-animation-duration: 500ms;\n --flexcyon-callout-horiz-padding: 24px;\n --flexcyon-callout-horizontal-margin: 0em;\n --flexcyon-callout-icon-right-padding: 4px;\n --flexcyon-callout-pop-animation-duration: 200ms;\n --flexcyon-callout-radix: 16px;\n --flexcyon-callout-verti-padding: 12px;\n --flexcyon-callout-vertical-margin: 1em;\n --flexcyon-callouts-flashcard-height: 250px;\n --flexcyon-callouts-flashcard-width: 250px;\n --flexcyon-canvas-blur-intensity: 1px;\n --flexcyon-code-error: var(--color-red);\n --flexcyon-code-file-ext-font-w: 500;\n --flexcyon-code-file-ext-prefix: \".\";\n --flexcyon-code-function: var(--color-yellow);\n --flexcyon-code-keyword: var(--color-purple);\n --flexcyon-code-operator: var(--color-orange);\n --flexcyon-code-variable: var(--flexcyon-base-grey-dark);\n --flexcyon-codeblock-fmt-ext: lowercase;\n --flexcyon-comm-item-opacity: 0.89;\n --flexcyon-comm-text-padding: 4px 16px;\n --flexcyon-contrast-ratio: 1;\n --flexcyon-cursor-duration: 42.5ms;\n --flexcyon-cursor-timing-fn: ease-in;\n --flexcyon-cursor-type: auto;\n --flexcyon-cust-hr-str: \"f\";\n --flexcyon-cust-hr-str-font-size: 1.118em;\n --flexcyon-cust-hr-str-horiz-padding: 8px;\n --flexcyon-cyan: #3cb9c2;\n --flexcyon-dataview-error-horizontal-padding: 8px;\n --flexcyon-default-ol-style: decimal;\n --flexcyon-editor-bg-col-def: color-mix(\n in oklch,\n var(--color-base-05) 70%,\n var(--color-base-10) 30%\n );\n --flexcyon-editor-bg-color: oklch(\n from var(--flexcyon-editor-bg-col-def)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --flexcyon-editor-bg-color-2: var(--color-base-20);\n --flexcyon-editor-bg-rotation: 0deg;\n --flexcyon-editor-bg-width: 15px;\n --flexcyon-editor-dot-size: 2.5px;\n --flexcyon-editor-margin-top: 18px;\n --flexcyon-editor-writing-indentation: 16px;\n --flexcyon-exp-dimmed-nav-size: 13.3623px;\n --flexcyon-external-link-color: #7ab8fe;\n --flexcyon-external-link-hover: color-mix(\n in oklch shorter hue,\n var(--flexcyon-external-link-color),\n var(--flexcyon-base-grey-dark)\n );\n --flexcyon-fc-dimmed-items-opacity: 0.89;\n --flexcyon-grey-dark-wrapper: oklch(\n from var(--flexcyon-base-grey-dark)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --flexcyon-h1-color: var(--color-blue);\n --flexcyon-h2-color: var(--color-purple);\n --flexcyon-h3-color: var(--color-cyan);\n --flexcyon-h4-color: var(--color-pink);\n --flexcyon-h5-color: var(--color-green);\n --flexcyon-h6-color: var(--color-yellow);\n --flexcyon-heading-1-alignment: left;\n --flexcyon-heading-2-alignment: left;\n --flexcyon-heading-3-alignment: left;\n --flexcyon-heading-4-alignment: left;\n --flexcyon-heading-5-alignment: left;\n --flexcyon-heading-6-alignment: left;\n --flexcyon-highlight-active-line-opacity: 7.5%;\n --flexcyon-highlight-border-radius: 4px;\n --flexcyon-highlight-colour: var(--color-cyan);\n --flexcyon-highlight-horiz-padding: 2.5px;\n --flexcyon-highlight-opacity: 22.5%;\n --flexcyon-highlight-verti-padding: 1px;\n --flexcyon-img-border-radius: 16px;\n --flexcyon-input-horiz-padding: 8px;\n --flexcyon-input-verti-padding: 4px;\n --flexcyon-l-spacing: 0px;\n --flexcyon-lime-green: #a1c05c;\n --flexcyon-link-color: #d89ff5;\n --flexcyon-link-hover: color-mix(\n in oklch shorter hue,\n var(--flexcyon-link-color),\n var(--flexcyon-base-grey-dark)\n );\n --flexcyon-link-unresolved-color: #d89ff5;\n --flexcyon-media-embed-vertical-margin: 8px;\n --flexcyon-meta-container-padding-left: 0;\n --flexcyon-modal-bg-url: url(\"\");\n --flexcyon-modal-dark-intensity: 1;\n --flexcyon-modal-image-blend-mode: darken;\n --flexcyon-modal-image-blur: 0px;\n --flexcyon-modal-image-brightness: 2;\n --flexcyon-modal-image-position: center;\n --flexcyon-modal-image-repeat: no-repeat;\n --flexcyon-modal-image-size: cover;\n --flexcyon-mode-view-header-title-horiz-padding: 12px;\n --flexcyon-mode-view-header-title-verti-padding: 4px;\n --flexcyon-new-tab-bg-wrapper: linear-gradient(\n to right,\n var(--text-accent),\n var(--color-purple)\n );\n --flexcyon-new-tab-font-group: var(--font-monospace);\n --flexcyon-omnisearch-body-margin-left: 1.45rem;\n --flexcyon-orange: #ddad49;\n --flexcyon-os-detail-padding-l: 12px;\n --flexcyon-os-detail-padding-r: 8px;\n --flexcyon-palette-cyan-hover: color-mix(\n in oklch shorter hue,\n var(--color-cyan),\n var(--flexcyon-grey-dark-wrapper)\n );\n --flexcyon-palette-lilac-hover: color-mix(\n in oklch shorter hue,\n var(--color-purple),\n var(--flexcyon-grey-dark-wrapper)\n );\n --flexcyon-pink: #ff91cb;\n --flexcyon-purple-lilac: #d89ff5;\n --flexcyon-quote-credit: \"bladeacer\";\n --flexcyon-quote-credit-prefix: \"-\";\n --flexcyon-quote-font-size: 24px;\n --flexcyon-quote-val: \"This is a placeholder quote\\ain the Flexcyon Theme.\";\n --flexcyon-red-salmon: #ff9880;\n --flexcyon-repl-active-line-str: \"->\";\n --flexcyon-repl-active-str-space: 0px;\n --flexcyon-saturation-ratio: 1;\n --flexcyon-screen-dimens-padding-l: 16px;\n --flexcyon-scrollbar-width: 12px;\n --flexcyon-search-container-horiz-padding: 16px;\n --flexcyon-search-container-verti-padding: 8px;\n --flexcyon-settings-installed-tooltip-left-margin: 1rem;\n --flexcyon-side-toggle-button-no-ribbon: 11px 16px 7px 0px;\n --flexcyon-status-hide-hover-duration: 325ms;\n --flexcyon-status-hide-hover-function: ease-out;\n --flexcyon-status-hide-trigger-translation: 50px;\n --flexcyon-status-hide-until-hover-text: \"Show status\";\n --flexcyon-status-hide-until-hover-translation: 80vw;\n --flexcyon-status-live-text: \"LIVE\";\n --flexcyon-status-new-tab-opacity: 0.55;\n --flexcyon-status-reading-text: \"READ\";\n --flexcyon-status-source-text: \"SOURCE\";\n --flexcyon-style-settings-indent-width: 4px;\n --flexcyon-suggestion-horiz-padding: 12px;\n --flexcyon-suggestion-verti-padding: 8px;\n --flexcyon-table-reading-mode-width: 100%;\n --flexcyon-td-horiz-padding: 10px;\n --flexcyon-td-live-pad-scale: 0.2;\n --flexcyon-td-table-alignment: left;\n --flexcyon-td-verti-padding: 5px;\n --flexcyon-text-muted: #6f768599;\n --flexcyon-th-horiz-padding: 10px;\n --flexcyon-th-live-pad-scale: 0.2;\n --flexcyon-th-table-alignment: left;\n --flexcyon-th-verti-padding: 5px;\n --flexcyon-theme-brightness-ratio: 1;\n --flexcyon-theme-contrast-offset: 0;\n --flexcyon-theme-saturation-ratio: 1;\n --flexcyon-theme-warmth-offset: 0;\n --flexcyon-top-actions-alignment: center;\n --flexcyon-tree-item-horiz-padding: 10px;\n --flexcyon-tree-item-verti-padding: 2px;\n --flexcyon-typewriter-mode-opacity: 0.55;\n --flexcyon-var-comps-sugg-horiz-padding: 12px;\n --flexcyon-var-comps-sugg-vert-padding: 7px;\n --flexcyon-view-header-breadcrumb-max-w: 12.5vw;\n --flexcyon-vim-bottom-positioning: -4px;\n --flexcyon-vim-command-text: \"COMMAND\";\n --flexcyon-vim-insert-text: \"INSERT\";\n --flexcyon-vim-left-positioning: 6px;\n --flexcyon-vim-normal-text: \"NORMAL\";\n --flexcyon-w-spacing: 0px;\n --flexcyon-yellow: #c29e42;\n --focus-ring-color: var(--csstools-light-dark-toggle--23, #0df);\n --focus-ring-outline: 2px solid light-dark(#0060df, #0df);\n --font-black: 900;\n --font-bold: 700;\n --font-default: ui-sans-serif, -apple-system, BlinkMacSystemFont, system-ui, \"Segoe UI\", \"Google Sans Flex\", Roboto, \"Inter Variable\", \"Inter\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", sans-serif;\n --font-extrabold: 800;\n --font-extralight: 200;\n --font-interface: var(--font-interface-override, var(--font-interface-theme, var(--default-font, var(--font-default))));\n --font-light: 300;\n --font-medium: 500;\n --font-mermaid: var(--font-monospace);\n --font-monospace: var(--font-monospace-override, var(--font-monospace-theme, var(--font-monospace-default)));\n --font-monospace-default: ui-monospace, SFMono-Regular, \"Cascadia Mono\", \"Roboto Mono\", \"DejaVu Sans Mono\", \"Liberation Mono\", Menlo, Monaco, \"Consolas\", \"Source Code Pro\", monospace;\n --font-normal: 400;\n --font-print: var(--font-print-override), var(--font-text-override), var(--font-text-theme), 'Arial';\n --font-semibold: 600;\n --font-small: 0.933em;\n --font-smaller: 0.875em;\n --font-smallest: 0.8em;\n --font-text: var(--font-text-override, var(--font-text-theme, var(--font-default)));\n --font-text-size: 16px;\n --font-thin: 100;\n --font-ui-large: 17.7983px;\n --font-ui-medium: 16.1803px;\n --font-ui-small: 14.5622px;\n --font-ui-smaller: 12.9442px;\n --font-weight: var(--font-normal);\n --footnote-divider-color: var(--metadata-divider-color);\n --footnote-divider-color-active: var(--metadata-divider-color-focus);\n --footnote-divider-width: var(--border-width);\n --footnote-gap: var(--size-4-1);\n --footnote-id-color: var(--text-muted);\n --footnote-id-color-no-occurrences: var(--text-faint);\n --footnote-id-delimiter: \".\";\n --footnote-input-background: var(--metadata-input-background);\n --footnote-input-background-active: var(--metadata-input-background-active);\n --footnote-line-height: var(--line-height-normal);\n --footnote-padding-block: var(--size-2-3);\n --footnote-padding-inline: var(--size-2-3);\n --footnote-radius: var(--radius-s);\n --footnote-size: var(--font-smaller);\n --frame-left-space: 0px;\n --frame-right-space: 126px;\n --graph-control-horiz-padding: 12px;\n --graph-control-verti-padding: 6px;\n --graph-controls-width: 240px;\n --graph-line: var(--text-faint);\n --graph-node: var(--text-muted);\n --graph-node-attachment: var(--color-yellow);\n --graph-node-focused: var(--text-accent);\n --graph-node-tag: var(--color-purple);\n --graph-node-unresolved: var(--color-red);\n --graph-text: var(--text-normal);\n --gray: var(--text-muted, oklch(\n from var(--text-muted-wrapper)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n ));\n --h: tan(atan2(1380px, 1px));\n --h1-color: var(--flexcyon-h1-color);\n --h1-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));\n --h1-letter-spacing: -0.015em;\n --h1-line-height: 1.61;\n --h1-size: 1.818em;\n --h1-style: normal;\n --h1-variant: normal;\n --h1-weight: 700;\n --h2-color: var(--flexcyon-h2-color);\n --h2-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));\n --h2-letter-spacing: -0.011em;\n --h2-line-height: 1.51;\n --h2-size: 1.618em;\n --h2-style: normal;\n --h2-variant: normal;\n --h2-weight: 675;\n --h3-color: var(--flexcyon-h3-color);\n --h3-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));\n --h3-letter-spacing: -0.008em;\n --h3-line-height: 1.41;\n --h3-size: 1.418em;\n --h3-style: normal;\n --h3-variant: normal;\n --h3-weight: 650;\n --h4-color: var(--flexcyon-h4-color);\n --h4-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));\n --h4-letter-spacing: -0.005em;\n --h4-line-height: 1.31;\n --h4-size: 1.218em;\n --h4-style: normal;\n --h4-variant: normal;\n --h4-weight: 625;\n --h5-color: var(--flexcyon-h5-color);\n --h5-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));\n --h5-letter-spacing: -0.002em;\n --h5-line-height: 1.21;\n --h5-size: 1.118em;\n --h5-style: normal;\n --h5-variant: normal;\n --h5-weight: 600;\n --h6-color: var(--flexcyon-h6-color);\n --h6-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));\n --h6-letter-spacing: 0em;\n --h6-line-height: 1.21;\n --h6-size: 1.018em;\n --h6-style: normal;\n --h6-variant: normal;\n --h6-weight: 575;\n --header-height: 40px;\n --headerFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));\n --heading-formatting: var(--text-faint);\n --heading-spacing: calc(var(--p-spacing) * 2.5);\n --highlight: var(--text-highlight-bg, oklch(\n from var(--flexcyon-highlight-colour) l c h /\n var(--flexcyon-highlight-opacity)\n ));\n --highlight-mix-blend-mode: lighten;\n --hr-color: #393e48;\n --hr-thickness: 2px;\n --icon-color: var(--text-muted);\n --icon-color-active: var(--interactive-accent);\n --icon-color-focused: var(--interactive-accent);\n --icon-color-hover: var(--text-muted);\n --icon-l: 18px;\n --icon-l-stroke-width: 1.75px;\n --icon-m: 18px;\n --icon-m-stroke-width: 1.75px;\n --icon-opacity: 0.85;\n --icon-opacity-active: 1;\n --icon-opacity-hover: 1;\n --icon-s: 16px;\n --icon-s-stroke-width: 2px;\n --icon-size: var(--icon-m);\n --icon-stroke: 2px;\n --icon-xl: 32px;\n --icon-xl-stroke-width: 1.25px;\n --icon-xs: 12.25px;\n --icon-xs-stroke-width: 2px;\n --image-radius: 4px;\n --indent-size: 4;\n --indent-unit: 0.5625em;\n --indentation-guide-color: color-mix(in oklch, var(--mono-100) 12%, transparent);\n --indentation-guide-color-active: color-mix(in oklch, var(--mono-100) 30%, transparent);\n --indentation-guide-editing-indent: 0.85em;\n --indentation-guide-reading-indent: -0.85em;\n --indentation-guide-source-indent: 0.25em;\n --indentation-guide-width: var(--border-width);\n --indentation-guide-width-active: var(--border-width);\n --infobox-margin: 1em 0px 1em 1em;\n --infobox-margin-left: 1em 1em 1em 0px;\n --infobox-position: right;\n --infobox-width: 37.5%;\n --inline-title-color: var(--h1-color);\n --inline-title-line-height: var(--h1-line-height);\n --inline-title-margin-bottom: 0.5em;\n --inline-title-size: var(--h1-size);\n --inline-title-style: var(--h1-style);\n --inline-title-variant: var(--h1-variant);\n --inline-title-weight: var(--h1-weight);\n --input-border-width: var(--border-width);\n --input-border-width-focus: 2px;\n --input-corner-shape: var(--corner-shape);\n --input-date-separator: var(--text-faint);\n --input-font-weight: var(--font-normal);\n --input-height: 30px;\n --input-icon-inset: var(--size-4-1);\n --input-padding: var(--flexcyon-input-verti-padding)\n var(--flexcyon-input-horiz-padding);\n --input-placeholder-color: var(--text-faint);\n --input-radius: 0px;\n --input-shadow: inset 0 0.5px 0.5px 0.5px rgba(255, 255, 255, 0.09), 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 1px 1.5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 transparent;\n --input-shadow-hover: inset 0 0.5px 1px 0.5px rgba(255, 255, 255, 0.16), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 1.5px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 0 transparent;\n --inset-end: right;\n --inset-start: left;\n --interactive-accent: oklch(from var(--text-accent) l c h / 80%);\n --interactive-accent-hover: color-mix(\n in oklch shorter hue,\n var(--text-accent) 75%,\n transparent\n );\n --interactive-accent-hsl: var(--interactive-accent);\n --interactive-hover: var(--background-primary);\n --interactive-normal: var(--color-base-05);\n --italic-color: var(--text-accent);\n --keyboard-height: 0px;\n --layer-cover: 5;\n --layer-dragged-item: 80;\n --layer-menu: 65;\n --layer-modal: 50;\n --layer-notice: 60;\n --layer-popover: 30;\n --layer-sidedock: 10;\n --layer-slides: 45;\n --layer-status-bar: 15;\n --layer-tooltip: 70;\n --less-letter-spacing: -3px;\n --light: var(--background-primary, oklch(\n from var(--color-base-10)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n ));\n --lightgray: var(--background-secondary, oklch(\n from var(--color-base-00)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n ));\n --line-height-normal: 1.4;\n --line-height-tight: 1.25;\n --link-color: var(--flexcyon-link-color);\n --link-color-hover: var(--flexcyon-link-hover);\n --link-decoration: underline;\n --link-decoration-hover: underline;\n --link-decoration-thickness: auto;\n --link-external-color: var(--flexcyon-external-link-color);\n --link-external-color-hover: var(--flexcyon-external-link-hover);\n --link-external-decoration: underline;\n --link-external-decoration-hover: underline;\n --link-external-filter: none;\n --link-unresolved-color: var(--flexcyon-link-unresolved-color);\n --link-unresolved-decoration-color: var(--flexcyon-link-unresolved-color);\n --link-unresolved-decoration-style: dashed;\n --link-unresolved-filter: none;\n --link-unresolved-opacity: 0.7;\n --link-weight: var(--font-weight);\n --list-bullet-border: none;\n --list-bullet-end-padding: 1.3rem;\n --list-bullet-radius: 50%;\n --list-bullet-size: 0.3em;\n --list-bullet-transform: none;\n --list-indent: calc(var(--indent-unit) * var(--indent-size));\n --list-indent-editing: 0.75em;\n --list-indent-source: 0;\n --list-marker-color: var(--color-purple);\n --list-marker-color-collapsed: var(--color-green);\n --list-marker-color-hover: var(--flexcyon-palette-lilac-hover);\n --list-numbered-style: var(--flexcyon-default-ol-style);\n --list-spacing: 0.075em;\n --loading-icon-delay: 400ms;\n --menu-backdrop-filter: none;\n --menu-background: var(--background-secondary);\n --menu-border-color: var(--background-modifier-border-hover);\n --menu-border-width: var(--border-width);\n --menu-corner-shape: var(--corner-shape);\n --menu-padding: var(--size-2-3);\n --menu-radius: var(--radius-m);\n --menu-scroll-mask: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 48px);\n --menu-shadow: var(--shadow-s);\n --metadata-background: transparent;\n --metadata-border-color: var(--background-modifier-border);\n --metadata-border-radius: 0;\n --metadata-border-width: 0;\n --metadata-display-editing: block;\n --metadata-display-reading: block;\n --metadata-divider-color: var(--background-modifier-border);\n --metadata-divider-color-focus: transparent;\n --metadata-divider-color-hover: transparent;\n --metadata-divider-width: 0;\n --metadata-gap: 3px;\n --metadata-input-background: transparent;\n --metadata-input-background-active: var(--background-modifier-hover);\n --metadata-input-background-hover: transparent;\n --metadata-input-font: var(--font-interface);\n --metadata-input-font-size: var(--font-smaller);\n --metadata-input-height: calc(var(--font-text-size) * 1.75);\n --metadata-input-longtext-lines: 3;\n --metadata-input-padding: var(--size-4-1) var(--size-4-2);\n --metadata-input-text-color: var(--text-normal);\n --metadata-label-background: transparent;\n --metadata-label-background-active: var(--background-modifier-hover);\n --metadata-label-background-hover: transparent;\n --metadata-label-font: var(--font-interface);\n --metadata-label-font-size: var(--font-smaller);\n --metadata-label-text-color: var(--color-purple);\n --metadata-label-text-color-hover: var(--flexcyon-palette-lilac-hover);\n --metadata-label-width: 9em;\n --metadata-max-width: none;\n --metadata-padding: var(--size-4-2) 0;\n --metadata-property-background: transparent;\n --metadata-property-background-active: var(--background-modifier-hover);\n --metadata-property-background-hover: transparent;\n --metadata-property-box-shadow-focus: 0 0 0 2px var(--background-modifier-border-focus);\n --metadata-property-box-shadow-hover: 0 0 0 var(--border-width) var(--background-modifier-border-hover);\n --metadata-property-corner-shape: var(--corner-shape);\n --metadata-property-corner-shape-focus: var(--corner-shape);\n --metadata-property-corner-shape-hover: var(--corner-shape);\n --metadata-property-padding: 0;\n --metadata-property-radius: 6px;\n --metadata-property-radius-focus: 6px;\n --metadata-property-radius-hover: 6px;\n --metadata-sidebar-input-font-size: var(--font-ui-small);\n --metadata-sidebar-label-font-size: var(--font-ui-small);\n --modal-background: var(--background-primary);\n --modal-border-color: var(--color-base-10);\n --modal-border-width: var(--border-width);\n --modal-community-sidebar-width: 280px;\n --modal-header-height: auto;\n --modal-height: 85vh;\n --modal-max-height: 1000px;\n --modal-max-width: 1100px;\n --modal-max-width-narrow: 800px;\n --modal-radius: var(--radius-l);\n --modal-shadow: none;\n --modal-sidebar-background: oklch(\n from var(--color-base-05)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --modal-width: 90vw;\n --mono-0: black;\n --mono-100: white;\n --mono-rgb-0: 0, 0, 0;\n --mono-rgb-100: 255, 255, 255;\n --nav-collapse-icon-color: var(--collapse-icon-color);\n --nav-collapse-icon-color-collapsed: var(--text-faint);\n --nav-heading-color: var(--text-normal);\n --nav-heading-color-collapsed: var(--text-faint);\n --nav-heading-color-collapsed-hover: var(--text-muted);\n --nav-heading-color-hover: var(--text-normal);\n --nav-heading-weight: var(--font-medium);\n --nav-heading-weight-hover: var(--font-medium);\n --nav-indentation-guide-color: var(--indentation-guide-color);\n --nav-indentation-guide-width: var(--indentation-guide-width);\n --nav-item-background-active: var(--background-modifier-hover);\n --nav-item-background-hover: var(--background-modifier-hover);\n --nav-item-background-selected: var(--color-base-25);\n --nav-item-children-margin-start: var(--size-4-3);\n --nav-item-children-padding-start: var(--size-2-2);\n --nav-item-color: var(--text-muted);\n --nav-item-color-active: var(--interactive-accent);\n --nav-item-color-highlighted: var(--text-accent);\n --nav-item-color-hover: var(--text-normal);\n --nav-item-color-selected: var(--color-orange);\n --nav-item-margin-bottom: var(--size-2-1);\n --nav-item-padding: var(--size-4-1) var(--size-4-2) var(--size-4-1) var(--size-4-6);\n --nav-item-parent-padding: var(--nav-item-padding);\n --nav-item-radius: var(--radius-s);\n --nav-item-size: var(--font-ui-small);\n --nav-item-white-space: pre;\n --nav-tag-background: transparent;\n --nav-tag-color: var(--text-faint);\n --nav-tag-color-active: var(--text-muted);\n --nav-tag-color-hover: var(--text-muted);\n --nav-tag-radius: var(--radius-s);\n --nav-tag-weight: var(--font-semibold);\n --oz-fta-all-panes-active-text-color: #d3d5d3;\n --oz-fta-file-font-size: calc(var(--font-ui-medium) - 0.1rem);\n --oz-fta-folder-font-size: calc(var(--font-ui-medium) - 0.1rem);\n --oz-fta-folder-panes-file-name-color: #d3d5d3;\n --p-spacing: 1rem;\n --p-spacing-empty: 0rem;\n --page-border: 9px solid transparent;\n --page-margin: 1px auto -8px;\n --pdf-background: var(--background-primary);\n --pdf-page-background: var(--background-primary);\n --pdf-shadow: 0 0 0 1px var(--background-modifier-border);\n --pdf-sidebar-background: var(--background-primary);\n --pdf-spread-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);\n --pdf-thumbnail-shadow: 0 0 0 1px var(--background-modifier-border);\n --pdfViewer-padding-bottom: 0;\n --pill-background: transparent;\n --pill-background-hover: transparent;\n --pill-border-color: var(--background-modifier-border);\n --pill-border-color-hover: var(--background-modifier-border-hover);\n --pill-border-width: var(--border-width);\n --pill-color: var(--text-muted);\n --pill-color-hover: var(--text-normal);\n --pill-color-remove: var(--text-faint);\n --pill-color-remove-hover: var(--text-accent);\n --pill-decoration: none;\n --pill-decoration-hover: none;\n --pill-focus-left-adjust: -4px;\n --pill-focus-width: calc(100% + 6px);\n --pill-padding-x: 0.65em;\n --pill-padding-y: 0.25em;\n --pill-radius: 2em;\n --popover-font-size: var(--font-text-size);\n --popover-height: 400px;\n --popover-max-height: 95vh;\n --popover-pdf-height: 400px;\n --popover-pdf-width: 450px;\n --popover-width: 450px;\n --preferred-text-scale: 1;\n --prompt-backdrop-filter: none;\n --prompt-background: var(--background-primary);\n --prompt-border-color: var(--color-base-20);\n --prompt-border-width: var(--border-width);\n --prompt-input-height: 40px;\n --prompt-max-height: 70vh;\n --prompt-max-width: 80vw;\n --prompt-width: 700px;\n --r-background-color: var(--color-base-05);\n --r-heading-color: var(--text-normal);\n --r-heading-font: var(--font-text);\n --r-heading-margin: 16px 0px;\n --r-heading-text-transform: capitalize;\n --r-heading1-size: var(--h1-size);\n --r-heading2-size: var(--h2-size);\n --r-heading3-size: var(--h3-size);\n --r-heading4-size: var(--h4-size);\n --r-link-color: var(--color-accent-2);\n --r-main-font: var(--font-text);\n --r-main-font-size: max-content;\n --radius-l: 6px;\n --radius-m: 4px;\n --radius-s: 2px;\n --radius-x1: 8px;\n --radius-xl: 24px;\n --raised-background: var(--blur-background);\n --raised-blur: var(--blur-s);\n --raised-mask: linear-gradient(white, white) padding-box, linear-gradient(white, white) border-box;\n --raised-mask-background: transparent;\n --raised-mask-border-width: 0;\n --raised-mask-composite: exclude, add;\n --raised-mask-display: block;\n --ribbon-background: var(--background-secondary);\n --ribbon-background-collapsed: var(--ribbon-background);\n --ribbon-padding: var(--size-4-2) var(--size-4-1) var(--size-4-3);\n --ribbon-width: 48px;\n --safe-area-inset-bottom: 0px;\n --safe-area-inset-left: 0px;\n --safe-area-inset-right: 0px;\n --safe-area-inset-top: 0px;\n --scrollbar-active-thumb-bg: color-mix(in oklch, var(--mono-100) 20%, transparent);\n --scrollbar-bg: transparent;\n --scrollbar-border-width: 3px 3px 3px 2px;\n --scrollbar-height: 12px;\n --scrollbar-native-width: auto;\n --scrollbar-radius: var(--radius-l);\n --scrollbar-thumb-bg: color-mix(in oklch, var(--mono-100) 10%, transparent);\n --scrollbar-width: 12px;\n --search-clear-button-color: var(--color-red);\n --search-clear-button-size: 13px;\n --search-icon-color: var(--color-accent);\n --search-icon-size: 16px;\n --search-input-corner-shape: var(--input-corner-shape);\n --search-input-radius: var(--input-radius);\n --search-result-background: var(--background-primary);\n --secondary: var(--text-accent, var(--color-accent));\n --setting-group-heading-color: var(--text-normal);\n --setting-group-heading-size: var(--font-ui-medium);\n --setting-group-heading-weight: var(--font-semibold);\n --setting-group-max-width: 700px;\n --setting-items-background: var(--background-primary-alt);\n --setting-items-border-color: var(--background-modifier-border);\n --setting-items-border-width: 0;\n --setting-items-divider-width: var(--border-width);\n --setting-items-padding: 2px 0px;\n --setting-items-padding-x: var(--size-4-5);\n --setting-items-padding-y: var(--size-4-5);\n --setting-items-radius: var(--radius-l);\n --settings-background: var(--color-base-05);\n --shadow-l: 0px 1.8px 7.3px rgba(0, 0, 0, 0.071), 0px 6.3px 24.7px rgba(0, 0, 0, 0.112), 0px 30px 90px rgba(0, 0, 0, 0.2);\n --shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.121), 0px 3.4px 6.7px rgba(0, 0, 0, 0.179), 0px 15px 30px rgba(0, 0, 0, 0.3);\n --shiki-active-tab-border-color: var(--shiki-highlight-neutral);\n --shiki-active-tab-border-width: 2px;\n --shiki-code-background: var(--code-background);\n --shiki-code-block-border-color: transparent;\n --shiki-code-block-border-radius: var(--code-radius);\n --shiki-code-block-border-width: 0px;\n --shiki-code-block-spacing: var(--p-spacing);\n --shiki-code-comment: var(--text-faint);\n --shiki-code-function: var(--color-green);\n --shiki-code-important: var(--color-orange);\n --shiki-code-keyword: var(--color-pink);\n --shiki-code-normal: var(--text-muted);\n --shiki-code-property: var(--color-cyan);\n --shiki-code-punctuation: var(--text-muted);\n --shiki-code-string: var(--color-yellow);\n --shiki-code-value: var(--color-purple);\n --shiki-gutter-border-color: var(--background-modifier-border);\n --shiki-gutter-border-width: var(--border-width);\n --shiki-gutter-text-color: var(--text-faint);\n --shiki-gutter-text-color-highlight: var(--shiki-code-normal);\n --shiki-highlight-green: rgba(var(--color-green-rgb), .5);\n --shiki-highlight-green-background: rgba(var(--color-green-rgb), .1);\n --shiki-highlight-neutral: var(--shiki-code-normal);\n --shiki-highlight-neutral-background: rgba(var(--mono-rgb-100), .05);\n --shiki-highlight-red: rgba(var(--color-red-rgb), .5);\n --shiki-highlight-red-background: rgba(var(--color-red-rgb), .1);\n --shiki-terminal-dots-color: var(--text-faint);\n --shiki-tooltip-background: var(--background-modifier-message);\n --shiki-tooltip-text-color: #fafafa;\n --sidebar-left-toggle-inner-width: 8.33%;\n --sidebar-left-toggle-inner-width-open: 24%;\n --sidebar-markdown-font-size: calc(var(--font-text-size) * 0.9);\n --sidebar-right-toggle-inner-width: 8.33%;\n --sidebar-right-toggle-inner-width-open: 24%;\n --sidebar-tab-text-display: none;\n --size-2-1: 2px;\n --size-2-2: 4px;\n --size-2-3: 6px;\n --size-4-1: 4px;\n --size-4-10: 40px;\n --size-4-12: 48px;\n --size-4-16: 64px;\n --size-4-18: 72px;\n --size-4-2: 8px;\n --size-4-3: 12px;\n --size-4-4: 16px;\n --size-4-5: 20px;\n --size-4-6: 24px;\n --size-4-8: 32px;\n --size-4-9: 36px;\n --slider-s-thumb-position: -5px;\n --slider-s-thumb-size: 15px;\n --slider-thumb-background: white;\n --slider-thumb-background-hover: white;\n --slider-thumb-border-color: var(--background-modifier-border-hover);\n --slider-thumb-border-width: 0.5px;\n --slider-thumb-height: 18px;\n --slider-thumb-height-active: var(--slider-thumb-height);\n --slider-thumb-radius: var(--slider-thumb-height);\n --slider-thumb-shadow: 0 0px 2px 0px rgba(0, 0, 0, 0.1), 0 2px 6px 0px rgba(0, 0, 0, 0.1);\n --slider-thumb-shadow-active: var(--slider-thumb-shadow);\n --slider-thumb-shadow-focus: var(--slider-thumb-shadow-active), 0 0px 0px 2px var(--background-modifier-border-focus);\n --slider-thumb-shadow-hover: var(--slider-thumb-shadow);\n --slider-thumb-width: 18px;\n --slider-thumb-width-active: var(--slider-thumb-width);\n --slider-thumb-y: -6px;\n --slider-thumb-y-active: var(--slider-thumb-y);\n --slider-track-background: var(--background-modifier-border-hover);\n --slider-track-height: 4px;\n --slider-value-font-size: var(--font-ui-small);\n --slider-value-font-weight: var(--input-font-weight);\n --spreadHorizontalWrapped-margin-LR: -3.5px;\n --status-bar-background: var(--background-secondary);\n --status-bar-border-color: var(--divider-color);\n --status-bar-border-width: var(--border-width) 0 0 var(--border-width);\n --status-bar-font-size: 13.7533px;\n --status-bar-position: absolute;\n --status-bar-radius: var(--radius-m) 0 0 0;\n --status-bar-text-color: var(--text-muted);\n --suggestion-backdrop-filter: none;\n --suggestion-background: var(--background-primary);\n --swatch-height: 22px;\n --swatch-radius: 14px;\n --swatch-shadow: inset 0 0 0 1px color-mix(in oklch, var(--mono-100) 15%, transparent);\n --swatch-width: 22px;\n --sync-avatar-color-1: var(--color-red);\n --sync-avatar-color-2: var(--color-orange);\n --sync-avatar-color-3: var(--color-yellow);\n --sync-avatar-color-4: var(--color-green);\n --sync-avatar-color-5: var(--color-cyan);\n --sync-avatar-color-6: var(--color-blue);\n --sync-avatar-color-7: var(--color-purple);\n --sync-avatar-color-8: var(--color-pink);\n --sync-avatar-color-current-user: transparent;\n --tab-background-active: var(--background-primary);\n --tab-container-background: var(--background-secondary);\n --tab-curve: 0px;\n --tab-divider-color: var(--titlebar-background);\n --tab-font-size: var(--font-ui-small);\n --tab-max-width: 320px;\n --tab-outline-color: var(--divider-color);\n --tab-outline-width: 0px;\n --tab-radius: 0px;\n --tab-radius-active: 0px;\n --tab-stacked-font-size: var(--font-ui-small);\n --tab-stacked-font-weight: 400;\n --tab-stacked-header-width: var(--header-height);\n --tab-stacked-pane-width: 700px;\n --tab-stacked-shadow: -8px 0 8px 0 rgba(0, 0, 0, 0.05);\n --tab-stacked-text-align: start;\n --tab-stacked-text-transform: rotate(0deg);\n --tab-stacked-text-writing-mode: vertical-lr;\n --tab-switcher-background: var(--background-secondary);\n --tab-switcher-menubar-background: linear-gradient(to top, var(--background-secondary), transparent);\n --tab-switcher-preview-background-shadow: 0 4px 30px 2px rgba(0, 0, 0, 0.2);\n --tab-switcher-preview-radius: var(--radius-xl);\n --tab-switcher-preview-shadow: 0 0 0 1px color-mix(in oklch, var(--mono-100) 5%, transparent);\n --tab-switcher-preview-shadow-active: 0 0 0 2px var(--color-accent);\n --tab-text-color: var(--color-base-50);\n --tab-text-color-active: var(--text-accent);\n --tab-text-color-focused: var(--color-base-50);\n --tab-text-color-focused-active: var(--text-accent);\n --tab-text-color-focused-active-current: var(--text-accent);\n --tab-text-color-focused-highlighted: var(--text-accent);\n --tab-width: 200px;\n --table-add-button-background: transparent;\n --table-add-button-border-color: var(--background-modifier-border);\n --table-add-button-border-width: var(--table-border-width);\n --table-background: var(--background-primary);\n --table-border-color: #6f768566;\n --table-border-width: 1px;\n --table-cell-vertical-alignment: top;\n --table-column-alt-background: var(--table-background);\n --table-column-first-border-width: var(--table-border-width);\n --table-column-last-border-width: var(--table-border-width);\n --table-column-max-width: none;\n --table-column-min-width: 6ch;\n --table-drag-handle-background: transparent;\n --table-drag-handle-background-active: var(--table-selection-border-color);\n --table-drag-handle-color: var(--text-faint);\n --table-drag-handle-color-active: var(--text-on-accent);\n --table-drop-indicator-half-width: 2px;\n --table-header-background: var(--color-base-20);\n --table-header-background-hover: var(--table-background);\n --table-header-border-color: var(--table-border-color);\n --table-header-border-width: var(--table-border-width);\n --table-header-color: var(--text-normal);\n --table-header-size: var(--font-ui-large);\n --table-header-weight: calc(var(--font-weight) + var(--bold-modifier));\n --table-line-height: var(--line-height-tight);\n --table-row-alt-background: var(--table-background);\n --table-row-alt-background-hover: var(--table-background);\n --table-row-background-hover: var(--table-background);\n --table-row-last-border-width: var(--table-border-width);\n --table-selection: oklch(from var(--color-accent) l c h / 10%);\n --table-selection-blend-mode: var(--highlight-mix-blend-mode);\n --table-selection-border-color: var(--interactive-accent);\n --table-selection-border-radius: 4px;\n --table-selection-border-width: 2px;\n --table-text-size: var(--font-ui-medium);\n --table-white-space: break-spaces;\n --tag-background: oklch(from var(--tag-color) l c h / 10%);\n --tag-background-hover: oklch(from var(--tag-color-hover) l c h / 20%);\n --tag-border-color: oklch(from var(--tag-color-hover) l c h / 15%);\n --tag-border-color-hover: oklch(from var(--tag-color-hover) l c h / 15%);\n --tag-border-width: 0px;\n --tag-color: var(--flexcyon-cyan);\n --tag-color-hover: var(--flexcyon-palette-cyan-hover);\n --tag-corner-shape: round;\n --tag-decoration: none;\n --tag-decoration-hover: underline;\n --tag-padding-x: 0.65em;\n --tag-padding-y: 0.25em;\n --tag-radius: 2em;\n --tag-size: var(--code-size);\n --tertiary: var(--text-accent-hover, var(--flexcyon-accent-hover));\n --text-accent: var(--color-accent);\n --text-accent-hover: var(--flexcyon-accent-hover);\n --text-error: var(--color-red);\n --text-faint: var(--text-muted);\n --text-highlight-bg: oklch(\n from var(--flexcyon-highlight-colour) l c h /\n var(--flexcyon-highlight-opacity)\n );\n --text-highlight-bg-rgb: 255, 208, 0;\n --text-muted: oklch(\n from var(--text-muted-wrapper)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --text-muted-wrapper: color-mix(\n in oklch,\n oklch(from var(--flexcyon-text-muted) l c h),\n oklch(from var(--text-normal) l c h)\n );\n --text-normal: oklch(\n from var(--text-normal-col)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --text-normal-col: #d3d5d3;\n --text-on-accent: oklch(\n from var(--text-on-accent-wrapper)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --text-on-accent-inverted: var(--text-normal);\n --text-on-accent-wrapper: var(--text-normal);\n --text-sel-wrapper: oklch(from var(--color-accent) l c h / 30%);\n --text-selection: oklch(\n from var(--text-sel-wrapper)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --text-success: var(--color-green);\n --text-warning: var(--color-red);\n --textHighlight: var(--text-highlight-bg, oklch(\n from var(--flexcyon-highlight-colour) l c h /\n var(--flexcyon-highlight-opacity)\n ));\n --titleFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));\n --titlebar-background: var(--background-secondary);\n --titlebar-background-focused: var(--background-secondary);\n --titlebar-border-color: var(--background-modifier-border);\n --titlebar-border-width: 0px;\n --titlebar-height: 30px;\n --titlebar-text-color: var(--text-faint);\n --titlebar-text-color-focused: var(--text-muted);\n --titlebar-text-weight: var(--font-bold);\n --toggle-border-width: 4px;\n --toggle-radius: 18px;\n --toggle-s-border-width: 2px;\n --toggle-s-thumb-height: 15px;\n --toggle-s-thumb-width: 15px;\n --toggle-s-width: 34px;\n --toggle-thumb-active-opacity: var(--dimmed);\n --toggle-thumb-color: var(--text-on-accent);\n --toggle-thumb-height: 18px;\n --toggle-thumb-opacity-active: 1;\n --toggle-thumb-radius: 16px;\n --toggle-thumb-width: 18px;\n --toggle-width: 40px;\n --touch-radius-l: var(--touch-size-l);\n --touch-radius-m: var(--touch-size-m);\n --touch-radius-s: var(--touch-size-s);\n --touch-radius-xl: var(--touch-size-xl);\n --touch-radius-xs: var(--touch-size-xs);\n --touch-radius-xxs: var(--touch-size-xxs);\n --touch-size-l: 52px;\n --touch-size-m: 44px;\n --touch-size-s: 40px;\n --touch-size-xl: 60px;\n --touch-size-xs: 30px;\n --touch-size-xxs: 24px;\n --traffic-lights-offset-x: var(--header-height);\n --traffic-lights-offset-y: var(--header-height);\n --upsize: 103%;\n --vault-name-color: var(--interactive-accent);\n --vault-profile-actions-display: flex;\n --vault-profile-color: var(--text-normal);\n --vault-profile-color-hover: var(--vault-profile-color);\n --vault-profile-display: flex;\n --vault-profile-font-size: var(--font-ui-small);\n --vault-profile-font-weight: var(--font-medium);\n --vault-profile-order: 2;\n --vault-profile-radius: var(--radius-s);\n --viewer-container-height: 0;\n --w: tan(atan2(2538px, 1px));\n --workspace-background-translucent: color-mix(in oklch, var(--mono-0) 60%, transparent);\n --xfa-focus-outline: auto;\n --xfa-unfocused-field-background: url(\"data:image/svg+xml,%3Csvg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' style='fill:rgba(0, 54, 255, 0.13);'/%3E%3C/svg%3E\");\n --zoom-factor: 1;\n --quartz-icon-color: var(--icon-color, currentColor);\n --collapse-icon-color: var(--nav-collapse-icon-color);\n --collapse-icon-color-collapsed: var(--nav-collapse-icon-color-collapsed);\n}\n\nhtml[saved-theme=\"dark\"] body {\n background-color: var(--background-primary);\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .page > div#quartz-body div.sidebar {\n background-color: var(--background-secondary);\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .page > div#quartz-body div.sidebar.left {\n border-right-color: oklch(0.25047 0.0168382 269.118);\n border-right-style: solid;\n border-right-width: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .page > div#quartz-body div.sidebar.right {\n --bases-table-header-background: var(--background-secondary);\n background-color: var(--tab-container-background);\n border-left-color: oklch(0.25047 0.0168382 269.118);\n border-left-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body body[data-slug] div#quartz-root.page, html[saved-theme=\"dark\"] .page > div#quartz-body div.sidebar.left, html[saved-theme=\"dark\"] .page > div#quartz-body div.sidebar.left:has(.explorer), html[saved-theme=\"dark\"] .page > div#quartz-body div.sidebar.left .explorer .explorer-content {\n --bases-table-header-background: var(--background-secondary);\n background-color: var(--tab-container-background);\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body body[data-slug], html[saved-theme=\"dark\"] body[data-slug] .page > div#quartz-body, html[saved-theme=\"dark\"] .page > div#quartz-body div.center, html[saved-theme=\"dark\"] .page > div#quartz-body footer {\n background-color: var(--background-primary);\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body html {\n --h: tan(atan2(var(--h-raw), 1px));\n --w: tan(atan2(var(--w-raw), 1px));\n}",
|
|
11
|
+
"headings": "html[saved-theme=\"dark\"] body h1 {\n --font-weight: var(--h1-weight);\n border-bottom-color: oklch(0.768542 0.119717 252.368);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368);\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368);\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h1-color);\n font-family: var(--h1-font);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"dark\"] body h2 {\n --font-weight: var(--h2-weight);\n border-bottom-color: oklch(0.786319 0.132791 313.82);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.786319 0.132791 313.82);\n border-left-width: 0px;\n border-right-color: oklch(0.786319 0.132791 313.82);\n border-right-width: 0px;\n border-top-color: oklch(0.786319 0.132791 313.82);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h2-color);\n font-family: var(--h2-font);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"dark\"] body h3 {\n --font-weight: var(--h3-weight);\n border-bottom-color: oklch(0.722355 0.107178 202.06);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.722355 0.107178 202.06);\n border-left-width: 0px;\n border-right-color: oklch(0.722355 0.107178 202.06);\n border-right-width: 0px;\n border-top-color: oklch(0.722355 0.107178 202.06);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h3-color);\n font-family: var(--h3-font);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"dark\"] body h4 {\n --font-weight: var(--h4-weight);\n border-bottom-color: oklch(0.790166 0.147976 348.151);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.790166 0.147976 348.151);\n border-left-width: 0px;\n border-right-color: oklch(0.790166 0.147976 348.151);\n border-right-width: 0px;\n border-top-color: oklch(0.790166 0.147976 348.151);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h4-color);\n font-family: var(--h4-font);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"dark\"] body h5 {\n --font-weight: var(--h5-weight);\n border-bottom-color: oklch(0.763188 0.132266 123.757);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.763188 0.132266 123.757);\n border-left-width: 0px;\n border-right-color: oklch(0.763188 0.132266 123.757);\n border-right-width: 0px;\n border-top-color: oklch(0.763188 0.132266 123.757);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h5-color);\n font-family: var(--h5-font);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"dark\"] body h6 {\n --font-weight: var(--h6-weight);\n border-bottom-color: oklch(0.714704 0.117371 87.4902);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.714704 0.117371 87.4902);\n border-left-width: 0px;\n border-right-color: oklch(0.714704 0.117371 87.4902);\n border-right-width: 0px;\n border-top-color: oklch(0.714704 0.117371 87.4902);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h6-color);\n font-family: var(--h6-font);\n font-weight: var(--font-weight);\n}",
|
|
12
|
+
"typography": "html[saved-theme=\"dark\"] body .markdown-rendered p > b, html[saved-theme=\"dark\"] b {\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--bold-color);\n cursor: var(--flexcyon-cursor-type);\n font-family: var(--font-text);\n font-weight: calc(var(--font-weight) + var(--bold-modifier));\n outline: oklch(0.781547 0.129123 33.9803) none 0px;\n text-decoration-color: oklch(0.781547 0.129123 33.9803);\n text-decoration-style: solid;\n transition: all;\n user-select: text;\n}\n\nhtml[saved-theme=\"dark\"] body .markdown-rendered p > em, html[saved-theme=\"dark\"] em {\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--italic-color);\n cursor: var(--flexcyon-cursor-type);\n font-family: var(--font-text);\n font-weight: 400;\n outline: oklch(0.763602 0.0804706 126.339) none 0px;\n text-decoration-color: oklch(0.763602 0.0804706 126.339);\n text-decoration-style: solid;\n transition: all;\n user-select: text;\n}\n\nhtml[saved-theme=\"dark\"] body .markdown-rendered p > i, html[saved-theme=\"dark\"] i {\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--italic-color);\n cursor: var(--flexcyon-cursor-type);\n font-family: var(--font-text);\n font-weight: 400;\n outline: oklch(0.763602 0.0804706 126.339) none 0px;\n text-decoration-color: oklch(0.763602 0.0804706 126.339);\n text-decoration-style: solid;\n transition: all;\n user-select: text;\n}\n\nhtml[saved-theme=\"dark\"] body .markdown-rendered p > strong > em, html[saved-theme=\"dark\"] strong > em {\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--italic-color);\n cursor: var(--flexcyon-cursor-type);\n font-family: var(--font-text);\n font-weight: calc(var(--font-weight) + var(--bold-modifier));\n outline: oklch(0.763602 0.0804706 126.339) none 0px;\n text-decoration-color: oklch(0.763602 0.0804706 126.339);\n text-decoration-style: solid;\n transition: all;\n user-select: text;\n}\n\nhtml[saved-theme=\"dark\"] body .markdown-rendered p > strong, html[saved-theme=\"dark\"] strong {\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--bold-color);\n cursor: var(--flexcyon-cursor-type);\n font-family: var(--font-text);\n font-weight: calc(var(--font-weight) + var(--bold-modifier));\n outline: oklch(0.781547 0.129123 33.9803) none 0px;\n text-decoration-color: oklch(0.781547 0.129123 33.9803);\n text-decoration-style: solid;\n transition: all;\n user-select: text;\n}\n\nhtml[saved-theme=\"dark\"] body .text-highlight {\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: var(--text-highlight-bg);\n color: var(--text-normal);\n cursor: var(--flexcyon-cursor-type);\n font-family: var(--font-text);\n font-weight: 525;\n outline: oklch(0.870882 0.00344949 144.934) none 0px;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n text-decoration-style: solid;\n transition: all;\n user-select: text;\n}\n\nhtml[saved-theme=\"dark\"] body del {\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--text-normal);\n cursor: var(--flexcyon-cursor-type);\n font-family: var(--font-text);\n font-weight: 400;\n outline: oklch(0.870882 0.00344949 144.934) none 0px;\n text-decoration: line-through;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n text-decoration-line: line-through;\n text-decoration-style: solid;\n transition: all;\n user-select: text;\n}\n\nhtml[saved-theme=\"dark\"] body p {\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--text-muted);\n font-family: var(--font-interface);\n font-weight: 400;\n outline: oklch(0.756226 0.0113969 205.31 / 0.8) none 0px;\n text-decoration-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n text-decoration-style: solid;\n transition: all;\n}",
|
|
13
|
+
"links": "html[saved-theme=\"dark\"] body .backlinks {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n padding-block-end: 32px;\n padding-block-start: 4px;\n padding-bottom: max(var(--safe-area-inset-bottom), var(--size-4-8));\n padding-inline-end: var(--size-4-3);\n padding-inline-start: var(--size-4-3);\n padding-left: 12px;\n padding-right: 12px;\n padding-top: var(--size-4-1);\n}\n\nhtml[saved-theme=\"dark\"] body .backlinks ul li {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n padding-block-end: 2px;\n padding-block-start: 2px;\n padding-bottom: 2px;\n padding-inline-end: 10px;\n padding-inline-start: 8px;\n padding-left: 8px;\n padding-right: 10px;\n padding-top: 2px;\n}\n\nhtml[saved-theme=\"dark\"] body .backlinks ul li a {\n color: var(--nav-heading-color);\n}\n\nhtml[saved-theme=\"dark\"] body a.external-link, html[saved-theme=\"dark\"] footer a {\n --font-weight: var(--link-weight);\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--link-external-color);\n cursor: var(--cursor-link);\n filter: var(--link-external-filter);\n font-family: var(--font-text);\n font-weight: var(--link-weight);\n outline: rgb(122, 184, 254) none 0px;\n text-decoration: underline;\n text-decoration-color: rgb(122, 184, 254);\n text-decoration-line: var(--link-external-decoration);\n text-decoration-style: solid;\n text-decoration-thickness: var(--link-decoration-thickness);\n transition: opacity 0.14s ease-in-out;\n user-select: text;\n}\n\nhtml[saved-theme=\"dark\"] body a.internal-link, html[saved-theme=\"dark\"] .breadcrumb-container .breadcrumb-element > a {\n --font-weight: var(--link-weight);\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--link-color);\n cursor: var(--cursor-link);\n font-family: var(--font-text);\n font-weight: var(--link-weight);\n outline: rgb(216, 159, 245) none 0px;\n text-decoration: underline;\n text-decoration-color: rgb(216, 159, 245);\n text-decoration-line: var(--link-decoration);\n text-decoration-style: solid;\n text-decoration-thickness: var(--link-decoration-thickness);\n transition: opacity 0.14s ease-in-out;\n user-select: text;\n}\n\nhtml[saved-theme=\"dark\"] body a.internal-link.broken {\n --font-weight: var(--link-weight);\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--link-unresolved-color);\n cursor: var(--cursor-link);\n filter: var(--link-unresolved-filter);\n font-family: var(--font-text);\n font-weight: var(--link-weight);\n outline: rgb(216, 159, 245) none 0px;\n text-decoration: underline dashed rgb(216, 159, 245);\n text-decoration-color: var(--link-unresolved-decoration-color);\n text-decoration-line: var(--link-decoration);\n text-decoration-style: var(--link-unresolved-decoration-style);\n text-decoration-thickness: var(--link-decoration-thickness);\n transition: opacity 0.14s ease-in-out;\n user-select: text;\n}",
|
|
14
|
+
"lists": "html[saved-theme=\"dark\"] body dd {\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n font-family: var(--font-text);\n font-size: var(--font-text-size);\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 40px;\n margin-left: 40px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body dl {\n list-style: outside none disc;\n margin-block-end: 16px;\n margin-block-start: 16px;\n margin-bottom: 16px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 16px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body dt {\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n font-family: var(--font-text);\n font-size: var(--font-text-size);\n font-weight: 400;\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body ol > li {\n color: var(--text-normal);\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 1.2px;\n padding-block-start: 1.2px;\n padding-bottom: var(--list-spacing);\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var(--list-spacing);\n text-align: start;\n}\n\nhtml[saved-theme=\"dark\"] body ul > li {\n color: var(--text-normal);\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 1.2px;\n padding-block-start: 1.2px;\n padding-bottom: var(--list-spacing);\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var(--list-spacing);\n text-align: start;\n}\n\nhtml[saved-theme=\"dark\"] body ul.overflow {\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n}",
|
|
15
|
+
"blockquotes": "html[saved-theme=\"dark\"] body blockquote {\n background-color: var(--blockquote-background-color);\n border-inline-start: 2px solid oklch(0.763602 0.0804706 126.339 / 0.8);\n color: var(--blockquote-color);\n font-family: var(--font-text);\n font-style: var(--blockquote-font-style);\n font-weight: 400;\n line-height: var(--line-height-normal);\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n padding-bottom: 0px;\n padding-inline-start: var(--size-4-6);\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}",
|
|
16
|
+
"tables": "html[saved-theme=\"dark\"] body .table-container {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body table {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: rgba(111, 118, 133, 0.4);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: rgba(111, 118, 133, 0.4);\n border-left-width: 0px;\n border-right-color: rgba(111, 118, 133, 0.4);\n border-right-width: 0px;\n border-top-color: rgba(111, 118, 133, 0.4);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n font-family: var(--font-text);\n margin-block-end: var(--p-spacing);\n margin-block-start: var(--p-spacing);\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: calc((100% - var(--flexcyon-table-reading-mode-width)) / 2);\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 16px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n text-align: start;\n}\n\nhtml[saved-theme=\"dark\"] body tbody {\n background-color: rgba(0, 0, 0, 0);\n color: var(--text-normal);\n font-family: var(--font-text);\n}\n\nhtml[saved-theme=\"dark\"] body tbody tr:nth-child(even) {\n background-color: var(--table-background);\n}\n\nhtml[saved-theme=\"dark\"] body tbody tr:nth-child(odd) {\n background-color: var(--table-row-alt-background);\n}\n\nhtml[saved-theme=\"dark\"] body td {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: rgba(111, 118, 133, 0.4);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-style: solid;\n border-bottom-width: 1px;\n border-left-color: rgba(111, 118, 133, 0.4);\n border-left-style: solid;\n border-left-width: var(--table-column-first-border-width);\n border-right-color: rgba(111, 118, 133, 0.4);\n border-right-style: solid;\n border-right-width: 1px;\n border-top-color: rgba(111, 118, 133, 0.4);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-style: solid;\n border-top-width: 1px;\n color: var(--table-text-color);\n font-weight: 400;\n padding-block-end: 5px;\n padding-block-start: 5px;\n padding-bottom: 5px;\n padding-inline-end: 10px;\n padding-inline-start: 10px;\n padding-left: 10px;\n padding-right: 10px;\n padding-top: 5px;\n text-align: var(--flexcyon-td-table-alignment);\n vertical-align: var(--table-cell-vertical-alignment);\n}\n\nhtml[saved-theme=\"dark\"] body th {\n background-color: var(--table-column-alt-background);\n border-bottom-color: rgba(111, 118, 133, 0.4);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-style: solid;\n border-bottom-width: 1px;\n border-left-color: rgba(111, 118, 133, 0.4);\n border-left-style: solid;\n border-left-width: var(--table-column-first-border-width);\n border-right-color: rgba(111, 118, 133, 0.4);\n border-right-style: solid;\n border-right-width: 1px;\n border-top-color: rgba(111, 118, 133, 0.4);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-style: solid;\n border-top-width: var(--table-header-border-width);\n color: var(--table-header-color);\n font-weight: var(--table-header-weight);\n padding-block-end: 5px;\n padding-block-start: 5px;\n padding-bottom: 5px;\n padding-inline-end: 10px;\n padding-inline-start: 10px;\n padding-left: 10px;\n padding-right: 10px;\n padding-top: 5px;\n text-align: var(--flexcyon-td-table-alignment);\n vertical-align: var(--table-cell-vertical-alignment);\n}\n\nhtml[saved-theme=\"dark\"] body thead {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: rgba(111, 118, 133, 0.4);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: rgba(111, 118, 133, 0.4);\n border-left-width: 0px;\n border-right-color: rgba(111, 118, 133, 0.4);\n border-right-width: 0px;\n border-top-color: rgba(111, 118, 133, 0.4);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n font-family: var(--font-text);\n}\n\nhtml[saved-theme=\"dark\"] body tr {\n background-color: var(--table-header-background);\n border-bottom-color: rgba(111, 118, 133, 0.4);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: rgba(111, 118, 133, 0.4);\n border-left-width: 0px;\n border-right-color: rgba(111, 118, 133, 0.4);\n border-right-width: 0px;\n border-top-color: rgba(111, 118, 133, 0.4);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n font-family: var(--font-text);\n}",
|
|
17
|
+
"code": "html[saved-theme=\"dark\"] body code {\n background-color: var(--code-background);\n border-bottom-color: oklch(0.25047 0.0168382 269.118);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.25047 0.0168382 269.118);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.25047 0.0168382 269.118);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.25047 0.0168382 269.118);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--code-normal);\n font-family: var(--font-monospace);\n padding-block-end: 2.1px;\n padding-block-start: 2.1px;\n padding-bottom: 2.1px;\n padding-inline-end: 4.2px;\n padding-inline-start: 4.2px;\n padding-left: 4.2px;\n padding-right: 4.2px;\n padding-top: 2.1px;\n}\n\nhtml[saved-theme=\"dark\"] body figure[data-rehype-pretty-code-figure] {\n background-color: var(--code-background);\n border-bottom-color: oklch(0.25047 0.0168382 269.118);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.25047 0.0168382 269.118);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.25047 0.0168382 269.118);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.25047 0.0168382 269.118);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body figure[data-rehype-pretty-code-figure] > [data-rehype-pretty-code-title] {\n background-color: var(--code-background);\n border-bottom-color: oklch(0.25047 0.0168382 269.118);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.25047 0.0168382 269.118);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.25047 0.0168382 269.118);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.25047 0.0168382 269.118);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n font-family: var(--font-text);\n}\n\nhtml[saved-theme=\"dark\"] body pre > code > [data-line] {\n background-color: var(--code-background);\n border-left-color: oklch(0.25047 0.0168382 269.118);\n border-left-style: solid;\n border-left-width: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body pre > code > [data-line][data-highlighted-line] {\n background-color: var(--code-background);\n border-left-color: oklch(0.25047 0.0168382 269.118);\n border-left-width: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body pre > code [data-highlighted-chars] {\n background-color: var(--code-background);\n border-bottom-color: oklch(0.25047 0.0168382 269.118);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.25047 0.0168382 269.118);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.25047 0.0168382 269.118);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.25047 0.0168382 269.118);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body pre > code, html[saved-theme=\"dark\"] pre:has(> code) {\n background-color: var(--code-background);\n border-bottom-color: oklch(0.25047 0.0168382 269.118);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.25047 0.0168382 269.118);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.25047 0.0168382 269.118);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.25047 0.0168382 269.118);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n padding-block-end: 12px;\n padding-block-start: 12px;\n padding-bottom: 12px;\n padding-inline-end: 16px;\n padding-inline-start: 16px;\n padding-left: 16px;\n padding-right: 16px;\n padding-top: 12px;\n}",
|
|
18
|
+
"images": "html[saved-theme=\"dark\"] body audio {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n border-top-width: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body figcaption {\n color: var(--text-normal);\n font-family: var(--ec-uiFontFml);\n font-size: var(--ec-uiFontSize);\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n text-align: start;\n}\n\nhtml[saved-theme=\"dark\"] body figure {\n --code-background: var(--ec-frm-edBg);\n --header-border-radius: calc(var(--ec-brdRad) + var(--ec-brdWd));\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-width: 0px;\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n text-align: start;\n}\n\nhtml[saved-theme=\"dark\"] body img {\n border-bottom-color: oklch(0.768542 0.119717 252.368);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368);\n border-left-width: 0px;\n border-radius: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368);\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n max-width: 100%;\n}\n\nhtml[saved-theme=\"dark\"] body video {\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-radius: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n max-width: 100%;\n}",
|
|
19
|
+
"embeds": "html[saved-theme=\"dark\"] body .transclude {\n background-color: var(--embed-background);\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.763602 0.0804706 126.339 / 0.8);\n border-left-style: solid;\n border-left-width: 2px;\n border-radius: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .transclude ul {\n color: var(--text-normal);\n padding-bottom: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .transclude-inner {\n background-color: var(--embed-background);\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-style: solid;\n border-left-width: 0px;\n border-radius: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}",
|
|
20
|
+
"checkboxes": "html[saved-theme=\"dark\"] body input[type=checkbox] {\n border-bottom-color: oklch(0.768542 0.119717 252.368);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 1px;\n border-left-color: oklch(0.768542 0.119717 252.368);\n border-left-style: solid;\n border-left-width: 1px;\n border-right-color: oklch(0.768542 0.119717 252.368);\n border-right-style: solid;\n border-right-width: 1px;\n border-top-color: oklch(0.768542 0.119717 252.368);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 1px;\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 8px;\n margin-inline-start: calc(var(--checkbox-size) * -1.5);\n margin-left: -24px;\n margin-right: 8px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n position: relative;\n transition: box-shadow 0.15s ease-in-out;\n width: var(--checkbox-size);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"#\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"$\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"%\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] li.task-list-item[data-task=\"body\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"'\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"+\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\", html[saved-theme=\"dark\"] \"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\".\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"0\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"1\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"2\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"3\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"4\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"5\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"6\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"7\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"8\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"9\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\":\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\";\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"<\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"=\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"@\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"A\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"B\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"C\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"D\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"E\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"F\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"G\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"H\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"J\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"K\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"L\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"M\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"N\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"O\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"P\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"Q\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"R\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"T\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"U\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"V\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"W\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"X\"] {\n color: var(--checklist-done-color);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"Y\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"Z\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"_\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"`\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"a\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"e\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"g\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"h\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"j\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"m\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"n\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"o\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"q\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"r\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"s\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"t\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"v\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"x\"] {\n color: var(--checklist-done-color);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"y\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"z\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"|\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"~\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task='!'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task='*'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task='-'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task='/'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task='>'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task='?'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task='I'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task='S'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task='b'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task='c'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task='d'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task='f'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task='i'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task='k'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task='l'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task='p'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task='u'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task='w'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n}\n\nhtml[saved-theme=\"dark\"] body ul > li.task-list-item {\n display: list-item;\n list-style: outside none none;\n text-align: start;\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"_\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"-\"] input[type=\"checkbox\"]::after {\n background-color: rgb(28, 28, 28);\n color: oklch(0.781547 0.129123 33.9803);\n content: \"------\";\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\",\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\";\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\":\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"!\"] input[type=\"checkbox\"]::after {\n background-color: rgb(28, 28, 28);\n color: oklch(0.786319 0.132791 313.82);\n content: \"!\";\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"?\"] input[type=\"checkbox\"]::after {\n background-color: rgb(28, 28, 28);\n color: oklch(0.790166 0.147976 348.151);\n content: \"?\";\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\".\"] input[type=\"checkbox\"]::after {\n background-color: rgb(28, 28, 28);\n color: oklch(0.714704 0.117371 87.4902);\n content: \"...\";\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"'\"] input[type=\"checkbox\"]::after {\n background-color: rgb(28, 28, 28);\n color: oklch(0.722355 0.107178 202.06);\n content: \"'\";\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"\\\"\"] input[type=\"checkbox\"]::after {\n background-color: rgb(28, 28, 28);\n color: oklch(0.763188 0.132266 123.757);\n content: \"\\\"\";\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"@\"] input[type=\"checkbox\"]::after {\n background-color: rgb(28, 28, 28);\n color: oklch(0.768542 0.119717 252.368);\n content: \"@\";\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"*\"] input[type=\"checkbox\"] {\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'/%3E%3C/svg%3E\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'/%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"*\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.714704 0.117371 87.4902);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"&\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"#\"] input[type=\"checkbox\"]::after {\n background-color: rgb(28, 28, 28);\n color: oklch(0.763188 0.132266 123.757);\n content: \"#\";\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"%\"] input[type=\"checkbox\"]::after {\n background-color: rgb(28, 28, 28);\n color: oklch(0.790166 0.147976 348.151);\n content: \"%\";\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"`\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"+\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"<\"] input[type=\"checkbox\"]::after {\n background-color: rgb(28, 28, 28);\n color: oklch(0.77319 0.12865 82.8964);\n content: \"<\";\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"=\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\">\"] input[type=\"checkbox\"]::after {\n background-color: rgb(28, 28, 28);\n color: oklch(0.722355 0.107178 202.06);\n content: \">\";\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"|\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"~\"] input[type=\"checkbox\"]::after {\n background-color: rgb(28, 28, 28);\n color: oklch(0.781547 0.129123 33.9803);\n content: \"~\";\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"$\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"0\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"1\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"2\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"3\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"4\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"5\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"6\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"7\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"8\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"9\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"a\"] input[type=\"checkbox\"]::after {\n background-color: rgb(28, 28, 28);\n color: oklch(0.786319 0.132791 313.82);\n content: \"*\";\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"A\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"b\"] input[type=\"checkbox\"] {\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z'/%3E%3C/svg%3E\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z'/%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"b\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.781547 0.129123 33.9803);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"B\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"c\"] input[type=\"checkbox\"] {\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M313.4 479.1c26-5.2 42.9-30.5 37.7-56.5l-2.3-11.4c-5.3-26.7-15.1-52.1-28.8-75.2H464c26.5 0 48-21.5 48-48c0-25.3-19.5-46-44.3-47.9c7.7-8.5 12.3-19.8 12.3-32.1c0-23.4-16.8-42.9-38.9-47.1c4.4-7.3 6.9-15.8 6.9-24.9c0-21.3-13.9-39.4-33.1-45.6c.7-3.3 1.1-6.8 1.1-10.4c0-26.5-21.5-48-48-48H294.5c-19 0-37.5 5.6-53.3 16.1L202.7 73.8C176 91.6 160 121.6 160 153.7V192v48 24.9c0 29.2 13.3 56.7 36 75l7.4 5.9c26.5 21.2 44.6 51 51.2 84.2l2.3 11.4c5.2 26 30.5 42.9 56.5 37.7zM32 320H96c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32H32C14.3 32 0 46.3 0 64V288c0 17.7 14.3 32 32 32z'/%3E%3C/svg%3E\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M313.4 479.1c26-5.2 42.9-30.5 37.7-56.5l-2.3-11.4c-5.3-26.7-15.1-52.1-28.8-75.2H464c26.5 0 48-21.5 48-48c0-25.3-19.5-46-44.3-47.9c7.7-8.5 12.3-19.8 12.3-32.1c0-23.4-16.8-42.9-38.9-47.1c4.4-7.3 6.9-15.8 6.9-24.9c0-21.3-13.9-39.4-33.1-45.6c.7-3.3 1.1-6.8 1.1-10.4c0-26.5-21.5-48-48-48H294.5c-19 0-37.5 5.6-53.3 16.1L202.7 73.8C176 91.6 160 121.6 160 153.7V192v48 24.9c0 29.2 13.3 56.7 36 75l7.4 5.9c26.5 21.2 44.6 51 51.2 84.2l2.3 11.4c5.2 26 30.5 42.9 56.5 37.7zM32 320H96c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32H32C14.3 32 0 46.3 0 64V288c0 17.7 14.3 32 32 32z'/%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"c\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.781547 0.129123 33.9803);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"C\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"d\"] input[type=\"checkbox\"] {\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 13a1 1 0 100 2h5a1 1 0 001-1V9a1 1 0 10-2 0v2.586l-4.293-4.293a1 1 0 00-1.414 0L8 9.586 3.707 5.293a1 1 0 00-1.414 1.414l5 5a1 1 0 001.414 0L11 9.414 14.586 13H12z' clip-rule='evenodd' /%3E%3C/svg%3E\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 13a1 1 0 100 2h5a1 1 0 001-1V9a1 1 0 10-2 0v2.586l-4.293-4.293a1 1 0 00-1.414 0L8 9.586 3.707 5.293a1 1 0 00-1.414 1.414l5 5a1 1 0 001.414 0L11 9.414 14.586 13H12z' clip-rule='evenodd' /%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"d\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.781547 0.129123 33.9803);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"D\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"e\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"E\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"f\"] input[type=\"checkbox\"] {\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z' clip-rule='evenodd' /%3E%3C/svg%3E\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z' clip-rule='evenodd' /%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"f\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.781547 0.129123 33.9803);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"F\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"g\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"G\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"h\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"H\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"i\"] input[type=\"checkbox\"]::after {\n background-color: rgb(28, 28, 28);\n color: oklch(0.722355 0.107178 202.06);\n content: \"i\";\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"I\"] input[type=\"checkbox\"] {\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M272 384c9.6-31.9 29.5-59.1 49.2-86.2l0 0c5.2-7.1 10.4-14.2 15.4-21.4c19.8-28.5 31.4-63 31.4-100.3C368 78.8 289.2 0 192 0S16 78.8 16 176c0 37.3 11.6 71.9 31.4 100.3c5 7.2 10.2 14.3 15.4 21.4l0 0c19.8 27.1 39.7 54.4 49.2 86.2H272zM192 512c44.2 0 80-35.8 80-80V416H112v16c0 44.2 35.8 80 80 80zM112 176c0 8.8-7.2 16-16 16s-16-7.2-16-16c0-61.9 50.1-112 112-112c8.8 0 16 7.2 16 16s-7.2 16-16 16c-44.2 0-80 35.8-80 80z'/%3E%3C/svg%3E\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M272 384c9.6-31.9 29.5-59.1 49.2-86.2l0 0c5.2-7.1 10.4-14.2 15.4-21.4c19.8-28.5 31.4-63 31.4-100.3C368 78.8 289.2 0 192 0S16 78.8 16 176c0 37.3 11.6 71.9 31.4 100.3c5 7.2 10.2 14.3 15.4 21.4l0 0c19.8 27.1 39.7 54.4 49.2 86.2H272zM192 512c44.2 0 80-35.8 80-80V416H112v16c0 44.2 35.8 80 80 80zM112 176c0 8.8-7.2 16-16 16s-16-7.2-16-16c0-61.9 50.1-112 112-112c8.8 0 16 7.2 16 16s-7.2 16-16 16c-44.2 0-80 35.8-80 80z'/%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"I\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.714704 0.117371 87.4902);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"j\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"J\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"k\"] input[type=\"checkbox\"] {\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z' clip-rule='evenodd' /%3E%3C/svg%3E\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z' clip-rule='evenodd' /%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"k\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.714704 0.117371 87.4902);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"K\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"l\"] input[type=\"checkbox\"] {\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64z'/%3E%3C/svg%3E\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64z'/%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"l\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.786319 0.132791 313.82);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"L\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"m\"] input[type=\"checkbox\"]::after {\n background-color: rgb(28, 28, 28);\n color: oklch(0.781547 0.129123 33.9803);\n content: \"--\";\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"M\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"n\"] input[type=\"checkbox\"] {\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M32 32C32 14.3 46.3 0 64 0H320c17.7 0 32 14.3 32 32s-14.3 32-32 32H290.5l11.4 148.2c36.7 19.9 65.7 53.2 79.5 94.7l1 3c3.3 9.8 1.6 20.5-4.4 28.8s-15.7 13.3-26 13.3H32c-10.3 0-19.9-4.9-26-13.3s-7.7-19.1-4.4-28.8l1-3c13.8-41.5 42.8-74.8 79.5-94.7L93.5 64H64C46.3 64 32 49.7 32 32zM160 384h64v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V384z'/%3E%3C/svg%3E\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M32 32C32 14.3 46.3 0 64 0H320c17.7 0 32 14.3 32 32s-14.3 32-32 32H290.5l11.4 148.2c36.7 19.9 65.7 53.2 79.5 94.7l1 3c3.3 9.8 1.6 20.5-4.4 28.8s-15.7 13.3-26 13.3H32c-10.3 0-19.9-4.9-26-13.3s-7.7-19.1-4.4-28.8l1-3c13.8-41.5 42.8-74.8 79.5-94.7L93.5 64H64C46.3 64 32 49.7 32 32zM160 384h64v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V384z'/%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"n\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.781547 0.129123 33.9803);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"N\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"o\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"O\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"p\"] input[type=\"checkbox\"]::after {\n background-color: rgb(28, 28, 28);\n color: oklch(0.768542 0.119717 252.368);\n content: \"+\";\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"P\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"q\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"Q\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"r\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"R\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"s\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"S\"] input[type=\"checkbox\"]::after {\n background-color: rgb(28, 28, 28);\n color: oklch(0.781547 0.129123 33.9803);\n content: \"$\";\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"t\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"T\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"u\"] input[type=\"checkbox\"] {\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 7a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0V8.414l-4.293 4.293a1 1 0 01-1.414 0L8 10.414l-4.293 4.293a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0L11 10.586 14.586 7H12z' clip-rule='evenodd' /%3E%3C/svg%3E\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 7a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0V8.414l-4.293 4.293a1 1 0 01-1.414 0L8 10.414l-4.293 4.293a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0L11 10.586 14.586 7H12z' clip-rule='evenodd' /%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"u\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.763188 0.132266 123.757);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"U\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"v\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"V\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"w\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"W\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"x\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"X\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"y\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"Y\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"z\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item[data-task=\"Z\"] input[type=\"checkbox\"]::after {\n color: rgb(255, 255, 255);\n background-color: oklch(0.231868 0.0221775 269.118);\n}",
|
|
21
|
+
"callouts": "html[saved-theme=\"dark\"] body .callout .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.768542 0.119717 252.368);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368);\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368);\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"dark\"] body .callout > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"abstract\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-summary);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.722355 0.107178 202.06 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.722355 0.107178 202.06 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.722355 0.107178 202.06 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.722355 0.107178 202.06 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.722355 0.107178 202.06 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"abstract\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.768542 0.119717 252.368);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368);\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368);\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"abstract\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"abstract\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"bug\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-bug);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.781547 0.129123 33.9803 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.781547 0.129123 33.9803 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.781547 0.129123 33.9803 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.781547 0.129123 33.9803 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.781547 0.129123 33.9803 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"bug\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.768542 0.119717 252.368);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368);\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368);\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"bug\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"bug\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"danger\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-error);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.781547 0.129123 33.9803 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.781547 0.129123 33.9803 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.781547 0.129123 33.9803 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.781547 0.129123 33.9803 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.781547 0.129123 33.9803 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"danger\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.768542 0.119717 252.368);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368);\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368);\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"danger\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"danger\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"example\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-example);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.786319 0.132791 313.82 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.786319 0.132791 313.82 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.786319 0.132791 313.82 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.786319 0.132791 313.82 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.786319 0.132791 313.82 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"example\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.768542 0.119717 252.368);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368);\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368);\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"example\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"example\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"failure\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-fail);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.781547 0.129123 33.9803 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.781547 0.129123 33.9803 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.781547 0.129123 33.9803 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.781547 0.129123 33.9803 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.781547 0.129123 33.9803 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"failure\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.768542 0.119717 252.368);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368);\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368);\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"failure\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"failure\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"info\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-info);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.768542 0.119717 252.368 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.768542 0.119717 252.368 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"info\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.768542 0.119717 252.368);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368);\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368);\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"info\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"info\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"note\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-default);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.768542 0.119717 252.368 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.768542 0.119717 252.368 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"note\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.768542 0.119717 252.368);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368);\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368);\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"note\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"note\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"question\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-question);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.763188 0.132266 123.757 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.763188 0.132266 123.757 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.763188 0.132266 123.757 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.763188 0.132266 123.757 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.763188 0.132266 123.757 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"question\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.768542 0.119717 252.368);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368);\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368);\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"question\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"question\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"quote\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-quote);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.763188 0.132266 123.757 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.763188 0.132266 123.757 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.763188 0.132266 123.757 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.763188 0.132266 123.757 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.763188 0.132266 123.757 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"quote\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.768542 0.119717 252.368);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368);\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368);\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"quote\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"quote\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"success\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-success);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.763188 0.132266 123.757 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.763188 0.132266 123.757 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.763188 0.132266 123.757 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.763188 0.132266 123.757 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.763188 0.132266 123.757 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"success\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.768542 0.119717 252.368);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368);\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368);\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"success\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"success\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"tip\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-tip);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.722355 0.107178 202.06 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.722355 0.107178 202.06 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.722355 0.107178 202.06 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.722355 0.107178 202.06 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.722355 0.107178 202.06 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"tip\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.768542 0.119717 252.368);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368);\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368);\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"tip\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"tip\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"todo\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-todo);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.768542 0.119717 252.368 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.768542 0.119717 252.368 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"todo\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.768542 0.119717 252.368);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368);\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368);\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"todo\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"todo\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"warning\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-warning);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.77319 0.12865 82.8964 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.77319 0.12865 82.8964 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.77319 0.12865 82.8964 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.77319 0.12865 82.8964 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.77319 0.12865 82.8964 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"warning\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.768542 0.119717 252.368);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368);\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368);\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"warning\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"warning\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"note\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"abstract\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M12 11h4'/%3E%3Cpath d='M12 16h4'/%3E%3Cpath d='M8 11h.01'/%3E%3Cpath d='M8 16h.01'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"bug\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20v-9'/%3E%3Cpath d='M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z'/%3E%3Cpath d='M14.12 3.88 16 2'/%3E%3Cpath d='M21 21a4 4 0 0 0-3.81-4'/%3E%3Cpath d='M21 5a4 4 0 0 1-3.55 3.97'/%3E%3Cpath d='M22 13h-4'/%3E%3Cpath d='M3 21a4 4 0 0 1 3.81-4'/%3E%3Cpath d='M3 5a4 4 0 0 0 3.55 3.97'/%3E%3Cpath d='M6 13H2'/%3E%3Cpath d='m8 2 1.88 1.88'/%3E%3Cpath d='M9 7.13V6a3 3 0 1 1 6 0v1.13'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"danger\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"example\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h.01'/%3E%3Cpath d='M3 12h.01'/%3E%3Cpath d='M3 19h.01'/%3E%3Cpath d='M8 5h13'/%3E%3Cpath d='M8 12h13'/%3E%3Cpath d='M8 19h13'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"failure\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"info\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"note\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"question\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"quote\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3Cpath d='M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"success\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"tip\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"todo\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"dark\"] body .callout[data-callout=\"warning\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E\");\n}",
|
|
22
|
+
"search": "html[saved-theme=\"dark\"] body .highlight {\n background-color: var(--text-highlight-bg);\n border-radius: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .preview-container {\n background-color: rgba(0, 0, 0, 0);\n color: var(--text-muted);\n font-weight: 400;\n}\n\nhtml[saved-theme=\"dark\"] body .search > .search-button {\n background-color: var(--background-primary);\n border-bottom-color: oklch(0.25047 0.0168382 269.118);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-style: solid;\n border-bottom-width: 1px;\n border-left-color: oklch(0.25047 0.0168382 269.118);\n border-left-style: solid;\n border-left-width: 1px;\n border-right-color: oklch(0.25047 0.0168382 269.118);\n border-right-style: solid;\n border-right-width: 1px;\n border-top-color: oklch(0.25047 0.0168382 269.118);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-style: solid;\n border-top-width: 1px;\n color: var(--text-normal);\n font-family: var(--font-interface);\n}\n\nhtml[saved-theme=\"dark\"] body .search > .search-container > .search-space {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .search > .search-container > .search-space > * {\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--text-normal);\n font-family: var(--font-interface);\n font-weight: 400;\n outline: oklch(0.870882 0.00344949 144.934) none 0px;\n text-decoration-color: oklch(0.870882 0.00344949 144.934);\n text-decoration-style: solid;\n transition: all;\n}\n\nhtml[saved-theme=\"dark\"] body .search > .search-container > .search-space > .search-layout {\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .search > .search-container > .search-space > .search-layout .highlight {\n background-color: var(--text-highlight-bg);\n border-radius: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .search > .search-container > .search-space > .search-layout > .preview-container {\n background-color: rgba(0, 0, 0, 0);\n color: var(--text-muted);\n font-weight: 400;\n}\n\nhtml[saved-theme=\"dark\"] body .search > .search-container > .search-space > .search-layout > .results-container {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .search > .search-container > .search-space > .search-layout > .results-container .result-card {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-radius: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n padding-block-end: 2px;\n padding-block-start: 2px;\n padding-bottom: 2px;\n padding-inline-end: 10px;\n padding-inline-start: 10px;\n padding-left: 10px;\n padding-right: 10px;\n padding-top: 2px;\n}\n\nhtml[saved-theme=\"dark\"] body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover .card-title, html[saved-theme=\"dark\"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover .card-description, html[saved-theme=\"dark\"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus .card-title, html[saved-theme=\"dark\"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus .card-description, html[saved-theme=\"dark\"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme=\"dark\"] ~ .result-card:focus)) .card-title, html[saved-theme=\"dark\"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme=\"dark\"] ~ .result-card:focus)) .card-description {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover, html[saved-theme=\"dark\"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus, html[saved-theme=\"dark\"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme=\"dark\"] ~ .result-card:focus)) {\n background-color: rgba(0, 0, 0, 0);\n color: var(--text-normal);\n font-weight: var(--nav-item-weight);\n}\n\nhtml[saved-theme=\"dark\"] body .search > .search-container > .search-space > input {\n background-color: var(--background-primary);\n border-bottom-color: oklch(0.25047 0.0168382 269.118);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-style: solid;\n border-bottom-width: 1px;\n border-left-color: oklch(0.25047 0.0168382 269.118);\n border-left-style: solid;\n border-left-width: 1px;\n border-right-color: oklch(0.25047 0.0168382 269.118);\n border-right-style: solid;\n border-right-width: 1px;\n border-top-color: oklch(0.25047 0.0168382 269.118);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-style: solid;\n border-top-width: 1px;\n box-shadow: 0 0 0 1px var(--interactive-accent);\n}\n\nhtml[saved-theme=\"dark\"] body .search>.search-container>.search-space>.search-layout>.results-container .result-card:has(~ .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme=\"dark\"] ~ .result-card:focus)), html[saved-theme=\"dark\"] ~ .result-card:focus, html[saved-theme=\"dark\"] ~ .result-card:hover) {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .search>.search-container>.search-space>.search-layout>.results-container .result-card:hover, html[saved-theme=\"dark\"] .search>.search-container>.search-space>.search-layout>.results-container .result-card:focus, html[saved-theme=\"dark\"] .search>.search-container>.search-space>.search-layout>.results-container .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme=\"dark\"] ~ .result-card:focus)) {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body a.internal-link.tag-link, html[saved-theme=\"dark\"] .search > .search-container > .search-space > .search-layout > .results-container .result-card > ul > li > .match-tag {\n --icon-size: var(--icon-xs);\n --icon-stroke: var(--icon-xs-stroke-width);\n --pill-background: var(--tag-background);\n --pill-background-hover: var(--tag-background-hover);\n --pill-border-color: var(--tag-border-color);\n --pill-border-color-hover: var(--tag-border-color-hover);\n --pill-border-width: var(--tag-border-width);\n --pill-color: var(--tag-color);\n --pill-color-hover: var(--tag-color-hover);\n --pill-color-remove: var(--tag-color);\n --pill-color-remove-hover: var(--tag-color-hover);\n --pill-corner-shape: var(--tag-corner-shape);\n --pill-decoration: var(--tag-decoration);\n --pill-decoration-hover: var(--tag-decoration-hover);\n --pill-padding-x: var(--tag-padding-x);\n --pill-padding-y: var(--tag-padding-y);\n --pill-radius: var(--tag-radius);\n background-color: var(--pill-background);\n border-bottom-color: oklch(0.681088 0.0590736 234.761 / 0.15);\n border-bottom-left-radius: 28px;\n border-bottom-right-radius: 28px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.681088 0.0590736 234.761 / 0.15);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.681088 0.0590736 234.761 / 0.15);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.681088 0.0590736 234.761 / 0.15);\n border-top-left-radius: 28px;\n border-top-right-radius: 28px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--pill-color);\n display: flex;\n font-family: var(--metadata-input-font);\n font-size: var(--metadata-input-font-size);\n font-weight: var(--pill-weight);\n line-height: var(--line-height-tight);\n margin-inline-start: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body a.internal-link.tag-link::before {\n color: var(--pill-color);\n}\n\nhtml[saved-theme=\"dark\"] body h1 {\n --font-weight: var(--h1-weight);\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.768542 0.119717 252.368);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368);\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368);\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h1-color);\n font-family: var(--h1-font);\n font-size: var(--h1-size);\n font-weight: var(--font-weight);\n letter-spacing: var(--h1-letter-spacing);\n line-height: var(--h1-line-height);\n margin-block-end: var(--p-spacing);\n margin-block-start: var(--p-spacing);\n margin-bottom: 16px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body h1.article-title {\n color: var(--inline-title-color);\n font-size: var(--inline-title-size);\n font-weight: var(--inline-title-weight);\n}\n\nhtml[saved-theme=\"dark\"] body h2 {\n --font-weight: var(--h2-weight);\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.786319 0.132791 313.82);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.786319 0.132791 313.82);\n border-left-width: 0px;\n border-right-color: oklch(0.786319 0.132791 313.82);\n border-right-width: 0px;\n border-top-color: oklch(0.786319 0.132791 313.82);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h2-color);\n font-family: var(--h2-font);\n font-size: var(--h2-size);\n font-weight: var(--font-weight);\n letter-spacing: var(--h2-letter-spacing);\n line-height: var(--h2-line-height);\n margin-block-end: var(--p-spacing);\n margin-block-start: var(--p-spacing);\n margin-bottom: 16px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body h2.page-title, html[saved-theme=\"dark\"] h2.page-title a {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.768542 0.119717 252.368);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368);\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368);\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--inline-title-color);\n font-family: var(--inline-title-font);\n font-size: var(--inline-title-size);\n font-weight: var(--inline-title-weight);\n letter-spacing: var(--flexcyon-l-spacing);\n line-height: var(--inline-title-line-height);\n margin-block-end: var(--inline-title-margin-bottom);\n margin-block-start: 0px;\n margin-bottom: 14.544px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body h3 {\n --font-weight: var(--h3-weight);\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.722355 0.107178 202.06);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.722355 0.107178 202.06);\n border-left-width: 0px;\n border-right-color: oklch(0.722355 0.107178 202.06);\n border-right-width: 0px;\n border-top-color: oklch(0.722355 0.107178 202.06);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h3-color);\n font-family: var(--h3-font);\n font-size: var(--h3-size);\n font-weight: var(--font-weight);\n letter-spacing: var(--h3-letter-spacing);\n line-height: var(--h3-line-height);\n margin-block-end: var(--p-spacing);\n margin-block-start: var(--p-spacing);\n margin-bottom: 16px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 16px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body h4 {\n --font-weight: var(--h4-weight);\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.790166 0.147976 348.151);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.790166 0.147976 348.151);\n border-left-width: 0px;\n border-right-color: oklch(0.790166 0.147976 348.151);\n border-right-width: 0px;\n border-top-color: oklch(0.790166 0.147976 348.151);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h4-color);\n font-family: var(--h4-font);\n font-size: var(--h4-size);\n font-weight: var(--font-weight);\n letter-spacing: var(--h4-letter-spacing);\n line-height: var(--h4-line-height);\n margin-block-end: var(--p-spacing);\n margin-block-start: var(--p-spacing);\n margin-bottom: 16px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 16px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body h5 {\n --font-weight: var(--h5-weight);\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.763188 0.132266 123.757);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.763188 0.132266 123.757);\n border-left-width: 0px;\n border-right-color: oklch(0.763188 0.132266 123.757);\n border-right-width: 0px;\n border-top-color: oklch(0.763188 0.132266 123.757);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h5-color);\n font-family: var(--h5-font);\n font-size: var(--h5-size);\n font-weight: var(--font-weight);\n letter-spacing: var(--h5-letter-spacing);\n line-height: var(--h5-line-height);\n margin-block-end: var(--p-spacing);\n margin-block-start: var(--p-spacing);\n margin-bottom: 16px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 16px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body h6 {\n --font-weight: var(--h6-weight);\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.714704 0.117371 87.4902);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.714704 0.117371 87.4902);\n border-left-width: 0px;\n border-right-color: oklch(0.714704 0.117371 87.4902);\n border-right-width: 0px;\n border-top-color: oklch(0.714704 0.117371 87.4902);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h6-color);\n font-family: var(--h6-font);\n font-size: var(--h6-size);\n font-weight: var(--font-weight);\n letter-spacing: var(--h6-letter-spacing);\n line-height: var(--h6-line-height);\n margin-block-end: var(--p-spacing);\n margin-block-start: var(--p-spacing);\n margin-bottom: 16px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 16px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body hr {\n border-bottom-color: rgb(57, 62, 72);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: rgb(57, 62, 72);\n border-left-width: 0px;\n border-right-color: rgb(57, 62, 72);\n border-right-width: 0px;\n border-top-color: rgb(57, 62, 72);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-style: solid;\n border-top-width: 2px;\n margin-block-end: 32px;\n margin-block-start: 32px;\n margin-bottom: 32px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 32px;\n}\n\nhtml[saved-theme=\"dark\"] body input:focus {\n border-color: oklch(0.25047 0.0168382 269.118);\n box-shadow: 0 0 0 1px var(--interactive-accent);\n}",
|
|
23
|
+
"scrollbars": "html[saved-theme=\"dark\"] body .callout {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-default);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n border-bottom-color: oklch(0.768542 0.119717 252.368 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.768542 0.119717 252.368 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.768542 0.119717 252.368 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.768542 0.119717 252.368 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n padding-block-end: 12px;\n padding-block-start: 12px;\n padding-bottom: 12px;\n padding-inline-end: 24px;\n padding-inline-start: 24px;\n padding-left: 24px;\n padding-right: 24px;\n padding-top: 12px;\n}\n\nhtml[saved-theme=\"dark\"] body body {\n scrollbar-width: var(--scrollbar-native-width);\n}",
|
|
24
|
+
"explorer": "html[saved-theme=\"dark\"] body .explorer .folder-container > div {\n color: var(--nav-item-color);\n font-family: var(--font-interface);\n font-weight: var(--nav-item-weight);\n}\n\nhtml[saved-theme=\"dark\"] body .nav-files-container {\n background-color: rgba(0, 0, 0, 0);\n color: var(--text-normal);\n font-family: var(--font-interface);\n}\n\nhtml[saved-theme=\"dark\"] body .nav-files-container .collapse-icon {\n color: var(--nav-item-color);\n opacity: 1;\n}\n\nhtml[saved-theme=\"dark\"] body .nav-files-container .nav-file-title {\n color: var(--nav-item-color);\n font-family: var(--font-interface);\n font-weight: var(--nav-item-weight);\n}\n\nhtml[saved-theme=\"dark\"] body .nav-files-container .nav-file-title.is-active {\n border-bottom-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-left-width: 0px;\n border-right-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-right-width: 0px;\n border-top-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-width: 0px;\n color: var(--nav-item-color);\n font-family: var(--font-interface);\n}\n\nhtml[saved-theme=\"dark\"] body .nav-files-container .tree-item-children {\n border-inline-start: 1px solid oklch(0.999994 0.0000497986 none / 0.12);\n border-left-color: oklch(0.999994 0.0000497986 none / 0.12);\n border-left-style: solid;\n border-left-width: 1px;\n}\n\nhtml[saved-theme=\"dark\"] body .nav-files-container li:has(> .folder-outer.open) > .nav-folder-title {\n color: var(--nav-item-color);\n font-family: var(--font-interface);\n font-weight: var(--nav-item-weight);\n}\n\nhtml[saved-theme=\"dark\"] body .nav-files-container li:has(> .folder-outer:not(.open)) > .nav-folder-title {\n color: var(--nav-item-color);\n font-family: var(--font-interface);\n font-weight: var(--nav-item-weight);\n}\n\nhtml[saved-theme=\"dark\"] body .explorer .nav-files-container a {\n color: var(--nav-item-color);\n}\n\nhtml[saved-theme=\"dark\"] body .explorer .nav-files-container a:hover {\n color: var(--nav-item-color-hover);\n}\n\nhtml[saved-theme=\"dark\"] body .explorer .nav-files-container .is-active {\n color: var(--nav-item-color-active);\n}\n\nhtml[saved-theme=\"dark\"] body .explorer .nav-files-container a:hover {\n background-color: var(--nav-item-background-hover);\n}\n\nhtml[saved-theme=\"dark\"] body .explorer .nav-files-container .collapse-icon svg {\n color: var(--nav-collapse-icon-color);\n}\n\nhtml[saved-theme=\"dark\"] body .explorer .nav-files-container .folder-outer > ul {\n border-left-color: var(--nav-indentation-guide-color);\n}",
|
|
25
|
+
"toc": "html[saved-theme=\"dark\"] body details.toc summary::marker {\n color: var(--text-normal);\n}",
|
|
26
|
+
"graph": "html[saved-theme=\"dark\"] body .graph > .global-graph-outer > .global-graph-container {\n background-color: var(--background-secondary);\n border-bottom-color: rgba(0, 0, 0, 0);\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n border-bottom-style: solid;\n border-bottom-width: 1px;\n border-left-color: rgba(0, 0, 0, 0);\n border-left-style: solid;\n border-left-width: 1px;\n border-right-color: rgba(0, 0, 0, 0);\n border-right-style: solid;\n border-right-width: 1px;\n border-top-color: rgba(0, 0, 0, 0);\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n border-top-style: solid;\n border-top-width: 1px;\n}\n\nhtml[saved-theme=\"dark\"] body .graph > .graph-outer {\n background-color: var(--background-secondary);\n border-bottom-color: rgba(0, 0, 0, 0);\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n border-bottom-style: solid;\n border-bottom-width: 1px;\n border-left-color: rgba(0, 0, 0, 0);\n border-left-style: solid;\n border-left-width: 1px;\n border-right-color: rgba(0, 0, 0, 0);\n border-right-style: solid;\n border-right-width: 1px;\n border-top-color: rgba(0, 0, 0, 0);\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n border-top-style: solid;\n border-top-width: 1px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .graph > .graph-outer > .global-graph-icon {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-left-width: 0px;\n border-right-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-right-width: 0px;\n border-top-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--icon-color);\n cursor: var(--cursor);\n}",
|
|
27
|
+
"footer": "html[saved-theme=\"dark\"] body footer {\n background-color: var(--status-bar-background);\n color: var(--status-bar-text-color);\n font-family: var(--font-interface);\n font-size: var(--font-ui-medium);\n padding-block-end: 4px;\n padding-block-start: 4px;\n padding-bottom: 4px;\n padding-inline-end: 25.38px;\n padding-inline-start: 4px;\n padding-left: 4px;\n padding-right: var(--size-4-2);\n padding-top: 4px;\n text-align: start;\n}\n\nhtml[saved-theme=\"dark\"] body footer ul li a {\n color: var(--status-bar-text-color);\n font-size: var(--font-ui-medium);\n font-weight: 400;\n}",
|
|
28
|
+
"recentNotes": "html[saved-theme=\"dark\"] body .recent-notes > h3 {\n color: var(--text-normal);\n font-family: var(--font-interface);\n font-weight: 400;\n}\n\nhtml[saved-theme=\"dark\"] body .recent-notes > ul.recent-ul > li {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .recent-notes > ul.recent-ul > li .section > .desc > h3 > a {\n color: var(--nav-item-color);\n}\n\nhtml[saved-theme=\"dark\"] body .recent-notes > ul.recent-ul > li .section > .meta {\n color: var(--nav-item-color);\n font-family: var(--font-interface);\n}",
|
|
29
|
+
"listPage": "html[saved-theme=\"dark\"] body li.section-li {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body li.section-li > .section .meta {\n color: var(--nav-item-color);\n font-family: var(--font-interface);\n}\n\nhtml[saved-theme=\"dark\"] body li.section-li > .section > .desc > h3 > a {\n color: var(--nav-item-color);\n}\n\nhtml[saved-theme=\"dark\"] body ul.section-ul {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n}",
|
|
30
|
+
"darkmode": "html[saved-theme=\"dark\"] body .darkmode {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-left-width: 0px;\n border-right-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-right-width: 0px;\n border-top-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--icon-color);\n cursor: var(--cursor);\n}\n\nhtml[saved-theme=\"dark\"] body .darkmode svg {\n color: var(--icon-color);\n stroke: oklch(0.756226 0.0113969 205.31 / 0.8);\n}",
|
|
31
|
+
"breadcrumbs": "html[saved-theme=\"dark\"] body .breadcrumb-container {\n background-color: var(--color-base-20);\n border-bottom-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-bottom-left-radius: 16px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-left-width: 0px;\n border-right-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-right-width: 0px;\n border-top-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-top-left-radius: 16px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-muted);\n}\n\nhtml[saved-theme=\"dark\"] body .breadcrumb-element p {\n color: var(--text-faint);\n font-family: var(--file-header-font);\n}",
|
|
32
|
+
"canvas": "html[saved-theme=\"dark\"] body .canvas-controls button {\n --icon-size: var(--canvas-controls-icon-size);\n --icon-stroke: var(--canvas-controls-icon-stroke);\n background-color: var(--background-primary);\n border-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n color: var(--text-muted);\n}\n\nhtml[saved-theme=\"dark\"] body .canvas-edge-label {\n background-color: var(--background-primary);\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .canvas-node {\n --shadow-border-themed: 0 0 0 2px var(--canvas-color);\n --shadow-border-themed-inset: inset 0 0 0 1px var(--canvas-color);\n background-color: rgba(0, 0, 0, 0);\n border-color: oklch(0.870882 0.00344949 144.934);\n border-radius: 0px;\n border-width: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .canvas-node-content {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .canvas-node-file {\n background-color: rgba(0, 0, 0, 0);\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .canvas-node-group {\n --shadow-border-themed: 0 0 0 2px var(--canvas-color);\n --shadow-border-themed-inset: inset 0 0 0 1px var(--canvas-color);\n background-color: rgba(0, 0, 0, 0);\n border-color: oklch(0.870882 0.00344949 144.934);\n border-width: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .canvas-sidebar {\n background-color: var(--background-secondary);\n border-color: oklch(0.870882 0.00344949 144.934);\n box-shadow: var(--input-shadow);\n}",
|
|
33
|
+
"bases": "html[saved-theme=\"dark\"] body .bases-card {\n background-color: rgba(0, 0, 0, 0);\n border-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-radius: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .bases-card-title {\n color: var(--text-normal);\n font-weight: var(--nav-item-weight);\n}\n\nhtml[saved-theme=\"dark\"] body .bases-table {\n border-color: rgba(111, 118, 133, 0.4);\n}\n\nhtml[saved-theme=\"dark\"] body .bases-table tbody tr:nth-child(even) {\n background-color: var(--table-row-alt-background);\n}\n\nhtml[saved-theme=\"dark\"] body .bases-table thead th {\n background-color: var(--table-column-alt-background);\n border-color: rgba(111, 118, 133, 0.4);\n color: var(--table-header-color);\n font-weight: var(--table-header-weight);\n}",
|
|
34
|
+
"properties": "html[saved-theme=\"dark\"] body .metadata-container {\n --input-height: var(--metadata-input-height);\n background-color: var(--metadata-background);\n border-bottom-color: oklch(0.25047 0.0168382 269.118);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.25047 0.0168382 269.118);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.25047 0.0168382 269.118);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.25047 0.0168382 269.118);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-muted);\n font-family: var(--font-text);\n margin-block-end: 32px;\n margin-block-start: 0px;\n margin-bottom: 32px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 8px;\n padding-block-start: 8px;\n padding-bottom: 8px;\n padding-inline-end: 0px;\n padding-inline-start: var(--flexcyon-meta-container-padding-left);\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 8px;\n}\n\nhtml[saved-theme=\"dark\"] body .metadata-container .metadata-property {\n background-color: var(--metadata-property-background);\n border-bottom-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-left-width: 0px;\n border-right-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-right-width: 0px;\n border-top-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n border-top-width: 0px;\n color: var(--text-muted);\n display: flex;\n font-family: var(--font-text);\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .metadata-property-key {\n color: var(--text-muted);\n font-family: var(--metadata-label-font);\n font-size: var(--font-text-size);\n font-weight: 400;\n}\n\nhtml[saved-theme=\"dark\"] body .metadata-property-value {\n --input-padding: var(--metadata-input-padding);\n color: var(--text-muted);\n font-family: var(--metadata-input-font);\n font-size: var(--font-text-size);\n}\n\nhtml[saved-theme=\"dark\"] body .note-properties {\n --input-height: var(--metadata-input-height);\n background-color: var(--metadata-background);\n border-color: oklch(0.25047 0.0168382 269.118);\n border-radius: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .note-properties-key {\n color: var(--text-muted);\n font-weight: 400;\n}\n\nhtml[saved-theme=\"dark\"] body .note-properties-link {\n color: var(--text-muted);\n}\n\nhtml[saved-theme=\"dark\"] body .note-properties-row {\n border-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n}\n\nhtml[saved-theme=\"dark\"] body .note-properties-table {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-left-width: 0px;\n border-right-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-right-width: 0px;\n border-top-color: oklch(0.756226 0.0113969 205.31 / 0.8);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-muted);\n font-family: var(--font-text);\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body .note-properties-tags {\n --icon-size: var(--icon-xs);\n --icon-stroke: var(--icon-xs-stroke-width);\n --pill-background: var(--tag-background);\n --pill-background-hover: var(--tag-background-hover);\n --pill-border-color: var(--tag-border-color);\n --pill-border-color-hover: var(--tag-border-color-hover);\n --pill-border-width: var(--tag-border-width);\n --pill-color: var(--tag-color);\n --pill-color-hover: var(--tag-color-hover);\n --pill-color-remove: var(--tag-color);\n --pill-color-remove-hover: var(--tag-color-hover);\n --pill-corner-shape: var(--tag-corner-shape);\n --pill-decoration: var(--tag-decoration);\n --pill-decoration-hover: var(--tag-decoration-hover);\n --pill-padding-x: var(--tag-padding-x);\n --pill-padding-y: var(--tag-padding-y);\n --pill-radius: var(--tag-radius);\n background-color: var(--pill-background);\n border-radius: 28px;\n color: var(--pill-color);\n}\n\nhtml[saved-theme=\"dark\"] body .note-properties-value {\n --input-padding: var(--metadata-input-padding);\n color: var(--text-muted);\n}\n\nhtml[saved-theme=\"dark\"] body .note-properties.metadata-container {\n --input-height: var(--metadata-input-height);\n background-color: var(--metadata-background);\n border-bottom-color: oklch(0.25047 0.0168382 269.118);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.25047 0.0168382 269.118);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.25047 0.0168382 269.118);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.25047 0.0168382 269.118);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-muted);\n font-family: var(--font-text);\n margin-block-end: 32px;\n margin-block-start: 0px;\n margin-bottom: 32px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 8px;\n padding-block-start: 8px;\n padding-bottom: 8px;\n padding-inline-end: 0px;\n padding-inline-start: var(--flexcyon-meta-container-padding-left);\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 8px;\n}\n\nhtml[saved-theme=\"dark\"] body div#quartz-root {\n background-color: var(--background-primary);\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body ol.overflow {\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n}",
|
|
35
|
+
"stacked": "html[saved-theme=\"dark\"] body #stacked-pages-container.binder-active {\n background-color: var(--background-secondary);\n border-color: oklch(0.870882 0.00344949 144.934);\n}\n\nhtml[saved-theme=\"dark\"] body .binder-tab {\n background-color: var(--tab-container-background);\n}\n\nhtml[saved-theme=\"dark\"] body .binder-tab.binder-tab-active {\n border-color: oklch(0.870882 0.00344949 144.934);\n}",
|
|
36
|
+
"misc": "html[saved-theme=\"dark\"] body .content-meta {\n --input-height: var(--metadata-input-height);\n color: var(--text-muted);\n font-size: var(--font-text-size);\n}\n\nhtml[saved-theme=\"dark\"] body .data-footnote-backref {\n --font-weight: var(--link-weight);\n color: var(--text-faint);\n}\n\nhtml[saved-theme=\"dark\"] body .footnotes {\n background-color: rgba(0, 0, 0, 0);\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .katex > .katex-html {\n font-family: var(--font-text);\n}\n\nhtml[saved-theme=\"dark\"] body .katex-display {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"dark\"] body .katex-display > .katex {\n display: block;\n font-family: var(--font-text);\n text-align: center;\n}\n\nhtml[saved-theme=\"dark\"] body .katex-display > .katex > .katex-html {\n font-family: var(--font-text);\n}\n\nhtml[saved-theme=\"dark\"] body .spacer {\n background-color: var(--background-secondary);\n}\n\nhtml[saved-theme=\"dark\"] body abbr {\n color: var(--text-normal);\n text-decoration: underline dotted;\n text-decoration-style: dotted;\n}\n\nhtml[saved-theme=\"dark\"] body details {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body footer {\n opacity: 1;\n}\n\nhtml[saved-theme=\"dark\"] body h2.page-title {\n background: oklch(0.216334 0.0172956 269.118) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--color-base-05);\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 16px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 16px;\n border-top-width: 0px;\n color: var(--text-normal);\n font-family: var(--file-header-font);\n font-size: var(--file-header-font-size);\n font-weight: var(--file-header-font-weight);\n line-height: var(--line-height-tight);\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: -1px;\n margin-left: -1px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 4px;\n padding-block-start: 4px;\n padding-bottom: 4px;\n padding-inline-end: 12px;\n padding-inline-start: 12px;\n padding-left: 12px;\n padding-right: 12px;\n padding-top: 4px;\n}\n\nhtml[saved-theme=\"dark\"] body input[type=text] {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.786319 0.132791 313.82);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.786319 0.132791 313.82);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.786319 0.132791 313.82);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.786319 0.132791 313.82);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n font-family: var(--metadata-label-font);\n padding-block-end: 4px;\n padding-block-start: 4px;\n padding-bottom: 4px;\n padding-inline-end: 8px;\n padding-inline-start: 8px;\n padding-left: 8px;\n padding-right: 8px;\n padding-top: 4px;\n}\n\nhtml[saved-theme=\"dark\"] body kbd {\n background-color: var(--code-background);\n border-bottom-color: oklch(0.722355 0.107178 202.06);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.722355 0.107178 202.06);\n border-left-width: 0px;\n border-right-color: oklch(0.722355 0.107178 202.06);\n border-right-width: 0px;\n border-top-color: oklch(0.722355 0.107178 202.06);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-width: 0px;\n color: var(--code-normal);\n font-family: var(--font-monospace);\n font-size: var(--code-size);\n padding-block-end: 1.4px;\n padding-block-start: 1.4px;\n padding-bottom: 1.4px;\n padding-inline-end: 3.5px;\n padding-inline-start: 3.5px;\n padding-left: 3.5px;\n padding-right: 3.5px;\n padding-top: 1.4px;\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item input[type=\"checkbox\"] {\n background-color: rgba(0, 0, 0, 0);\n border-color: oklch(0.768542 0.119717 252.368);\n border-radius: 2px;\n border-width: 1px;\n}\n\nhtml[saved-theme=\"dark\"] body li.task-list-item input[type=\"checkbox\"]:checked {\n background-color: var(--checkbox-color);\n border-color: oklch(0.786319 0.132791 313.82);\n}\n\nhtml[saved-theme=\"dark\"] body pre:has(> code.mermaid) {\n background-color: var(--code-background);\n border: 0px solid oklch(0.25047 0.0168382 269.118);\n}\n\nhtml[saved-theme=\"dark\"] body progress {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.870882 0.00344949 144.934);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.870882 0.00344949 144.934);\n border-left-width: 0px;\n border-right-color: oklch(0.870882 0.00344949 144.934);\n border-right-width: 0px;\n border-top-color: oklch(0.870882 0.00344949 144.934);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n height: 6px;\n}\n\nhtml[saved-theme=\"dark\"] body sub {\n color: var(--text-normal);\n font-size: var(--font-text-size);\n vertical-align: sub;\n}\n\nhtml[saved-theme=\"dark\"] body summary {\n background-color: rgba(0, 0, 0, 0);\n color: var(--text-normal);\n font-weight: 400;\n list-style: inside none disclosure-closed;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"dark\"] body sup {\n color: var(--text-normal);\n font-size: var(--font-text-size);\n vertical-align: super;\n}\n\nhtml[saved-theme=\"dark\"] body ul.tags > li {\n --icon-size: var(--icon-xs);\n --icon-stroke: var(--icon-xs-stroke-width);\n --pill-background: var(--tag-background);\n --pill-background-hover: var(--tag-background-hover);\n --pill-border-color: var(--tag-border-color);\n --pill-border-color-hover: var(--tag-border-color-hover);\n --pill-border-width: var(--tag-border-width);\n --pill-color: var(--tag-color);\n --pill-color-hover: var(--tag-color-hover);\n --pill-color-remove: var(--tag-color);\n --pill-color-remove-hover: var(--tag-color-hover);\n --pill-corner-shape: var(--tag-corner-shape);\n --pill-decoration: var(--tag-decoration);\n --pill-decoration-hover: var(--tag-decoration-hover);\n --pill-padding-x: var(--tag-padding-x);\n --pill-padding-y: var(--tag-padding-y);\n --pill-radius: var(--tag-radius);\n background-color: var(--pill-background);\n border-bottom-color: oklch(0.681088 0.0590736 234.761 / 0.15);\n border-bottom-left-radius: 28px;\n border-bottom-right-radius: 28px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.681088 0.0590736 234.761 / 0.15);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.681088 0.0590736 234.761 / 0.15);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.681088 0.0590736 234.761 / 0.15);\n border-top-left-radius: 28px;\n border-top-right-radius: 28px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--pill-color);\n}"
|
|
37
|
+
},
|
|
38
|
+
"light": {
|
|
39
|
+
"base": ":root:root {\n --accent-h: 258;\n --accent-l: 66%;\n --accent-s: 88%;\n --anim-duration-fast: 140ms;\n --anim-duration-moderate: 300ms;\n --anim-duration-none: 0;\n --anim-duration-slow: 560ms;\n --anim-duration-superfast: 70ms;\n --anim-motion-delay: cubic-bezier(0.65, 0.05, 0.36, 1);\n --anim-motion-jumpy: cubic-bezier(0.68, -0.55, 0.27, 1.55);\n --anim-motion-smooth: cubic-bezier(0.45, 0.05, 0.55, 0.95);\n --anim-motion-swing: cubic-bezier(0, 0.55, 0.45, 1);\n --background-modifier-active-hover: oklch(\n from var(--color-base-25)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-modifier-border: oklch(\n from var(--color-base-20)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-modifier-border-focus: oklch(\n from var(--color-base-30)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-modifier-border-hover: transparent;\n --background-modifier-box-shadow: rgba(0, 0, 0, 0.1);\n --background-modifier-cover: oklch(\n from var(--color-base-15)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-modifier-error: oklch(\n from var(--color-red)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-modifier-error-hover: oklch(\n from var(--flexcyon-bg-modifier-hover-error-wrapper)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-modifier-error-rgb: var(--color-red-rgb);\n --background-modifier-form-field: oklch(\n from var(--color-base-20)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-modifier-form-field-hover: var(--background-modifier-form-field);\n --background-modifier-hover: oklch(\n from var(--color-base-25)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-modifier-message: oklch(\n from var(--color-base-20)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-modifier-success: var(--color-green);\n --background-modifier-success-rgb: var(--color-green-rgb);\n --background-modifier-warning: var(--color-orange);\n --background-modifier-warning-hover: var(--color-orange);\n --background-primary: oklch(\n from var(--color-base-10)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-primary-alt: oklch(\n from var(--color-base-20)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-secondary: oklch(\n from var(--color-base-00)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --background-secondary-alt: oklch(\n from var(--color-base-25)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --bases-border-r: 16px;\n --bases-cards-background: var(--background-primary);\n --bases-cards-border-width: var(--border-width);\n --bases-cards-container-background: transparent;\n --bases-cards-corner-shape: var(--corner-shape);\n --bases-cards-cover-background: var(--background-secondary);\n --bases-cards-font-size: var(--font-smaller);\n --bases-cards-group-padding: 16px;\n --bases-cards-line-height: 24px;\n --bases-cards-radius: var(--radius-m);\n --bases-cards-scale: 1;\n --bases-cards-shadow: 0 0 0 1px var(--background-modifier-border);\n --bases-cards-shadow-hover: 0 0 0 1px var(--background-modifier-border-hover);\n --bases-embed-border-color: var(--background-modifier-border);\n --bases-embed-border-radius: var(--radius-s);\n --bases-embed-border-width: 0px;\n --bases-embed-padding: 4px;\n --bases-filter-input-background: var(--background-modifier-form-field);\n --bases-filter-menu-width: 520px;\n --bases-group-heading-property-color: var(--text-muted);\n --bases-group-heading-property-display: block;\n --bases-group-heading-property-size: var(--font-ui-smaller);\n --bases-group-heading-property-weight: var(--font-normal);\n --bases-group-heading-value-size: var(--font-smaller);\n --bases-group-heading-value-weight: var(--font-semibold);\n --bases-header-border-width: 0 0 var(--border-width) 0;\n --bases-header-height: 40px;\n --bases-header-padding-end: 2px;\n --bases-header-padding-start: 2px;\n --bases-table-border-color: var(--table-border-color);\n --bases-table-cell-background-active: var(--background-primary);\n --bases-table-cell-background-disabled: var(--background-primary-alt);\n --bases-table-cell-background-selected: var(--table-selection);\n --bases-table-cell-radius-active: 2px;\n --bases-table-cell-radius-focus: 2px;\n --bases-table-cell-shadow-active: 0 0 0 2px var(--background-modifier-border-focus);\n --bases-table-cell-shadow-focus: 0 0 0 2px var(--interactive-accent);\n --bases-table-column-border-width: var(--border-width);\n --bases-table-column-max-width: 300;\n --bases-table-column-min-width: 40;\n --bases-table-container-border-radius: var(--radius-s);\n --bases-table-container-border-width: var(--border-width);\n --bases-table-font-size: var(--font-smaller);\n --bases-table-group-background: var(--background-primary-alt);\n --bases-table-group-gap: 10px;\n --bases-table-header-background: var(--background-primary);\n --bases-table-header-background-hover: var(--background-modifier-hover);\n --bases-table-header-color: var(--text-muted);\n --bases-table-header-icon-display: flex;\n --bases-table-header-sort-mask: linear-gradient(to left, transparent var(--size-4-6), black var(--size-4-6));\n --bases-table-header-weight: var(--font-weight);\n --bases-table-row-background-hover: var(--table-row-background-hover);\n --bases-table-row-border-width: var(--border-width);\n --bases-table-row-height: 30px;\n --bases-table-summary-background: var(--background-primary);\n --bases-table-summary-background-hover: var(--background-modifier-hover);\n --bases-toolbar-badge-display: none;\n --bases-toolbar-label-display: block;\n --blockquote-background-color: transparent;\n --blockquote-border-color: var(--interactive-accent);\n --blockquote-border-thickness: 2px;\n --blockquote-font-style: normal;\n --blur-background: color-mix(in srgb, var(--background-primary) var(--blur-opacity-s), transparent) linear-gradient(var(--background-primary), color-mix(in srgb, var(--background-primary) var(--blur-opacity-s), transparent));\n --blur-brightness: 1.15;\n --blur-l: blur(var(--blur-radius-l)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));\n --blur-m: blur(var(--blur-radius-m)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));\n --blur-opacity-m: 90%;\n --blur-opacity-s: 65%;\n --blur-radius-l: 16px;\n --blur-radius-m: 10px;\n --blur-radius-s: 6px;\n --blur-s: blur(var(--blur-radius-s)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));\n --blur-saturation: 1.5;\n --bodyFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));\n --bold-color: var(--color-red);\n --bold-modifier: 200;\n --bold-weight: calc(var(--font-weight) + var(--bold-modifier));\n --border-width: 1px;\n --button-corner-shape: var(--corner-shape);\n --button-radius: var(--input-radius);\n --callout-blend-mode: var(--highlight-mix-blend-mode);\n --callout-border-opacity: 0.25;\n --callout-border-width: 0px;\n --callout-bug: var(--color-red);\n --callout-cite: var(--color-green);\n --callout-content-background: transparent;\n --callout-content-padding: 0;\n --callout-default: var(--color-blue);\n --callout-error: var(--color-red);\n --callout-example: var(--color-purple);\n --callout-fail: var(--color-red);\n --callout-gap: 16px;\n --callout-important: var(--color-purple);\n --callout-info: var(--color-blue);\n --callout-padding: var(--flexcyon-callout-verti-padding)\n var(--flexcyon-callout-horiz-padding);\n --callout-question: var(--color-green);\n --callout-quote: var(--color-green);\n --callout-radius: 2px;\n --callout-success: var(--color-green);\n --callout-summary: var(--color-cyan);\n --callout-tip: var(--color-cyan);\n --callout-title-padding: 0;\n --callout-title-weight: calc(var(--font-weight) + var(--bold-modifier));\n --callout-todo: var(--color-blue);\n --callout-warning: var(--color-orange);\n --canvas-background: var(--background-primary);\n --canvas-card-label-color: var(--text-faint);\n --canvas-color: var(--text-normal);\n --canvas-color-1: var(--color-red);\n --canvas-color-2: var(--color-orange);\n --canvas-color-3: var(--color-yellow);\n --canvas-color-4: var(--color-green);\n --canvas-color-5: var(--color-cyan);\n --canvas-color-6: var(--color-purple);\n --canvas-controls-icon-size: var(--icon-s);\n --canvas-controls-icon-stroke: var(--icon-s-stroke-width);\n --canvas-controls-radius: var(--radius-s);\n --canvas-dot-pattern: var(--color-base-30);\n --caret-color: var(--text-normal);\n --checkbox-border-color: var(--color-blue);\n --checkbox-border-color-hover: var(--flexcyon-palette-lilac-hover);\n --checkbox-color: var(--color-purple);\n --checkbox-color-hover: var(--flexcyon-palette-lilac-hover);\n --checkbox-margin-inline-start: 0.85em;\n --checkbox-marker-color: var(--background-primary);\n --checkbox-radius: var(--radius-s);\n --checkbox-size: var(--font-text-size);\n --checklist-done-color: var(--text-muted);\n --checklist-done-decoration: line-through;\n --clickable-icon-radius: 0;\n --cm-font-size: calc(var(--font-ui-small) + 0.809px);\n --cm-panel-bg: var(--color-base-00);\n --code-background: var(--color-base-05);\n --code-border-color: var(--background-modifier-border);\n --code-border-width: 0px;\n --code-bracket-background: var(--background-modifier-hover);\n --code-comment: var(--text-faint);\n --code-function: var(--flexcyon-code-function);\n --code-important: var(--flexcyon-code-error);\n --code-keyword: var(--flexcyon-code-keyword);\n --code-normal: var(--color-cyan);\n --code-operator: var(--flexcyon-code-operator);\n --code-property: var(--text-muted);\n --code-punctuation: var(--color-purple);\n --code-radius: var(--radius-s);\n --code-size: var(--font-smaller);\n --code-string: var(--color-green);\n --code-tag: var(--flexcyon-grey-dark-wrapper);\n --code-value: var(--color-purple);\n --code-white-space: pre-wrap;\n --codeFont: var(--font-monospace, var(--font-monospace-override, var(--font-monospace-theme, var(--font-monospace-default))));\n --collapse-icon-color: var(--text-faint);\n --collapse-icon-color-collapsed: var(--text-accent);\n --color-accent: oklch(\n from var(--flexcyon-accent)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-accent-1: oklch(\n from var(--color-accent-1-wrapper)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-accent-1-wrapper: oklch(\n from var(--flexcyon-accent) calc(l * 1.05) calc(c * 1.1) calc(h - 10)\n );\n --color-accent-2: oklch(\n from var(--color-accent-2-wrapper)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-accent-2-wrapper: oklch(\n from var(--flexcyon-accent) calc(l * 1.05) calc(c * 0.85) calc(h - 20) /\n 87.5%\n );\n --color-accent-hsl: oklch(\n from var(--flexcyon-accent)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-00: oklch(\n from var(--flexcyon-base-01)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-05: oklch(\n from var(--flexcyon-base-01-02-mix)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-10: oklch(\n from var(--flexcyon-base-02)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-100: oklch(\n from var(--flexcyon-base-grey-light)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-20: oklch(\n from var(--flexcyon-base-02-03-mix)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-25: oklch(\n from var(--flexcyon-base-03)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-30: oklch(\n from var(--flexcyon-base-03-04-mix)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-35: oklch(\n from var(--flexcyon-base-04)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-40: oklch(\n from var(--flexcyon-base-04-05-mix)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-50: oklch(\n from var(--flexcyon-base-05)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-60: oklch(\n from var(--flexcyon-base-grey-dark)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-base-70: oklch(\n from var(--flexcyon-base-grey-mix)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-blue: oklch(\n from var(--flexcyon-blue)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-blue-cyan-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-cyan)\n );\n --color-blue-cyan-mix-bg: oklch(\n from var(--color-blue-cyan-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-blue-green-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-green)\n );\n --color-blue-green-mix-bg: oklch(\n from var(--color-blue-green-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-blue-orange-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-orange)\n );\n --color-blue-orange-mix-bg: oklch(\n from var(--color-blue-orange-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-blue-pink-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-pink)\n );\n --color-blue-pink-mix-bg: oklch(\n from var(--color-blue-pink-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-blue-purple-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-purple)\n );\n --color-blue-purple-mix-bg: oklch(\n from var(--color-blue-purple-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-blue-red-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-red)\n );\n --color-blue-red-mix-bg: oklch(\n from var(--color-blue-red-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-blue-rgb: 92, 159, 228;\n --color-blue-yellow-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-yellow)\n );\n --color-blue-yellow-mix-bg: oklch(\n from var(--color-blue-yellow-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-cyan: oklch(\n from var(--flexcyon-cyan)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-cyan-blue-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-blue)\n );\n --color-cyan-blue-mix-bg: oklch(\n from var(--color-cyan-blue-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-cyan-green-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-green)\n );\n --color-cyan-green-mix-bg: oklch(\n from var(--color-cyan-green-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-cyan-orange-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-orange)\n );\n --color-cyan-orange-mix-bg: oklch(\n from var(--color-cyan-orange-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-cyan-pink-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-pink)\n );\n --color-cyan-pink-mix-bg: oklch(\n from var(--color-cyan-pink-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-cyan-purple-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-purple)\n );\n --color-cyan-purple-mix-bg: oklch(\n from var(--color-cyan-purple-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-cyan-red-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-red)\n );\n --color-cyan-red-mix-bg: oklch(\n from var(--color-cyan-red-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-cyan-rgb: 59, 155, 161;\n --color-cyan-yellow-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-yellow)\n );\n --color-cyan-yellow-mix-bg: oklch(\n from var(--color-cyan-yellow-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-green: oklch(\n from var(--flexcyon-lime-green)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-green-blue-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-blue)\n );\n --color-green-blue-mix-bg: oklch(\n from var(--color-green-blue-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-green-cyan-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-cyan)\n );\n --color-green-cyan-mix-bg: oklch(\n from var(--color-green-cyan-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-green-orange-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-orange)\n );\n --color-green-orange-mix-bg: oklch(\n from var(--color-green-orange-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-green-pink-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-pink)\n );\n --color-green-pink-mix-bg: oklch(\n from var(--color-green-pink-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-green-purple-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-purple)\n );\n --color-green-purple-mix-bg: oklch(\n from var(--color-green-purple-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-green-red-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-red)\n );\n --color-green-red-mix-bg: oklch(\n from var(--color-green-red-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-green-rgb: 104, 149, 35;\n --color-green-yellow-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-yellow)\n );\n --color-green-yellow-mix-bg: oklch(\n from var(--color-green-yellow-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-orange: oklch(\n from var(--flexcyon-orange)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-orange-blue-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-blue)\n );\n --color-orange-blue-mix-bg: oklch(\n from var(--color-orange-blue-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-orange-cyan-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-cyan)\n );\n --color-orange-cyan-mix-bg: oklch(\n from var(--color-orange-cyan-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-orange-green-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-green)\n );\n --color-orange-green-mix-bg: oklch(\n from var(--color-orange-green-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-orange-pink-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-pink)\n );\n --color-orange-pink-mix-bg: oklch(\n from var(--color-orange-pink-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-orange-purple-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-purple)\n );\n --color-orange-purple-mix-bg: oklch(\n from var(--color-orange-purple-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-orange-red-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-red)\n );\n --color-orange-red-mix-bg: oklch(\n from var(--color-orange-red-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-orange-rgb: 237, 129, 38;\n --color-orange-yellow-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-yellow)\n );\n --color-orange-yellow-mix-bg: oklch(\n from var(--color-orange-yellow-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-pink: oklch(\n from var(--flexcyon-pink)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-pink-blue-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-blue)\n );\n --color-pink-blue-mix-bg: oklch(\n from var(--color-pink-blue-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-pink-cyan-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-cyan)\n );\n --color-pink-cyan-mix-bg: oklch(\n from var(--color-pink-cyan-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-pink-green-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-green)\n );\n --color-pink-green-mix-bg: oklch(\n from var(--color-pink-green-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-pink-orange-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-orange)\n );\n --color-pink-orange-mix-bg: oklch(\n from var(--color-pink-orange-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-pink-purple-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-purple)\n );\n --color-pink-purple-mix-bg: oklch(\n from var(--color-pink-purple-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-pink-red-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-red)\n );\n --color-pink-red-mix-bg: oklch(\n from var(--color-pink-red-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-pink-rgb: 227, 137, 202;\n --color-pink-yellow-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-yellow)\n );\n --color-pink-yellow-mix-bg: oklch(\n from var(--color-pink-yellow-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-purple: oklch(\n from var(--flexcyon-purple-lilac)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-purple-blue-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-blue)\n );\n --color-purple-blue-mix-bg: oklch(\n from var(--color-purple-blue-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-purple-cyan-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-cyan)\n );\n --color-purple-cyan-mix-bg: oklch(\n from var(--color-purple-cyan-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-purple-green-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-green)\n );\n --color-purple-green-mix-bg: oklch(\n from var(--color-purple-green-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-purple-orange-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-orange)\n );\n --color-purple-orange-mix-bg: oklch(\n from var(--color-purple-orange-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-purple-pink-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-pink)\n );\n --color-purple-pink-mix-bg: oklch(\n from var(--color-purple-pink-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-purple-red-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-red)\n );\n --color-purple-red-mix-bg: oklch(\n from var(--color-purple-red-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-purple-rgb: 111, 73, 174;\n --color-purple-yellow-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-yellow)\n );\n --color-purple-yellow-mix-bg: oklch(\n from var(--color-purple-yellow-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-red: oklch(\n from var(--flexcyon-red-salmon)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-red-blue-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-blue)\n );\n --color-red-blue-mix-bg: oklch(\n from var(--color-red-blue-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-red-cyan-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-cyan)\n );\n --color-red-cyan-mix-bg: oklch(\n from var(--color-red-cyan-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-red-green-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-green)\n );\n --color-red-green-mix-bg: oklch(\n from var(--color-red-green-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-red-orange-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-orange)\n );\n --color-red-orange-mix-bg: oklch(\n from var(--color-red-orange-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-red-pink-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-pink)\n );\n --color-red-pink-mix-bg: oklch(\n from var(--color-red-pink-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-red-purple-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-purple)\n );\n --color-red-purple-mix-bg: oklch(\n from var(--color-red-purple-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-red-rgb: 235, 83, 37;\n --color-red-yellow-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-yellow)\n );\n --color-red-yellow-mix-bg: oklch(\n from var(--color-red-yellow-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-yellow: oklch(\n from var(--flexcyon-yellow)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --color-yellow-blue-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-blue)\n );\n --color-yellow-blue-mix-bg: oklch(\n from var(--color-yellow-blue-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-yellow-cyan-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-cyan)\n );\n --color-yellow-cyan-mix-bg: oklch(\n from var(--color-yellow-cyan-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-yellow-green-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-green)\n );\n --color-yellow-green-mix-bg: oklch(\n from var(--color-yellow-green-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-yellow-orange-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-orange)\n );\n --color-yellow-orange-mix-bg: oklch(\n from var(--color-yellow-orange-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-yellow-pink-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-pink)\n );\n --color-yellow-pink-mix-bg: oklch(\n from var(--color-yellow-pink-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-yellow-purple-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-purple)\n );\n --color-yellow-purple-mix-bg: oklch(\n from var(--color-yellow-purple-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-yellow-red-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-red)\n );\n --color-yellow-red-mix-bg: oklch(\n from var(--color-yellow-red-mix) l c h /\n var(--flexcyon-callout-bg-opacity)\n );\n --color-yellow-rgb: 232, 198, 42;\n --corner-shape: round;\n --cursor: default;\n --cursor-link: pointer;\n --dark: var(--text-normal, oklch(\n from var(--text-normal-col)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n ));\n --darkgray: var(--text-normal, oklch(\n from var(--text-normal-col)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n ));\n --dialog-max-height: 85vh;\n --dialog-max-width: 80vw;\n --dialog-width: 560px;\n --dimmed: 0.55;\n --direction: 1;\n --divider-color: var(--background-modifier-border);\n --divider-color-hover: var(--interactive-accent);\n --divider-vertical-height: 100%;\n --divider-width: 1px;\n --divider-width-hover: 3px;\n --drag-ghost-background: var(--color-base-25);\n --drag-ghost-text-color: var(--interactive-accent);\n --drag-item-background: var(--background-primary);\n --drag-item-shadow: 0 2px 8px var(--background-modifier-box-shadow);\n --dropdown-background: var(--interactive-normal);\n --dropdown-background-blend-mode: hard-light, normal;\n --dropdown-background-hover: var(--interactive-hover);\n --dropdown-background-position: var(--inset-end) var(--dropdown-icon-inset) top 50%, var(--inset-end) 0.15em top 50%, 0 0;\n --dropdown-background-size: var(--dropdown-icon-width) auto, 2em 2em, 100%;\n --dropdown-icon-background: transparent;\n --dropdown-icon-inset: 0.65em;\n --dropdown-icon-width: 1em;\n --dropdown-padding: 0 var(--dropdown-padding-end) 0 var(--dropdown-padding-start);\n --dropdown-padding-end: 2.4em;\n --dropdown-padding-start: 0.8em;\n --dropdown-text-align: start;\n --embed-action-color: var(--text-normal);\n --embed-action-radius: var(--clickable-icon-radius);\n --embed-actions-background: color-mix(var(--background-primary) 80%, transparent);\n --embed-actions-blur: var(--blur-s);\n --embed-actions-corner-shape: var(--corner-shape);\n --embed-actions-padding: var(--size-2-1);\n --embed-actions-radius: calc(var(--embed-action-radius) + var(--embed-actions-padding));\n --embed-actions-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 0 6px 0 rgba(0, 0, 0, 0.05);\n --embed-block-shadow-hover: 0 0 0 1px var(--background-modifier-border), inset 0 0 0 1px var(--background-modifier-border);\n --embed-border-bottom: none;\n --embed-border-end: none;\n --embed-border-start: 2px solid var(--interactive-accent);\n --embed-border-top: none;\n --embed-canvas-max-height: 400px;\n --embed-max-height: 4000px;\n --embed-padding: 0 0 0 var(--size-4-6);\n --expand: 110%;\n --file-folding-offset: 24px;\n --file-header-background: var(--background-primary);\n --file-header-background-focused: var(--background-primary);\n --file-header-border: var(--border-width) solid transparent;\n --file-header-font: var(--font-interface);\n --file-header-font-size: var(--font-ui-small);\n --file-header-font-weight: 400;\n --file-header-justify: center;\n --file-line-width: 50rem;\n --file-margins: var(--file-margins-y) var(--file-margins-x);\n --file-margins-x: var(--size-4-8);\n --file-margins-y: var(--size-4-8);\n --flair-background: var(--interactive-normal);\n --flair-color: var(--text-normal);\n --flexcyon-accent: #4b65b4;\n --flexcyon-accent-hover: var(--color-green);\n --flexcyon-active-indicator: \">>\";\n --flexcyon-alt-link-opacity: 55%;\n --flexcyon-anim-duration: 300ms;\n --flexcyon-anim-easing: ease-in-out;\n --flexcyon-anim-rotate-amount: 50deg;\n --flexcyon-anim-slide-amount: 56.6311px;\n --flexcyon-anim-start-opacity: 0.55;\n --flexcyon-anim-start-scale-amt: 0.33;\n --flexcyon-ascii-alignment: left;\n --flexcyon-ascii-art: \" \\a\\\n fjlj dlkg1 un cj \\a\\\n nze 1byk xh gh \\a\\\n yg hy ksud fv dza je fhhif1 dj bil j5dhjb \\a\\\n opvysppc zo jzuk lv4 l0 gk 1le 1lb il lj \\a\\\n oz iy auy9 ss ak4 mb l0lig mb la \\a\\\n xt hylfk aul wrfb vk fis lb0bg8 6mle cm1 cl1 \\a\\\n fye 366 axd hf s0if 1 s1 \\a\\\n 0ruo0 sjg9l \\a\\a\\a\";\n --flexcyon-ascii-checkboxes-font-size: 1.2rem;\n --flexcyon-ascii-line-height: 1.5;\n --flexcyon-ascii-max-font-size: 14px;\n --flexcyon-ascii-max-width: 50rem;\n --flexcyon-ascii-scaling-factor: 1;\n --flexcyon-base-01: #f1f0ec;\n --flexcyon-base-01-02-mix: color-mix(\n in oklch,\n var(--flexcyon-base-01),\n var(--flexcyon-base-02)\n );\n --flexcyon-base-02: #effaf2;\n --flexcyon-base-02-03-mix: color-mix(\n in oklch,\n var(--flexcyon-base-02),\n var(--flexcyon-base-03)\n );\n --flexcyon-base-03: #e8f2eb;\n --flexcyon-base-03-04-mix: color-mix(\n in oklch,\n var(--flexcyon-base-03),\n var(--flexcyon-base-04)\n );\n --flexcyon-base-04: #dae1dd;\n --flexcyon-base-04-05-mix: color-mix(\n in oklch,\n var(--flexcyon-base-04),\n var(--flexcyon-base-05)\n );\n --flexcyon-base-05: #d4dad6;\n --flexcyon-base-grey-dark: #929190;\n --flexcyon-base-grey-light: #080808;\n --flexcyon-base-grey-mix: color-mix(\n in oklch,\n var(--flexcyon-base-grey-light),\n var(--flexcyon-base-grey-dark)\n );\n --flexcyon-bases-card-delay-factor: 12.5;\n --flexcyon-bases-card-flex-grow: 0.55;\n --flexcyon-bases-card-padding: var(--flexcyon-bases-card-padding-top)\n var(--flexcyon-bases-card-padding-right)\n var(--flexcyon-bases-card-padding-bottom)\n var(--flexcyon-bases-card-padding-left);\n --flexcyon-bases-card-padding-bottom: 0px;\n --flexcyon-bases-card-padding-left: 2px;\n --flexcyon-bases-card-padding-right: 0px;\n --flexcyon-bases-card-padding-top: 8px;\n --flexcyon-bases-cards-label-opacity: 0.85;\n --flexcyon-bases-no-img-str: \"No image path could be found for this file\";\n --flexcyon-bases-padding-horiz: 16px;\n --flexcyon-bases-padding-verti: 16px;\n --flexcyon-bases-table-content-alignment: left;\n --flexcyon-bases-td-padding-l: 2px;\n --flexcyon-bg-image-blend-mode: darken;\n --flexcyon-bg-image-blur: 0px;\n --flexcyon-bg-image-position: center;\n --flexcyon-bg-image-repeat: no-repeat;\n --flexcyon-bg-image-sidebar-left-url: url(\"\");\n --flexcyon-bg-image-sidebar-right-url: url(\"\");\n --flexcyon-bg-image-size: cover;\n --flexcyon-bg-modifier-hover-error-wrapper: oklch(\n from var(--color-red) l c h / var(--dimmed)\n );\n --flexcyon-block-label-opacity: 0.55;\n --flexcyon-blue: #3085dd;\n --flexcyon-brightness-ratio: 1;\n --flexcyon-callout-bg-opacity: 12.5%;\n --flexcyon-callout-first-codeblock-margin-top: 1rem;\n --flexcyon-callout-flashcard-animation-duration: 500ms;\n --flexcyon-callout-horiz-padding: 24px;\n --flexcyon-callout-horizontal-margin: 0em;\n --flexcyon-callout-icon-right-padding: 4px;\n --flexcyon-callout-pop-animation-duration: 200ms;\n --flexcyon-callout-radix: 16px;\n --flexcyon-callout-verti-padding: 12px;\n --flexcyon-callout-vertical-margin: 1em;\n --flexcyon-callouts-flashcard-height: 250px;\n --flexcyon-callouts-flashcard-width: 250px;\n --flexcyon-canvas-blur-intensity: 1px;\n --flexcyon-code-error: var(--color-red);\n --flexcyon-code-file-ext-font-w: 500;\n --flexcyon-code-file-ext-prefix: \".\";\n --flexcyon-code-function: var(--color-yellow);\n --flexcyon-code-keyword: var(--color-purple);\n --flexcyon-code-operator: var(--color-orange);\n --flexcyon-code-variable: var(--flexcyon-base-grey-dark);\n --flexcyon-codeblock-fmt-ext: lowercase;\n --flexcyon-comm-item-opacity: 0.89;\n --flexcyon-comm-text-padding: 4px 16px;\n --flexcyon-contrast-ratio: 1;\n --flexcyon-cursor-duration: 42.5ms;\n --flexcyon-cursor-timing-fn: ease-in;\n --flexcyon-cursor-type: auto;\n --flexcyon-cust-hr-str: \"f\";\n --flexcyon-cust-hr-str-font-size: 1.118em;\n --flexcyon-cust-hr-str-horiz-padding: 8px;\n --flexcyon-cyan: #3b9ba1;\n --flexcyon-dataview-error-horizontal-padding: 8px;\n --flexcyon-default-ol-style: decimal;\n --flexcyon-editor-bg-col-def: color-mix(\n in oklch,\n var(--color-base-05) 70%,\n var(--color-base-10) 30%\n );\n --flexcyon-editor-bg-color: oklch(\n from var(--flexcyon-editor-bg-col-def)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --flexcyon-editor-bg-color-2: var(--color-base-20);\n --flexcyon-editor-bg-rotation: 0deg;\n --flexcyon-editor-bg-width: 15px;\n --flexcyon-editor-dot-size: 2.5px;\n --flexcyon-editor-margin-top: 18px;\n --flexcyon-editor-writing-indentation: 16px;\n --flexcyon-exp-dimmed-nav-size: 13.3623px;\n --flexcyon-external-link-color: #3085dd;\n --flexcyon-external-link-hover: color-mix(\n in oklch shorter hue,\n var(--flexcyon-external-link-color),\n var(--flexcyon-base-grey-dark)\n );\n --flexcyon-fc-dimmed-items-opacity: 0.89;\n --flexcyon-grey-dark-wrapper: oklch(\n from var(--flexcyon-base-grey-dark)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --flexcyon-h1-color: var(--color-blue);\n --flexcyon-h2-color: var(--color-purple);\n --flexcyon-h3-color: var(--color-cyan);\n --flexcyon-h4-color: var(--color-pink);\n --flexcyon-h5-color: var(--color-green);\n --flexcyon-h6-color: var(--color-yellow);\n --flexcyon-heading-1-alignment: left;\n --flexcyon-heading-2-alignment: left;\n --flexcyon-heading-3-alignment: left;\n --flexcyon-heading-4-alignment: left;\n --flexcyon-heading-5-alignment: left;\n --flexcyon-heading-6-alignment: left;\n --flexcyon-highlight-active-line-opacity: 7.5%;\n --flexcyon-highlight-border-radius: 4px;\n --flexcyon-highlight-colour: var(--color-cyan);\n --flexcyon-highlight-horiz-padding: 2.5px;\n --flexcyon-highlight-opacity: 22.5%;\n --flexcyon-highlight-verti-padding: 1px;\n --flexcyon-img-border-radius: 16px;\n --flexcyon-input-horiz-padding: 8px;\n --flexcyon-input-verti-padding: 4px;\n --flexcyon-l-spacing: 0px;\n --flexcyon-lime-green: #599100;\n --flexcyon-link-color: #6f49ae;\n --flexcyon-link-hover: color-mix(\n in oklch shorter hue,\n var(--flexcyon-link-color),\n var(--flexcyon-base-grey-dark)\n );\n --flexcyon-link-unresolved-color: #6f49ae;\n --flexcyon-media-embed-vertical-margin: 8px;\n --flexcyon-meta-container-padding-left: 0;\n --flexcyon-modal-bg-url: url(\"\");\n --flexcyon-modal-dark-intensity: 1;\n --flexcyon-modal-image-blend-mode: darken;\n --flexcyon-modal-image-blur: 0px;\n --flexcyon-modal-image-brightness: 2;\n --flexcyon-modal-image-position: center;\n --flexcyon-modal-image-repeat: no-repeat;\n --flexcyon-modal-image-size: cover;\n --flexcyon-mode-view-header-title-horiz-padding: 12px;\n --flexcyon-mode-view-header-title-verti-padding: 4px;\n --flexcyon-new-tab-bg-wrapper: linear-gradient(\n to right,\n var(--color-green),\n var(--text-accent)\n );\n --flexcyon-new-tab-font-group: var(--font-monospace);\n --flexcyon-omnisearch-body-margin-left: 1.45rem;\n --flexcyon-orange: #a37e11;\n --flexcyon-os-detail-padding-l: 12px;\n --flexcyon-os-detail-padding-r: 8px;\n --flexcyon-palette-cyan-hover: color-mix(\n in oklch shorter hue,\n var(--color-cyan),\n var(--flexcyon-grey-dark-wrapper)\n );\n --flexcyon-palette-lilac-hover: color-mix(\n in oklch shorter hue,\n var(--color-purple),\n var(--flexcyon-grey-dark-wrapper)\n );\n --flexcyon-pink: #d451a0;\n --flexcyon-purple-lilac: #6f49ae;\n --flexcyon-quote-credit: \"bladeacer\";\n --flexcyon-quote-credit-prefix: \"-\";\n --flexcyon-quote-font-size: 24px;\n --flexcyon-quote-val: \"This is a placeholder quote\\ain the Flexcyon Theme.\";\n --flexcyon-red-salmon: #c03a47;\n --flexcyon-repl-active-line-str: \"->\";\n --flexcyon-repl-active-str-space: 0px;\n --flexcyon-saturation-ratio: 1;\n --flexcyon-screen-dimens-padding-l: 16px;\n --flexcyon-scrollbar-width: 12px;\n --flexcyon-search-container-horiz-padding: 16px;\n --flexcyon-search-container-verti-padding: 8px;\n --flexcyon-settings-installed-tooltip-left-margin: 1rem;\n --flexcyon-side-toggle-button-no-ribbon: 11px 16px 7px 0px;\n --flexcyon-status-hide-hover-duration: 325ms;\n --flexcyon-status-hide-hover-function: ease-out;\n --flexcyon-status-hide-trigger-translation: 50px;\n --flexcyon-status-hide-until-hover-text: \"Show status\";\n --flexcyon-status-hide-until-hover-translation: 80vw;\n --flexcyon-status-live-text: \"LIVE\";\n --flexcyon-status-new-tab-opacity: 0.55;\n --flexcyon-status-reading-text: \"READ\";\n --flexcyon-status-source-text: \"SOURCE\";\n --flexcyon-style-settings-indent-width: 4px;\n --flexcyon-suggestion-horiz-padding: 12px;\n --flexcyon-suggestion-verti-padding: 8px;\n --flexcyon-table-reading-mode-width: 100%;\n --flexcyon-td-horiz-padding: 10px;\n --flexcyon-td-live-pad-scale: 0.2;\n --flexcyon-td-table-alignment: left;\n --flexcyon-td-verti-padding: 5px;\n --flexcyon-text-muted: #6f768599;\n --flexcyon-th-horiz-padding: 10px;\n --flexcyon-th-live-pad-scale: 0.2;\n --flexcyon-th-table-alignment: left;\n --flexcyon-th-verti-padding: 5px;\n --flexcyon-theme-brightness-ratio: 1;\n --flexcyon-theme-contrast-offset: 0;\n --flexcyon-theme-saturation-ratio: 1;\n --flexcyon-theme-warmth-offset: 0;\n --flexcyon-top-actions-alignment: center;\n --flexcyon-tree-item-horiz-padding: 10px;\n --flexcyon-tree-item-verti-padding: 2px;\n --flexcyon-typewriter-mode-opacity: 0.55;\n --flexcyon-var-comps-sugg-horiz-padding: 12px;\n --flexcyon-var-comps-sugg-vert-padding: 7px;\n --flexcyon-view-header-breadcrumb-max-w: 12.5vw;\n --flexcyon-vim-bottom-positioning: -4px;\n --flexcyon-vim-command-text: \"COMMAND\";\n --flexcyon-vim-insert-text: \"INSERT\";\n --flexcyon-vim-left-positioning: 6px;\n --flexcyon-vim-normal-text: \"NORMAL\";\n --flexcyon-w-spacing: 0px;\n --flexcyon-yellow: #9b8211;\n --focus-ring-color: var(--csstools-light-dark-toggle--23, #0df);\n --focus-ring-outline: 2px solid light-dark(#0060df, #0df);\n --font-black: 900;\n --font-bold: 700;\n --font-default: ui-sans-serif, -apple-system, BlinkMacSystemFont, system-ui, \"Segoe UI\", \"Google Sans Flex\", Roboto, \"Inter Variable\", \"Inter\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", sans-serif;\n --font-extrabold: 800;\n --font-extralight: 200;\n --font-interface: var(--font-interface-override, var(--font-interface-theme, var(--default-font, var(--font-default))));\n --font-light: 300;\n --font-medium: 500;\n --font-mermaid: var(--font-monospace);\n --font-monospace: var(--font-monospace-override, var(--font-monospace-theme, var(--font-monospace-default)));\n --font-monospace-default: ui-monospace, SFMono-Regular, \"Cascadia Mono\", \"Roboto Mono\", \"DejaVu Sans Mono\", \"Liberation Mono\", Menlo, Monaco, \"Consolas\", \"Source Code Pro\", monospace;\n --font-normal: 400;\n --font-print: var(--font-print-override), var(--font-text-override), var(--font-text-theme), 'Arial';\n --font-semibold: 600;\n --font-small: 0.933em;\n --font-smaller: 0.875em;\n --font-smallest: 0.8em;\n --font-text: var(--font-text-override, var(--font-text-theme, var(--font-default)));\n --font-text-size: 16px;\n --font-thin: 100;\n --font-ui-large: 17.7983px;\n --font-ui-medium: 16.1803px;\n --font-ui-small: 14.5622px;\n --font-ui-smaller: 12.9442px;\n --font-weight: var(--font-normal);\n --footnote-divider-color: var(--metadata-divider-color);\n --footnote-divider-color-active: var(--metadata-divider-color-focus);\n --footnote-divider-width: var(--border-width);\n --footnote-gap: var(--size-4-1);\n --footnote-id-color: var(--text-muted);\n --footnote-id-color-no-occurrences: var(--text-faint);\n --footnote-id-delimiter: \".\";\n --footnote-input-background: var(--metadata-input-background);\n --footnote-input-background-active: var(--metadata-input-background-active);\n --footnote-line-height: var(--line-height-normal);\n --footnote-padding-block: var(--size-2-3);\n --footnote-padding-inline: var(--size-2-3);\n --footnote-radius: var(--radius-s);\n --footnote-size: var(--font-smaller);\n --frame-left-space: 0px;\n --frame-right-space: 126px;\n --graph-control-horiz-padding: 12px;\n --graph-control-verti-padding: 6px;\n --graph-controls-width: 240px;\n --graph-line: var(--text-faint);\n --graph-node: var(--text-muted);\n --graph-node-attachment: var(--color-yellow);\n --graph-node-focused: var(--text-accent);\n --graph-node-tag: var(--color-purple);\n --graph-node-unresolved: var(--color-red);\n --graph-text: var(--text-normal);\n --gray: var(--text-muted, oklch(\n from var(--text-muted-wrapper)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n ));\n --h: tan(atan2(1380px, 1px));\n --h1-color: var(--flexcyon-h1-color);\n --h1-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));\n --h1-letter-spacing: -0.015em;\n --h1-line-height: 1.61;\n --h1-size: 1.818em;\n --h1-style: normal;\n --h1-variant: normal;\n --h1-weight: 700;\n --h2-color: var(--flexcyon-h2-color);\n --h2-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));\n --h2-letter-spacing: -0.011em;\n --h2-line-height: 1.51;\n --h2-size: 1.618em;\n --h2-style: normal;\n --h2-variant: normal;\n --h2-weight: 675;\n --h3-color: var(--flexcyon-h3-color);\n --h3-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));\n --h3-letter-spacing: -0.008em;\n --h3-line-height: 1.41;\n --h3-size: 1.418em;\n --h3-style: normal;\n --h3-variant: normal;\n --h3-weight: 650;\n --h4-color: var(--flexcyon-h4-color);\n --h4-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));\n --h4-letter-spacing: -0.005em;\n --h4-line-height: 1.31;\n --h4-size: 1.218em;\n --h4-style: normal;\n --h4-variant: normal;\n --h4-weight: 625;\n --h5-color: var(--flexcyon-h5-color);\n --h5-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));\n --h5-letter-spacing: -0.002em;\n --h5-line-height: 1.21;\n --h5-size: 1.118em;\n --h5-style: normal;\n --h5-variant: normal;\n --h5-weight: 600;\n --h6-color: var(--flexcyon-h6-color);\n --h6-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));\n --h6-letter-spacing: 0em;\n --h6-line-height: 1.21;\n --h6-size: 1.018em;\n --h6-style: normal;\n --h6-variant: normal;\n --h6-weight: 575;\n --header-height: 40px;\n --headerFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));\n --heading-formatting: var(--text-faint);\n --heading-spacing: calc(var(--p-spacing) * 2.5);\n --highlight: var(--text-highlight-bg, oklch(\n from var(--flexcyon-highlight-colour) l c h /\n var(--flexcyon-highlight-opacity)\n ));\n --highlight-mix-blend-mode: darken;\n --hr-color: #393e48;\n --hr-thickness: 2px;\n --icon-color: var(--text-muted);\n --icon-color-active: var(--interactive-accent);\n --icon-color-focused: var(--interactive-accent);\n --icon-color-hover: var(--text-muted);\n --icon-l: 18px;\n --icon-l-stroke-width: 1.75px;\n --icon-m: 18px;\n --icon-m-stroke-width: 1.75px;\n --icon-opacity: 0.85;\n --icon-opacity-active: 1;\n --icon-opacity-hover: 1;\n --icon-s: 16px;\n --icon-s-stroke-width: 2px;\n --icon-size: var(--icon-m);\n --icon-stroke: 2px;\n --icon-xl: 32px;\n --icon-xl-stroke-width: 1.25px;\n --icon-xs: 12.25px;\n --icon-xs-stroke-width: 2px;\n --image-radius: 4px;\n --indent-size: 4;\n --indent-unit: 0.5625em;\n --indentation-guide-color: color-mix(in oklch, var(--mono-100) 12%, transparent);\n --indentation-guide-color-active: color-mix(in oklch, var(--mono-100) 30%, transparent);\n --indentation-guide-editing-indent: 0.85em;\n --indentation-guide-reading-indent: -0.85em;\n --indentation-guide-source-indent: 0.25em;\n --indentation-guide-width: var(--border-width);\n --indentation-guide-width-active: var(--border-width);\n --infobox-margin: 1em 0px 1em 1em;\n --infobox-margin-left: 1em 1em 1em 0px;\n --infobox-position: right;\n --infobox-width: 37.5%;\n --inline-title-color: var(--h1-color);\n --inline-title-line-height: var(--h1-line-height);\n --inline-title-margin-bottom: 0.5em;\n --inline-title-size: var(--h1-size);\n --inline-title-style: var(--h1-style);\n --inline-title-variant: var(--h1-variant);\n --inline-title-weight: var(--h1-weight);\n --input-border-width: var(--border-width);\n --input-border-width-focus: 2px;\n --input-corner-shape: var(--corner-shape);\n --input-date-separator: var(--text-faint);\n --input-font-weight: var(--font-normal);\n --input-height: 30px;\n --input-icon-inset: var(--size-4-1);\n --input-padding: var(--flexcyon-input-verti-padding)\n var(--flexcyon-input-horiz-padding);\n --input-placeholder-color: var(--text-faint);\n --input-radius: 0px;\n --input-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.065), 0 0 0 0 transparent;\n --input-shadow-hover: inset 0 0 0 1px rgba(0, 0, 0, 0.17), 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;\n --inset-end: right;\n --inset-start: left;\n --interactive-accent: oklch(from var(--text-accent) l c h / 80%);\n --interactive-accent-hover: color-mix(\n in oklch shorter hue,\n var(--text-accent) 75%,\n transparent\n );\n --interactive-accent-hsl: var(--interactive-accent);\n --interactive-hover: var(--background-primary);\n --interactive-normal: var(--color-base-05);\n --italic-color: var(--text-accent);\n --keyboard-height: 0px;\n --layer-cover: 5;\n --layer-dragged-item: 80;\n --layer-menu: 65;\n --layer-modal: 50;\n --layer-notice: 60;\n --layer-popover: 30;\n --layer-sidedock: 10;\n --layer-slides: 45;\n --layer-status-bar: 15;\n --layer-tooltip: 70;\n --less-letter-spacing: -3px;\n --light: var(--background-primary, oklch(\n from var(--color-base-10)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n ));\n --lightgray: var(--background-secondary, oklch(\n from var(--color-base-00)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n ));\n --line-height-normal: 1.4;\n --line-height-tight: 1.25;\n --link-color: var(--flexcyon-link-color);\n --link-color-hover: var(--flexcyon-link-hover);\n --link-decoration: underline;\n --link-decoration-hover: underline;\n --link-decoration-thickness: auto;\n --link-external-color: var(--flexcyon-external-link-color);\n --link-external-color-hover: var(--flexcyon-external-link-hover);\n --link-external-decoration: underline;\n --link-external-decoration-hover: underline;\n --link-external-filter: none;\n --link-unresolved-color: var(--flexcyon-link-unresolved-color);\n --link-unresolved-decoration-color: var(--flexcyon-link-unresolved-color);\n --link-unresolved-decoration-style: dashed;\n --link-unresolved-filter: none;\n --link-unresolved-opacity: 0.7;\n --link-weight: var(--font-weight);\n --list-bullet-border: none;\n --list-bullet-end-padding: 1.3rem;\n --list-bullet-radius: 50%;\n --list-bullet-size: 0.3em;\n --list-bullet-transform: none;\n --list-indent: calc(var(--indent-unit) * var(--indent-size));\n --list-indent-editing: 0.75em;\n --list-indent-source: 0;\n --list-marker-color: var(--color-cyan);\n --list-marker-color-collapsed: var(--color-green);\n --list-marker-color-hover: var(--flexcyon-palette-cyan-hover);\n --list-numbered-style: var(--flexcyon-default-ol-style);\n --list-spacing: 0.075em;\n --loading-icon-delay: 400ms;\n --menu-backdrop-filter: none;\n --menu-background: var(--background-secondary);\n --menu-border-color: var(--background-modifier-border-hover);\n --menu-border-width: var(--border-width);\n --menu-corner-shape: var(--corner-shape);\n --menu-padding: var(--size-2-3);\n --menu-radius: var(--radius-m);\n --menu-scroll-mask: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 48px);\n --menu-shadow: var(--shadow-s);\n --metadata-background: transparent;\n --metadata-border-color: var(--background-modifier-border);\n --metadata-border-radius: 0;\n --metadata-border-width: 0;\n --metadata-display-editing: block;\n --metadata-display-reading: block;\n --metadata-divider-color: var(--background-modifier-border);\n --metadata-divider-color-focus: transparent;\n --metadata-divider-color-hover: transparent;\n --metadata-divider-width: 0;\n --metadata-gap: 3px;\n --metadata-input-background: transparent;\n --metadata-input-background-active: var(--background-modifier-hover);\n --metadata-input-background-hover: transparent;\n --metadata-input-font: var(--font-interface);\n --metadata-input-font-size: var(--font-smaller);\n --metadata-input-height: calc(var(--font-text-size) * 1.75);\n --metadata-input-longtext-lines: 3;\n --metadata-input-padding: var(--size-4-1) var(--size-4-2);\n --metadata-input-text-color: var(--text-normal);\n --metadata-label-background: transparent;\n --metadata-label-background-active: var(--background-modifier-hover);\n --metadata-label-background-hover: transparent;\n --metadata-label-font: var(--font-interface);\n --metadata-label-font-size: var(--font-smaller);\n --metadata-label-text-color: var(--color-purple);\n --metadata-label-text-color-hover: var(--flexcyon-palette-lilac-hover);\n --metadata-label-width: 9em;\n --metadata-max-width: none;\n --metadata-padding: var(--size-4-2) 0;\n --metadata-property-background: transparent;\n --metadata-property-background-active: var(--background-modifier-hover);\n --metadata-property-background-hover: transparent;\n --metadata-property-box-shadow-focus: 0 0 0 2px var(--background-modifier-border-focus);\n --metadata-property-box-shadow-hover: 0 0 0 var(--border-width) var(--background-modifier-border-hover);\n --metadata-property-corner-shape: var(--corner-shape);\n --metadata-property-corner-shape-focus: var(--corner-shape);\n --metadata-property-corner-shape-hover: var(--corner-shape);\n --metadata-property-padding: 0;\n --metadata-property-radius: 6px;\n --metadata-property-radius-focus: 6px;\n --metadata-property-radius-hover: 6px;\n --metadata-sidebar-input-font-size: var(--font-ui-small);\n --metadata-sidebar-label-font-size: var(--font-ui-small);\n --modal-background: var(--background-primary);\n --modal-border-color: var(--color-base-10);\n --modal-border-width: var(--border-width);\n --modal-community-sidebar-width: 280px;\n --modal-header-height: auto;\n --modal-height: 85vh;\n --modal-max-height: 1000px;\n --modal-max-width: 1100px;\n --modal-max-width-narrow: 800px;\n --modal-radius: var(--radius-l);\n --modal-shadow: none;\n --modal-sidebar-background: oklch(\n from var(--color-base-05)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --modal-width: 90vw;\n --mono-0: white;\n --mono-100: black;\n --mono-rgb-0: 255, 255, 255;\n --mono-rgb-100: 0, 0, 0;\n --nav-collapse-icon-color: var(--collapse-icon-color);\n --nav-collapse-icon-color-collapsed: var(--text-faint);\n --nav-heading-color: var(--text-normal);\n --nav-heading-color-collapsed: var(--text-faint);\n --nav-heading-color-collapsed-hover: var(--text-muted);\n --nav-heading-color-hover: var(--text-normal);\n --nav-heading-weight: var(--font-medium);\n --nav-heading-weight-hover: var(--font-medium);\n --nav-indentation-guide-color: var(--indentation-guide-color);\n --nav-indentation-guide-width: var(--indentation-guide-width);\n --nav-item-background-active: var(--background-modifier-hover);\n --nav-item-background-hover: var(--background-modifier-hover);\n --nav-item-background-selected: var(--color-base-25);\n --nav-item-children-margin-start: var(--size-4-3);\n --nav-item-children-padding-start: var(--size-2-2);\n --nav-item-color: var(--text-muted);\n --nav-item-color-active: var(--interactive-accent);\n --nav-item-color-highlighted: var(--text-accent);\n --nav-item-color-hover: var(--text-normal);\n --nav-item-color-selected: var(--color-orange);\n --nav-item-margin-bottom: var(--size-2-1);\n --nav-item-padding: var(--size-4-1) var(--size-4-2) var(--size-4-1) var(--size-4-6);\n --nav-item-parent-padding: var(--nav-item-padding);\n --nav-item-radius: var(--radius-s);\n --nav-item-size: var(--font-ui-small);\n --nav-item-white-space: pre;\n --nav-tag-background: transparent;\n --nav-tag-color: var(--text-faint);\n --nav-tag-color-active: var(--text-muted);\n --nav-tag-color-hover: var(--text-muted);\n --nav-tag-radius: var(--radius-s);\n --nav-tag-weight: var(--font-semibold);\n --oz-fta-all-panes-active-text-color: #080808;\n --oz-fta-file-font-size: calc(var(--font-ui-medium) - 0.1rem);\n --oz-fta-folder-font-size: calc(var(--font-ui-medium) - 0.1rem);\n --oz-fta-folder-panes-file-name-color: #080808;\n --p-spacing: 1rem;\n --p-spacing-empty: 0rem;\n --page-border: 9px solid transparent;\n --page-margin: 1px auto -8px;\n --pdf-background: var(--background-primary);\n --pdf-page-background: var(--background-primary);\n --pdf-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.1);\n --pdf-sidebar-background: var(--background-primary);\n --pdf-spread-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);\n --pdf-thumbnail-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.2);\n --pdfViewer-padding-bottom: 0;\n --pill-background: transparent;\n --pill-background-hover: transparent;\n --pill-border-color: var(--background-modifier-border);\n --pill-border-color-hover: var(--background-modifier-border-hover);\n --pill-border-width: var(--border-width);\n --pill-color: var(--text-muted);\n --pill-color-hover: var(--text-normal);\n --pill-color-remove: var(--text-faint);\n --pill-color-remove-hover: var(--text-accent);\n --pill-decoration: none;\n --pill-decoration-hover: none;\n --pill-focus-left-adjust: -4px;\n --pill-focus-width: calc(100% + 6px);\n --pill-padding-x: 0.65em;\n --pill-padding-y: 0.25em;\n --pill-radius: 2em;\n --popover-font-size: var(--font-text-size);\n --popover-height: 400px;\n --popover-max-height: 95vh;\n --popover-pdf-height: 400px;\n --popover-pdf-width: 450px;\n --popover-width: 450px;\n --preferred-text-scale: 1;\n --prompt-backdrop-filter: none;\n --prompt-background: var(--background-primary);\n --prompt-border-color: var(--color-base-20);\n --prompt-border-width: var(--border-width);\n --prompt-input-height: 40px;\n --prompt-max-height: 70vh;\n --prompt-max-width: 80vw;\n --prompt-width: 700px;\n --r-background-color: var(--color-base-05);\n --r-heading-color: var(--text-normal);\n --r-heading-font: var(--font-text);\n --r-heading-margin: 16px 0px;\n --r-heading-text-transform: capitalize;\n --r-heading1-size: var(--h1-size);\n --r-heading2-size: var(--h2-size);\n --r-heading3-size: var(--h3-size);\n --r-heading4-size: var(--h4-size);\n --r-link-color: var(--color-accent-2);\n --r-main-font: var(--font-text);\n --r-main-font-size: max-content;\n --radius-l: 6px;\n --radius-m: 4px;\n --radius-s: 2px;\n --radius-x1: 8px;\n --radius-xl: 24px;\n --raised-background: var(--blur-background);\n --raised-blur: var(--blur-s);\n --raised-mask: linear-gradient(white, white) padding-box, linear-gradient(white, white) border-box;\n --raised-mask-background: linear-gradient(to bottom left, white, transparent, white) border-box no-repeat;\n --raised-mask-border-width: 0;\n --raised-mask-composite: exclude, add;\n --raised-mask-display: block;\n --raised-shadow: var(--shadow-xs);\n --ribbon-background: var(--background-secondary);\n --ribbon-background-collapsed: var(--ribbon-background);\n --ribbon-padding: var(--size-4-2) var(--size-4-1) var(--size-4-3);\n --ribbon-width: 48px;\n --safe-area-inset-bottom: 0px;\n --safe-area-inset-left: 0px;\n --safe-area-inset-right: 0px;\n --safe-area-inset-top: 0px;\n --scrollbar-active-thumb-bg: color-mix(in oklch, var(--mono-100) 20%, transparent);\n --scrollbar-bg: transparent;\n --scrollbar-border-width: 3px 3px 3px 2px;\n --scrollbar-height: 12px;\n --scrollbar-native-width: auto;\n --scrollbar-radius: var(--radius-l);\n --scrollbar-thumb-bg: color-mix(in oklch, var(--mono-100) 10%, transparent);\n --scrollbar-width: 12px;\n --search-clear-button-color: var(--color-red);\n --search-clear-button-size: 13px;\n --search-icon-color: var(--color-accent);\n --search-icon-size: 16px;\n --search-input-corner-shape: var(--input-corner-shape);\n --search-input-radius: var(--input-radius);\n --search-result-background: var(--background-primary);\n --secondary: var(--text-accent, var(--color-accent));\n --setting-group-heading-color: var(--text-normal);\n --setting-group-heading-size: var(--font-ui-medium);\n --setting-group-heading-weight: var(--font-semibold);\n --setting-group-max-width: 700px;\n --setting-items-background: var(--background-primary-alt);\n --setting-items-border-color: var(--background-modifier-border);\n --setting-items-border-width: 0;\n --setting-items-divider-width: var(--border-width);\n --setting-items-padding: 2px 0px;\n --setting-items-padding-x: var(--size-4-5);\n --setting-items-padding-y: var(--size-4-5);\n --setting-items-radius: var(--radius-l);\n --settings-background: var(--color-base-05);\n --shadow-edges: 0 0 transparent;\n --shadow-l: 0px 1.8px 7.3px rgba(0, 0, 0, 0.071), 0px 6.3px 24.7px rgba(0, 0, 0, 0.112), 0px 15px 30px rgba(0, 0, 0, 0.1);\n --shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.028), 0px 3.4px 6.7px rgba(0, 0, 0, 0.042), 0px 15px 30px rgba(0, 0, 0, 0.07);\n --shadow-xs: 0 1px 6px rgba(0, 0, 0, 0.015), 0 4px 24px rgba(0, 0, 0, 0.065), var(--shadow-edges);\n --shiki-active-tab-border-color: var(--shiki-highlight-neutral);\n --shiki-active-tab-border-width: 2px;\n --shiki-code-background: var(--code-background);\n --shiki-code-block-border-color: transparent;\n --shiki-code-block-border-radius: var(--code-radius);\n --shiki-code-block-border-width: 0px;\n --shiki-code-block-spacing: var(--p-spacing);\n --shiki-code-comment: var(--text-faint);\n --shiki-code-function: var(--color-green);\n --shiki-code-important: var(--color-orange);\n --shiki-code-keyword: var(--color-pink);\n --shiki-code-normal: var(--text-muted);\n --shiki-code-property: var(--color-cyan);\n --shiki-code-punctuation: var(--text-muted);\n --shiki-code-string: var(--color-yellow);\n --shiki-code-value: var(--color-purple);\n --shiki-gutter-border-color: var(--background-modifier-border);\n --shiki-gutter-border-width: var(--border-width);\n --shiki-gutter-text-color: var(--text-faint);\n --shiki-gutter-text-color-highlight: var(--shiki-code-normal);\n --shiki-highlight-green: rgba(var(--color-green-rgb), .5);\n --shiki-highlight-green-background: rgba(var(--color-green-rgb), .1);\n --shiki-highlight-neutral: var(--shiki-code-normal);\n --shiki-highlight-neutral-background: rgba(var(--mono-rgb-100), .05);\n --shiki-highlight-red: rgba(var(--color-red-rgb), .5);\n --shiki-highlight-red-background: rgba(var(--color-red-rgb), .1);\n --shiki-terminal-dots-color: var(--text-faint);\n --shiki-tooltip-background: var(--background-modifier-message);\n --shiki-tooltip-text-color: #fafafa;\n --sidebar-left-toggle-inner-width: 8.33%;\n --sidebar-left-toggle-inner-width-open: 24%;\n --sidebar-markdown-font-size: calc(var(--font-text-size) * 0.9);\n --sidebar-right-toggle-inner-width: 8.33%;\n --sidebar-right-toggle-inner-width-open: 24%;\n --sidebar-tab-text-display: none;\n --size-2-1: 2px;\n --size-2-2: 4px;\n --size-2-3: 6px;\n --size-4-1: 4px;\n --size-4-10: 40px;\n --size-4-12: 48px;\n --size-4-16: 64px;\n --size-4-18: 72px;\n --size-4-2: 8px;\n --size-4-3: 12px;\n --size-4-4: 16px;\n --size-4-5: 20px;\n --size-4-6: 24px;\n --size-4-8: 32px;\n --size-4-9: 36px;\n --slider-s-thumb-position: -5px;\n --slider-s-thumb-size: 15px;\n --slider-thumb-background: white;\n --slider-thumb-background-hover: white;\n --slider-thumb-border-color: var(--background-modifier-border-hover);\n --slider-thumb-border-width: 0.5px;\n --slider-thumb-height: 18px;\n --slider-thumb-height-active: var(--slider-thumb-height);\n --slider-thumb-radius: var(--slider-thumb-height);\n --slider-thumb-shadow: 0 0px 2px 0px rgba(0, 0, 0, 0.1), 0 2px 6px 0px rgba(0, 0, 0, 0.1);\n --slider-thumb-shadow-active: var(--slider-thumb-shadow);\n --slider-thumb-shadow-focus: var(--slider-thumb-shadow-active), 0 0px 0px 2px var(--background-modifier-border-focus);\n --slider-thumb-shadow-hover: var(--slider-thumb-shadow);\n --slider-thumb-width: 18px;\n --slider-thumb-width-active: var(--slider-thumb-width);\n --slider-thumb-y: -6px;\n --slider-thumb-y-active: var(--slider-thumb-y);\n --slider-track-background: var(--background-modifier-border-hover);\n --slider-track-height: 4px;\n --slider-value-font-size: var(--font-ui-small);\n --slider-value-font-weight: var(--input-font-weight);\n --spreadHorizontalWrapped-margin-LR: -3.5px;\n --status-bar-background: var(--background-secondary);\n --status-bar-border-color: var(--divider-color);\n --status-bar-border-width: var(--border-width) 0 0 var(--border-width);\n --status-bar-font-size: 13.7533px;\n --status-bar-position: absolute;\n --status-bar-radius: var(--radius-m) 0 0 0;\n --status-bar-text-color: var(--text-muted);\n --suggestion-backdrop-filter: none;\n --suggestion-background: var(--background-primary);\n --swatch-height: 22px;\n --swatch-radius: 14px;\n --swatch-shadow: inset 0 0 0 1px color-mix(in oklch, var(--mono-100) 15%, transparent);\n --swatch-width: 22px;\n --sync-avatar-color-1: var(--color-red);\n --sync-avatar-color-2: var(--color-orange);\n --sync-avatar-color-3: var(--color-yellow);\n --sync-avatar-color-4: var(--color-green);\n --sync-avatar-color-5: var(--color-cyan);\n --sync-avatar-color-6: var(--color-blue);\n --sync-avatar-color-7: var(--color-purple);\n --sync-avatar-color-8: var(--color-pink);\n --sync-avatar-color-current-user: transparent;\n --tab-background-active: var(--background-primary);\n --tab-container-background: var(--background-secondary);\n --tab-curve: 0px;\n --tab-divider-color: var(--titlebar-background);\n --tab-font-size: var(--font-ui-small);\n --tab-max-width: 320px;\n --tab-outline-color: var(--divider-color);\n --tab-outline-width: 0px;\n --tab-radius: 0px;\n --tab-radius-active: 0px;\n --tab-stacked-font-size: var(--font-ui-small);\n --tab-stacked-font-weight: 400;\n --tab-stacked-header-width: var(--header-height);\n --tab-stacked-pane-width: 700px;\n --tab-stacked-shadow: -8px 0 8px 0 rgba(0, 0, 0, 0.05);\n --tab-stacked-text-align: start;\n --tab-stacked-text-transform: rotate(0deg);\n --tab-stacked-text-writing-mode: vertical-lr;\n --tab-switcher-background: var(--background-secondary);\n --tab-switcher-menubar-background: linear-gradient(to top, var(--background-secondary), transparent);\n --tab-switcher-preview-background-shadow: 0 4px 30px 2px rgba(0, 0, 0, 0.2);\n --tab-switcher-preview-radius: var(--radius-xl);\n --tab-switcher-preview-shadow: 0 0 0 1px color-mix(in oklch, var(--mono-100) 5%, transparent);\n --tab-switcher-preview-shadow-active: 0 0 0 2px var(--color-accent);\n --tab-text-color: var(--color-base-50);\n --tab-text-color-active: var(--text-accent);\n --tab-text-color-focused: var(--color-base-50);\n --tab-text-color-focused-active: var(--text-accent);\n --tab-text-color-focused-active-current: var(--text-accent);\n --tab-text-color-focused-highlighted: var(--text-accent);\n --tab-width: 200px;\n --table-add-button-background: transparent;\n --table-add-button-border-color: var(--background-modifier-border);\n --table-add-button-border-width: var(--table-border-width);\n --table-background: var(--background-primary);\n --table-border-color: #6f768566;\n --table-border-width: 1px;\n --table-cell-vertical-alignment: top;\n --table-column-alt-background: var(--table-background);\n --table-column-first-border-width: var(--table-border-width);\n --table-column-last-border-width: var(--table-border-width);\n --table-column-max-width: none;\n --table-column-min-width: 6ch;\n --table-drag-handle-background: transparent;\n --table-drag-handle-background-active: var(--table-selection-border-color);\n --table-drag-handle-color: var(--text-faint);\n --table-drag-handle-color-active: var(--text-on-accent);\n --table-drop-indicator-half-width: 2px;\n --table-header-background: var(--color-base-20);\n --table-header-background-hover: var(--table-background);\n --table-header-border-color: var(--table-border-color);\n --table-header-border-width: var(--table-border-width);\n --table-header-color: var(--text-normal);\n --table-header-size: var(--font-ui-large);\n --table-header-weight: calc(var(--font-weight) + var(--bold-modifier));\n --table-line-height: var(--line-height-tight);\n --table-row-alt-background: var(--table-background);\n --table-row-alt-background-hover: var(--table-background);\n --table-row-background-hover: var(--table-background);\n --table-row-last-border-width: var(--table-border-width);\n --table-selection: oklch(from var(--color-accent) l c h / 10%);\n --table-selection-blend-mode: var(--highlight-mix-blend-mode);\n --table-selection-border-color: var(--interactive-accent);\n --table-selection-border-radius: 4px;\n --table-selection-border-width: 2px;\n --table-text-size: var(--font-ui-medium);\n --table-white-space: break-spaces;\n --tag-background: oklch(from var(--tag-color) l c h / 10%);\n --tag-background-hover: oklch(from var(--tag-color-hover) l c h / 20%);\n --tag-border-color: oklch(from var(--tag-color-hover) l c h / 15%);\n --tag-border-color-hover: oklch(from var(--tag-color-hover) l c h / 15%);\n --tag-border-width: 0px;\n --tag-color: var(--flexcyon-cyan);\n --tag-color-hover: var(--flexcyon-palette-cyan-hover);\n --tag-corner-shape: round;\n --tag-decoration: none;\n --tag-decoration-hover: underline;\n --tag-padding-x: 0.65em;\n --tag-padding-y: 0.25em;\n --tag-radius: 2em;\n --tag-size: var(--code-size);\n --tertiary: var(--text-accent-hover, var(--flexcyon-accent-hover));\n --text-accent: var(--color-accent);\n --text-accent-hover: var(--flexcyon-accent-hover);\n --text-error: var(--color-red);\n --text-faint: var(--text-muted);\n --text-highlight-bg: oklch(\n from var(--flexcyon-highlight-colour) l c h /\n var(--flexcyon-highlight-opacity)\n );\n --text-highlight-bg-rgb: 255, 208, 0;\n --text-muted: oklch(\n from var(--text-muted-wrapper)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --text-muted-wrapper: color-mix(\n in oklch,\n oklch(from var(--flexcyon-text-muted) l c h),\n oklch(from var(--text-normal) l c h)\n );\n --text-normal: oklch(\n from var(--text-normal-col)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --text-normal-col: #080808;\n --text-on-accent: oklch(\n from var(--text-on-accent-wrapper)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --text-on-accent-inverted: var(--text-normal);\n --text-on-accent-wrapper: var(--text-normal);\n --text-sel-wrapper: oklch(from var(--color-accent) l c h / 30%);\n --text-selection: oklch(\n from var(--text-sel-wrapper)\n clamp(\n 0,\n (l * var(--flexcyon-theme-brightness-ratio)) +\n var(--flexcyon-theme-contrast-offset),\n 1\n )\n clamp(0, calc(c * var(--flexcyon-theme-saturation-ratio)), 0.4)\n clamp(1, calc(h + var(--flexcyon-theme-warmth-offset)), 359)\n );\n --text-success: var(--color-green);\n --text-warning: var(--color-red);\n --textHighlight: var(--text-highlight-bg, oklch(\n from var(--flexcyon-highlight-colour) l c h /\n var(--flexcyon-highlight-opacity)\n ));\n --titleFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));\n --titlebar-background: var(--background-secondary);\n --titlebar-background-focused: var(--background-secondary);\n --titlebar-border-color: var(--background-modifier-border);\n --titlebar-border-width: 0px;\n --titlebar-height: 30px;\n --titlebar-text-color: var(--text-faint);\n --titlebar-text-color-focused: var(--text-muted);\n --titlebar-text-weight: var(--font-bold);\n --toggle-border-width: 4px;\n --toggle-radius: 18px;\n --toggle-s-border-width: 2px;\n --toggle-s-thumb-height: 15px;\n --toggle-s-thumb-width: 15px;\n --toggle-s-width: 34px;\n --toggle-thumb-active-opacity: var(--dimmed);\n --toggle-thumb-color: var(--text-on-accent);\n --toggle-thumb-height: 18px;\n --toggle-thumb-opacity-active: 1;\n --toggle-thumb-radius: 16px;\n --toggle-thumb-width: 18px;\n --toggle-width: 40px;\n --touch-radius-l: var(--touch-size-l);\n --touch-radius-m: var(--touch-size-m);\n --touch-radius-s: var(--touch-size-s);\n --touch-radius-xl: var(--touch-size-xl);\n --touch-radius-xs: var(--touch-size-xs);\n --touch-radius-xxs: var(--touch-size-xxs);\n --touch-size-l: 52px;\n --touch-size-m: 44px;\n --touch-size-s: 40px;\n --touch-size-xl: 60px;\n --touch-size-xs: 30px;\n --touch-size-xxs: 24px;\n --traffic-lights-offset-x: var(--header-height);\n --traffic-lights-offset-y: var(--header-height);\n --upsize: 103%;\n --vault-name-color: var(--interactive-accent);\n --vault-profile-actions-display: flex;\n --vault-profile-color: var(--text-normal);\n --vault-profile-color-hover: var(--vault-profile-color);\n --vault-profile-display: flex;\n --vault-profile-font-size: var(--font-ui-small);\n --vault-profile-font-weight: var(--font-medium);\n --vault-profile-order: 2;\n --vault-profile-radius: var(--radius-s);\n --viewer-container-height: 0;\n --w: tan(atan2(2538px, 1px));\n --workspace-background-translucent: color-mix(in oklch, var(--mono-0) 60%, transparent);\n --xfa-focus-outline: auto;\n --xfa-unfocused-field-background: url(\"data:image/svg+xml,%3Csvg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' style='fill:rgba(0, 54, 255, 0.13);'/%3E%3C/svg%3E\");\n --zoom-factor: 1;\n --quartz-icon-color: var(--icon-color, currentColor);\n --collapse-icon-color: var(--nav-collapse-icon-color);\n --collapse-icon-color-collapsed: var(--nav-collapse-icon-color-collapsed);\n}\n\nhtml[saved-theme=\"light\"] body {\n background-color: var(--background-primary);\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .page > div#quartz-body div.sidebar {\n background-color: var(--background-secondary);\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .page > div#quartz-body div.sidebar.left {\n border-right-color: oklch(0.963183 0.0148351 1);\n border-right-style: solid;\n border-right-width: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .page > div#quartz-body div.sidebar.right {\n --bases-table-header-background: var(--background-secondary);\n background-color: var(--tab-container-background);\n border-left-color: oklch(0.963183 0.0148351 1);\n border-left-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body body[data-slug] div#quartz-root.page, html[saved-theme=\"light\"] .page > div#quartz-body div.sidebar.left, html[saved-theme=\"light\"] .page > div#quartz-body div.sidebar.left:has(.explorer), html[saved-theme=\"light\"] .page > div#quartz-body div.sidebar.left .explorer .explorer-content {\n --bases-table-header-background: var(--background-secondary);\n background-color: var(--tab-container-background);\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body body[data-slug], html[saved-theme=\"light\"] body[data-slug] .page > div#quartz-body, html[saved-theme=\"light\"] .page > div#quartz-body div.center, html[saved-theme=\"light\"] .page > div#quartz-body footer {\n background-color: var(--background-primary);\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body html {\n --h: tan(atan2(var(--h-raw), 1px));\n --w: tan(atan2(var(--w-raw), 1px));\n}",
|
|
40
|
+
"headings": "html[saved-theme=\"light\"] body h1 {\n --font-weight: var(--h1-weight);\n border-bottom-color: oklch(0.610087 0.155807 252.597);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597);\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597);\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h1-color);\n font-family: var(--h1-font);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"light\"] body h2 {\n --font-weight: var(--h2-weight);\n border-bottom-color: oklch(0.498212 0.155297 297.879);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.498212 0.155297 297.879);\n border-left-width: 0px;\n border-right-color: oklch(0.498212 0.155297 297.879);\n border-right-width: 0px;\n border-top-color: oklch(0.498212 0.155297 297.879);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h2-color);\n font-family: var(--h2-font);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"light\"] body h3 {\n --font-weight: var(--h3-weight);\n border-bottom-color: oklch(0.636083 0.0886418 200.983);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.636083 0.0886418 200.983);\n border-left-width: 0px;\n border-right-color: oklch(0.636083 0.0886418 200.983);\n border-right-width: 0px;\n border-top-color: oklch(0.636083 0.0886418 200.983);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h3-color);\n font-family: var(--h3-font);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"light\"] body h4 {\n --font-weight: var(--h4-weight);\n border-bottom-color: oklch(0.631768 0.184553 346.472);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.631768 0.184553 346.472);\n border-left-width: 0px;\n border-right-color: oklch(0.631768 0.184553 346.472);\n border-right-width: 0px;\n border-top-color: oklch(0.631768 0.184553 346.472);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h4-color);\n font-family: var(--h4-font);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"light\"] body h5 {\n --font-weight: var(--h5-weight);\n border-bottom-color: oklch(0.594442 0.163642 131.469);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.594442 0.163642 131.469);\n border-left-width: 0px;\n border-right-color: oklch(0.594442 0.163642 131.469);\n border-right-width: 0px;\n border-top-color: oklch(0.594442 0.163642 131.469);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h5-color);\n font-family: var(--h5-font);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"light\"] body h6 {\n --font-weight: var(--h6-weight);\n border-bottom-color: oklch(0.612166 0.121379 94.7867);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.612166 0.121379 94.7867);\n border-left-width: 0px;\n border-right-color: oklch(0.612166 0.121379 94.7867);\n border-right-width: 0px;\n border-top-color: oklch(0.612166 0.121379 94.7867);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h6-color);\n font-family: var(--h6-font);\n font-weight: var(--font-weight);\n}",
|
|
41
|
+
"typography": "html[saved-theme=\"light\"] body .markdown-rendered p > b, html[saved-theme=\"light\"] b {\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--bold-color);\n cursor: var(--flexcyon-cursor-type);\n font-family: var(--font-text);\n font-weight: calc(var(--font-weight) + var(--bold-modifier));\n outline: oklch(0.548591 0.169761 19.4444) none 0px;\n text-decoration-color: oklch(0.548591 0.169761 19.4444);\n text-decoration-style: solid;\n transition: all;\n user-select: text;\n}\n\nhtml[saved-theme=\"light\"] body .markdown-rendered p > em, html[saved-theme=\"light\"] em {\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--italic-color);\n cursor: var(--flexcyon-cursor-type);\n font-family: var(--font-text);\n font-weight: 400;\n outline: oklch(0.525644 0.128041 268.103) none 0px;\n text-decoration-color: oklch(0.525644 0.128041 268.103);\n text-decoration-style: solid;\n transition: all;\n user-select: text;\n}\n\nhtml[saved-theme=\"light\"] body .markdown-rendered p > i, html[saved-theme=\"light\"] i {\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--italic-color);\n cursor: var(--flexcyon-cursor-type);\n font-family: var(--font-text);\n font-weight: 400;\n outline: oklch(0.525644 0.128041 268.103) none 0px;\n text-decoration-color: oklch(0.525644 0.128041 268.103);\n text-decoration-style: solid;\n transition: all;\n user-select: text;\n}\n\nhtml[saved-theme=\"light\"] body .markdown-rendered p > strong > em, html[saved-theme=\"light\"] strong > em {\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--italic-color);\n cursor: var(--flexcyon-cursor-type);\n font-family: var(--font-text);\n font-weight: calc(var(--font-weight) + var(--bold-modifier));\n outline: oklch(0.525644 0.128041 268.103) none 0px;\n text-decoration-color: oklch(0.525644 0.128041 268.103);\n text-decoration-style: solid;\n transition: all;\n user-select: text;\n}\n\nhtml[saved-theme=\"light\"] body .markdown-rendered p > strong, html[saved-theme=\"light\"] strong {\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--bold-color);\n cursor: var(--flexcyon-cursor-type);\n font-family: var(--font-text);\n font-weight: calc(var(--font-weight) + var(--bold-modifier));\n outline: oklch(0.548591 0.169761 19.4444) none 0px;\n text-decoration-color: oklch(0.548591 0.169761 19.4444);\n text-decoration-style: solid;\n transition: all;\n user-select: text;\n}\n\nhtml[saved-theme=\"light\"] body .text-highlight {\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: var(--text-highlight-bg);\n color: var(--text-normal);\n cursor: var(--flexcyon-cursor-type);\n font-family: var(--font-text);\n font-weight: 525;\n outline: oklch(0.134408 0.00000668897 23.7098) none 0px;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n text-decoration-style: solid;\n transition: all;\n user-select: text;\n}\n\nhtml[saved-theme=\"light\"] body del {\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--text-normal);\n cursor: var(--flexcyon-cursor-type);\n font-family: var(--font-text);\n font-weight: 400;\n outline: oklch(0.134408 0.00000668897 23.7098) none 0px;\n text-decoration: line-through;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n text-decoration-line: line-through;\n text-decoration-style: solid;\n transition: all;\n user-select: text;\n}\n\nhtml[saved-theme=\"light\"] body p {\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--text-muted);\n font-family: var(--font-interface);\n font-weight: 400;\n outline: oklch(0.29593 0.00924516 324.697 / 0.8) none 0px;\n text-decoration-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n text-decoration-style: solid;\n transition: all;\n}",
|
|
42
|
+
"links": "html[saved-theme=\"light\"] body .backlinks {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n padding-block-end: 32px;\n padding-block-start: 4px;\n padding-bottom: max(var(--safe-area-inset-bottom), var(--size-4-8));\n padding-inline-end: var(--size-4-3);\n padding-inline-start: var(--size-4-3);\n padding-left: 12px;\n padding-right: 12px;\n padding-top: var(--size-4-1);\n}\n\nhtml[saved-theme=\"light\"] body .backlinks ul li {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n padding-block-end: 2px;\n padding-block-start: 2px;\n padding-bottom: 2px;\n padding-inline-end: 10px;\n padding-inline-start: 8px;\n padding-left: 8px;\n padding-right: 10px;\n padding-top: 2px;\n}\n\nhtml[saved-theme=\"light\"] body .backlinks ul li a {\n color: var(--nav-heading-color);\n}\n\nhtml[saved-theme=\"light\"] body a.external-link, html[saved-theme=\"light\"] footer a {\n --font-weight: var(--link-weight);\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--link-external-color);\n cursor: var(--cursor-link);\n filter: var(--link-external-filter);\n font-family: var(--font-text);\n font-weight: var(--link-weight);\n outline: rgb(48, 133, 221) none 0px;\n text-decoration: underline;\n text-decoration-color: rgb(48, 133, 221);\n text-decoration-line: var(--link-external-decoration);\n text-decoration-style: solid;\n text-decoration-thickness: var(--link-decoration-thickness);\n transition: opacity 0.14s ease-in-out;\n user-select: text;\n}\n\nhtml[saved-theme=\"light\"] body a.internal-link, html[saved-theme=\"light\"] .breadcrumb-container .breadcrumb-element > a {\n --font-weight: var(--link-weight);\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--link-color);\n cursor: var(--cursor-link);\n font-family: var(--font-text);\n font-weight: var(--link-weight);\n outline: rgb(111, 73, 174) none 0px;\n text-decoration: underline;\n text-decoration-color: rgb(111, 73, 174);\n text-decoration-line: var(--link-decoration);\n text-decoration-style: solid;\n text-decoration-thickness: var(--link-decoration-thickness);\n transition: opacity 0.14s ease-in-out;\n user-select: text;\n}\n\nhtml[saved-theme=\"light\"] body a.internal-link.broken {\n --font-weight: var(--link-weight);\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--link-unresolved-color);\n cursor: var(--cursor-link);\n filter: var(--link-unresolved-filter);\n font-family: var(--font-text);\n font-weight: var(--link-weight);\n outline: rgb(111, 73, 174) none 0px;\n text-decoration: underline dashed rgb(111, 73, 174);\n text-decoration-color: var(--link-unresolved-decoration-color);\n text-decoration-line: var(--link-decoration);\n text-decoration-style: var(--link-unresolved-decoration-style);\n text-decoration-thickness: var(--link-decoration-thickness);\n transition: opacity 0.14s ease-in-out;\n user-select: text;\n}",
|
|
43
|
+
"lists": "html[saved-theme=\"light\"] body dd {\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n font-family: var(--font-text);\n font-size: var(--font-text-size);\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 40px;\n margin-left: 40px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body dl {\n list-style: outside none disc;\n margin-block-end: 16px;\n margin-block-start: 16px;\n margin-bottom: 16px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 16px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body dt {\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n font-family: var(--font-text);\n font-size: var(--font-text-size);\n font-weight: 400;\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body ol > li {\n color: var(--text-normal);\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 1.2px;\n padding-block-start: 1.2px;\n padding-bottom: var(--list-spacing);\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var(--list-spacing);\n text-align: start;\n}\n\nhtml[saved-theme=\"light\"] body ul > li {\n color: var(--text-normal);\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 1.2px;\n padding-block-start: 1.2px;\n padding-bottom: var(--list-spacing);\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var(--list-spacing);\n text-align: start;\n}\n\nhtml[saved-theme=\"light\"] body ul.overflow {\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n}",
|
|
44
|
+
"blockquotes": "html[saved-theme=\"light\"] body blockquote {\n background-color: var(--blockquote-background-color);\n border-inline-start: 2px solid oklch(0.525644 0.128041 268.103 / 0.8);\n color: var(--blockquote-color);\n font-family: var(--font-text);\n font-style: var(--blockquote-font-style);\n font-weight: 400;\n line-height: var(--line-height-normal);\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n padding-bottom: 0px;\n padding-inline-start: var(--size-4-6);\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}",
|
|
45
|
+
"tables": "html[saved-theme=\"light\"] body .table-container {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n}\n\nhtml[saved-theme=\"light\"] body table {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: rgba(111, 118, 133, 0.4);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: rgba(111, 118, 133, 0.4);\n border-left-width: 0px;\n border-right-color: rgba(111, 118, 133, 0.4);\n border-right-width: 0px;\n border-top-color: rgba(111, 118, 133, 0.4);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n font-family: var(--font-text);\n margin-block-end: var(--p-spacing);\n margin-block-start: var(--p-spacing);\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: calc((100% - var(--flexcyon-table-reading-mode-width)) / 2);\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 16px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n text-align: start;\n}\n\nhtml[saved-theme=\"light\"] body tbody {\n background-color: rgba(0, 0, 0, 0);\n color: var(--text-normal);\n font-family: var(--font-text);\n}\n\nhtml[saved-theme=\"light\"] body tbody tr:nth-child(even) {\n background-color: var(--table-background);\n}\n\nhtml[saved-theme=\"light\"] body tbody tr:nth-child(odd) {\n background-color: var(--table-row-alt-background);\n}\n\nhtml[saved-theme=\"light\"] body td {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: rgba(111, 118, 133, 0.4);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-style: solid;\n border-bottom-width: 1px;\n border-left-color: rgba(111, 118, 133, 0.4);\n border-left-style: solid;\n border-left-width: var(--table-column-first-border-width);\n border-right-color: rgba(111, 118, 133, 0.4);\n border-right-style: solid;\n border-right-width: 1px;\n border-top-color: rgba(111, 118, 133, 0.4);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-style: solid;\n border-top-width: 1px;\n color: var(--table-text-color);\n font-weight: 400;\n padding-block-end: 5px;\n padding-block-start: 5px;\n padding-bottom: 5px;\n padding-inline-end: 10px;\n padding-inline-start: 10px;\n padding-left: 10px;\n padding-right: 10px;\n padding-top: 5px;\n text-align: var(--flexcyon-td-table-alignment);\n vertical-align: var(--table-cell-vertical-alignment);\n}\n\nhtml[saved-theme=\"light\"] body th {\n background-color: var(--table-column-alt-background);\n border-bottom-color: rgba(111, 118, 133, 0.4);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-style: solid;\n border-bottom-width: 1px;\n border-left-color: rgba(111, 118, 133, 0.4);\n border-left-style: solid;\n border-left-width: var(--table-column-first-border-width);\n border-right-color: rgba(111, 118, 133, 0.4);\n border-right-style: solid;\n border-right-width: 1px;\n border-top-color: rgba(111, 118, 133, 0.4);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-style: solid;\n border-top-width: var(--table-header-border-width);\n color: var(--table-header-color);\n font-weight: var(--table-header-weight);\n padding-block-end: 5px;\n padding-block-start: 5px;\n padding-bottom: 5px;\n padding-inline-end: 10px;\n padding-inline-start: 10px;\n padding-left: 10px;\n padding-right: 10px;\n padding-top: 5px;\n text-align: var(--flexcyon-td-table-alignment);\n vertical-align: var(--table-cell-vertical-alignment);\n}\n\nhtml[saved-theme=\"light\"] body thead {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: rgba(111, 118, 133, 0.4);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: rgba(111, 118, 133, 0.4);\n border-left-width: 0px;\n border-right-color: rgba(111, 118, 133, 0.4);\n border-right-width: 0px;\n border-top-color: rgba(111, 118, 133, 0.4);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n font-family: var(--font-text);\n}\n\nhtml[saved-theme=\"light\"] body tr {\n background-color: var(--table-header-background);\n border-bottom-color: rgba(111, 118, 133, 0.4);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: rgba(111, 118, 133, 0.4);\n border-left-width: 0px;\n border-right-color: rgba(111, 118, 133, 0.4);\n border-right-width: 0px;\n border-top-color: rgba(111, 118, 133, 0.4);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n font-family: var(--font-text);\n}",
|
|
46
|
+
"code": "html[saved-theme=\"light\"] body code {\n background-color: var(--code-background);\n border-bottom-color: oklch(0.963183 0.0148351 1);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.963183 0.0148351 1);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.963183 0.0148351 1);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.963183 0.0148351 1);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--code-normal);\n font-family: var(--font-monospace);\n padding-block-end: 2.1px;\n padding-block-start: 2.1px;\n padding-bottom: 2.1px;\n padding-inline-end: 4.2px;\n padding-inline-start: 4.2px;\n padding-left: 4.2px;\n padding-right: 4.2px;\n padding-top: 2.1px;\n}\n\nhtml[saved-theme=\"light\"] body figure[data-rehype-pretty-code-figure] {\n background-color: var(--code-background);\n border-bottom-color: oklch(0.963183 0.0148351 1);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.963183 0.0148351 1);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.963183 0.0148351 1);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.963183 0.0148351 1);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n}\n\nhtml[saved-theme=\"light\"] body figure[data-rehype-pretty-code-figure] > [data-rehype-pretty-code-title] {\n background-color: var(--code-background);\n border-bottom-color: oklch(0.963183 0.0148351 1);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.963183 0.0148351 1);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.963183 0.0148351 1);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.963183 0.0148351 1);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n font-family: var(--font-text);\n}\n\nhtml[saved-theme=\"light\"] body pre > code > [data-line] {\n background-color: var(--code-background);\n border-left-color: oklch(0.963183 0.0148351 1);\n border-left-style: solid;\n border-left-width: 0px;\n}\n\nhtml[saved-theme=\"light\"] body pre > code > [data-line][data-highlighted-line] {\n background-color: var(--code-background);\n border-left-color: oklch(0.963183 0.0148351 1);\n border-left-width: 0px;\n}\n\nhtml[saved-theme=\"light\"] body pre > code [data-highlighted-chars] {\n background-color: var(--code-background);\n border-bottom-color: oklch(0.963183 0.0148351 1);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.963183 0.0148351 1);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.963183 0.0148351 1);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.963183 0.0148351 1);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n}\n\nhtml[saved-theme=\"light\"] body pre > code, html[saved-theme=\"light\"] pre:has(> code) {\n background-color: var(--code-background);\n border-bottom-color: oklch(0.963183 0.0148351 1);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.963183 0.0148351 1);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.963183 0.0148351 1);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.963183 0.0148351 1);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n padding-block-end: 12px;\n padding-block-start: 12px;\n padding-bottom: 12px;\n padding-inline-end: 16px;\n padding-inline-start: 16px;\n padding-left: 16px;\n padding-right: 16px;\n padding-top: 12px;\n}",
|
|
47
|
+
"images": "html[saved-theme=\"light\"] body audio {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n border-top-width: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body figcaption {\n color: var(--text-normal);\n font-family: var(--ec-uiFontFml);\n font-size: var(--ec-uiFontSize);\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n text-align: start;\n}\n\nhtml[saved-theme=\"light\"] body figure {\n --code-background: var(--ec-frm-edBg);\n --header-border-radius: calc(var(--ec-brdRad) + var(--ec-brdWd));\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-width: 0px;\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n text-align: start;\n}\n\nhtml[saved-theme=\"light\"] body img {\n border-bottom-color: oklch(0.610087 0.155807 252.597);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597);\n border-left-width: 0px;\n border-radius: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597);\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n max-width: 100%;\n}\n\nhtml[saved-theme=\"light\"] body video {\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-radius: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n max-width: 100%;\n}",
|
|
48
|
+
"embeds": "html[saved-theme=\"light\"] body .transclude {\n background-color: var(--embed-background);\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.525644 0.128041 268.103 / 0.8);\n border-left-style: solid;\n border-left-width: 2px;\n border-radius: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .transclude ul {\n color: var(--text-normal);\n padding-bottom: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .transclude-inner {\n background-color: var(--embed-background);\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-style: solid;\n border-left-width: 0px;\n border-radius: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}",
|
|
49
|
+
"checkboxes": "html[saved-theme=\"light\"] body input[type=checkbox] {\n border-bottom-color: oklch(0.610087 0.155807 252.597);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 1px;\n border-left-color: oklch(0.610087 0.155807 252.597);\n border-left-style: solid;\n border-left-width: 1px;\n border-right-color: oklch(0.610087 0.155807 252.597);\n border-right-style: solid;\n border-right-width: 1px;\n border-top-color: oklch(0.610087 0.155807 252.597);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 1px;\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 8px;\n margin-inline-start: calc(var(--checkbox-size) * -1.5);\n margin-left: -24px;\n margin-right: 8px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n position: relative;\n transition: box-shadow 0.15s ease-in-out;\n width: var(--checkbox-size);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"#\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"$\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"%\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] li.task-list-item[data-task=\"body\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"'\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"+\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\", html[saved-theme=\"light\"] \"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\".\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"0\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"1\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"2\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"3\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"4\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"5\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"6\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"7\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"8\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"9\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\":\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\";\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"<\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"=\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"@\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"A\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"B\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"C\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"D\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"E\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"F\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"G\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"H\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"J\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"K\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"L\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"M\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"N\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"O\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"P\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"Q\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"R\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"T\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"U\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"V\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"W\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"X\"] {\n color: var(--checklist-done-color);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"Y\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"Z\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"_\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"`\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"a\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"e\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"g\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"h\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"j\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"m\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"n\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"o\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"q\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"r\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"s\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"t\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"v\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"x\"] {\n color: var(--checklist-done-color);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"y\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"z\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"|\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"~\"] {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task='!'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task='*'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task='-'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task='/'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task='>'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task='?'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task='I'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task='S'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task='b'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task='c'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task='d'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task='f'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task='i'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task='k'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task='l'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task='p'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task='u'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task='w'] {\n color: var(--text-normal);\n text-decoration: none;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n}\n\nhtml[saved-theme=\"light\"] body ul > li.task-list-item {\n display: list-item;\n list-style: outside none none;\n text-align: start;\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"_\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"-\"] input[type=\"checkbox\"]::after {\n background-color: rgb(255, 255, 255);\n color: oklch(0.548591 0.169761 19.4444);\n content: \"------\";\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\",\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\";\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\":\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"!\"] input[type=\"checkbox\"]::after {\n background-color: rgb(255, 255, 255);\n color: oklch(0.498212 0.155297 297.879);\n content: \"!\";\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"?\"] input[type=\"checkbox\"]::after {\n background-color: rgb(255, 255, 255);\n color: oklch(0.631768 0.184553 346.472);\n content: \"?\";\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\".\"] input[type=\"checkbox\"]::after {\n background-color: rgb(255, 255, 255);\n color: oklch(0.612166 0.121379 94.7867);\n content: \"...\";\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"'\"] input[type=\"checkbox\"]::after {\n background-color: rgb(255, 255, 255);\n color: oklch(0.636083 0.0886418 200.983);\n content: \"'\";\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"\\\"\"] input[type=\"checkbox\"]::after {\n background-color: rgb(255, 255, 255);\n color: oklch(0.594442 0.163642 131.469);\n content: \"\\\"\";\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"@\"] input[type=\"checkbox\"]::after {\n background-color: rgb(255, 255, 255);\n color: oklch(0.610087 0.155807 252.597);\n content: \"@\";\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"*\"] input[type=\"checkbox\"] {\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'/%3E%3C/svg%3E\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'/%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"*\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.612166 0.121379 94.7867);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"&\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"#\"] input[type=\"checkbox\"]::after {\n background-color: rgb(255, 255, 255);\n color: oklch(0.594442 0.163642 131.469);\n content: \"#\";\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"%\"] input[type=\"checkbox\"]::after {\n background-color: rgb(255, 255, 255);\n color: oklch(0.631768 0.184553 346.472);\n content: \"%\";\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"`\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"+\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"<\"] input[type=\"checkbox\"]::after {\n background-color: rgb(255, 255, 255);\n color: oklch(0.612271 0.120946 87.0008);\n content: \"<\";\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"=\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\">\"] input[type=\"checkbox\"]::after {\n background-color: rgb(255, 255, 255);\n color: oklch(0.636083 0.0886418 200.983);\n content: \">\";\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"|\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"~\"] input[type=\"checkbox\"]::after {\n background-color: rgb(255, 255, 255);\n color: oklch(0.548591 0.169761 19.4444);\n content: \"~\";\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"$\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"0\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"1\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"2\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"3\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"4\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"5\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"6\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"7\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"8\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"9\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"a\"] input[type=\"checkbox\"]::after {\n background-color: rgb(255, 255, 255);\n color: oklch(0.498212 0.155297 297.879);\n content: \"*\";\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"A\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"b\"] input[type=\"checkbox\"] {\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z'/%3E%3C/svg%3E\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z'/%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"b\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.548591 0.169761 19.4444);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"B\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"c\"] input[type=\"checkbox\"] {\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M313.4 479.1c26-5.2 42.9-30.5 37.7-56.5l-2.3-11.4c-5.3-26.7-15.1-52.1-28.8-75.2H464c26.5 0 48-21.5 48-48c0-25.3-19.5-46-44.3-47.9c7.7-8.5 12.3-19.8 12.3-32.1c0-23.4-16.8-42.9-38.9-47.1c4.4-7.3 6.9-15.8 6.9-24.9c0-21.3-13.9-39.4-33.1-45.6c.7-3.3 1.1-6.8 1.1-10.4c0-26.5-21.5-48-48-48H294.5c-19 0-37.5 5.6-53.3 16.1L202.7 73.8C176 91.6 160 121.6 160 153.7V192v48 24.9c0 29.2 13.3 56.7 36 75l7.4 5.9c26.5 21.2 44.6 51 51.2 84.2l2.3 11.4c5.2 26 30.5 42.9 56.5 37.7zM32 320H96c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32H32C14.3 32 0 46.3 0 64V288c0 17.7 14.3 32 32 32z'/%3E%3C/svg%3E\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M313.4 479.1c26-5.2 42.9-30.5 37.7-56.5l-2.3-11.4c-5.3-26.7-15.1-52.1-28.8-75.2H464c26.5 0 48-21.5 48-48c0-25.3-19.5-46-44.3-47.9c7.7-8.5 12.3-19.8 12.3-32.1c0-23.4-16.8-42.9-38.9-47.1c4.4-7.3 6.9-15.8 6.9-24.9c0-21.3-13.9-39.4-33.1-45.6c.7-3.3 1.1-6.8 1.1-10.4c0-26.5-21.5-48-48-48H294.5c-19 0-37.5 5.6-53.3 16.1L202.7 73.8C176 91.6 160 121.6 160 153.7V192v48 24.9c0 29.2 13.3 56.7 36 75l7.4 5.9c26.5 21.2 44.6 51 51.2 84.2l2.3 11.4c5.2 26 30.5 42.9 56.5 37.7zM32 320H96c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32H32C14.3 32 0 46.3 0 64V288c0 17.7 14.3 32 32 32z'/%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"c\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.548591 0.169761 19.4444);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"C\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"d\"] input[type=\"checkbox\"] {\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 13a1 1 0 100 2h5a1 1 0 001-1V9a1 1 0 10-2 0v2.586l-4.293-4.293a1 1 0 00-1.414 0L8 9.586 3.707 5.293a1 1 0 00-1.414 1.414l5 5a1 1 0 001.414 0L11 9.414 14.586 13H12z' clip-rule='evenodd' /%3E%3C/svg%3E\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 13a1 1 0 100 2h5a1 1 0 001-1V9a1 1 0 10-2 0v2.586l-4.293-4.293a1 1 0 00-1.414 0L8 9.586 3.707 5.293a1 1 0 00-1.414 1.414l5 5a1 1 0 001.414 0L11 9.414 14.586 13H12z' clip-rule='evenodd' /%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"d\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.548591 0.169761 19.4444);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"D\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"e\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"E\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"f\"] input[type=\"checkbox\"] {\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z' clip-rule='evenodd' /%3E%3C/svg%3E\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z' clip-rule='evenodd' /%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"f\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.548591 0.169761 19.4444);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"F\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"g\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"G\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"h\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"H\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"i\"] input[type=\"checkbox\"]::after {\n background-color: rgb(255, 255, 255);\n color: oklch(0.636083 0.0886418 200.983);\n content: \"i\";\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"I\"] input[type=\"checkbox\"] {\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M272 384c9.6-31.9 29.5-59.1 49.2-86.2l0 0c5.2-7.1 10.4-14.2 15.4-21.4c19.8-28.5 31.4-63 31.4-100.3C368 78.8 289.2 0 192 0S16 78.8 16 176c0 37.3 11.6 71.9 31.4 100.3c5 7.2 10.2 14.3 15.4 21.4l0 0c19.8 27.1 39.7 54.4 49.2 86.2H272zM192 512c44.2 0 80-35.8 80-80V416H112v16c0 44.2 35.8 80 80 80zM112 176c0 8.8-7.2 16-16 16s-16-7.2-16-16c0-61.9 50.1-112 112-112c8.8 0 16 7.2 16 16s-7.2 16-16 16c-44.2 0-80 35.8-80 80z'/%3E%3C/svg%3E\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M272 384c9.6-31.9 29.5-59.1 49.2-86.2l0 0c5.2-7.1 10.4-14.2 15.4-21.4c19.8-28.5 31.4-63 31.4-100.3C368 78.8 289.2 0 192 0S16 78.8 16 176c0 37.3 11.6 71.9 31.4 100.3c5 7.2 10.2 14.3 15.4 21.4l0 0c19.8 27.1 39.7 54.4 49.2 86.2H272zM192 512c44.2 0 80-35.8 80-80V416H112v16c0 44.2 35.8 80 80 80zM112 176c0 8.8-7.2 16-16 16s-16-7.2-16-16c0-61.9 50.1-112 112-112c8.8 0 16 7.2 16 16s-7.2 16-16 16c-44.2 0-80 35.8-80 80z'/%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"I\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.612166 0.121379 94.7867);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"j\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"J\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"k\"] input[type=\"checkbox\"] {\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z' clip-rule='evenodd' /%3E%3C/svg%3E\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z' clip-rule='evenodd' /%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"k\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.612166 0.121379 94.7867);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"K\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"l\"] input[type=\"checkbox\"] {\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64z'/%3E%3C/svg%3E\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64z'/%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"l\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.498212 0.155297 297.879);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"L\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"m\"] input[type=\"checkbox\"]::after {\n background-color: rgb(255, 255, 255);\n color: oklch(0.548591 0.169761 19.4444);\n content: \"--\";\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"M\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"n\"] input[type=\"checkbox\"] {\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M32 32C32 14.3 46.3 0 64 0H320c17.7 0 32 14.3 32 32s-14.3 32-32 32H290.5l11.4 148.2c36.7 19.9 65.7 53.2 79.5 94.7l1 3c3.3 9.8 1.6 20.5-4.4 28.8s-15.7 13.3-26 13.3H32c-10.3 0-19.9-4.9-26-13.3s-7.7-19.1-4.4-28.8l1-3c13.8-41.5 42.8-74.8 79.5-94.7L93.5 64H64C46.3 64 32 49.7 32 32zM160 384h64v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V384z'/%3E%3C/svg%3E\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M32 32C32 14.3 46.3 0 64 0H320c17.7 0 32 14.3 32 32s-14.3 32-32 32H290.5l11.4 148.2c36.7 19.9 65.7 53.2 79.5 94.7l1 3c3.3 9.8 1.6 20.5-4.4 28.8s-15.7 13.3-26 13.3H32c-10.3 0-19.9-4.9-26-13.3s-7.7-19.1-4.4-28.8l1-3c13.8-41.5 42.8-74.8 79.5-94.7L93.5 64H64C46.3 64 32 49.7 32 32zM160 384h64v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V384z'/%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"n\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.548591 0.169761 19.4444);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"N\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"o\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"O\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"p\"] input[type=\"checkbox\"]::after {\n background-color: rgb(255, 255, 255);\n color: oklch(0.610087 0.155807 252.597);\n content: \"+\";\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"P\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"q\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"Q\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"r\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"R\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"s\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"S\"] input[type=\"checkbox\"]::after {\n background-color: rgb(255, 255, 255);\n color: oklch(0.548591 0.169761 19.4444);\n content: \"$\";\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"t\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"T\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"u\"] input[type=\"checkbox\"] {\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 7a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0V8.414l-4.293 4.293a1 1 0 01-1.414 0L8 10.414l-4.293 4.293a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0L11 10.586 14.586 7H12z' clip-rule='evenodd' /%3E%3C/svg%3E\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 7a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0V8.414l-4.293 4.293a1 1 0 01-1.414 0L8 10.414l-4.293 4.293a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0L11 10.586 14.586 7H12z' clip-rule='evenodd' /%3E%3C/svg%3E\");\n mask-size: contain;\n -webkit-mask-size: contain;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"u\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.594442 0.163642 131.469);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"U\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"v\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"V\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"w\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"W\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"x\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"X\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"y\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"Y\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"z\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item[data-task=\"Z\"] input[type=\"checkbox\"]::after {\n color: rgb(0, 0, 0);\n background-color: oklch(0.974682 0.0156231 154.344);\n}",
|
|
50
|
+
"callouts": "html[saved-theme=\"light\"] body .callout .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.610087 0.155807 252.597);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597);\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597);\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"light\"] body .callout > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"abstract\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-summary);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.636083 0.0886418 200.983 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.636083 0.0886418 200.983 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.636083 0.0886418 200.983 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.636083 0.0886418 200.983 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.636083 0.0886418 200.983 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"abstract\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.610087 0.155807 252.597);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597);\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597);\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"abstract\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"abstract\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"bug\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-bug);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.548591 0.169761 19.4444 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.548591 0.169761 19.4444 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.548591 0.169761 19.4444 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.548591 0.169761 19.4444 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.548591 0.169761 19.4444 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"bug\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.610087 0.155807 252.597);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597);\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597);\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"bug\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"bug\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"danger\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-error);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.548591 0.169761 19.4444 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.548591 0.169761 19.4444 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.548591 0.169761 19.4444 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.548591 0.169761 19.4444 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.548591 0.169761 19.4444 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"danger\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.610087 0.155807 252.597);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597);\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597);\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"danger\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"danger\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"example\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-example);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.498212 0.155297 297.879 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.498212 0.155297 297.879 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.498212 0.155297 297.879 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.498212 0.155297 297.879 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.498212 0.155297 297.879 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"example\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.610087 0.155807 252.597);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597);\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597);\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"example\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"example\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"failure\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-fail);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.548591 0.169761 19.4444 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.548591 0.169761 19.4444 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.548591 0.169761 19.4444 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.548591 0.169761 19.4444 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.548591 0.169761 19.4444 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"failure\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.610087 0.155807 252.597);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597);\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597);\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"failure\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"failure\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"info\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-info);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.610087 0.155807 252.597 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.610087 0.155807 252.597 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"info\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.610087 0.155807 252.597);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597);\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597);\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"info\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"info\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"note\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-default);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.610087 0.155807 252.597 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.610087 0.155807 252.597 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"note\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.610087 0.155807 252.597);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597);\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597);\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"note\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"note\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"question\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-question);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.594442 0.163642 131.469 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.594442 0.163642 131.469 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.594442 0.163642 131.469 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.594442 0.163642 131.469 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.594442 0.163642 131.469 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"question\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.610087 0.155807 252.597);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597);\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597);\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"question\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"question\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"quote\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-quote);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.594442 0.163642 131.469 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.594442 0.163642 131.469 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.594442 0.163642 131.469 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.594442 0.163642 131.469 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.594442 0.163642 131.469 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"quote\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.610087 0.155807 252.597);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597);\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597);\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"quote\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"quote\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"success\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-success);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.594442 0.163642 131.469 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.594442 0.163642 131.469 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.594442 0.163642 131.469 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.594442 0.163642 131.469 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.594442 0.163642 131.469 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"success\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.610087 0.155807 252.597);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597);\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597);\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"success\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"success\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"tip\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-tip);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.636083 0.0886418 200.983 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.636083 0.0886418 200.983 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.636083 0.0886418 200.983 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.636083 0.0886418 200.983 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.636083 0.0886418 200.983 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"tip\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.610087 0.155807 252.597);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597);\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597);\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"tip\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"tip\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"todo\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-todo);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.610087 0.155807 252.597 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.610087 0.155807 252.597 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"todo\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.610087 0.155807 252.597);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597);\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597);\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"todo\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"todo\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"warning\"] {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-warning);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n background: oklch(0.612271 0.120946 87.0008 / 0.125) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: oklch(from var(--callout-color) l c h/var(--flexcyon-callout-bg-opacity));\n border-bottom-color: oklch(0.612271 0.120946 87.0008 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.612271 0.120946 87.0008 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.612271 0.120946 87.0008 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.612271 0.120946 87.0008 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"warning\"] .callout-title {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.610087 0.155807 252.597);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597);\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597);\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--callout-color);\n gap: 4px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"warning\"] .callout-title > .callout-title-inner > p {\n --font-weight: var(--callout-title-weight);\n color: var(--callout-title-color);\n font-weight: var(--font-weight);\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"warning\"] > .callout-content {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--callout-content-background);\n color: var(--text-normal);\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"note\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"abstract\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M12 11h4'/%3E%3Cpath d='M12 16h4'/%3E%3Cpath d='M8 11h.01'/%3E%3Cpath d='M8 16h.01'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"bug\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20v-9'/%3E%3Cpath d='M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z'/%3E%3Cpath d='M14.12 3.88 16 2'/%3E%3Cpath d='M21 21a4 4 0 0 0-3.81-4'/%3E%3Cpath d='M21 5a4 4 0 0 1-3.55 3.97'/%3E%3Cpath d='M22 13h-4'/%3E%3Cpath d='M3 21a4 4 0 0 1 3.81-4'/%3E%3Cpath d='M3 5a4 4 0 0 0 3.55 3.97'/%3E%3Cpath d='M6 13H2'/%3E%3Cpath d='m8 2 1.88 1.88'/%3E%3Cpath d='M9 7.13V6a3 3 0 1 1 6 0v1.13'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"danger\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"example\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h.01'/%3E%3Cpath d='M3 12h.01'/%3E%3Cpath d='M3 19h.01'/%3E%3Cpath d='M8 5h13'/%3E%3Cpath d='M8 12h13'/%3E%3Cpath d='M8 19h13'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"failure\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"info\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"note\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"question\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"quote\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3Cpath d='M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"success\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"tip\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"todo\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E\");\n}\n\nhtml[saved-theme=\"light\"] body .callout[data-callout=\"warning\"] {\n --callout-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E\");\n}",
|
|
51
|
+
"search": "html[saved-theme=\"light\"] body .highlight {\n background-color: var(--text-highlight-bg);\n border-radius: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .preview-container {\n background-color: rgba(0, 0, 0, 0);\n color: var(--text-muted);\n font-weight: 400;\n}\n\nhtml[saved-theme=\"light\"] body .search > .search-button {\n background-color: var(--background-primary);\n border-bottom-color: oklch(0.963183 0.0148351 1);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-style: solid;\n border-bottom-width: 1px;\n border-left-color: oklch(0.963183 0.0148351 1);\n border-left-style: solid;\n border-left-width: 1px;\n border-right-color: oklch(0.963183 0.0148351 1);\n border-right-style: solid;\n border-right-width: 1px;\n border-top-color: oklch(0.963183 0.0148351 1);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-style: solid;\n border-top-width: 1px;\n color: var(--text-normal);\n font-family: var(--font-interface);\n}\n\nhtml[saved-theme=\"light\"] body .search > .search-container > .search-space {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .search > .search-container > .search-space > * {\n animation-delay: 0s;\n animation-duration: 0s;\n animation-iteration-count: 1;\n animation-play-state: running;\n animation-timing-function: ease;\n background-color: rgba(0, 0, 0, 0);\n color: var(--text-normal);\n font-family: var(--font-interface);\n font-weight: 400;\n outline: oklch(0.134408 0.00000668897 23.7098) none 0px;\n text-decoration-color: oklch(0.134408 0.00000668897 23.7098);\n text-decoration-style: solid;\n transition: all;\n}\n\nhtml[saved-theme=\"light\"] body .search > .search-container > .search-space > .search-layout {\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .search > .search-container > .search-space > .search-layout .highlight {\n background-color: var(--text-highlight-bg);\n border-radius: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .search > .search-container > .search-space > .search-layout > .preview-container {\n background-color: rgba(0, 0, 0, 0);\n color: var(--text-muted);\n font-weight: 400;\n}\n\nhtml[saved-theme=\"light\"] body .search > .search-container > .search-space > .search-layout > .results-container {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .search > .search-container > .search-space > .search-layout > .results-container .result-card {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-radius: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n padding-block-end: 2px;\n padding-block-start: 2px;\n padding-bottom: 2px;\n padding-inline-end: 10px;\n padding-inline-start: 10px;\n padding-left: 10px;\n padding-right: 10px;\n padding-top: 2px;\n}\n\nhtml[saved-theme=\"light\"] body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover .card-title, html[saved-theme=\"light\"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover .card-description, html[saved-theme=\"light\"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus .card-title, html[saved-theme=\"light\"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus .card-description, html[saved-theme=\"light\"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme=\"light\"] ~ .result-card:focus)) .card-title, html[saved-theme=\"light\"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme=\"light\"] ~ .result-card:focus)) .card-description {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover, html[saved-theme=\"light\"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus, html[saved-theme=\"light\"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme=\"light\"] ~ .result-card:focus)) {\n background-color: rgba(0, 0, 0, 0);\n color: var(--text-normal);\n font-weight: var(--nav-item-weight);\n}\n\nhtml[saved-theme=\"light\"] body .search > .search-container > .search-space > input {\n background-color: var(--background-primary);\n border-bottom-color: oklch(0.963183 0.0148351 1);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-style: solid;\n border-bottom-width: 1px;\n border-left-color: oklch(0.963183 0.0148351 1);\n border-left-style: solid;\n border-left-width: 1px;\n border-right-color: oklch(0.963183 0.0148351 1);\n border-right-style: solid;\n border-right-width: 1px;\n border-top-color: oklch(0.963183 0.0148351 1);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-style: solid;\n border-top-width: 1px;\n box-shadow: 0 0 0 1px var(--interactive-accent);\n}\n\nhtml[saved-theme=\"light\"] body .search>.search-container>.search-space>.search-layout>.results-container .result-card:has(~ .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme=\"light\"] ~ .result-card:focus)), html[saved-theme=\"light\"] ~ .result-card:focus, html[saved-theme=\"light\"] ~ .result-card:hover) {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .search>.search-container>.search-space>.search-layout>.results-container .result-card:hover, html[saved-theme=\"light\"] .search>.search-container>.search-space>.search-layout>.results-container .result-card:focus, html[saved-theme=\"light\"] .search>.search-container>.search-space>.search-layout>.results-container .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme=\"light\"] ~ .result-card:focus)) {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body a.internal-link.tag-link, html[saved-theme=\"light\"] .search > .search-container > .search-space > .search-layout > .results-container .result-card > ul > li > .match-tag {\n --icon-size: var(--icon-xs);\n --icon-stroke: var(--icon-xs-stroke-width);\n --pill-background: var(--tag-background);\n --pill-background-hover: var(--tag-background-hover);\n --pill-border-color: var(--tag-border-color);\n --pill-border-color-hover: var(--tag-border-color-hover);\n --pill-border-width: var(--tag-border-width);\n --pill-color: var(--tag-color);\n --pill-color-hover: var(--tag-color-hover);\n --pill-color-remove: var(--tag-color);\n --pill-color-remove-hover: var(--tag-color-hover);\n --pill-corner-shape: var(--tag-corner-shape);\n --pill-decoration: var(--tag-decoration);\n --pill-decoration-hover: var(--tag-decoration-hover);\n --pill-padding-x: var(--tag-padding-x);\n --pill-padding-y: var(--tag-padding-y);\n --pill-radius: var(--tag-radius);\n background-color: var(--pill-background);\n border-bottom-color: oklch(0.646636 0.0452763 134.045 / 0.15);\n border-bottom-left-radius: 28px;\n border-bottom-right-radius: 28px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.646636 0.0452763 134.045 / 0.15);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.646636 0.0452763 134.045 / 0.15);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.646636 0.0452763 134.045 / 0.15);\n border-top-left-radius: 28px;\n border-top-right-radius: 28px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--pill-color);\n display: flex;\n font-family: var(--metadata-input-font);\n font-size: var(--metadata-input-font-size);\n font-weight: var(--pill-weight);\n line-height: var(--line-height-tight);\n margin-inline-start: 0px;\n}\n\nhtml[saved-theme=\"light\"] body a.internal-link.tag-link::before {\n color: var(--pill-color);\n}\n\nhtml[saved-theme=\"light\"] body h1 {\n --font-weight: var(--h1-weight);\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.610087 0.155807 252.597);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597);\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597);\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h1-color);\n font-family: var(--h1-font);\n font-size: var(--h1-size);\n font-weight: var(--font-weight);\n letter-spacing: var(--h1-letter-spacing);\n line-height: var(--h1-line-height);\n margin-block-end: var(--p-spacing);\n margin-block-start: var(--p-spacing);\n margin-bottom: 16px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body h1.article-title {\n color: var(--inline-title-color);\n font-size: var(--inline-title-size);\n font-weight: var(--inline-title-weight);\n}\n\nhtml[saved-theme=\"light\"] body h2 {\n --font-weight: var(--h2-weight);\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.498212 0.155297 297.879);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.498212 0.155297 297.879);\n border-left-width: 0px;\n border-right-color: oklch(0.498212 0.155297 297.879);\n border-right-width: 0px;\n border-top-color: oklch(0.498212 0.155297 297.879);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h2-color);\n font-family: var(--h2-font);\n font-size: var(--h2-size);\n font-weight: var(--font-weight);\n letter-spacing: var(--h2-letter-spacing);\n line-height: var(--h2-line-height);\n margin-block-end: var(--p-spacing);\n margin-block-start: var(--p-spacing);\n margin-bottom: 16px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body h2.page-title, html[saved-theme=\"light\"] h2.page-title a {\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.610087 0.155807 252.597);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597);\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597);\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--inline-title-color);\n font-family: var(--inline-title-font);\n font-size: var(--inline-title-size);\n font-weight: var(--inline-title-weight);\n letter-spacing: var(--flexcyon-l-spacing);\n line-height: var(--inline-title-line-height);\n margin-block-end: var(--inline-title-margin-bottom);\n margin-block-start: 0px;\n margin-bottom: 14.544px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body h3 {\n --font-weight: var(--h3-weight);\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.636083 0.0886418 200.983);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.636083 0.0886418 200.983);\n border-left-width: 0px;\n border-right-color: oklch(0.636083 0.0886418 200.983);\n border-right-width: 0px;\n border-top-color: oklch(0.636083 0.0886418 200.983);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h3-color);\n font-family: var(--h3-font);\n font-size: var(--h3-size);\n font-weight: var(--font-weight);\n letter-spacing: var(--h3-letter-spacing);\n line-height: var(--h3-line-height);\n margin-block-end: var(--p-spacing);\n margin-block-start: var(--p-spacing);\n margin-bottom: 16px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 16px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body h4 {\n --font-weight: var(--h4-weight);\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.631768 0.184553 346.472);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.631768 0.184553 346.472);\n border-left-width: 0px;\n border-right-color: oklch(0.631768 0.184553 346.472);\n border-right-width: 0px;\n border-top-color: oklch(0.631768 0.184553 346.472);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h4-color);\n font-family: var(--h4-font);\n font-size: var(--h4-size);\n font-weight: var(--font-weight);\n letter-spacing: var(--h4-letter-spacing);\n line-height: var(--h4-line-height);\n margin-block-end: var(--p-spacing);\n margin-block-start: var(--p-spacing);\n margin-bottom: 16px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 16px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body h5 {\n --font-weight: var(--h5-weight);\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.594442 0.163642 131.469);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.594442 0.163642 131.469);\n border-left-width: 0px;\n border-right-color: oklch(0.594442 0.163642 131.469);\n border-right-width: 0px;\n border-top-color: oklch(0.594442 0.163642 131.469);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h5-color);\n font-family: var(--h5-font);\n font-size: var(--h5-size);\n font-weight: var(--font-weight);\n letter-spacing: var(--h5-letter-spacing);\n line-height: var(--h5-line-height);\n margin-block-end: var(--p-spacing);\n margin-block-start: var(--p-spacing);\n margin-bottom: 16px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 16px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body h6 {\n --font-weight: var(--h6-weight);\n background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.612166 0.121379 94.7867);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.612166 0.121379 94.7867);\n border-left-width: 0px;\n border-right-color: oklch(0.612166 0.121379 94.7867);\n border-right-width: 0px;\n border-top-color: oklch(0.612166 0.121379 94.7867);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--h6-color);\n font-family: var(--h6-font);\n font-size: var(--h6-size);\n font-weight: var(--font-weight);\n letter-spacing: var(--h6-letter-spacing);\n line-height: var(--h6-line-height);\n margin-block-end: var(--p-spacing);\n margin-block-start: var(--p-spacing);\n margin-bottom: 16px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 16px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body hr {\n border-bottom-color: rgb(57, 62, 72);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: rgb(57, 62, 72);\n border-left-width: 0px;\n border-right-color: rgb(57, 62, 72);\n border-right-width: 0px;\n border-top-color: rgb(57, 62, 72);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-style: solid;\n border-top-width: 2px;\n margin-block-end: 32px;\n margin-block-start: 32px;\n margin-bottom: 32px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 32px;\n}\n\nhtml[saved-theme=\"light\"] body input:focus {\n border-color: oklch(0.963183 0.0148351 1);\n box-shadow: 0 0 0 1px var(--interactive-accent);\n}",
|
|
52
|
+
"scrollbars": "html[saved-theme=\"light\"] body .callout {\n --bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n --bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);\n --callout-color: var(--callout-default);\n --table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);\n border-bottom-color: oklch(0.610087 0.155807 252.597 / 0.25);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.610087 0.155807 252.597 / 0.25);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.610087 0.155807 252.597 / 0.25);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.610087 0.155807 252.597 / 0.25);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-style: solid;\n border-top-width: 0px;\n padding-block-end: 12px;\n padding-block-start: 12px;\n padding-bottom: 12px;\n padding-inline-end: 24px;\n padding-inline-start: 24px;\n padding-left: 24px;\n padding-right: 24px;\n padding-top: 12px;\n}\n\nhtml[saved-theme=\"light\"] body body {\n scrollbar-width: var(--scrollbar-native-width);\n}",
|
|
53
|
+
"explorer": "html[saved-theme=\"light\"] body .explorer .folder-container > div {\n color: var(--nav-item-color);\n font-family: var(--font-interface);\n font-weight: var(--nav-item-weight);\n}\n\nhtml[saved-theme=\"light\"] body .nav-files-container {\n background-color: rgba(0, 0, 0, 0);\n color: var(--text-normal);\n font-family: var(--font-interface);\n}\n\nhtml[saved-theme=\"light\"] body .nav-files-container .collapse-icon {\n color: var(--nav-item-color);\n opacity: 1;\n}\n\nhtml[saved-theme=\"light\"] body .nav-files-container .nav-file-title {\n color: var(--nav-item-color);\n font-family: var(--font-interface);\n font-weight: var(--nav-item-weight);\n}\n\nhtml[saved-theme=\"light\"] body .nav-files-container .nav-file-title.is-active {\n border-bottom-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-left-width: 0px;\n border-right-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-right-width: 0px;\n border-top-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-width: 0px;\n color: var(--nav-item-color);\n font-family: var(--font-interface);\n}\n\nhtml[saved-theme=\"light\"] body .nav-files-container .tree-item-children {\n border-inline-start: 1px solid oklch(0 0 none / 0.12);\n border-left-color: oklch(0 0 none / 0.12);\n border-left-style: solid;\n border-left-width: 1px;\n}\n\nhtml[saved-theme=\"light\"] body .nav-files-container li:has(> .folder-outer.open) > .nav-folder-title {\n color: var(--nav-item-color);\n font-family: var(--font-interface);\n font-weight: var(--nav-item-weight);\n}\n\nhtml[saved-theme=\"light\"] body .nav-files-container li:has(> .folder-outer:not(.open)) > .nav-folder-title {\n color: var(--nav-item-color);\n font-family: var(--font-interface);\n font-weight: var(--nav-item-weight);\n}\n\nhtml[saved-theme=\"light\"] body .explorer .nav-files-container a {\n color: var(--nav-item-color);\n}\n\nhtml[saved-theme=\"light\"] body .explorer .nav-files-container a:hover {\n color: var(--nav-item-color-hover);\n}\n\nhtml[saved-theme=\"light\"] body .explorer .nav-files-container .is-active {\n color: var(--nav-item-color-active);\n}\n\nhtml[saved-theme=\"light\"] body .explorer .nav-files-container a:hover {\n background-color: var(--nav-item-background-hover);\n}\n\nhtml[saved-theme=\"light\"] body .explorer .nav-files-container .collapse-icon svg {\n color: var(--nav-collapse-icon-color);\n}\n\nhtml[saved-theme=\"light\"] body .explorer .nav-files-container .folder-outer > ul {\n border-left-color: var(--nav-indentation-guide-color);\n}",
|
|
54
|
+
"toc": "html[saved-theme=\"light\"] body details.toc summary::marker {\n color: var(--text-normal);\n}",
|
|
55
|
+
"graph": "html[saved-theme=\"light\"] body .graph > .global-graph-outer > .global-graph-container {\n background-color: var(--background-secondary);\n border-bottom-color: rgba(0, 0, 0, 0);\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n border-bottom-style: solid;\n border-bottom-width: 1px;\n border-left-color: rgba(0, 0, 0, 0);\n border-left-style: solid;\n border-left-width: 1px;\n border-right-color: rgba(0, 0, 0, 0);\n border-right-style: solid;\n border-right-width: 1px;\n border-top-color: rgba(0, 0, 0, 0);\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n border-top-style: solid;\n border-top-width: 1px;\n}\n\nhtml[saved-theme=\"light\"] body .graph > .graph-outer {\n background-color: var(--background-secondary);\n border-bottom-color: rgba(0, 0, 0, 0);\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n border-bottom-style: solid;\n border-bottom-width: 1px;\n border-left-color: rgba(0, 0, 0, 0);\n border-left-style: solid;\n border-left-width: 1px;\n border-right-color: rgba(0, 0, 0, 0);\n border-right-style: solid;\n border-right-width: 1px;\n border-top-color: rgba(0, 0, 0, 0);\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n border-top-style: solid;\n border-top-width: 1px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .graph > .graph-outer > .global-graph-icon {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-left-width: 0px;\n border-right-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-right-width: 0px;\n border-top-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--icon-color);\n cursor: var(--cursor);\n}",
|
|
56
|
+
"footer": "html[saved-theme=\"light\"] body footer {\n background-color: var(--status-bar-background);\n color: var(--status-bar-text-color);\n font-family: var(--font-interface);\n font-size: var(--font-ui-medium);\n padding-block-end: 4px;\n padding-block-start: 4px;\n padding-bottom: 4px;\n padding-inline-end: 25.38px;\n padding-inline-start: 4px;\n padding-left: 4px;\n padding-right: var(--size-4-2);\n padding-top: 4px;\n text-align: start;\n}\n\nhtml[saved-theme=\"light\"] body footer ul li a {\n color: var(--status-bar-text-color);\n font-size: var(--font-ui-medium);\n font-weight: 400;\n}",
|
|
57
|
+
"recentNotes": "html[saved-theme=\"light\"] body .recent-notes > h3 {\n color: var(--text-normal);\n font-family: var(--font-interface);\n font-weight: 400;\n}\n\nhtml[saved-theme=\"light\"] body .recent-notes > ul.recent-ul > li {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .recent-notes > ul.recent-ul > li .section > .desc > h3 > a {\n color: var(--nav-item-color);\n}\n\nhtml[saved-theme=\"light\"] body .recent-notes > ul.recent-ul > li .section > .meta {\n color: var(--nav-item-color);\n font-family: var(--font-interface);\n}",
|
|
58
|
+
"listPage": "html[saved-theme=\"light\"] body li.section-li {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n}\n\nhtml[saved-theme=\"light\"] body li.section-li > .section .meta {\n color: var(--nav-item-color);\n font-family: var(--font-interface);\n}\n\nhtml[saved-theme=\"light\"] body li.section-li > .section > .desc > h3 > a {\n color: var(--nav-item-color);\n}\n\nhtml[saved-theme=\"light\"] body ul.section-ul {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n}",
|
|
59
|
+
"darkmode": "html[saved-theme=\"light\"] body .darkmode {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-left-width: 0px;\n border-right-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-right-width: 0px;\n border-top-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--icon-color);\n cursor: var(--cursor);\n}\n\nhtml[saved-theme=\"light\"] body .darkmode svg {\n color: var(--icon-color);\n stroke: oklch(0.29593 0.00924516 324.697 / 0.8);\n}",
|
|
60
|
+
"breadcrumbs": "html[saved-theme=\"light\"] body .breadcrumb-container {\n background-color: var(--color-base-20);\n border-bottom-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-bottom-left-radius: 16px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-left-width: 0px;\n border-right-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-right-width: 0px;\n border-top-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-top-left-radius: 16px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-muted);\n}\n\nhtml[saved-theme=\"light\"] body .breadcrumb-element p {\n color: var(--text-faint);\n font-family: var(--file-header-font);\n}",
|
|
61
|
+
"canvas": "html[saved-theme=\"light\"] body .canvas-controls button {\n --icon-size: var(--canvas-controls-icon-size);\n --icon-stroke: var(--canvas-controls-icon-stroke);\n background-color: var(--background-primary);\n border-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n color: var(--text-muted);\n}\n\nhtml[saved-theme=\"light\"] body .canvas-edge-label {\n background-color: var(--background-primary);\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .canvas-node {\n --shadow-border-themed: 0 0 0 2px var(--canvas-color);\n --shadow-border-themed-inset: inset 0 0 0 1px var(--canvas-color);\n background-color: rgba(0, 0, 0, 0);\n border-color: oklch(0.134408 0.00000668897 23.7098);\n border-radius: 0px;\n border-width: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .canvas-node-content {\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .canvas-node-file {\n background-color: rgba(0, 0, 0, 0);\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .canvas-node-group {\n --shadow-border-themed: 0 0 0 2px var(--canvas-color);\n --shadow-border-themed-inset: inset 0 0 0 1px var(--canvas-color);\n background-color: rgba(0, 0, 0, 0);\n border-color: oklch(0.134408 0.00000668897 23.7098);\n border-width: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .canvas-sidebar {\n background-color: var(--background-primary);\n border-color: oklch(0.134408 0.00000668897 23.7098);\n box-shadow: var(--input-shadow);\n}",
|
|
62
|
+
"bases": "html[saved-theme=\"light\"] body .bases-card {\n background-color: rgba(0, 0, 0, 0);\n border-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-radius: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .bases-card-title {\n color: var(--text-normal);\n font-weight: var(--nav-item-weight);\n}\n\nhtml[saved-theme=\"light\"] body .bases-table {\n border-color: rgba(111, 118, 133, 0.4);\n}\n\nhtml[saved-theme=\"light\"] body .bases-table tbody tr:nth-child(even) {\n background-color: var(--table-row-alt-background);\n}\n\nhtml[saved-theme=\"light\"] body .bases-table thead th {\n background-color: var(--table-column-alt-background);\n border-color: rgba(111, 118, 133, 0.4);\n color: var(--table-header-color);\n font-weight: var(--table-header-weight);\n}",
|
|
63
|
+
"properties": "html[saved-theme=\"light\"] body .metadata-container {\n --input-height: var(--metadata-input-height);\n background-color: var(--metadata-background);\n border-bottom-color: oklch(0.963183 0.0148351 1);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.963183 0.0148351 1);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.963183 0.0148351 1);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.963183 0.0148351 1);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-muted);\n font-family: var(--font-text);\n margin-block-end: 32px;\n margin-block-start: 0px;\n margin-bottom: 32px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 8px;\n padding-block-start: 8px;\n padding-bottom: 8px;\n padding-inline-end: 0px;\n padding-inline-start: var(--flexcyon-meta-container-padding-left);\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 8px;\n}\n\nhtml[saved-theme=\"light\"] body .metadata-container .metadata-property {\n background-color: var(--metadata-property-background);\n border-bottom-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-left-width: 0px;\n border-right-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-right-width: 0px;\n border-top-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n border-top-width: 0px;\n color: var(--text-muted);\n display: flex;\n font-family: var(--font-text);\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .metadata-property-key {\n color: var(--text-muted);\n font-family: var(--metadata-label-font);\n font-size: var(--font-text-size);\n font-weight: 400;\n}\n\nhtml[saved-theme=\"light\"] body .metadata-property-value {\n --input-padding: var(--metadata-input-padding);\n color: var(--text-muted);\n font-family: var(--metadata-input-font);\n font-size: var(--font-text-size);\n}\n\nhtml[saved-theme=\"light\"] body .note-properties {\n --input-height: var(--metadata-input-height);\n background-color: var(--metadata-background);\n border-color: oklch(0.963183 0.0148351 1);\n border-radius: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .note-properties-key {\n color: var(--text-muted);\n font-weight: 400;\n}\n\nhtml[saved-theme=\"light\"] body .note-properties-link {\n color: var(--text-muted);\n}\n\nhtml[saved-theme=\"light\"] body .note-properties-row {\n border-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n}\n\nhtml[saved-theme=\"light\"] body .note-properties-table {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-left-width: 0px;\n border-right-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-right-width: 0px;\n border-top-color: oklch(0.29593 0.00924516 324.697 / 0.8);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-muted);\n font-family: var(--font-text);\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body .note-properties-tags {\n --icon-size: var(--icon-xs);\n --icon-stroke: var(--icon-xs-stroke-width);\n --pill-background: var(--tag-background);\n --pill-background-hover: var(--tag-background-hover);\n --pill-border-color: var(--tag-border-color);\n --pill-border-color-hover: var(--tag-border-color-hover);\n --pill-border-width: var(--tag-border-width);\n --pill-color: var(--tag-color);\n --pill-color-hover: var(--tag-color-hover);\n --pill-color-remove: var(--tag-color);\n --pill-color-remove-hover: var(--tag-color-hover);\n --pill-corner-shape: var(--tag-corner-shape);\n --pill-decoration: var(--tag-decoration);\n --pill-decoration-hover: var(--tag-decoration-hover);\n --pill-padding-x: var(--tag-padding-x);\n --pill-padding-y: var(--tag-padding-y);\n --pill-radius: var(--tag-radius);\n background-color: var(--pill-background);\n border-radius: 28px;\n color: var(--pill-color);\n}\n\nhtml[saved-theme=\"light\"] body .note-properties-value {\n --input-padding: var(--metadata-input-padding);\n color: var(--text-muted);\n}\n\nhtml[saved-theme=\"light\"] body .note-properties.metadata-container {\n --input-height: var(--metadata-input-height);\n background-color: var(--metadata-background);\n border-bottom-color: oklch(0.963183 0.0148351 1);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.963183 0.0148351 1);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.963183 0.0148351 1);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.963183 0.0148351 1);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-muted);\n font-family: var(--font-text);\n margin-block-end: 32px;\n margin-block-start: 0px;\n margin-bottom: 32px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 8px;\n padding-block-start: 8px;\n padding-bottom: 8px;\n padding-inline-end: 0px;\n padding-inline-start: var(--flexcyon-meta-container-padding-left);\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 8px;\n}\n\nhtml[saved-theme=\"light\"] body div#quartz-root {\n background-color: var(--background-primary);\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body ol.overflow {\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n}",
|
|
64
|
+
"stacked": "html[saved-theme=\"light\"] body #stacked-pages-container.binder-active {\n background-color: var(--background-secondary);\n border-color: oklch(0.134408 0.00000668897 23.7098);\n}\n\nhtml[saved-theme=\"light\"] body .binder-tab {\n background-color: var(--tab-container-background);\n}\n\nhtml[saved-theme=\"light\"] body .binder-tab.binder-tab-active {\n border-color: oklch(0.134408 0.00000668897 23.7098);\n}",
|
|
65
|
+
"misc": "html[saved-theme=\"light\"] body .content-meta {\n --input-height: var(--metadata-input-height);\n color: var(--text-muted);\n font-size: var(--font-text-size);\n}\n\nhtml[saved-theme=\"light\"] body .data-footnote-backref {\n --font-weight: var(--link-weight);\n color: var(--text-faint);\n}\n\nhtml[saved-theme=\"light\"] body .footnotes {\n background-color: rgba(0, 0, 0, 0);\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .katex > .katex-html {\n font-family: var(--font-text);\n}\n\nhtml[saved-theme=\"light\"] body .katex-display {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n color: var(--text-normal);\n}\n\nhtml[saved-theme=\"light\"] body .katex-display > .katex {\n display: block;\n font-family: var(--font-text);\n text-align: center;\n}\n\nhtml[saved-theme=\"light\"] body .katex-display > .katex > .katex-html {\n font-family: var(--font-text);\n}\n\nhtml[saved-theme=\"light\"] body .spacer {\n background-color: var(--background-secondary);\n}\n\nhtml[saved-theme=\"light\"] body abbr {\n color: var(--text-normal);\n text-decoration: underline dotted;\n text-decoration-style: dotted;\n}\n\nhtml[saved-theme=\"light\"] body details {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: 0px;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body footer {\n opacity: 1;\n}\n\nhtml[saved-theme=\"light\"] body h2.page-title {\n background: oklch(0.964736 0.0105337 1) none repeat scroll 0% 0% / auto padding-box border-box;\n background-color: var(--color-base-05);\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 16px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 16px;\n border-top-width: 0px;\n color: var(--text-normal);\n font-family: var(--file-header-font);\n font-size: var(--file-header-font-size);\n font-weight: var(--file-header-font-weight);\n line-height: var(--line-height-tight);\n margin-block-end: 0px;\n margin-block-start: 0px;\n margin-bottom: 0px;\n margin-inline-end: 0px;\n margin-inline-start: -1px;\n margin-left: -1px;\n margin-right: 0px;\n margin-top: 0px;\n padding-block-end: 4px;\n padding-block-start: 4px;\n padding-bottom: 4px;\n padding-inline-end: 12px;\n padding-inline-start: 12px;\n padding-left: 12px;\n padding-right: 12px;\n padding-top: 4px;\n}\n\nhtml[saved-theme=\"light\"] body input[type=text] {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.498212 0.155297 297.879);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.498212 0.155297 297.879);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.498212 0.155297 297.879);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.498212 0.155297 297.879);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--text-normal);\n font-family: var(--metadata-label-font);\n padding-block-end: 4px;\n padding-block-start: 4px;\n padding-bottom: 4px;\n padding-inline-end: 8px;\n padding-inline-start: 8px;\n padding-left: 8px;\n padding-right: 8px;\n padding-top: 4px;\n}\n\nhtml[saved-theme=\"light\"] body kbd {\n background-color: var(--code-background);\n border-bottom-color: oklch(0.636083 0.0886418 200.983);\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.636083 0.0886418 200.983);\n border-left-width: 0px;\n border-right-color: oklch(0.636083 0.0886418 200.983);\n border-right-width: 0px;\n border-top-color: oklch(0.636083 0.0886418 200.983);\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n border-top-width: 0px;\n color: var(--code-normal);\n font-family: var(--font-monospace);\n font-size: var(--code-size);\n padding-block-end: 1.4px;\n padding-block-start: 1.4px;\n padding-bottom: 1.4px;\n padding-inline-end: 3.5px;\n padding-inline-start: 3.5px;\n padding-left: 3.5px;\n padding-right: 3.5px;\n padding-top: 1.4px;\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item input[type=\"checkbox\"] {\n background-color: rgba(0, 0, 0, 0);\n border-color: oklch(0.610087 0.155807 252.597);\n border-radius: 2px;\n border-width: 1px;\n}\n\nhtml[saved-theme=\"light\"] body li.task-list-item input[type=\"checkbox\"]:checked {\n background-color: var(--checkbox-color);\n border-color: oklch(0.498212 0.155297 297.879);\n}\n\nhtml[saved-theme=\"light\"] body pre:has(> code.mermaid) {\n background-color: var(--code-background);\n border: 0px solid oklch(0.963183 0.0148351 1);\n}\n\nhtml[saved-theme=\"light\"] body progress {\n background-color: rgba(0, 0, 0, 0);\n border-bottom-color: oklch(0.134408 0.00000668897 23.7098);\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n border-bottom-width: 0px;\n border-left-color: oklch(0.134408 0.00000668897 23.7098);\n border-left-width: 0px;\n border-right-color: oklch(0.134408 0.00000668897 23.7098);\n border-right-width: 0px;\n border-top-color: oklch(0.134408 0.00000668897 23.7098);\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n border-top-width: 0px;\n height: 6px;\n}\n\nhtml[saved-theme=\"light\"] body sub {\n color: var(--text-normal);\n font-size: var(--font-text-size);\n vertical-align: sub;\n}\n\nhtml[saved-theme=\"light\"] body summary {\n background-color: rgba(0, 0, 0, 0);\n color: var(--text-normal);\n font-weight: 400;\n list-style: inside none disclosure-closed;\n padding-block-end: 0px;\n padding-block-start: 0px;\n padding-bottom: 0px;\n padding-inline-end: 0px;\n padding-inline-start: 0px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n}\n\nhtml[saved-theme=\"light\"] body sup {\n color: var(--text-normal);\n font-size: var(--font-text-size);\n vertical-align: super;\n}\n\nhtml[saved-theme=\"light\"] body ul.tags > li {\n --icon-size: var(--icon-xs);\n --icon-stroke: var(--icon-xs-stroke-width);\n --pill-background: var(--tag-background);\n --pill-background-hover: var(--tag-background-hover);\n --pill-border-color: var(--tag-border-color);\n --pill-border-color-hover: var(--tag-border-color-hover);\n --pill-border-width: var(--tag-border-width);\n --pill-color: var(--tag-color);\n --pill-color-hover: var(--tag-color-hover);\n --pill-color-remove: var(--tag-color);\n --pill-color-remove-hover: var(--tag-color-hover);\n --pill-corner-shape: var(--tag-corner-shape);\n --pill-decoration: var(--tag-decoration);\n --pill-decoration-hover: var(--tag-decoration-hover);\n --pill-padding-x: var(--tag-padding-x);\n --pill-padding-y: var(--tag-padding-y);\n --pill-radius: var(--tag-radius);\n background-color: var(--pill-background);\n border-bottom-color: oklch(0.646636 0.0452763 134.045 / 0.15);\n border-bottom-left-radius: 28px;\n border-bottom-right-radius: 28px;\n border-bottom-style: solid;\n border-bottom-width: 0px;\n border-left-color: oklch(0.646636 0.0452763 134.045 / 0.15);\n border-left-style: solid;\n border-left-width: 0px;\n border-right-color: oklch(0.646636 0.0452763 134.045 / 0.15);\n border-right-style: solid;\n border-right-width: 0px;\n border-top-color: oklch(0.646636 0.0452763 134.045 / 0.15);\n border-top-left-radius: 28px;\n border-top-right-radius: 28px;\n border-top-style: solid;\n border-top-width: 0px;\n color: var(--pill-color);\n}"
|
|
66
|
+
},
|
|
67
|
+
"extras": null,
|
|
68
|
+
"classSettings": {
|
|
69
|
+
"flexcyon-flex-max-mode": {
|
|
70
|
+
"general": "body.flexcyon-flex-max-mode {\n--color-red-blue-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-blue)\n );\n--color-red-blue-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-red), var(--color-blue))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-blue-red-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-red)\n );\n--color-blue-red-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-blue), var(--color-red))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-red-orange-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-orange)\n );\n--color-red-orange-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-red), var(--color-orange))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-orange-red-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-red)\n );\n--color-orange-red-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-orange), var(--color-red))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-red-yellow-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-yellow)\n );\n--color-red-yellow-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-red), var(--color-yellow))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-yellow-red-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-red)\n );\n--color-yellow-red-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-yellow), var(--color-red))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-red-green-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-green)\n );\n--color-red-green-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-red), var(--color-green))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-green-red-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-red)\n );\n--color-green-red-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-green), var(--color-red))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-red-cyan-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-cyan)\n );\n--color-red-cyan-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-red), var(--color-cyan))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-cyan-red-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-red)\n );\n--color-cyan-red-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-cyan), var(--color-red))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-red-purple-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-purple)\n );\n--color-red-purple-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-red), var(--color-purple))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-purple-red-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-red)\n );\n--color-purple-red-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-purple), var(--color-red))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-red-pink-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-pink)\n );\n--color-red-pink-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-red), var(--color-pink))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-pink-red-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-red)\n );\n--color-pink-red-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-pink), var(--color-red))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-orange-yellow-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-yellow)\n );\n--color-orange-yellow-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-orange), var(--color-yellow))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-yellow-orange-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-orange)\n );\n--color-yellow-orange-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-yellow), var(--color-orange))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-orange-green-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-green)\n );\n--color-orange-green-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-orange), var(--color-green))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-green-orange-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-orange)\n );\n--color-green-orange-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-green), var(--color-orange))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-orange-cyan-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-cyan)\n );\n--color-orange-cyan-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-orange), var(--color-cyan))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-cyan-orange-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-orange)\n );\n--color-cyan-orange-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-cyan), var(--color-orange))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-orange-blue-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-blue)\n );\n--color-orange-blue-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-orange), var(--color-blue))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-blue-orange-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-orange)\n );\n--color-blue-orange-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-blue), var(--color-orange))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-orange-purple-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-purple)\n );\n--color-orange-purple-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-orange), var(--color-purple))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-purple-orange-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-orange)\n );\n--color-purple-orange-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-purple), var(--color-orange))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-orange-pink-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-pink)\n );\n--color-orange-pink-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-orange), var(--color-pink))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-pink-orange-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-orange)\n );\n--color-pink-orange-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-pink), var(--color-orange))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-yellow-green-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-green)\n );\n--color-yellow-green-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-yellow), var(--color-green))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-green-yellow-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-yellow)\n );\n--color-green-yellow-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-green), var(--color-yellow))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-yellow-cyan-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-cyan)\n );\n--color-yellow-cyan-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-yellow), var(--color-cyan))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-cyan-yellow-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-yellow)\n );\n--color-cyan-yellow-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-cyan), var(--color-yellow))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-yellow-blue-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-blue)\n );\n--color-yellow-blue-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-yellow), var(--color-blue))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-blue-yellow-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-yellow)\n );\n--color-blue-yellow-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-blue), var(--color-yellow))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-yellow-purple-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-purple)\n );\n--color-yellow-purple-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-yellow), var(--color-purple))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-purple-yellow-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-yellow)\n );\n--color-purple-yellow-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-purple), var(--color-yellow))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-yellow-pink-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-pink)\n );\n--color-yellow-pink-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-yellow), var(--color-pink))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-pink-yellow-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-yellow)\n );\n--color-pink-yellow-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-pink), var(--color-yellow))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-green-cyan-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-cyan)\n );\n--color-green-cyan-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-green), var(--color-cyan))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-cyan-green-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-green)\n );\n--color-cyan-green-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-cyan), var(--color-green))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-green-blue-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-blue)\n );\n--color-green-blue-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-green), var(--color-blue))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-blue-green-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-green)\n );\n--color-blue-green-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-blue), var(--color-green))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-green-purple-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-purple)\n );\n--color-green-purple-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-green), var(--color-purple))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-purple-green-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-green)\n );\n--color-purple-green-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-purple), var(--color-green))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-green-pink-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-pink)\n );\n--color-green-pink-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-green), var(--color-pink))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-pink-green-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-green)\n );\n--color-pink-green-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-pink), var(--color-green))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-cyan-blue-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-blue)\n );\n--color-cyan-blue-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-cyan), var(--color-blue))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-blue-cyan-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-cyan)\n );\n--color-blue-cyan-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-blue), var(--color-cyan))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-cyan-purple-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-purple)\n );\n--color-cyan-purple-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-cyan), var(--color-purple))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-purple-cyan-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-cyan)\n );\n--color-purple-cyan-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-purple), var(--color-cyan))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-cyan-pink-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-pink)\n );\n--color-cyan-pink-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-cyan), var(--color-pink))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-pink-cyan-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-cyan)\n );\n--color-pink-cyan-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-pink), var(--color-cyan))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-blue-purple-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-purple)\n );\n--color-blue-purple-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-blue), var(--color-purple))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-purple-blue-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-blue)\n );\n--color-purple-blue-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-purple), var(--color-blue))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-blue-pink-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-pink)\n );\n--color-blue-pink-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-blue), var(--color-pink))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-pink-blue-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-blue)\n );\n--color-pink-blue-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-pink), var(--color-blue))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-purple-pink-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-pink)\n );\n--color-purple-pink-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-purple), var(--color-pink))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-pink-purple-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-purple)\n );\n--color-pink-purple-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-pink), var(--color-purple))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-purple);\ntext-align: center;\ncontent: \"!\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-cyan);\ntext-align: center;\ncontent: \">\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-pink);\ntext-align: center;\ncontent: \"?\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-green);\ntext-align: center;\ncontent: \"#\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-yellow);\ntext-align: center;\ncontent: \".\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-orange);\ntext-align: center;\ncontent: \"<\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-red);\ntext-align: center;\ncontent: \"$\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-purple);\ntext-align: center;\ncontent: \"*\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-cyan);\ntext-align: center;\ncontent: \"'\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-blue);\ntext-align: center;\ncontent: \"@\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-pink);\ntext-align: center;\ncontent: \"%\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-green);\ntext-align: center;\ncontent: \"+\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-yellow);\ntext-align: center;\ncontent: \"-\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-orange);\ntext-align: center;\ncontent: \"/\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-red);\ntext-align: center;\ncontent: \"~\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\ninset-block-start: -0.15em;\n}\n\nbody.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 {\ninset-block-start: -0.175rem;\nfont-size: calc(var(--flexcyon-ascii-checkboxes-font-size) + 0.3rem);\ncontent: \"‘\";\n}\n\nbody.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-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-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 {\ninset-block-start: -0.175rem;\ntransform: scaleY(1.1);\n}\n\nbody.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 {\ninset-block-start: -0.1rem;\nfont-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.2rem);\nletter-spacing: -0.5px;\ncontent: \"...\";\n}\n\nbody.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 {\ninset-block-start: -0.25rem;\nfont-size: calc(var(--flexcyon-ascii-checkboxes-font-size) + 0.75rem);\n}\n\nbody.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 {\ninset-block-start: -0.125rem;\nfont-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.1rem);\n}\n\nbody.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 {\ninset-block-start: -0.05rem;\nfont-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.2rem);\n}\n\nbody.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 {\ninset-block-start: -0.1rem;\nfont-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.05rem);\n}\n\nbody.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 {\ninset-block-start: -0.3rem;\nmargin-inline-start: -7.5%;\nfont-size: calc(var(--flexcyon-ascii-checkboxes-font-size) + 0.2rem);\nletter-spacing: var(--less-letter-spacing);\ncontent: \"--\";\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfont-size: calc(var(--flexcyon-ascii-checkboxes-font-size) + 0.3rem);\nfont-weight: 900;\ncolor: var(--color-green);\ntext-align: center;\ncontent: \"“\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\ninset-block-start: -0.075rem;\npadding-block-start: 10%;\nmargin-inline-start: -1.5px;\nfont-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.425rem);\nfont-weight: 900;\nline-height: 1.1;\ncolor: var(--color-cyan);\ntext-align: center;\ncontent: \"i\";\nbackground-color: inherit;\nborder: 1.5px solid var(--color-blue);\nborder-radius: 50%;\nmask-image: none;\nscale: var(--upsize);\n}\n\nbody.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 {\npadding-inline-end: 6px;\nfont-weight: 900;\nbackground-color: var(--color-purple);\nborder: none;\nclip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);\n}\n\nbody.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 {\ndisplay: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nfont-weight: 900;\nbackground-color: var(--color-cyan);\nborder: none;\nclip-path: circle();\n}\n\nbody.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 {\ndisplay: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nfont-weight: 900;\nbackground-color: var(--color-blue);\nborder: none;\nclip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);\n}\n\nbody.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 {\ndisplay: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nfont-weight: 900;\nbackground-color: var(--color-pink);\nborder: none;\nclip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);\n}\n\nbody.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 {\ndisplay: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nfont-weight: 900;\nbackground-color: var(--color-green);\nborder: none;\nclip-path: polygon(50% 0%, 100% 100%, 0% 100%);\n}\n\nbody.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 {\ndisplay: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nfont-weight: 900;\nbackground-color: var(--color-yellow);\nborder: none;\nclip-path: rect();\n}\n\nbody.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 {\ndisplay: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nfont-weight: 900;\nbackground-color: var(--color-orange);\nborder: none;\nclip-path: polygon(25% 0%, 75% 0%, 100% 25%, 50% 90%, 0% 25%);\n}\n\nbody.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 {\ndisplay: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nfont-weight: 900;\nbackground-color: var(--color-red);\nborder: none;\nclip-path: polygon(30% 0%, 50% 15%, 70% 0%, 90% 10%, 100% 35%, 80% 70%, 50% 100%, 20% 70%, 0% 35%, 10% 10%);\n}\n\nbody.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 {\ndisplay: none;\n}\n\nbody.flexcyon-flex-max-mode [aria-label^=Uninstall] {\ncolor: rgb(var(--color-red-rgb), 0.9);\n}\n\nbody.flexcyon-flex-max-mode [aria-label^=Options] {\ncolor: rgb(var(--color-blue-rgb), 0.9);\n}\n\nbody.flexcyon-flex-max-mode [aria-label^=\"Customise this command\"], body.flexcyon-flex-max-mode [aria-label^=\"Customize this command\"], body.flexcyon-flex-max-mode [aria-label^=Hotkeys], body.flexcyon-flex-max-mode [aria-label^=\"Open snippets folder\"], body.flexcyon-flex-max-mode [aria-label^=\"Open plugins folder\"] {\ncolor: rgb(var(--color-green-rgb), 0.9);\n}\n\nbody.flexcyon-flex-max-mode [aria-label^=\"Donate to support\"] {\ncolor: rgb(var(--color-pink-rgb), 0.9);\n}\n\nbody.flexcyon-flex-max-mode [aria-label^=\"Reload plugins\"], body.flexcyon-flex-max-mode [aria-label^=\"Reload snippets\"] {\ncolor: rgb(var(--color-cyan-rgb), 0.9);\n}\n\nbody.flexcyon-flex-max-mode [aria-label^=\"Restore default\"] {\ncolor: rgb(var(--color-purple-rgb), 0.9);\n}\n\nbody.flexcyon-flex-max-mode .titlebar-button.mod-minimize:hover {\ncolor: var(--color-cyan);\n}\n\nbody.flexcyon-flex-max-mode .titlebar-button.mod-maximize:hover {\ncolor: var(--color-blue);\n}\n\nbody.flexcyon-flex-max-mode .titlebar-button.mod-close:hover {\ncolor: var(--text-normal);\n}\n\nbody.flexcyon-flex-max-mode .titlebar-button {\nopacity: var(--dimmed);\n}\n\nbody.flexcyon-flex-max-mode .titlebar-button:hover {\nopacity: unset;\nscale: var(--expand);\n}\n\nbody.flexcyon-flex-max-mode {\n--scrollbar-bg: transparent;\n}\n\nbody.flexcyon-flex-max-mode div.community-modal-search-results-wrapper ::-webkit-scrollbar-thumb, body.flexcyon-flex-max-mode div.modal-content.vertical-tabs-container ::-webkit-scrollbar-thumb {\ndisplay: none;\n}\n\nbody.flexcyon-flex-max-mode .view-actions {\nz-index: 10;\nbackground-color: var(--color-base-20);\nborder: 1px solid var(--color-base-20);\nborder-radius: var(--flexcyon-callout-radix);\nopacity: 1;\n}\n\nbody.flexcyon-flex-max-mode .view-actions button {\nborder-radius: var(--flexcyon-callout-radix);\n}\n\nbody.flexcyon-flex-max-mode .view-actions {\npadding: 4px 2px;\nmargin-block-start: 8px;\n}\n\nbody.flexcyon-flex-max-mode .view-actions button {\nborder-radius: var(--flexcyon-callout-radix);\n}\n\nbody.flexcyon-flex-max-mode .nav-files-container > div > div div[data-path$=\".md\"] > div.nav-file-tag, body.flexcyon-flex-max-mode .nav-folder:not(.is-collapsed) > div > div div[data-path$=\".md\"] > div.nav-file-tag {\ndisplay: none;\n}\n\nbody.flexcyon-flex-max-mode .nav-files-container > div > div div[data-path$=\".md\"]::after, body.flexcyon-flex-max-mode .nav-folder:not(.is-collapsed) > div > div div[data-path$=\".md\"]::after {\ncontent: \".md\";\nopacity: var(--dimmed);\n}\n\nbody.flexcyon-flex-max-mode .nav-files-container > div > div div:not([data-path$=\".md\"]) > div.nav-file-tag, body.flexcyon-flex-max-mode .nav-folder:not(.is-collapsed) > div > div div:not([data-path$=\".md\"]) > div.nav-file-tag {\npadding: unset;\nmargin: unset;\nfont-size: var(--flexcyon-exp-dimmed-nav-size);\nfont-weight: unset;\ncolor: var(--text-muted);\ntext-transform: lowercase;\nopacity: var(--dimmed);\n}\n\nbody.flexcyon-flex-max-mode .nav-files-container > div > div div:not([data-path$=\".md\"]) > div.nav-file-tag::before, body.flexcyon-flex-max-mode .nav-folder:not(.is-collapsed) > div > div div:not([data-path$=\".md\"]) > div.nav-file-tag::before {\ncontent: \".\";\n}\n\nbody.flexcyon-flex-max-mode .tree-item-inner {\noverflow: visible;\ntext-overflow: clip;\nwhite-space: collapse;\n}\n\nbody.flexcyon-flex-max-mode .tree-item-self.is-active .tree-item-inner::before {\npadding-inline-end: 4px;\ncontent: var(--flexcyon-active-indicator);\n}\n\nbody.flexcyon-flex-max-mode .cm-panels .cm-panel div div:not(.cm-vim-message) span:first-child {\ninset-block-end: var(--flexcyon-vim-bottom-positioning);\ninset-inline-start: 75px;\n}\n\nbody.flexcyon-flex-max-mode .cm-panels .cm-panel {\npadding-block-start: 5px;\nfont-weight: 500;\nbackground-color: var(--color-base-00);\n}\n\nbody.flexcyon-flex-max-mode .cm-panels input {\nz-index: 16;\nfont-size: 0.9rem;\ntransform: translateY(-4px);\n}\n\nbody.flexcyon-flex-max-mode div.cm-vim-message {\nfont-weight: bold;\ncolor: var(--color-red) !important;\n}\n\nbody.flexcyon-flex-max-mode .plugin-editor-status .status-bar-item-icon svg {\ndisplay: none;\n}\n\nbody.flexcyon-flex-max-mode .plugin-editor-status::before {\nfont-weight: bold;\n}\n\nbody.flexcyon-flex-max-mode .plugin-editor-status[aria-label=Reading]::before {\ncontent: var(--flexcyon-status-reading-text);\n}\n\nbody.flexcyon-flex-max-mode .plugin-editor-status[aria-label=\"Source mode\"]::before {\ncontent: var(--flexcyon-status-source-text);\n}\n\nbody.flexcyon-flex-max-mode .plugin-editor-status[aria-label=\"Live Preview\"]::before {\ncontent: var(--flexcyon-status-live-text);\n}\n\nbody.flexcyon-flex-max-mode .status-bar:hover::before {\ntransform: translateY(var(--flexcyon-status-hide-trigger-translation));\ntransition: transform var(--flexcyon-status-hide-hover-duration) var(--flexcyon-status-hide-hover-function);\n}\n\nbody.flexcyon-flex-max-mode .status-bar:hover {\ntransform: unset;\ntransition: transform var(--flexcyon-status-hide-hover-duration) var(--flexcyon-status-hide-hover-function);\n}\n\nbody.flexcyon-flex-max-mode .status-bar {\ngap: 0;\npadding-inline-end: 1vw;\nbackground-color: transparent;\nborder: transparent;\nscale: var(--expand);\n}\n\nbody.flexcyon-flex-max-mode .status-bar::before {\ninset-inline-end: 0;\n}\n\nbody.flexcyon-flex-max-mode .status-bar .status-bar-item .status-bar-item-icon {\ntransform: translateX(-1px);\n}\n\nbody.flexcyon-flex-max-mode .status-bar .status-bar-item[style=\"display: none;\"] + .status-bar-item {\npadding-inline-start: 12px;\nborder-start-start-radius: 16px;\nborder-end-start-radius: 16px;\n}\n\nbody.flexcyon-flex-max-mode .status-bar .status-bar-item {\npadding: 0;\npadding-inline-start: 2px;\n}\n\nbody.flexcyon-flex-max-mode .status-bar .status-bar-item::after {\nposition: relative;\ninline-size: inherit;\nblock-size: inherit;\npadding: 4px;\ncolor: transparent;\ncontent: \"e\";\nclip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 70% 50%);\n}\n\nbody.flexcyon-flex-max-mode .status-bar :first-child:empty, body.flexcyon-flex-max-mode .status-bar :first-child.status-bar-item {\npadding-inline-start: 6px;\nborder-start-start-radius: 16px;\nborder-end-start-radius: 16px;\n}\n\nbody.flexcyon-flex-max-mode .status-bar :last-child.status-bar-item, body.flexcyon-flex-max-mode .status-bar :nth-last-child(2).status-bar-item {\nmargin-inline-end: 1.25vw;\nborder-start-end-radius: 16px;\nborder-end-end-radius: 16px;\n}\n\nbody.flexcyon-flex-max-mode .status-bar :last-child.status-bar-item *, body.flexcyon-flex-max-mode .status-bar :nth-last-child(2).status-bar-item * {\nmargin-inline-end: 0;\n}\n\nbody.flexcyon-flex-max-mode .status-bar :nth-child(2n+1).status-bar-item {\nbackground-color: var(--color-base-20);\n}\n\nbody.flexcyon-flex-max-mode .status-bar :nth-child(2n+1).status-bar-item::after {\nbackground-color: var(--color-base-05);\n}\n\nbody.flexcyon-flex-max-mode .status-bar :nth-child(2n).status-bar-item {\nbackground-color: var(--color-base-05);\n}\n\nbody.flexcyon-flex-max-mode .status-bar :nth-child(2n).status-bar-item::after {\nbackground-color: var(--color-base-20);\n}\n\nbody.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, body.flexcyon-flex-max-mode .status-bar :last-child.status-bar-item::after {\nbackground-color: transparent;\n}\n\nbody.flexcyon-flex-max-mode div.empty-state {\ncontent-visibility: auto;\n}\n\nbody.flexcyon-flex-max-mode div.empty-state-title {\ndisplay: unset;\n}\n\nbody.flexcyon-flex-max-mode div.empty-state-container {\nmax-inline-size: var(--flexcyon-ascii-max-width);\nmax-block-size: unset;\nscale: var(--flexcyon-ascii-scaling-factor);\n}\n\nbody.flexcyon-flex-max-mode .reveal .pause-overlay::before, body.flexcyon-flex-max-mode div.empty-state-container::before {\ndisplay: inline;\nfont-family: var(--flexcyon-new-tab-font-group);\nfont-size: min(5vw - 3.25px, var(--flexcyon-ascii-max-font-size));\nfont-weight: bold;\nline-height: var(--flexcyon-ascii-line-height);\ntext-align: var(--flexcyon-ascii-alignment);\nwhite-space: pre;\ncontent: var(--flexcyon-ascii-art);\nbackground: var(--flexcyon-new-tab-bg-wrapper);\nbackground-clip: text;\n-webkit-text-fill-color: transparent;\n}\n\nbody.flexcyon-flex-max-mode .reveal .pause-overlay::before {\nposition: absolute;\ninset: 0 0 40px 36px;\nmax-inline-size: max-content;\nmax-block-size: max-content;\nmargin: auto;\nline-height: calc(var(--flexcyon-ascii-line-height) + 0.25);\n}\n\nbody.flexcyon-flex-max-mode .el-hr::before, body.flexcyon-flex-max-mode .hr::before {\nposition: absolute;\ninset-inline: 0px 0;\ndisplay: flex;\njustify-content: center;\ninline-size: fit-content;\nmax-inline-size: 85%;\npadding: 0 var(--flexcyon-cust-hr-str-horiz-padding);\nmargin: 0 auto;\nfont-size: var(--flexcyon-cust-hr-str-font-size);\nfont-style: italic;\ncolor: var(--hr-color);\ncontent: var(--flexcyon-cust-hr-str);\nbackground-color: var(--background-primary);\n}\n\nbody.flexcyon-flex-max-mode .el-hr::before {\ntransform: translateY(-12px);\n}\n\n[data-type=undefined]) {\nanimation: fade-in var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);\n}\n\nbody.flexcyon-flex-max-mode .prompt {\nanimation: slide-in-left var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);\n}\n\nbody.flexcyon-flex-max-mode div.oz-nav-file-title div svg {\ndisplay: none;\n}\n\nbody.flexcyon-flex-max-mode div.oz-nav-file-title {\npadding: var(--flexcyon-tree-item-verti-padding) var(--flexcyon-tree-item-horiz-padding);\n}\n\nbody.flexcyon-flex-max-mode div.oz-nav-file-title .oz-nav-file-title-content {\ninline-size: unset;\n}\n\nbody.flexcyon-flex-max-mode div.oz-nav-file-title span.oz-nav-file-tag {\npadding: unset;\nmargin: unset;\nfont-size: var(--font-ui-small);\nfont-weight: unset;\ncolor: var(--oz-fta-file-pane-file-name-color);\ntext-transform: lowercase;\nletter-spacing: unset;\nbackground-color: unset;\nborder: unset;\nopacity: var(--dimmed);\n}\n\nbody.flexcyon-flex-max-mode div.oz-nav-file-title span.oz-nav-file-tag::before {\ncontent: \".\";\n}\n\nbody.flexcyon-flex-max-mode div.oz-nav-file-title[data-path$=\".md\"] div svg {\ndisplay: none;\n}\n\nbody.flexcyon-flex-max-mode div.oz-nav-file-title[data-path$=\".md\"] span.oz-nav-file-tag {\ndisplay: none;\n}\n\nbody.flexcyon-flex-max-mode div.oz-nav-file-title[data-path$=\".md\"] div::after {\nfont-size: var(--font-ui-small);\ncontent: \".md\";\nopacity: var(--dimmed);\n}",
|
|
71
|
+
"dark": "body.flexcyon-flex-max-mode .hr::before {\nbackground-color: var(--color-base-10);\n}",
|
|
72
|
+
"light": "body.flexcyon-flex-max-mode .hr::before {\nbackground-color: var(--color-base-00);\n}"
|
|
73
|
+
},
|
|
74
|
+
"flexcyon-ext-colors-enabled": {
|
|
75
|
+
"general": "body.flexcyon-ext-colors-enabled {\n--color-red-blue-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-blue)\n );\n--color-red-blue-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-red), var(--color-blue))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-blue-red-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-red)\n );\n--color-blue-red-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-blue), var(--color-red))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-red-orange-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-orange)\n );\n--color-red-orange-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-red), var(--color-orange))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-orange-red-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-red)\n );\n--color-orange-red-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-orange), var(--color-red))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-red-yellow-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-yellow)\n );\n--color-red-yellow-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-red), var(--color-yellow))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-yellow-red-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-red)\n );\n--color-yellow-red-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-yellow), var(--color-red))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-red-green-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-green)\n );\n--color-red-green-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-red), var(--color-green))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-green-red-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-red)\n );\n--color-green-red-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-green), var(--color-red))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-red-cyan-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-cyan)\n );\n--color-red-cyan-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-red), var(--color-cyan))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-cyan-red-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-red)\n );\n--color-cyan-red-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-cyan), var(--color-red))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-red-purple-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-purple)\n );\n--color-red-purple-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-red), var(--color-purple))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-purple-red-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-red)\n );\n--color-purple-red-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-purple), var(--color-red))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-red-pink-mix: color-mix(\n in oklch,\n var(--color-red),\n var(--color-pink)\n );\n--color-red-pink-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-red), var(--color-pink))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-pink-red-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-red)\n );\n--color-pink-red-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-pink), var(--color-red))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-orange-yellow-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-yellow)\n );\n--color-orange-yellow-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-orange), var(--color-yellow))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-yellow-orange-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-orange)\n );\n--color-yellow-orange-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-yellow), var(--color-orange))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-orange-green-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-green)\n );\n--color-orange-green-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-orange), var(--color-green))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-green-orange-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-orange)\n );\n--color-green-orange-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-green), var(--color-orange))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-orange-cyan-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-cyan)\n );\n--color-orange-cyan-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-orange), var(--color-cyan))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-cyan-orange-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-orange)\n );\n--color-cyan-orange-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-cyan), var(--color-orange))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-orange-blue-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-blue)\n );\n--color-orange-blue-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-orange), var(--color-blue))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-blue-orange-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-orange)\n );\n--color-blue-orange-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-blue), var(--color-orange))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-orange-purple-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-purple)\n );\n--color-orange-purple-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-orange), var(--color-purple))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-purple-orange-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-orange)\n );\n--color-purple-orange-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-purple), var(--color-orange))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-orange-pink-mix: color-mix(\n in oklch,\n var(--color-orange),\n var(--color-pink)\n );\n--color-orange-pink-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-orange), var(--color-pink))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-pink-orange-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-orange)\n );\n--color-pink-orange-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-pink), var(--color-orange))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-yellow-green-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-green)\n );\n--color-yellow-green-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-yellow), var(--color-green))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-green-yellow-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-yellow)\n );\n--color-green-yellow-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-green), var(--color-yellow))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-yellow-cyan-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-cyan)\n );\n--color-yellow-cyan-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-yellow), var(--color-cyan))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-cyan-yellow-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-yellow)\n );\n--color-cyan-yellow-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-cyan), var(--color-yellow))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-yellow-blue-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-blue)\n );\n--color-yellow-blue-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-yellow), var(--color-blue))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-blue-yellow-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-yellow)\n );\n--color-blue-yellow-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-blue), var(--color-yellow))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-yellow-purple-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-purple)\n );\n--color-yellow-purple-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-yellow), var(--color-purple))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-purple-yellow-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-yellow)\n );\n--color-purple-yellow-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-purple), var(--color-yellow))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-yellow-pink-mix: color-mix(\n in oklch,\n var(--color-yellow),\n var(--color-pink)\n );\n--color-yellow-pink-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-yellow), var(--color-pink))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-pink-yellow-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-yellow)\n );\n--color-pink-yellow-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-pink), var(--color-yellow))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-green-cyan-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-cyan)\n );\n--color-green-cyan-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-green), var(--color-cyan))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-cyan-green-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-green)\n );\n--color-cyan-green-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-cyan), var(--color-green))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-green-blue-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-blue)\n );\n--color-green-blue-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-green), var(--color-blue))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-blue-green-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-green)\n );\n--color-blue-green-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-blue), var(--color-green))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-green-purple-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-purple)\n );\n--color-green-purple-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-green), var(--color-purple))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-purple-green-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-green)\n );\n--color-purple-green-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-purple), var(--color-green))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-green-pink-mix: color-mix(\n in oklch,\n var(--color-green),\n var(--color-pink)\n );\n--color-green-pink-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-green), var(--color-pink))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-pink-green-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-green)\n );\n--color-pink-green-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-pink), var(--color-green))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-cyan-blue-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-blue)\n );\n--color-cyan-blue-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-cyan), var(--color-blue))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-blue-cyan-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-cyan)\n );\n--color-blue-cyan-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-blue), var(--color-cyan))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-cyan-purple-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-purple)\n );\n--color-cyan-purple-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-cyan), var(--color-purple))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-purple-cyan-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-cyan)\n );\n--color-purple-cyan-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-purple), var(--color-cyan))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-cyan-pink-mix: color-mix(\n in oklch,\n var(--color-cyan),\n var(--color-pink)\n );\n--color-cyan-pink-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-cyan), var(--color-pink))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-pink-cyan-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-cyan)\n );\n--color-pink-cyan-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-pink), var(--color-cyan))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-blue-purple-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-purple)\n );\n--color-blue-purple-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-blue), var(--color-purple))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-purple-blue-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-blue)\n );\n--color-purple-blue-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-purple), var(--color-blue))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-blue-pink-mix: color-mix(\n in oklch,\n var(--color-blue),\n var(--color-pink)\n );\n--color-blue-pink-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-blue), var(--color-pink))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-pink-blue-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-blue)\n );\n--color-pink-blue-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-pink), var(--color-blue))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-purple-pink-mix: color-mix(\n in oklch,\n var(--color-purple),\n var(--color-pink)\n );\n--color-purple-pink-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-purple), var(--color-pink))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n--color-pink-purple-mix: color-mix(\n in oklch,\n var(--color-pink),\n var(--color-purple)\n );\n--color-pink-purple-mix-bg: color-mix(\n in oklch,\n color-mix(in oklch, var(--color-pink), var(--color-purple))\n var(--flexcyon-callout-bg-opacity),\n transparent\n );\n}"
|
|
76
|
+
},
|
|
77
|
+
"flexcyon-coloured-headings": {
|
|
78
|
+
"general": "body.flexcyon-coloured-headings {\n--h1-color: var(--flexcyon-h1-color);\n--h2-color: var(--flexcyon-h2-color);\n--h3-color: var(--flexcyon-h3-color);\n--h4-color: var(--flexcyon-h4-color);\n--h5-color: var(--flexcyon-h5-color);\n--h6-color: var(--flexcyon-h6-color);\n}\n\nh2, h3, h4, h5, h6) {\ncolor: var(--text-normal);\n}\n\nh2, h3, h4, h5, h6) {\ncolor: var(--text-normal);\n}"
|
|
79
|
+
},
|
|
80
|
+
"flexcyon-headings-glow-enabled": {
|
|
81
|
+
"general": "body.flexcyon-headings-glow-enabled h1 {\ntext-shadow: 2px 2px 4px var(--h1-color);\n}\n\nbody.flexcyon-headings-glow-enabled h2 {\ntext-shadow: 1.75px 1.75px 3.5px var(--h2-color);\n}\n\nbody.flexcyon-headings-glow-enabled h3 {\ntext-shadow: 1.5px 1.5px 3px var(--h3-color);\n}\n\nbody.flexcyon-headings-glow-enabled h4 {\ntext-shadow: 1.25px 1.25px 2.5px var(--h4-color);\n}\n\nbody.flexcyon-headings-glow-enabled h5 {\ntext-shadow: 1px 1px 2px var(--h5-color);\n}\n\nbody.flexcyon-headings-glow-enabled h6 {\ntext-shadow: 0.75px 0.75px 1.5px var(--h6-color);\n}"
|
|
82
|
+
},
|
|
83
|
+
"flexcyon-h1-underline-enabled": {
|
|
84
|
+
"general": "body.flexcyon-h1-underline-enabled h1 {\nborder-block-end: calc((var(--h1-weight) - 200) / 100 * 1px) solid var(--h1-color);\n}"
|
|
85
|
+
},
|
|
86
|
+
"flexcyon-h2-underline-enabled": {
|
|
87
|
+
"general": "body.flexcyon-h2-underline-enabled h2 {\nborder-block-end: calc((var(--h2-weight) - 200) / 100 * 1px) solid var(--h2-color);\n}"
|
|
88
|
+
},
|
|
89
|
+
"flexcyon-h3-underline-enabled": {
|
|
90
|
+
"general": "body.flexcyon-h3-underline-enabled h3 {\nborder-block-end: calc((var(--h3-weight) - 200) / 100 * 1px) solid var(--h3-color);\n}"
|
|
91
|
+
},
|
|
92
|
+
"flexcyon-h4-underline-enabled": {
|
|
93
|
+
"general": "body.flexcyon-h4-underline-enabled h4 {\nborder-block-end: calc((var(--h4-weight) - 200) / 100 * 1px) solid var(--h4-color);\n}"
|
|
94
|
+
},
|
|
95
|
+
"flexcyon-h5-underline-enabled": {
|
|
96
|
+
"general": "body.flexcyon-h5-underline-enabled h5 {\nborder-block-end: calc((var(--h5-weight) - 200) / 100 * 1px) solid var(--h5-color);\n}"
|
|
97
|
+
},
|
|
98
|
+
"flexcyon-h6-underline-enabled": {
|
|
99
|
+
"general": "body.flexcyon-h6-underline-enabled h6 {\nborder-block-end: calc((var(--h6-weight) - 200) / 100 * 1px) solid var(--h6-color);\n}"
|
|
100
|
+
},
|
|
101
|
+
"flexcyon-syntax-catppuccin": {
|
|
102
|
+
"general": "body.flexcyon-syntax-catppuccin {\n--flexcyon-code-variable: var(--flexcyon-cyan);\n--flexcyon-code-function: var(--flexcyon-yellow);\n--flexcyon-code-operator: var(--flexcyon-blue);\n--flexcyon-code-error: var(--flexcyon-red-salmon);\n--flexcyon-code-keyword: var(--flexcyon-cyan);\n--code-normal: var(--text-normal);\n--code-comment: var(--text-faint);\n--code-function: var(--flexcyon-code-function);\n--code-important: var(--flexcyon-code-error);\n--code-keyword: var(--flexcyon-code-keyword);\n--code-property: var(--flexcyon-cyan);\n--code-operator: var(--flexcyon-code-operator);\n--code-punctuation: rgb(var(--color-red-rgb), var(--dimmed));\n--code-string: var(--flexcyon-lime-green);\n--code-tag: var(--flexcyon-base-grey-dark);\n--code-value: var(--flexcyon-yellow);\n}\n\nbody.flexcyon-syntax-catppuccin .cm-def {\ncolor: var(--flexcyon-blue);\n}"
|
|
103
|
+
},
|
|
104
|
+
"flexcyon-syntax-lego": {
|
|
105
|
+
"general": "body.flexcyon-syntax-lego {\n--flexcyon-code-variable: var(--text-normal);\n--flexcyon-code-function: var(--text-accent);\n--flexcyon-code-operator: var(--flexcyon-pink);\n--flexcyon-code-error: var(--flexcyon-orange);\n--flexcyon-code-keyword: var(--flexcyon-red-salmon);\n--code-normal: var(--text-normal);\n--code-comment: var(--text-faint);\n--code-function: var(--flexcyon-code-function);\n--code-important: var(--flexcyon-code-error);\n--code-keyword: var(--flexcyon-code-keyword);\n--code-property: var(--text-normal);\n--code-operator: var(--flexcyon-code-operator);\n--code-punctuation: var(--text-normal);\n--code-string: var(--flexcyon-cyan);\n--code-tag: var(--flexcyon-base-grey-dark);\n--code-value: var(--text-normal);\n}\n\nbody.flexcyon-syntax-lego .cm-def {\ncolor: var(--flexcyon-blue);\n}"
|
|
106
|
+
},
|
|
107
|
+
"flexcyon-syntax-monochrome": {
|
|
108
|
+
"general": "body.flexcyon-syntax-monochrome {\n--flexcyon-code-variable: var(--text-normal);\n--flexcyon-code-function: var(--text-muted);\n--flexcyon-code-operator: var(--text-normal);\n--flexcyon-code-error: var(--text-muted);\n--flexcyon-code-keyword: var(--text-normal);\n--code-normal: var(--text-normal);\n--code-comment: var(--text-faint);\n--code-function: var(--flexcyon-code-function);\n--code-important: var(--flexcyon-code-error);\n--code-keyword: var(--flexcyon-code-keyword);\n--code-property: var(--text-normal);\n--code-operator: var(--flexcyon-code-operator);\n--code-punctuation: var(--text-normal);\n--code-string: var(--text-normal);\n--code-tag: var(--flexcyon-base-grey-dark);\n--code-value: var(--text-normal);\n}\n\nbody.flexcyon-syntax-monochrome .cm-def {\ncolor: var(--text-normal);\n}"
|
|
109
|
+
},
|
|
110
|
+
"flexcyon-workspace-card-layout": {
|
|
111
|
+
"general": "body.flexcyon-workspace-card-layout {\n--titlebar-background: transparent;\n--titlebar-background-focused: transparent;\n}\n\nbody.flexcyon-workspace-card-layout .titlebar {\nmargin-block-start: 4px;\nmargin-inline-end: 16px;\n}\n\nbody.flexcyon-workspace-cards-tui-ext .metadata-properties-heading {\nposition: absolute;\ninset-block-start: -15px;\ninset-inline-start: 32px;\n}\n\nbody.flexcyon-workspace-cards-tui-ext .metadata-properties-heading * {\ncolor: rgb(var(--color-purple-rgb), 0.9);\n}\n\nbody.flexcyon-workspace-cards-tui-ext .metadata-properties-heading div.collapse-indicator, body.flexcyon-workspace-cards-tui-ext .metadata-properties-heading .metadata-properties-title {\npadding: 0 8px;\nbackground-color: var(--color-base-10);\n}\n\nbody.flexcyon-workspace-cards-tui-ext .metadata-content {\nmargin-block-start: 4px;\n}\n\nbody.flexcyon-workspace-card-layout .community-modal-info-name {\npadding: var(--flexcyon-comm-text-padding);\npadding-block-start: 16px;\nmargin-block: 8px 0;\nborder: 2px solid var(--text-faint);\nborder-block-end: 0;\nborder-start-start-radius: 16px;\nborder-start-end-radius: 16px;\n}\n\nbody.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 {\npadding: var(--flexcyon-comm-text-padding);\noverflow-wrap: break-word;\nborder: 2px solid var(--text-faint);\nborder-block-start: 0;\nborder-block-end: 0;\n}\n\nbody.flexcyon-workspace-card-layout .community-modal-info-desc {\nmargin-block-start: 0;\n}\n\nbody.flexcyon-workspace-card-layout .community-modal-info-downloads {\ninline-size: 100%;\nmargin-block-start: 0;\n}\n\nbody.flexcyon-workspace-card-layout .community-modal-button-container {\npadding: 16px;\npadding-block-end: 24px;\nmargin: 0;\nborder: 2px solid var(--text-faint);\nborder-block-start: 0;\nborder-end-start-radius: 16px;\nborder-end-end-radius: 16px;\n}\n\nbody.flexcyon-workspace-card-layout .community-modal-readme {\nmargin-block-start: 32px;\n}"
|
|
112
|
+
},
|
|
113
|
+
"flexcyon-workspace-angled-layout": {
|
|
114
|
+
"general": "body.flexcyon-workspace-angled-layout .collapse-icon.is-collapsed svg.svg-icon {\ntransform: rotate(calc(var(--direction) * -1 * 90deg)) skewX(-5deg);\n}\n\nbody.flexcyon-workspace-angled-layout .tree-item-self .collapse-icon svg {\ntransform: skewX(7.5deg);\n}\n\nbody.flexcyon-workspace-angled-layout div.graph-controls.is-close {\ntransform: skewY(-5deg);\n}\n\nbody.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 {\ntransform: skewX(-7.5deg);\n}\n\nbody.flexcyon-workspace-angled-layout .nav-folder-title-content {\ntransform: skewX(-5deg);\n}\n\nbody.flexcyon-workspace-angled-layout #calendar-container > div > div {\ntransform: skewX(-7.5deg);\n}\n\nbody.flexcyon-workspace-angled-layout .oz-explorer-container .oz-file-tree-files div, body.flexcyon-workspace-angled-layout div.oz-folder-line {\ntransform: skewX(-5deg);\n}"
|
|
115
|
+
},
|
|
116
|
+
"flexcyon-workspace-pl10k-layout": {
|
|
117
|
+
"general": "body.flexcyon-workspace-pl10k-layout .view-actions {\nz-index: 10;\nbackground-color: var(--color-base-20);\nborder: 1px solid var(--color-base-20);\nborder-radius: var(--flexcyon-callout-radix);\nopacity: 1;\n}\n\nbody.flexcyon-workspace-pl10k-layout .view-actions button {\nborder-radius: var(--flexcyon-callout-radix);\n}\n\nbody.flexcyon-workspace-pl10k-layout .view-actions {\npadding: 4px 2px;\nmargin-block-start: 8px;\n}\n\nbody.flexcyon-workspace-pl10k-layout .view-actions button {\nborder-radius: var(--flexcyon-callout-radix);\n}"
|
|
118
|
+
},
|
|
119
|
+
"flexcyon-metadata-display-reading-disabled": {
|
|
120
|
+
"general": "body.flexcyon-metadata-display-reading-disabled {\n--metadata-display-reading: none;\n}"
|
|
121
|
+
},
|
|
122
|
+
"flexcyon-metadata-display-editing-disabled": {
|
|
123
|
+
"general": "body.flexcyon-metadata-display-editing-disabled {\n--metadata-display-editing: none;\n}"
|
|
124
|
+
},
|
|
125
|
+
"flexcyon-metadata-rainbow-icons": {
|
|
126
|
+
"general": "body.flexcyon-metadata-rainbow-icons .metadata-container .lucide-forward {\ncolor: var(--color-cyan);\nopacity: calc(var(--dimmed) + 0.2);\n}\n\nbody.flexcyon-metadata-rainbow-icons .metadata-container .lucide-binary {\ncolor: var(--color-blue);\nopacity: calc(var(--dimmed) + 0.2);\n}\n\nbody.flexcyon-metadata-rainbow-icons .metadata-container .lucide-text {\ncolor: var(--color-green);\nopacity: calc(var(--dimmed) + 0.2);\n}\n\nbody.flexcyon-metadata-rainbow-icons .metadata-container .lucide-list {\ncolor: var(--color-orange);\nopacity: calc(var(--dimmed) + 0.2);\n}\n\nbody.flexcyon-metadata-rainbow-icons .metadata-container .lucide-tags {\ncolor: var(--color-red);\nopacity: calc(var(--dimmed) + 0.2);\n}\n\nbody.flexcyon-metadata-rainbow-icons .metadata-container .lucide-check-square {\ncolor: var(--color-yellow);\nopacity: calc(var(--dimmed) + 0.2);\n}\n\nbody.flexcyon-metadata-rainbow-icons .metadata-container .lucide-calendar {\ncolor: var(--text-accent);\nopacity: calc(var(--dimmed) + 0.2);\n}\n\nbody.flexcyon-metadata-rainbow-icons .metadata-container .lucide-file-question {\ncolor: var(--color-purple);\nopacity: calc(var(--dimmed) + 0.2);\n}"
|
|
127
|
+
},
|
|
128
|
+
"flexcyon-ascii-checkboxes-enabled": {
|
|
129
|
+
"general": "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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-purple);\ntext-align: center;\ncontent: \"!\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-cyan);\ntext-align: center;\ncontent: \">\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-pink);\ntext-align: center;\ncontent: \"?\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-green);\ntext-align: center;\ncontent: \"#\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-yellow);\ntext-align: center;\ncontent: \".\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-orange);\ntext-align: center;\ncontent: \"<\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-red);\ntext-align: center;\ncontent: \"$\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-purple);\ntext-align: center;\ncontent: \"*\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-cyan);\ntext-align: center;\ncontent: \"'\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-blue);\ntext-align: center;\ncontent: \"@\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-pink);\ntext-align: center;\ncontent: \"%\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-green);\ntext-align: center;\ncontent: \"+\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-yellow);\ntext-align: center;\ncontent: \"-\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-orange);\ntext-align: center;\ncontent: \"/\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfilter: brightness(1.25);\n}\n\nbody.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 {\ninset-block-start: -0.325em;\nfont-size: var(--flexcyon-ascii-checkboxes-font-size);\nfont-weight: 900;\ncolor: var(--color-red);\ntext-align: center;\ncontent: \"~\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\ninset-block-start: -0.15em;\n}\n\nbody.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 {\ninset-block-start: -0.175rem;\nfont-size: calc(var(--flexcyon-ascii-checkboxes-font-size) + 0.3rem);\ncontent: \"‘\";\n}\n\nbody.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, 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, 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 {\ninset-block-start: -0.175rem;\ntransform: scaleY(1.1);\n}\n\nbody.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 {\ninset-block-start: -0.1rem;\nfont-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.2rem);\nletter-spacing: -0.5px;\ncontent: \"...\";\n}\n\nbody.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 {\ninset-block-start: -0.25rem;\nfont-size: calc(var(--flexcyon-ascii-checkboxes-font-size) + 0.75rem);\n}\n\nbody.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 {\ninset-block-start: -0.125rem;\nfont-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.1rem);\n}\n\nbody.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 {\ninset-block-start: -0.05rem;\nfont-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.2rem);\n}\n\nbody.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 {\ninset-block-start: -0.1rem;\nfont-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.05rem);\n}\n\nbody.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 {\ninset-block-start: -0.3rem;\nmargin-inline-start: -7.5%;\nfont-size: calc(var(--flexcyon-ascii-checkboxes-font-size) + 0.2rem);\nletter-spacing: var(--less-letter-spacing);\ncontent: \"--\";\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\nfont-size: calc(var(--flexcyon-ascii-checkboxes-font-size) + 0.3rem);\nfont-weight: 900;\ncolor: var(--color-green);\ntext-align: center;\ncontent: \"“\";\nbackground-color: inherit;\nmask-image: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nbackground-color: inherit;\nborder: none;\n}\n\nbody.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 {\ninset-block-start: -0.075rem;\npadding-block-start: 10%;\nmargin-inline-start: -1.5px;\nfont-size: calc(var(--flexcyon-ascii-checkboxes-font-size) - 0.425rem);\nfont-weight: 900;\nline-height: 1.1;\ncolor: var(--color-cyan);\ntext-align: center;\ncontent: \"i\";\nbackground-color: inherit;\nborder: 1.5px solid var(--color-blue);\nborder-radius: 50%;\nmask-image: none;\nscale: var(--upsize);\n}"
|
|
130
|
+
},
|
|
131
|
+
"flexcyon-clip-path-checkboxes-enabled": {
|
|
132
|
+
"general": "body.flexcyon-clip-path-checkboxes-enabled input[data-task=s]:checked, body.flexcyon-clip-path-checkboxes-enabled li[data-task=s] > input:checked, body.flexcyon-clip-path-checkboxes-enabled li[data-task=s] > p > input:checked {\npadding-inline-end: 6px;\nfont-weight: 900;\nbackground-color: var(--color-purple);\nborder: none;\nclip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);\n}\n\nbody.flexcyon-clip-path-checkboxes-enabled input[data-task=s]:checked::after, body.flexcyon-clip-path-checkboxes-enabled li[data-task=s] > input:checked::after, body.flexcyon-clip-path-checkboxes-enabled li[data-task=s] > p > input:checked::after {\ndisplay: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nfont-weight: 900;\nbackground-color: var(--color-cyan);\nborder: none;\nclip-path: circle();\n}\n\nbody.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 {\ndisplay: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nfont-weight: 900;\nbackground-color: var(--color-blue);\nborder: none;\nclip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);\n}\n\nbody.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 {\ndisplay: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nfont-weight: 900;\nbackground-color: var(--color-pink);\nborder: none;\nclip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);\n}\n\nbody.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 {\ndisplay: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nfont-weight: 900;\nbackground-color: var(--color-green);\nborder: none;\nclip-path: polygon(50% 0%, 100% 100%, 0% 100%);\n}\n\nbody.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 {\ndisplay: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nfont-weight: 900;\nbackground-color: var(--color-yellow);\nborder: none;\nclip-path: rect();\n}\n\nbody.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 {\ndisplay: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nfont-weight: 900;\nbackground-color: var(--color-orange);\nborder: none;\nclip-path: polygon(25% 0%, 75% 0%, 100% 25%, 50% 90%, 0% 25%);\n}\n\nbody.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 {\ndisplay: none;\n}\n\nbody.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 {\npadding-inline-end: 6px;\nfont-weight: 900;\nbackground-color: var(--color-red);\nborder: none;\nclip-path: polygon(30% 0%, 50% 15%, 70% 0%, 90% 10%, 100% 35%, 80% 70%, 50% 100%, 20% 70%, 0% 35%, 10% 10%);\n}\n\nbody.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 {\ndisplay: none;\n}"
|
|
133
|
+
},
|
|
134
|
+
"flexcyon-rainbow-bullet-points": {
|
|
135
|
+
"general": "body.flexcyon-rainbow-bullet-points ul :nth-of-type(8n + 0) .list-bullet::after {\n--list-marker-color: var(--color-purple);\n}\n\nbody.flexcyon-rainbow-bullet-points ul :nth-of-type(8n + 1) .list-bullet::after {\n--list-marker-color: var(--color-cyan);\n}\n\nbody.flexcyon-rainbow-bullet-points ul :nth-of-type(8n + 2) .list-bullet::after {\n--list-marker-color: var(--color-blue);\n}\n\nbody.flexcyon-rainbow-bullet-points ul :nth-of-type(8n + 3) .list-bullet::after {\n--list-marker-color: var(--color-pink);\n}\n\nbody.flexcyon-rainbow-bullet-points ul :nth-of-type(8n + 4) .list-bullet::after {\n--list-marker-color: var(--color-green);\n}\n\nbody.flexcyon-rainbow-bullet-points ul :nth-of-type(8n + 5) .list-bullet::after {\n--list-marker-color: var(--color-yellow);\n}\n\nbody.flexcyon-rainbow-bullet-points ul :nth-of-type(8n + 6) .list-bullet::after {\n--list-marker-color: var(--color-orange);\n}\n\nbody.flexcyon-rainbow-bullet-points ul :nth-of-type(8n + 7) .list-bullet::after {\n--list-marker-color: var(--color-red);\n}"
|
|
136
|
+
},
|
|
137
|
+
"flexcyon-editor-grid": {
|
|
138
|
+
"general": "body.flexcyon-editor-grid .canvas-background, body.flexcyon-editor-grid .kanban-plugin div {\nbackground-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));\n}\n\nbody.flexcyon-editor-grid .canvas-background *, body.flexcyon-editor-grid .kanban-plugin div * {\nbackground-image: none;\n}"
|
|
139
|
+
},
|
|
140
|
+
"flexcyon-editor-dots": {
|
|
141
|
+
"general": "body.flexcyon-editor-dots .canvas-background, body.flexcyon-editor-dots .kanban-plugin div {\nbackground-image: radial-gradient(var(--flexcyon-editor-bg-color) var(--flexcyon-editor-dot-size), transparent 1px);\nbackground-repeat: repeat;\nbackground-size: var(--flexcyon-editor-bg-width) var(--flexcyon-editor-bg-width);\n}\n\nbody.flexcyon-editor-dots .canvas-background *, body.flexcyon-editor-dots .kanban-plugin div * {\nbackground-image: none;\n}"
|
|
142
|
+
},
|
|
143
|
+
"flexcyon-editor-rhombus": {
|
|
144
|
+
"general": "body.flexcyon-editor-rhombus .canvas-background, body.flexcyon-editor-rhombus .kanban-plugin div {\nbackground-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));\n}\n\nbody.flexcyon-editor-rhombus .canvas-background .canvas-background, body.flexcyon-editor-rhombus .kanban-plugin div .canvas-background {\ndisplay: none;\n}\n\nbody.flexcyon-editor-rhombus .canvas-background *, body.flexcyon-editor-rhombus .kanban-plugin div * {\nbackground-image: none;\n}"
|
|
145
|
+
},
|
|
146
|
+
"flexcyon-settings-coloured-icons": {
|
|
147
|
+
"general": "body.flexcyon-settings-coloured-icons [aria-label^=Uninstall] {\ncolor: rgb(var(--color-red-rgb), 0.9);\n}\n\nbody.flexcyon-settings-coloured-icons [aria-label^=Options] {\ncolor: rgb(var(--color-blue-rgb), 0.9);\n}\n\nbody.flexcyon-settings-coloured-icons [aria-label^=\"Customise this command\"], body.flexcyon-settings-coloured-icons [aria-label^=\"Customize this command\"], body.flexcyon-settings-coloured-icons [aria-label^=Hotkeys], body.flexcyon-settings-coloured-icons [aria-label^=\"Open snippets folder\"], body.flexcyon-settings-coloured-icons [aria-label^=\"Open plugins folder\"] {\ncolor: rgb(var(--color-green-rgb), 0.9);\n}\n\nbody.flexcyon-settings-coloured-icons [aria-label^=\"Donate to support\"] {\ncolor: rgb(var(--color-pink-rgb), 0.9);\n}\n\nbody.flexcyon-settings-coloured-icons [aria-label^=\"Reload plugins\"], body.flexcyon-settings-coloured-icons [aria-label^=\"Reload snippets\"] {\ncolor: rgb(var(--color-cyan-rgb), 0.9);\n}\n\nbody.flexcyon-settings-coloured-icons [aria-label^=\"Restore default\"] {\ncolor: rgb(var(--color-purple-rgb), 0.9);\n}"
|
|
148
|
+
},
|
|
149
|
+
"flexcyon-ascii-icon-set": {
|
|
150
|
+
"general": "body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .modal-close-button, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .modal-close-button {\nposition: absolute;\ninset-block-start: 16px;\ninset-inline-end: 2.5%;\ninline-size: 24px;\npadding-inline-end: 48px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .modal-close-button::before, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .modal-close-button::before {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .modal-close-button::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .modal-close-button::after {\nfont-size: var(--font-ui-small);\ncontent: \"x_x\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .search-input-container::before, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .search-input-container::before {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .search-input-container::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .search-input-container::after {\nposition: absolute;\ninset-block-end: 6px;\ninset-inline-start: 0;\nmargin: 0 8px;\nfont-size: var(--font-ui-small);\ncontent: \"?/\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .iconic-add svg, body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .iconic-drag svg, body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .iconic-rule-icon svg, body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .omnisearch-result__icon svg, body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .workspace-left-content[aria-label*=Back] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-add svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-drag svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-rule-icon svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .omnisearch-result__icon svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .workspace-left-content[aria-label*=Back] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .iconic-rule-icon, body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .iconic-add, body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .iconic-drag, body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .workspace-left-content[aria-label*=Back], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-rule-icon, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-add, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-drag, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .workspace-left-content[aria-label*=Back] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .iconic-rule-icon::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-rule-icon::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"./^\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .iconic-add::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-add::after {\nfont-size: var(--font-ui-small);\ncolor: var(--color-green);\nletter-spacing: -0.75px;\ncontent: \"[~]\";\ntransform: translateX(-24px);\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .iconic-drag::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-drag::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"|||\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .omnisearch-result__icon:has(.lucide-file)::before, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .omnisearch-result__icon:has(.lucide-file)::before {\nfont-size: var(--font-ui-smaller);\nletter-spacing: -2px;\ncontent: \"''\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .omnisearch-result__icon:has(.lucide-file-text)::before, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .omnisearch-result__icon:has(.lucide-file-text)::before {\nfont-size: var(--font-ui-smaller);\nletter-spacing: -2px;\ncontent: \"``\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .workspace-left-content[aria-label*=Back]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .workspace-left-content[aria-label*=Back]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"<\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Uninstall], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Uninstall] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Uninstall]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Uninstall]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"*_*\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Uninstall] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Uninstall] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Options], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Options] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Options]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Options]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[*]\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Options] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Options] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Hotkeys], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Hotkeys] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Hotkeys]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Hotkeys]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[%]\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Hotkeys] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Hotkeys] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Customise this command\"], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Customise this command\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Customise this command\"]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Customise this command\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[~]\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Customise this command\"] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Customise this command\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Customize this command\"], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Customize this command\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Customize this command\"]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Customize this command\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[~]\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Customize this command\"] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Customize this command\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Export settings\"], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Export settings\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Export settings\"]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Export settings\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \".>\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Export settings\"] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Export settings\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Donate], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Donate] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Donate]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Donate]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"<3\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Donate] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Donate] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Reload], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Reload] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Reload]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Reload]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[R]\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Reload] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Reload] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Change sort order\"], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Change sort order\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Change sort order\"]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Change sort order\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"|'|\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Change sort order\"] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Change sort order\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=folder], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=folder] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=folder]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=folder]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"./^\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=folder] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=folder] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Restore default\"], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Restore default\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Restore default\"]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Restore default\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[0]\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Restore default\"] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Restore default\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Reset all settings to default\"], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Reset all settings to default\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Reset all settings to default\"]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Reset all settings to default\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[0]\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Reset all settings to default\"] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Reset all settings to default\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"New note\"], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"New note\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"New note\"]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"New note\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[N]\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"New note\"] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"New note\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Expand], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Expand] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Expand]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Expand]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[+]\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Expand] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Expand] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Collapse], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Collapse] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Collapse]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Collapse]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[-]\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Collapse] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Collapse] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Auto-reveal current file\"], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Auto-reveal current file\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Auto-reveal current file\"]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Auto-reveal current file\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[>]\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Auto-reveal current file\"] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Auto-reveal current file\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Auto-scroll to current section\"], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Auto-scroll to current section\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Auto-scroll to current section\"]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Auto-scroll to current section\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[>]\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Auto-scroll to current section\"] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Auto-scroll to current section\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Show search filter\"], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Show search filter\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Show search filter\"]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Show search filter\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"?/\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Show search filter\"] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Show search filter\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Bookmark the active tab\"], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Bookmark the active tab\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Bookmark the active tab\"]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Bookmark the active tab\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[B]\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"Bookmark the active tab\"] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Bookmark the active tab\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"New bookmark group\"], body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"New bookmark group\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"New bookmark group\"]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"New bookmark group\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"{+}\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"New bookmark group\"] svg, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"New bookmark group\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=\"New bookmark group\"]::after, body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Collapse]::after, body.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) [aria-label*=Expand]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"New bookmark group\"]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Collapse]::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Expand]::after {\nletter-spacing: -2px;\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .search-input-clear-button::before, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .search-input-clear-button::before {\ncontent: \"x_x\";\n}\n\nbody.flexcyon-ascii-icon-set:not(.flexcyon-ensure-plugin-icon) .search-input-clear-button::after, body.flexcyon-ensure-plugin-icon:not([class*=iconic]) .search-input-clear-button::after {\nopacity: 0;\n}"
|
|
151
|
+
},
|
|
152
|
+
"flexcyon-ensure-plugin-icon": {
|
|
153
|
+
"general": "body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .modal-close-button {\nposition: absolute;\ninset-block-start: 16px;\ninset-inline-end: 2.5%;\ninline-size: 24px;\npadding-inline-end: 48px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .modal-close-button::before {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .modal-close-button::after {\nfont-size: var(--font-ui-small);\ncontent: \"x_x\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .search-input-container::before {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .search-input-container::after {\nposition: absolute;\ninset-block-end: 6px;\ninset-inline-start: 0;\nmargin: 0 8px;\nfont-size: var(--font-ui-small);\ncontent: \"?/\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-add svg, body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-drag svg, body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-rule-icon svg, body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .omnisearch-result__icon svg, body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .workspace-left-content[aria-label*=Back] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-rule-icon, body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-add, body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-drag, body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .workspace-left-content[aria-label*=Back] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-rule-icon::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"./^\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-add::after {\nfont-size: var(--font-ui-small);\ncolor: var(--color-green);\nletter-spacing: -0.75px;\ncontent: \"[~]\";\ntransform: translateX(-24px);\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .iconic-drag::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"|||\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .omnisearch-result__icon:has(.lucide-file)::before {\nfont-size: var(--font-ui-smaller);\nletter-spacing: -2px;\ncontent: \"''\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .omnisearch-result__icon:has(.lucide-file-text)::before {\nfont-size: var(--font-ui-smaller);\nletter-spacing: -2px;\ncontent: \"``\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .workspace-left-content[aria-label*=Back]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"<\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Uninstall] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Uninstall]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"*_*\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Uninstall] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Options] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Options]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[*]\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Options] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Hotkeys] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Hotkeys]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[%]\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Hotkeys] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Customise this command\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Customise this command\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[~]\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Customise this command\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Customize this command\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Customize this command\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[~]\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Customize this command\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Export settings\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Export settings\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \".>\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Export settings\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Donate] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Donate]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"<3\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Donate] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Reload] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Reload]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[R]\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Reload] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Change sort order\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Change sort order\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"|'|\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Change sort order\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=folder] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=folder]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"./^\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=folder] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Restore default\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Restore default\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[0]\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Restore default\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Reset all settings to default\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Reset all settings to default\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[0]\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Reset all settings to default\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"New note\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"New note\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[N]\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"New note\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Expand] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Expand]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[+]\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Expand] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Collapse] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Collapse]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[-]\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Collapse] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Auto-reveal current file\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Auto-reveal current file\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[>]\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Auto-reveal current file\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Auto-scroll to current section\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Auto-scroll to current section\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[>]\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Auto-scroll to current section\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Show search filter\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Show search filter\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"?/\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Show search filter\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Bookmark the active tab\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Bookmark the active tab\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"[B]\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"Bookmark the active tab\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"New bookmark group\"] {\ninline-size: 24px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"New bookmark group\"]::after {\nfont-size: var(--font-ui-small);\nletter-spacing: -0.75px;\ncontent: \"{+}\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"New bookmark group\"] svg {\nopacity: 0;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=\"New bookmark group\"]::after, body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Collapse]::after, body.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) [aria-label*=Expand]::after {\nletter-spacing: -2px;\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .search-input-clear-button::before {\ncontent: \"x_x\";\n}\n\nbody.flexcyon-ascii-icon-set.flexcyon-ensure-plugin-icon:not([class*=iconic]) .search-input-clear-button::after {\nopacity: 0;\n}"
|
|
154
|
+
},
|
|
155
|
+
"flexcyon-titlebar-button-effects": {
|
|
156
|
+
"general": "body.flexcyon-titlebar-button-effects .titlebar-button.mod-minimize:hover {\ncolor: var(--color-cyan);\n}\n\nbody.flexcyon-titlebar-button-effects .titlebar-button.mod-maximize:hover {\ncolor: var(--color-blue);\n}\n\nbody.flexcyon-titlebar-button-effects .titlebar-button.mod-close:hover {\ncolor: var(--text-normal);\n}\n\nbody.flexcyon-titlebar-button-effects .titlebar-button {\nopacity: var(--dimmed);\n}\n\nbody.flexcyon-titlebar-button-effects .titlebar-button:hover {\nopacity: unset;\nscale: var(--expand);\n}"
|
|
157
|
+
},
|
|
158
|
+
"flexcyon-alt-link-style": {
|
|
159
|
+
"general": "body.flexcyon-alt-link-style {\n--link-decoration: none;\n--link-color-hover: var(--color-base-05);\n--link-color: var(--color-base-05);\n--link-external-decoration: none;\n--link-external-color: var(--color-base-05);\n--link-external-color-hover: var(--color-base-05);\n--link-unresolved-color: var(--color-base-05);\n--link-unresolved-decoration-color: var(--color-base-05);\n--link-unresolved-decoration-style: dashed;\n}\n\nbody.flexcyon-alt-link-style a.style-settings-import {\nmargin-block-start: 1px;\n}\n\nbody.flexcyon-alt-link-style a, body.flexcyon-alt-link-style .markdown-rendered .internal-link, body.flexcyon-alt-link-style .cm-link, body.flexcyon-alt-link-style .markdown-rendered .external-link {\npadding: 2px 4px;\n}\n\nbody.flexcyon-alt-link-style a a, body.flexcyon-alt-link-style .markdown-rendered .internal-link a, body.flexcyon-alt-link-style .cm-link a, body.flexcyon-alt-link-style .markdown-rendered .external-link a {\npadding: unset;\n}\n\nbody.flexcyon-alt-link-style .bases-rendered-value.markdown-rendered .internal-link {\npadding: unset;\nfont-size: unset;\n}\n\nbody.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 {\ncolor: var(--color-base-05);\nbackground-color: color-mix(in oklch, var(--flexcyon-link-color) var(--flexcyon-alt-link-opacity), transparent);\n}\n\nbody.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 {\npadding: unset;\ncolor: unset;\nbackground-color: unset;\n}\n\nbody.flexcyon-alt-link-style a.style-settings-export, body.flexcyon-alt-link-style .cm-link, body.flexcyon-alt-link-style .markdown-rendered .external-link {\nbackground-color: color-mix(in oklch, var(--flexcyon-external-link-color) var(--flexcyon-alt-link-opacity), transparent);\n}\n\nbody.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 {\npadding: unset;\ncolor: unset;\nbackground-color: unset;\n}"
|
|
160
|
+
},
|
|
161
|
+
"flexcyon-tui-no-icons": {
|
|
162
|
+
"general": "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, body.flexcyon-tui-callouts.flexcyon-tui-no-icons .callout:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-icon {\ndisplay: none;\n}"
|
|
163
|
+
},
|
|
164
|
+
"flexcyon-tui-callouts": {
|
|
165
|
+
"general": "body.flexcyon-tui-no-icons .callout:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-icon {\ndisplay: none;\n}\n\nbody.flexcyon-tui-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) {\npadding: 0;\nmargin: 0;\nbackground-color: var(--background-primary);\n--callout-color: var(--text-faint);\n}\n\nbody.flexcyon-tui-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-fold {\ndisplay: none;\n}\n\nbody.flexcyon-tui-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title {\nz-index: 2;\ninline-size: max-content;\npadding: 0 8px;\ncolor: var(--text-faint);\nbackground-color: var(--background-primary);\ntransform: translate(24px, 50%);\n}\n\nbody.flexcyon-tui-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h1, body.flexcyon-tui-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h2, body.flexcyon-tui-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h3, body.flexcyon-tui-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h4, body.flexcyon-tui-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h5, body.flexcyon-tui-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title h6 {\nfont-size: inherit;\ncolor: unset;\n}\n\nbody.flexcyon-tui-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title div {\ntransform: translateY(-2px);\n}\n\nbody.flexcyon-tui-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])).is-collapsed .callout-title {\nmin-block-size: 40px;\n}\n\nbody.flexcyon-tui-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-title:not(:has(~ .callout-content)) {\nblock-size: 40px;\n}\n\nbody.flexcyon-tui-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=plain], [data-callout-metadata*=vertical], [data-callout-metadata*=plain])) .callout-content {\nz-index: 1;\npadding: 8px 16px;\nborder: 1px solid var(--text-faint);\nborder-radius: var(--flexcyon-callout-radix);\n}"
|
|
166
|
+
},
|
|
167
|
+
"flexcyon-plain-callouts": {
|
|
168
|
+
"general": "body.flexcyon-plain-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) {\npadding: 0;\nborder: 1px solid var(--color-blue);\nborder-radius: calc(0.5 * var(--flexcyon-callout-radix));\n}\n\nbody.flexcyon-plain-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title {\npadding: 4px 12px;\ncolor: var(--background-primary);\nbackground-color: var(--color-blue);\n}\n\nbody.flexcyon-plain-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-title .callout-icon {\ndisplay: none;\n}\n\nbody.flexcyon-plain-callouts .callout:not(:is([data-callout*=vertical], [data-callout*=tui], [data-callout-metadata*=vertical], [data-callout-metadata*=tui])) .callout-content {\npadding: 4px 12px;\n}"
|
|
169
|
+
},
|
|
170
|
+
"flexcyon-vert-callouts": {
|
|
171
|
+
"general": "body.flexcyon-vert-callouts .callout:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) {\ndisplay: flex;\nflex-direction: row;\npadding: 0;\nletter-spacing: 2px;\nborder: 1px solid var(--color-blue);\nborder-radius: calc(0.5 * var(--flexcyon-callout-radix));\n}\n\nbody.flexcyon-vert-callouts .callout:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-title {\njustify-content: center;\npadding: 8px 12px;\ntext-overflow: hidden;\ncolor: var(--background-primary);\nbackground-color: var(--color-blue);\nwriting-mode: vertical-lr;\n}\n\nbody.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 {\ncolor: var(--background-primary);\n}\n\nbody.flexcyon-vert-callouts .callout:not(:is([data-callout*=tui], [data-callout*=plain], [data-callout-metadata*=tui], [data-callout-metadata*=plain])) .callout-content {\npadding: 4px 12px;\nmargin-inline-start: 12px;\n}"
|
|
172
|
+
},
|
|
173
|
+
"flexcyon-settings-scrollbar-removed": {
|
|
174
|
+
"general": "body.flexcyon-settings-scrollbar-removed {\n--scrollbar-bg: transparent;\n}\n\nbody.flexcyon-settings-scrollbar-removed div.community-modal-search-results-wrapper ::-webkit-scrollbar-thumb, body.flexcyon-settings-scrollbar-removed div.modal-content.vertical-tabs-container ::-webkit-scrollbar-thumb {\ndisplay: none;\n}"
|
|
175
|
+
},
|
|
176
|
+
"flexcyon-workspace-cards-tui-ext": {
|
|
177
|
+
"general": "body.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .metadata-properties-heading {\nposition: absolute;\ninset-block-start: -15px;\ninset-inline-start: 32px;\n}\n\nbody.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .metadata-properties-heading * {\ncolor: rgb(var(--color-purple-rgb), 0.9);\n}\n\nbody.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 {\npadding: 0 8px;\nbackground-color: var(--color-base-10);\n}\n\nbody.flexcyon-workspace-card-layout.flexcyon-workspace-cards-tui-ext .metadata-content {\nmargin-block-start: 4px;\n}"
|
|
178
|
+
},
|
|
179
|
+
"flexcyon-reverse-mode": {
|
|
180
|
+
"general": "body.flexcyon-reverse-mode .status-bar {\ninset-block-end: 40px;\n--flexcyon-status-hide-trigger-translation: 80px;\n}\n\nbody.flexcyon-reverse-mode .workspace-sidedock-vault-profile {\nflex-direction: row-reverse;\n}"
|
|
181
|
+
},
|
|
182
|
+
"flexcyon-reverse-tab-header-container": {
|
|
183
|
+
"general": "body.flexcyon-reverse-tab-header-container .status-bar {\ninset-block-end: 40px;\n--flexcyon-status-hide-trigger-translation: 80px;\n}"
|
|
184
|
+
},
|
|
185
|
+
"flexcyon-file-exp-dimmed-file-exts-enabled": {
|
|
186
|
+
"general": "body.flexcyon-file-exp-dimmed-file-exts-enabled .nav-files-container > div > div div[data-path$=\".md\"] > div.nav-file-tag, body.flexcyon-file-exp-dimmed-file-exts-enabled .nav-folder:not(.is-collapsed) > div > div div[data-path$=\".md\"] > div.nav-file-tag {\ndisplay: none;\n}\n\nbody.flexcyon-file-exp-dimmed-file-exts-enabled .nav-files-container > div > div div[data-path$=\".md\"]::after, body.flexcyon-file-exp-dimmed-file-exts-enabled .nav-folder:not(.is-collapsed) > div > div div[data-path$=\".md\"]::after {\ncontent: \".md\";\nopacity: var(--dimmed);\n}\n\nbody.flexcyon-file-exp-dimmed-file-exts-enabled .nav-files-container > div > div div:not([data-path$=\".md\"]) > div.nav-file-tag, body.flexcyon-file-exp-dimmed-file-exts-enabled .nav-folder:not(.is-collapsed) > div > div div:not([data-path$=\".md\"]) > div.nav-file-tag {\npadding: unset;\nmargin: unset;\nfont-size: var(--flexcyon-exp-dimmed-nav-size);\nfont-weight: unset;\ncolor: var(--text-muted);\ntext-transform: lowercase;\nopacity: var(--dimmed);\n}\n\nbody.flexcyon-file-exp-dimmed-file-exts-enabled .nav-files-container > div > div div:not([data-path$=\".md\"]) > div.nav-file-tag::before, body.flexcyon-file-exp-dimmed-file-exts-enabled .nav-folder:not(.is-collapsed) > div > div div:not([data-path$=\".md\"]) > div.nav-file-tag::before {\ncontent: \".\";\n}"
|
|
187
|
+
},
|
|
188
|
+
"flexcyon-wrap-long-filenames": {
|
|
189
|
+
"general": "body.flexcyon-wrap-long-filenames .tree-item-inner {\noverflow: visible;\ntext-overflow: clip;\nwhite-space: collapse;\n}\n\nbody.flexcyon-wrap-long-filenames div.oz-folder-name, body.flexcyon-wrap-long-filenames div.oz-nav-file-title-content {\noverflow: visible;\ntext-overflow: clip;\nwhite-space: normal;\n}"
|
|
190
|
+
},
|
|
191
|
+
"flexcyon-rainbow-folders": {
|
|
192
|
+
"general": "body.flexcyon-rainbow-folders .tree-item-children {\nborder-inline-start: none;\n}\n\nbody.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 {\ncolor: var(--color-purple);\n}\n\nbody.flexcyon-rainbow-folders .nav-files-container div .nav-folder:nth-of-type(8n + 0) .nav-folder .nav-folder-title {\ncolor: rgb(var(--color-purple-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.flexcyon-rainbow-folders .nav-files-container div .nav-folder:nth-of-type(8n + 0) .nav-folder .nav-folder-title .collapse-icon svg {\ncolor: rgb(var(--color-purple-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.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 {\ncolor: var(--color-cyan);\n}\n\nbody.flexcyon-rainbow-folders .nav-files-container div .nav-folder:nth-of-type(8n + 1) .nav-folder .nav-folder-title {\ncolor: rgb(var(--color-cyan-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.flexcyon-rainbow-folders .nav-files-container div .nav-folder:nth-of-type(8n + 1) .nav-folder .nav-folder-title .collapse-icon svg {\ncolor: rgb(var(--color-cyan-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.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 {\ncolor: var(--color-blue);\n}\n\nbody.flexcyon-rainbow-folders .nav-files-container div .nav-folder:nth-of-type(8n + 2) .nav-folder .nav-folder-title {\ncolor: rgb(var(--color-blue-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.flexcyon-rainbow-folders .nav-files-container div .nav-folder:nth-of-type(8n + 2) .nav-folder .nav-folder-title .collapse-icon svg {\ncolor: rgb(var(--color-blue-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.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 {\ncolor: var(--color-pink);\n}\n\nbody.flexcyon-rainbow-folders .nav-files-container div .nav-folder:nth-of-type(8n + 3) .nav-folder .nav-folder-title {\ncolor: rgb(var(--color-pink-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.flexcyon-rainbow-folders .nav-files-container div .nav-folder:nth-of-type(8n + 3) .nav-folder .nav-folder-title .collapse-icon svg {\ncolor: rgb(var(--color-pink-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.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 {\ncolor: var(--color-green);\n}\n\nbody.flexcyon-rainbow-folders .nav-files-container div .nav-folder:nth-of-type(8n + 4) .nav-folder .nav-folder-title {\ncolor: rgb(var(--color-green-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.flexcyon-rainbow-folders .nav-files-container div .nav-folder:nth-of-type(8n + 4) .nav-folder .nav-folder-title .collapse-icon svg {\ncolor: rgb(var(--color-green-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.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 {\ncolor: var(--color-yellow);\n}\n\nbody.flexcyon-rainbow-folders .nav-files-container div .nav-folder:nth-of-type(8n + 5) .nav-folder .nav-folder-title {\ncolor: rgb(var(--color-yellow-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.flexcyon-rainbow-folders .nav-files-container div .nav-folder:nth-of-type(8n + 5) .nav-folder .nav-folder-title .collapse-icon svg {\ncolor: rgb(var(--color-yellow-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.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 {\ncolor: var(--color-orange);\n}\n\nbody.flexcyon-rainbow-folders .nav-files-container div .nav-folder:nth-of-type(8n + 6) .nav-folder .nav-folder-title {\ncolor: rgb(var(--color-orange-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.flexcyon-rainbow-folders .nav-files-container div .nav-folder:nth-of-type(8n + 6) .nav-folder .nav-folder-title .collapse-icon svg {\ncolor: rgb(var(--color-orange-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.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 {\ncolor: var(--color-red);\n}\n\nbody.flexcyon-rainbow-folders .nav-files-container div .nav-folder:nth-of-type(8n + 7) .nav-folder .nav-folder-title {\ncolor: rgb(var(--color-red-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.flexcyon-rainbow-folders .nav-files-container div .nav-folder:nth-of-type(8n + 7) .nav-folder .nav-folder-title .collapse-icon svg {\ncolor: rgb(var(--color-red-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 0) .nav-folder-title .collapse-icon svg, body.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 0) .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: var(--color-purple);\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 0) .nav-folder .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: rgb(var(--color-purple-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 0) .nav-folder .nav-folder-title .collapse-icon svg {\ncolor: var(--text-normal);\nbackground-color: transparent;\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 1) .nav-folder-title .collapse-icon svg, body.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 1) .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: var(--color-cyan);\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 1) .nav-folder .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: rgb(var(--color-cyan-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 1) .nav-folder .nav-folder-title .collapse-icon svg {\ncolor: var(--text-normal);\nbackground-color: transparent;\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 2) .nav-folder-title .collapse-icon svg, body.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 2) .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: var(--color-blue);\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 2) .nav-folder .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: rgb(var(--color-blue-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 2) .nav-folder .nav-folder-title .collapse-icon svg {\ncolor: var(--text-normal);\nbackground-color: transparent;\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 3) .nav-folder-title .collapse-icon svg, body.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 3) .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: var(--color-pink);\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 3) .nav-folder .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: rgb(var(--color-pink-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 3) .nav-folder .nav-folder-title .collapse-icon svg {\ncolor: var(--text-normal);\nbackground-color: transparent;\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 4) .nav-folder-title .collapse-icon svg, body.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 4) .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: var(--color-green);\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 4) .nav-folder .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: rgb(var(--color-green-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 4) .nav-folder .nav-folder-title .collapse-icon svg {\ncolor: var(--text-normal);\nbackground-color: transparent;\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 5) .nav-folder-title .collapse-icon svg, body.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 5) .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: var(--color-yellow);\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 5) .nav-folder .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: rgb(var(--color-yellow-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 5) .nav-folder .nav-folder-title .collapse-icon svg {\ncolor: var(--text-normal);\nbackground-color: transparent;\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 6) .nav-folder-title .collapse-icon svg, body.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 6) .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: var(--color-orange);\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 6) .nav-folder .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: rgb(var(--color-orange-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 6) .nav-folder .nav-folder-title .collapse-icon svg {\ncolor: var(--text-normal);\nbackground-color: transparent;\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 7) .nav-folder-title .collapse-icon svg, body.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 7) .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: var(--color-red);\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 7) .nav-folder .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: rgb(var(--color-red-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 7) .nav-folder .nav-folder-title .collapse-icon svg {\ncolor: var(--text-normal);\nbackground-color: transparent;\n}"
|
|
193
|
+
},
|
|
194
|
+
"flexcyon-is-bg-rainbow": {
|
|
195
|
+
"general": "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 {\ncolor: var(--text-normal);\nbackground-color: var(--color-purple);\n}\n\nbody.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 0) .nav-folder .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: rgb(var(--color-purple-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.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 {\ncolor: var(--text-normal);\nbackground-color: transparent;\n}\n\nbody.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 {\ncolor: var(--text-normal);\nbackground-color: var(--color-cyan);\n}\n\nbody.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 1) .nav-folder .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: rgb(var(--color-cyan-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.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 {\ncolor: var(--text-normal);\nbackground-color: transparent;\n}\n\nbody.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 {\ncolor: var(--text-normal);\nbackground-color: var(--color-blue);\n}\n\nbody.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 2) .nav-folder .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: rgb(var(--color-blue-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.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 {\ncolor: var(--text-normal);\nbackground-color: transparent;\n}\n\nbody.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 {\ncolor: var(--text-normal);\nbackground-color: var(--color-pink);\n}\n\nbody.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 3) .nav-folder .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: rgb(var(--color-pink-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.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 {\ncolor: var(--text-normal);\nbackground-color: transparent;\n}\n\nbody.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 {\ncolor: var(--text-normal);\nbackground-color: var(--color-green);\n}\n\nbody.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 4) .nav-folder .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: rgb(var(--color-green-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.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 {\ncolor: var(--text-normal);\nbackground-color: transparent;\n}\n\nbody.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 {\ncolor: var(--text-normal);\nbackground-color: var(--color-yellow);\n}\n\nbody.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 5) .nav-folder .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: rgb(var(--color-yellow-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.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 {\ncolor: var(--text-normal);\nbackground-color: transparent;\n}\n\nbody.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 {\ncolor: var(--text-normal);\nbackground-color: var(--color-orange);\n}\n\nbody.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 6) .nav-folder .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: rgb(var(--color-orange-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.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 {\ncolor: var(--text-normal);\nbackground-color: transparent;\n}\n\nbody.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 {\ncolor: var(--text-normal);\nbackground-color: var(--color-red);\n}\n\nbody.flexcyon-rainbow-folders.flexcyon-is-bg-rainbow .nav-files-container div .nav-folder:nth-of-type(8n + 7) .nav-folder .nav-folder-title {\ncolor: var(--text-normal);\nbackground-color: rgb(var(--color-red-rgb), calc(var(--dimmed) + 0.2));\n}\n\nbody.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 {\ncolor: var(--text-normal);\nbackground-color: transparent;\n}"
|
|
196
|
+
},
|
|
197
|
+
"flexcyon-alt-folder-style": {
|
|
198
|
+
"general": "body.flexcyon-alt-folder-style .nav-folder .collapse-icon svg {\ncolor: var(--color-blue);\n}\n\nbody.flexcyon-alt-folder-style .nav-folder .nav-folder-title {\ncolor: var(--color-blue);\n}\n\nbody.flexcyon-alt-folder-style .nav-folder.is-collapsed .nav-folder-title {\ncolor: unset;\n}\n\nbody.flexcyon-alt-folder-style .nav-folder.is-collapsed .nav-folder-title-content {\ncolor: unset;\n}\n\nbody.flexcyon-alt-folder-style .nav-folder.is-collapsed .collapse-icon svg {\ncolor: unset;\n}\n\nbody.flexcyon-alt-folder-style .nav-file-title.is-active .nav-file-title-content {\nfont-weight: bold;\ntransform: all ease-in-out 350ms;\n}"
|
|
199
|
+
},
|
|
200
|
+
"flexcyon-md-file-tree-style": {
|
|
201
|
+
"general": "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 {\nposition: relative;\npadding-inline-start: 2px;\n}\n\nbody.flexcyon-md-file-tree-style .nav-file::before, body.flexcyon-md-file-tree-style .nav-folder-children::before {\nposition: absolute;\ncontent: \"\";\nbackground: var(--nav-collapse-icon-color);\n}\n\nbody.flexcyon-md-file-tree-style .tree-item.nav-file::before, body.flexcyon-md-file-tree-style .tree-item.nav-folder::before {\ninset-block-start: 50%;\ninline-size: 20px;\nblock-size: 1px;\nmargin-inline-start: -3px;\ntransform: translate(0, -50%);\n}\n\nbody.flexcyon-md-file-tree-style .tree-item-children.nav-folder-children:not(:has(.nav-file))::before {\ninset-block-end: 6px;\n}\n\nbody.flexcyon-md-file-tree-style .tree-item-children.nav-folder-children {\nborder-inline-start-width: 0;\n}\n\nbody.flexcyon-md-file-tree-style .tree-item-children.nav-folder-children::before {\ninset-block: 0 12px;\ninset-inline-start: 0;\ninline-size: 1px;\n}\n\nbody.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 {\ncontent: none;\n}"
|
|
202
|
+
},
|
|
203
|
+
"flexcyon-minimalist-tree": {
|
|
204
|
+
"general": "body.flexcyon-minimalist-tree .collapse-icon svg {\ndisplay: none;\n}\n\nbody.flexcyon-minimalist-tree .tree-item-children {\nborder-inline-start: none;\n}\n\nbody.flexcyon-minimalist-tree .nav-file-title {\nopacity: 0.85;\n}"
|
|
205
|
+
},
|
|
206
|
+
"flexcyon-enable-active-indicator": {
|
|
207
|
+
"general": "body.flexcyon-enable-active-indicator .tree-item-self.is-active .tree-item-inner::before {\npadding-inline-end: 4px;\ncontent: var(--flexcyon-active-indicator);\n}"
|
|
208
|
+
},
|
|
209
|
+
"flexcyon-metadata-no-properties-title": {
|
|
210
|
+
"general": "body.flexcyon-metadata-no-properties-title .metadata-properties-title {\ndisplay: none;\n}"
|
|
211
|
+
},
|
|
212
|
+
"flexcyon-display-screen-dimens": {
|
|
213
|
+
"general": "body.flexcyon-display-screen-dimens .titlebar::after {\nposition: absolute;\ninset-inline: 0px 0;\ndisplay: flex;\njustify-content: center;\ninline-size: fit-content;\nmax-inline-size: 85%;\nmargin: 0 auto;\n}\n\nbody.flexcyon-display-screen-dimens .titlebar::after {\npadding-block-start: 12px;\npadding-inline-end: calc(8 * var(--flexcyon-screen-dimens-padding-l));\nfont-size: var(--file-header-font-size);\ncolor: var(--text-muted);\ncontent: counter(w) \"x\" counter(h);\ncounter-reset: h var(--h) w var(--w);\n}\n\nbody.flexcyon-display-screen-dimens:not(:has(.mod-stacked)) .titlebar::after {\ndisplay: none;\n}"
|
|
214
|
+
},
|
|
215
|
+
"flexcyon-display-os": {
|
|
216
|
+
"general": "body.flexcyon-display-os .view-actions::before {\npadding-inline: var(--flexcyon-os-detail-padding-l) var(--flexcyon-os-detail-padding-r);\nfont-size: var(--file-header-font-size);\ncolor: var(--text-muted);\n}\n\nbody.flexcyon-display-os:not(:has(.mod-stacked)) .titlebar::before, body.flexcyon-display-os .mod-stacked .view-actions::before {\ndisplay: none;\n}\n\nbody.flexcyon-display-os .titlebar::before {\npadding-block-start: 11.5px;\npadding-inline-start: calc(5 * var(--flexcyon-os-detail-padding-r));\nfont-size: var(--file-header-font-size);\ncolor: var(--text-muted);\n}\n\nbody.flexcyon-display-os .titlebar::before {\ncontent: \"Unknown Desktop\";\n}"
|
|
217
|
+
},
|
|
218
|
+
"flexcyon-vim-mode-text-enable": {
|
|
219
|
+
"general": "body.flexcyon-vim-mode-text-enable:not(.flexcyon-status-text-enable-color) .cm-panels .cm-panel div div:not(.cm-vim-message) span:first-child {\ninset-block-end: var(--flexcyon-vim-bottom-positioning);\ninset-inline-start: 75px;\n}\n\nbody.flexcyon-vim-mode-text-enable:not(.flexcyon-status-text-enable-color) .cm-panels .cm-panel {\npadding-block-start: 5px;\nfont-weight: 500;\nbackground-color: var(--color-base-00);\n}\n\nbody.flexcyon-vim-mode-text-enable:not(.flexcyon-status-text-enable-color) .cm-panels input {\nz-index: 16;\nfont-size: 0.9rem;\ntransform: translateY(-4px);\n}\n\nbody.flexcyon-vim-mode-text-enable:not(.flexcyon-status-text-enable-color) div.cm-vim-message {\nfont-weight: bold;\ncolor: var(--color-red) !important;\n}\n\nbody.flexcyon-status-text-enable-color .cm-panels .cm-panel div div:not(.cm-vim-message) span:first-child {\ninset-block-end: var(--flexcyon-vim-bottom-positioning);\ninset-inline-start: 75px;\n}\n\nbody.flexcyon-status-text-enable-color .cm-panels .cm-panel {\npadding-block-start: 5px;\nfont-weight: 500;\nbackground-color: var(--color-base-00);\n}\n\nbody.flexcyon-status-text-enable-color .cm-panels input {\nz-index: 16;\nfont-size: 0.9rem;\ntransform: translateY(-4px);\n}\n\nbody.flexcyon-status-text-enable-color div.cm-vim-message {\nfont-weight: bold;\ncolor: var(--color-red) !important;\n}"
|
|
220
|
+
},
|
|
221
|
+
"flexcyon-status-text-enable-color": {
|
|
222
|
+
"general": "body.flexcyon-vim-mode-text-enable.flexcyon-status-text-enable-color .cm-panels .cm-panel div div:not(.cm-vim-message) span:first-child {\ninset-block-end: var(--flexcyon-vim-bottom-positioning);\ninset-inline-start: 75px;\n}\n\nbody.flexcyon-vim-mode-text-enable.flexcyon-status-text-enable-color .cm-panels .cm-panel {\npadding-block-start: 5px;\nfont-weight: 500;\nbackground-color: var(--color-base-00);\n}\n\nbody.flexcyon-vim-mode-text-enable.flexcyon-status-text-enable-color .cm-panels input {\nz-index: 16;\nfont-size: 0.9rem;\ntransform: translateY(-4px);\n}\n\nbody.flexcyon-vim-mode-text-enable.flexcyon-status-text-enable-color div.cm-vim-message {\nfont-weight: bold;\ncolor: var(--color-red) !important;\n}\n\nbody.flexcyon-status-text-enable-color .plugin-editor-status[aria-label=Reading]::before {\ncolor: var(--text-accent);\n}\n\nbody.flexcyon-status-text-enable-color .plugin-editor-status[aria-label=\"Source mode\"]::before {\ncolor: var(--color-purple);\n}\n\nbody.flexcyon-status-text-enable-color .plugin-editor-status[aria-label=\"Live Preview\"]::before {\ncolor: var(--color-blue);\n}"
|
|
223
|
+
},
|
|
224
|
+
"flexcyon-status-style-angled": {
|
|
225
|
+
"general": "body.flexcyon-status-style-angled .cm-panels .cm-panel {\nbackground-color: var(--color-base-05);\n}\n\nbody.flexcyon-status-style-angled .status-bar {\ngap: 0;\nmargin: 0;\nbackground-color: transparent;\nborder: none;\nborder-radius: 0;\n}\n\nbody.flexcyon-status-style-angled .status-bar-item {\npadding: 4px 8px;\nbackground-color: var(--color-base-20);\nborder-radius: 0;\ntransform: skewX(-22.5deg);\n}\n\nbody.flexcyon-status-style-angled .status-bar :nth-child(2n):is(.status-bar-item) {\nbackground-color: var(--color-base-05);\n}"
|
|
226
|
+
},
|
|
227
|
+
"flexcyon-status-style-card": {
|
|
228
|
+
"general": "body.flexcyon-status-style-card div:has(.cm-vim-panel) + .status-bar {\nmargin-block-end: 50px;\n}\n\nbody.flexcyon-status-style-card .status-bar {\ninset-inline-end: 10px;\ngap: 8px;\nmargin: 4px 8px;\nbackground-color: transparent;\nborder: none;\n}\n\nbody.flexcyon-status-style-card .status-bar :nth-child(2n).status-bar-item {\npadding: 4px 8px;\nbackground-color: var(--color-base-05);\nborder-radius: var(--flexcyon-callout-radix);\n}\n\nbody.flexcyon-status-style-card .status-bar :nth-child(2n+1).status-bar-item {\npadding: 4px 8px;\nbackground-color: var(--color-base-25);\nborder-radius: var(--flexcyon-callout-radix);\n}"
|
|
229
|
+
},
|
|
230
|
+
"flexcyon-status-text-mode": {
|
|
231
|
+
"general": "body.flexcyon-status-text-mode .plugin-editor-status .status-bar-item-icon svg {\ndisplay: none;\n}\n\nbody.flexcyon-status-text-mode .plugin-editor-status::before {\nfont-weight: bold;\n}\n\nbody.flexcyon-status-text-mode .plugin-editor-status[aria-label=Reading]::before {\ncontent: var(--flexcyon-status-reading-text);\n}\n\nbody.flexcyon-status-text-mode .plugin-editor-status[aria-label=\"Source mode\"]::before {\ncontent: var(--flexcyon-status-source-text);\n}\n\nbody.flexcyon-status-text-mode .plugin-editor-status[aria-label=\"Live Preview\"]::before {\ncontent: var(--flexcyon-status-live-text);\n}"
|
|
232
|
+
},
|
|
233
|
+
"flexcyon-status-hide-until-hover": {
|
|
234
|
+
"general": "body.flexcyon-status-hide-until-hover .status-bar:hover::before {\ntransform: translateY(var(--flexcyon-status-hide-trigger-translation));\ntransition: transform var(--flexcyon-status-hide-hover-duration) var(--flexcyon-status-hide-hover-function);\n}\n\nbody.flexcyon-status-hide-until-hover .status-bar:hover {\ntransform: unset;\ntransition: transform var(--flexcyon-status-hide-hover-duration) var(--flexcyon-status-hide-hover-function);\n}"
|
|
235
|
+
},
|
|
236
|
+
"flexcyon-status-right-align": {
|
|
237
|
+
"general": "body:is(.flexcyon-status-hide-until-hover, .flexcyon-status-hide-until-hold).flexcyon-status-right-align .status-bar {\ntransform: translateX(var(--flexcyon-status-hide-until-hover-translation));\n}\n\nbody:is(.flexcyon-status-hide-until-hover, .flexcyon-status-hide-until-hold).flexcyon-status-right-align .status-bar::before {\ntransform: translateX(calc(-1 * var(--flexcyon-status-hide-until-hover-translation)));\n}"
|
|
238
|
+
},
|
|
239
|
+
"flexcyon-status-centre-align": {
|
|
240
|
+
"general": "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 {\nposition: absolute;\ninset-inline: 36px 0;\ndisplay: flex;\njustify-content: center;\ninline-size: max-content;\nmax-inline-size: 85%;\nmargin: 0 auto;\n}\n\nbody:is(.flexcyon-status-hide-until-hover, .flexcyon-status-hide-until-hold).flexcyon-status-centre-align .status-bar {\ntransform: translateY(var(--flexcyon-anim-slide-amount));\n}\n\nbody:is(.flexcyon-status-hide-until-hover, .flexcyon-status-hide-until-hold).flexcyon-status-centre-align .status-bar::before {\ntransform: translateY(calc(-1 * var(--flexcyon-anim-slide-amount)));\n}"
|
|
241
|
+
},
|
|
242
|
+
"flexcyon-status-hide-until-hold": {
|
|
243
|
+
"general": "body.flexcyon-status-hide-until-hold .status-bar:active::before {\ntransform: translateY(var(--flexcyon-status-hide-trigger-translation));\ntransition: transform var(--flexcyon-status-hide-hover-duration) var(--flexcyon-status-hide-hover-function);\n}\n\nbody.flexcyon-status-hide-until-hold .status-bar:active {\ntransform: unset;\ntransition: transform var(--flexcyon-status-hide-hover-duration) var(--flexcyon-status-hide-hover-function);\n}"
|
|
244
|
+
},
|
|
245
|
+
"flexcyon-status-style-pl10k": {
|
|
246
|
+
"general": "body.flexcyon-status-style-pl10k .status-bar {\ngap: 0;\npadding-inline-end: 1vw;\nbackground-color: transparent;\nborder: transparent;\nscale: var(--expand);\n}\n\nbody.flexcyon-status-style-pl10k .status-bar::before {\ninset-inline-end: 0;\n}\n\nbody.flexcyon-status-style-pl10k .status-bar .status-bar-item .status-bar-item-icon {\ntransform: translateX(-1px);\n}\n\nbody.flexcyon-status-style-pl10k .status-bar .status-bar-item[style=\"display: none;\"] + .status-bar-item {\npadding-inline-start: 12px;\nborder-start-start-radius: 16px;\nborder-end-start-radius: 16px;\n}\n\nbody.flexcyon-status-style-pl10k .status-bar .status-bar-item {\npadding: 0;\npadding-inline-start: 2px;\n}\n\nbody.flexcyon-status-style-pl10k .status-bar .status-bar-item::after {\nposition: relative;\ninline-size: inherit;\nblock-size: inherit;\npadding: 4px;\ncolor: transparent;\ncontent: \"e\";\nclip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 70% 50%);\n}\n\nbody.flexcyon-status-style-pl10k .status-bar :first-child:empty, body.flexcyon-status-style-pl10k .status-bar :first-child.status-bar-item {\npadding-inline-start: 6px;\nborder-start-start-radius: 16px;\nborder-end-start-radius: 16px;\n}\n\nbody.flexcyon-status-style-pl10k .status-bar :last-child.status-bar-item, body.flexcyon-status-style-pl10k .status-bar :nth-last-child(2).status-bar-item {\nmargin-inline-end: 1.25vw;\nborder-start-end-radius: 16px;\nborder-end-end-radius: 16px;\n}\n\nbody.flexcyon-status-style-pl10k .status-bar :last-child.status-bar-item *, body.flexcyon-status-style-pl10k .status-bar :nth-last-child(2).status-bar-item * {\nmargin-inline-end: 0;\n}\n\nbody.flexcyon-status-style-pl10k .status-bar :nth-child(2n+1).status-bar-item {\nbackground-color: var(--color-base-20);\n}\n\nbody.flexcyon-status-style-pl10k .status-bar :nth-child(2n+1).status-bar-item::after {\nbackground-color: var(--color-base-05);\n}\n\nbody.flexcyon-status-style-pl10k .status-bar :nth-child(2n).status-bar-item {\nbackground-color: var(--color-base-05);\n}\n\nbody.flexcyon-status-style-pl10k .status-bar :nth-child(2n).status-bar-item::after {\nbackground-color: var(--color-base-20);\n}\n\nbody.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, body.flexcyon-status-style-pl10k .status-bar :last-child.status-bar-item::after {\nbackground-color: transparent;\n}"
|
|
247
|
+
},
|
|
248
|
+
"flexcyon-ascii-enable": {
|
|
249
|
+
"general": "body.flexcyon-ascii-enable div.empty-state {\ncontent-visibility: auto;\n}\n\nbody.flexcyon-ascii-enable div.empty-state-title {\ndisplay: unset;\n}\n\nbody.flexcyon-ascii-enable div.empty-state-container {\nmax-inline-size: var(--flexcyon-ascii-max-width);\nmax-block-size: unset;\nscale: var(--flexcyon-ascii-scaling-factor);\n}\n\nbody.flexcyon-ascii-enable .reveal .pause-overlay::before, body.flexcyon-ascii-enable div.empty-state-container::before {\ndisplay: inline;\nfont-family: var(--flexcyon-new-tab-font-group);\nfont-size: min(5vw - 3.25px, var(--flexcyon-ascii-max-font-size));\nfont-weight: bold;\nline-height: var(--flexcyon-ascii-line-height);\ntext-align: var(--flexcyon-ascii-alignment);\nwhite-space: pre;\ncontent: var(--flexcyon-ascii-art);\nbackground: var(--flexcyon-new-tab-bg-wrapper);\nbackground-clip: text;\n-webkit-text-fill-color: transparent;\n}\n\nbody.flexcyon-ascii-enable .reveal .pause-overlay::before {\nposition: absolute;\ninset: 0 0 40px 36px;\nmax-inline-size: max-content;\nmax-block-size: max-content;\nmargin: auto;\nline-height: calc(var(--flexcyon-ascii-line-height) + 0.25);\n}"
|
|
250
|
+
},
|
|
251
|
+
"flexcyon-rtz-mode": {
|
|
252
|
+
"general": "body.flexcyon-rtz-mode:not(.flexcyon-flex-max-mode) .graph-controls, body.flexcyon-rtz-mode:not(.flexcyon-flex-max-mode) .oz-folders-action-items.file-tree-header-fixed, body.flexcyon-rtz-mode:not(.flexcyon-flex-max-mode) .oz-flex-container, body.flexcyon-rtz-mode:not(.flexcyon-flex-max-mode) .nav-header, body.flexcyon-rtz-mode:not(.flexcyon-flex-max-mode) .view-actions, body.flexcyon-rtz-mode:not(.flexcyon-flex-max-mode) .side-dock-ribbon, body.flexcyon-rtz-mode:not(.flexcyon-flex-max-mode) .workspace-sidedock-vault-profile {\nopacity: 0;\n}\n\nbody.flexcyon-rtz-mode:not(.flexcyon-flex-max-mode) .graph-controls:hover, body.flexcyon-rtz-mode:not(.flexcyon-flex-max-mode) .oz-folders-action-items.file-tree-header-fixed:hover, body.flexcyon-rtz-mode:not(.flexcyon-flex-max-mode) .oz-flex-container:hover, body.flexcyon-rtz-mode:not(.flexcyon-flex-max-mode) .nav-header:hover, body.flexcyon-rtz-mode:not(.flexcyon-flex-max-mode) .view-actions:hover, body.flexcyon-rtz-mode:not(.flexcyon-flex-max-mode) .side-dock-ribbon:hover, body.flexcyon-rtz-mode:not(.flexcyon-flex-max-mode) .workspace-sidedock-vault-profile:hover {\nopacity: unset;\n}\n\nbody.flexcyon-rtz-mode:not(.flexcyon-flex-max-mode) .cm-gutter, body.flexcyon-rtz-mode:not(.flexcyon-flex-max-mode) .metadata-container, body.flexcyon-rtz-mode:not(.flexcyon-flex-max-mode) .status-bar {\nopacity: var(--dimmed);\n}\n\nbody.flexcyon-rtz-mode:not(.flexcyon-flex-max-mode) .cm-gutter:hover, body.flexcyon-rtz-mode:not(.flexcyon-flex-max-mode) .metadata-container:hover, body.flexcyon-rtz-mode:not(.flexcyon-flex-max-mode) .status-bar:hover {\nopacity: unset;\n}\n\nbody.flexcyon-rtz-mode {\ncounter-reset: numTab 0;\n}\n\nbody.flexcyon-rtz-mode {\n--tab-stacked-font-size: 0px;\n}"
|
|
253
|
+
},
|
|
254
|
+
"flexcyon-number-tabs": {
|
|
255
|
+
"general": "body.flexcyon-number-tabs {\ncounter-reset: numTab 0;\n}"
|
|
256
|
+
},
|
|
257
|
+
"flexcyon-remove-tab-headers": {
|
|
258
|
+
"general": "body.flexcyon-remove-tab-headers {\n--tab-stacked-font-size: 0px;\n}"
|
|
259
|
+
},
|
|
260
|
+
"flexcyon-hr-no-reading": {
|
|
261
|
+
"general": "body.flexcyon-hr-no-reading .markdown-reading-view .el-hr {\ndisplay: none;\n}"
|
|
262
|
+
},
|
|
263
|
+
"flexcyon-cust-str-hr": {
|
|
264
|
+
"general": "body.flexcyon-cust-str-hr .el-hr::before, body.flexcyon-cust-str-hr .hr::before {\nposition: absolute;\ninset-inline: 0px 0;\ndisplay: flex;\njustify-content: center;\ninline-size: fit-content;\nmax-inline-size: 85%;\npadding: 0 var(--flexcyon-cust-hr-str-horiz-padding);\nmargin: 0 auto;\nfont-size: var(--flexcyon-cust-hr-str-font-size);\nfont-style: italic;\ncolor: var(--hr-color);\ncontent: var(--flexcyon-cust-hr-str);\nbackground-color: var(--background-primary);\n}\n\nbody.flexcyon-cust-str-hr .el-hr::before {\ntransform: translateY(-12px);\n}",
|
|
265
|
+
"dark": "body.flexcyon-cust-str-hr .hr::before {\nbackground-color: var(--color-base-10);\n}",
|
|
266
|
+
"light": "body.flexcyon-cust-str-hr .hr::before {\nbackground-color: var(--color-base-00);\n}"
|
|
267
|
+
},
|
|
268
|
+
"flexcyon-ribbon-top": {
|
|
269
|
+
"general": "body.flexcyon-ribbon-top {\n--ribbon-width: max-content;\n}"
|
|
270
|
+
},
|
|
271
|
+
"flexcyon-vault-reverse": {
|
|
272
|
+
"general": "body.flexcyon-vault-reverse .workspace-sidedock-vault-profile {\nflex-direction: row-reverse;\n}"
|
|
273
|
+
},
|
|
274
|
+
"flexcyon-style-settings-dim-collapsed-headings": {
|
|
275
|
+
"general": "body.flexcyon-style-settings-dim-collapsed-headings .style-settings-heading.is-collapsed {\nopacity: calc(var(--dimmed) + 0.05);\n}"
|
|
276
|
+
},
|
|
277
|
+
"flexcyon-no-inline-title": {
|
|
278
|
+
"general": "body.flexcyon-no-inline-title .inline-title {\ndisplay: none;\n}"
|
|
279
|
+
},
|
|
280
|
+
"flexcyon-enable-smooth-cursor": {
|
|
281
|
+
"general": "body.flexcyon-enable-smooth-cursor {\n--flexcyon-cursor-duration: 42.5ms;\n--flexcyon-cursor-timing-fn: ease-in;\n--flexcyon-cursor-min-width: unset;\n}\n\nbody.flexcyon-enable-smooth-cursor .cm-cursor-primary {\nmin-inline-size: var(--flexcyon-cursor-min-width);\ntransition: transform var(--flexcyon-cursor-duration) var(--flexcyon-cursor-timing-fn);\n}"
|
|
282
|
+
},
|
|
283
|
+
"flexcyon-anims-scale-up": {
|
|
284
|
+
"general": "[data-type=undefined]) {\nanimation: scale-up var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);\n}"
|
|
285
|
+
},
|
|
286
|
+
"flexcyon-anims-slide-rtl": {
|
|
287
|
+
"general": "[data-type=undefined]) {\nanimation: slide-in-right var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);\n}"
|
|
288
|
+
},
|
|
289
|
+
"flexcyon-anims-slide-ltr": {
|
|
290
|
+
"general": "[data-type=undefined]) {\nanimation: slide-in-left var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);\n}"
|
|
291
|
+
},
|
|
292
|
+
"flexcyon-anims-slide-tb": {
|
|
293
|
+
"general": "[data-type=undefined]) {\nanimation: slide-in-tb var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);\n}"
|
|
294
|
+
},
|
|
295
|
+
"flexcyon-anims-slide-bt": {
|
|
296
|
+
"general": "[data-type=undefined]) {\nanimation: slide-in-bt var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);\n}"
|
|
297
|
+
},
|
|
298
|
+
"flexcyon-anims-spin-rl": {
|
|
299
|
+
"general": "[data-type=undefined]) {\nanimation: spin-in-rl var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);\n}"
|
|
300
|
+
},
|
|
301
|
+
"flexcyon-anims-spin-bt": {
|
|
302
|
+
"general": "[data-type=undefined]) {\nanimation: spin-in-bt var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);\n}"
|
|
303
|
+
},
|
|
304
|
+
"flexcyon-anims-fade-in": {
|
|
305
|
+
"general": "[data-type=undefined]) {\nanimation: fade-in var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);\n}"
|
|
306
|
+
},
|
|
307
|
+
"flexcyon-modal-anims-scale-up": {
|
|
308
|
+
"general": "body.flexcyon-modal-anims-scale-up .prompt {\nanimation: scale-up var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);\n}"
|
|
309
|
+
},
|
|
310
|
+
"flexcyon-modal-anims-slide-rtl": {
|
|
311
|
+
"general": "body.flexcyon-modal-anims-slide-rtl .prompt {\nanimation: slide-in-right var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);\n}"
|
|
312
|
+
},
|
|
313
|
+
"flexcyon-modal-anims-slide-ltr": {
|
|
314
|
+
"general": "body.flexcyon-modal-anims-slide-ltr .prompt {\nanimation: slide-in-left var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);\n}"
|
|
315
|
+
},
|
|
316
|
+
"flexcyon-modal-anims-slide-tb": {
|
|
317
|
+
"general": "body.flexcyon-modal-anims-slide-tb .prompt {\nanimation: slide-in-tb var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);\n}"
|
|
318
|
+
},
|
|
319
|
+
"flexcyon-modal-anims-slide-bt": {
|
|
320
|
+
"general": "body.flexcyon-modal-anims-slide-bt .prompt {\nanimation: slide-in-bt var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);\n}"
|
|
321
|
+
},
|
|
322
|
+
"flexcyon-modal-anims-spin-rl": {
|
|
323
|
+
"general": "body.flexcyon-modal-anims-spin-rl .prompt {\nanimation: spin-in-rl var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);\n}"
|
|
324
|
+
},
|
|
325
|
+
"flexcyon-modal-anims-spin-bt": {
|
|
326
|
+
"general": "body.flexcyon-modal-anims-spin-bt .prompt {\nanimation: spin-in-bt var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);\n}"
|
|
327
|
+
},
|
|
328
|
+
"flexcyon-modal-anims-fade-in": {
|
|
329
|
+
"general": "body.flexcyon-modal-anims-fade-in .prompt {\nanimation: fade-in var(--flexcyon-anim-duration) var(--flexcyon-anim-easing);\n}"
|
|
330
|
+
},
|
|
331
|
+
"flexcyon-settings-comm-item-enabled": {
|
|
332
|
+
"general": "body.flexcyon-settings-comm-item-enabled div.community-modal-search-results div.community-item {\nopacity: var(--flexcyon-comm-item-opacity);\n}\n\nbody.flexcyon-settings-comm-item-enabled div.community-modal-search-results div.community-item.is-selected {\nfont-weight: bold;\nborder: unset;\nopacity: unset;\n}\n\nbody.flexcyon-settings-comm-item-enabled div.community-item div.community-item-name span.flair.mod-pop {\nposition: absolute;\ninset-block-start: 0.7rem;\ninset-inline-end: 0.5rem;\ncolor: var(--color-base-25);\nbackground-color: var(--text-accent);\n}\n\nbody.flexcyon-settings-comm-item-enabled div.community-item.is-selected div.community-item-name span.flair.mod-pop {\ncolor: var(--text-normal);\nbackground-color: var(--color-base-25);\n}\n\nbody.flexcyon-settings-comm-item-enabled .community-item-name {\ninline-size: 75%;\ncolor: var(--color-blue);\noverflow-wrap: break-word;\n}\n\nbody.flexcyon-settings-comm-item-enabled .community-item-downloads, body.flexcyon-settings-comm-item-enabled .community-modal-info-downloads {\ncolor: rgb(var(--color-cyan-rgb), var(--flexcyon-comm-item-opacity));\n}\n\nbody.flexcyon-settings-comm-item-enabled .community-item-updated {\ncolor: rgb(var(--color-blue-rgb), calc(var(--flexcyon-comm-item-opacity) - 0.1));\n}\n\nbody.flexcyon-settings-comm-item-enabled .community-modal-info-version {\ncolor: rgb(var(--color-green-rgb), calc(var(--flexcyon-comm-item-opacity) - 0.1));\n}",
|
|
333
|
+
"light": "body.flexcyon-settings-comm-item-enabled .community-item-name {\ncolor: var(--color-yellow);\n}"
|
|
334
|
+
},
|
|
335
|
+
"flexcyon-oz-folder-icons-disabled": {
|
|
336
|
+
"general": "body.flexcyon-oz-folder-icons-disabled div.oz-icon-div {\ndisplay: none;\n}"
|
|
337
|
+
},
|
|
338
|
+
"flexcyon-oz-file-tree-header-disabled": {
|
|
339
|
+
"general": "body.flexcyon-oz-file-tree-header-disabled div.oz-file-tree-header {\ndisplay: none;\n}"
|
|
340
|
+
},
|
|
341
|
+
"flexcyon-oz-dimmed-file-exts-enabled": {
|
|
342
|
+
"general": "body.flexcyon-oz-dimmed-file-exts-enabled div.oz-nav-file-title div svg {\ndisplay: none;\n}\n\nbody.flexcyon-oz-dimmed-file-exts-enabled div.oz-nav-file-title {\npadding: var(--flexcyon-tree-item-verti-padding) var(--flexcyon-tree-item-horiz-padding);\n}\n\nbody.flexcyon-oz-dimmed-file-exts-enabled div.oz-nav-file-title .oz-nav-file-title-content {\ninline-size: unset;\n}\n\nbody.flexcyon-oz-dimmed-file-exts-enabled div.oz-nav-file-title span.oz-nav-file-tag {\npadding: unset;\nmargin: unset;\nfont-size: var(--font-ui-small);\nfont-weight: unset;\ncolor: var(--oz-fta-file-pane-file-name-color);\ntext-transform: lowercase;\nletter-spacing: unset;\nbackground-color: unset;\nborder: unset;\nopacity: var(--dimmed);\n}\n\nbody.flexcyon-oz-dimmed-file-exts-enabled div.oz-nav-file-title span.oz-nav-file-tag::before {\ncontent: \".\";\n}\n\nbody.flexcyon-oz-dimmed-file-exts-enabled div.oz-nav-file-title[data-path$=\".md\"] div svg {\ndisplay: none;\n}\n\nbody.flexcyon-oz-dimmed-file-exts-enabled div.oz-nav-file-title[data-path$=\".md\"] span.oz-nav-file-tag {\ndisplay: none;\n}\n\nbody.flexcyon-oz-dimmed-file-exts-enabled div.oz-nav-file-title[data-path$=\".md\"] div::after {\nfont-size: var(--font-ui-small);\ncontent: \".md\";\nopacity: var(--dimmed);\n}"
|
|
343
|
+
},
|
|
344
|
+
"flexcyon-oz-alternate-folder-count": {
|
|
345
|
+
"general": "body.flexcyon-oz-alternate-folder-count div.oz-folder-line {\ntransition: transform hover 0.325ms ease-in-out;\n}\n\nbody.flexcyon-oz-alternate-folder-count div.oz-folder-line div.oz-folder-count {\ntransform: translateY(1000px);\n}\n\nbody.flexcyon-oz-alternate-folder-count div.oz-folder-line:hover {\nmax-inline-size: max-content;\n}\n\nbody.flexcyon-oz-alternate-folder-count div.oz-folder-line:hover div.oz-folder-count span.oz-nav-file-tag {\ndisplay: inline;\nmargin-block-start: 0.5px;\nfont-weight: inherit;\ntext-align: start;\ntext-transform: none;\ntransform: translateY(-1000px);\n}\n\nbody.flexcyon-oz-alternate-folder-count div.oz-folder-line:hover div.oz-folder-count span.oz-nav-file-tag::before {\ncontent: \"Count: \";\n}"
|
|
346
|
+
},
|
|
347
|
+
"flexcyon-canvas-blur-inactive-nodes": {
|
|
348
|
+
"general": "body.flexcyon-canvas-blur-inactive-nodes .canvas:has(.canvas-node.is-editing) .canvas-edges, body.flexcyon-canvas-blur-inactive-nodes .canvas:has(.canvas-node.is-editing) .canvas-node:not(.is-editing) {\nfilter: blur(var(--flexcyon-canvas-blur-intensity));\n}"
|
|
349
|
+
},
|
|
350
|
+
"flexcyon-canvas-menu-bottom-left": {
|
|
351
|
+
"general": "body.flexcyon-canvas-menu-bottom-left .canvas-card-menu {\ninset-inline-start: 1%;\ntransform: none;\n}"
|
|
352
|
+
},
|
|
353
|
+
"flexcyon-canvas-menu-bottom-right": {
|
|
354
|
+
"general": "body.flexcyon-canvas-menu-bottom-right .canvas-card-menu {\ninset-inline-start: 89%;\ntransform: none;\n}"
|
|
355
|
+
},
|
|
356
|
+
"flexcyon-canvas-menu-top-center": {
|
|
357
|
+
"general": "body.flexcyon-canvas-menu-top-center .canvas-card-menu {\ninset-block-end: 94%;\n}"
|
|
358
|
+
},
|
|
359
|
+
"flexcyon-canvas-menu-top-left": {
|
|
360
|
+
"general": "body.flexcyon-canvas-menu-top-left .canvas-card-menu {\ninset-block-end: 94%;\ninset-inline-start: 1%;\ntransform: none;\n}"
|
|
361
|
+
},
|
|
362
|
+
"flexcyon-canvas-menu-top-right": {
|
|
363
|
+
"general": "body.flexcyon-canvas-menu-top-right .canvas-card-menu {\ninset-block-end: 94%;\ninset-inline-start: 87.5%;\ntransform: none;\n}"
|
|
364
|
+
},
|
|
365
|
+
"flexcyon-canvas-menu-lcenter-center": {
|
|
366
|
+
"general": "body.flexcyon-canvas-menu-lcenter-center .canvas-card-menu {\ninset-block-end: 50%;\ninset-inline-start: 1%;\nflex-direction: column;\ntransform: none;\n}"
|
|
367
|
+
},
|
|
368
|
+
"flexcyon-canvas-menu-lcenter-top": {
|
|
369
|
+
"general": "body.flexcyon-canvas-menu-lcenter-top .canvas-card-menu {\ninset-block-end: 82.5%;\ninset-inline-start: 1%;\nflex-direction: column;\ntransform: none;\n}"
|
|
370
|
+
},
|
|
371
|
+
"flexcyon-canvas-menu-lcenter-bottom": {
|
|
372
|
+
"general": "body.flexcyon-canvas-menu-lcenter-bottom .canvas-card-menu {\ninset-block-end: 2.5%;\ninset-inline-start: 1%;\nflex-direction: column;\ntransform: none;\n}"
|
|
373
|
+
},
|
|
374
|
+
"flexcyon-canvas-menu-rcenter-bottom": {
|
|
375
|
+
"general": "body.flexcyon-canvas-menu-rcenter-bottom .canvas-card-menu {\ninset-block-end: 7.5%;\ninset-inline-start: 96.1%;\nflex-direction: column;\ntransform: none;\n}"
|
|
376
|
+
},
|
|
377
|
+
"flexcyon-canvas-menu-rcenter-align": {
|
|
378
|
+
"general": "body.flexcyon-canvas-menu-rcenter-align .canvas-card-menu {\ninset-block-end: 40%;\ninset-inline-start: 96.1%;\nflex-direction: column;\ntransform: none;\n}"
|
|
379
|
+
},
|
|
380
|
+
"flexcyon-canvas-menu-rcenter-center": {
|
|
381
|
+
"general": "body.flexcyon-canvas-menu-rcenter-center .canvas-card-menu {\ninset-block-end: 40%;\ninset-inline-start: 96.1%;\nflex-direction: column;\ntransform: none;\n}"
|
|
382
|
+
},
|
|
383
|
+
"flexcyon-canvas-menu-rcenter-top": {
|
|
384
|
+
"general": "body.flexcyon-canvas-menu-rcenter-top .canvas-card-menu {\ninset-block-end: 82.5%;\ninset-inline-start: 96.1%;\nflex-direction: column;\ntransform: none;\n}"
|
|
385
|
+
},
|
|
386
|
+
"flexcyon-omnisearch-no-icons": {
|
|
387
|
+
"general": "body.flexcyon-omnisearch-no-icons .omnisearch-result__icon {\ndisplay: none;\n}"
|
|
388
|
+
},
|
|
389
|
+
"flexcyon-var-comps-compact-mode": {
|
|
390
|
+
"general": "body.flexcyon-var-comps-compact-mode .various-complements__suggestion-item {\npadding: 4px 8px;\n}"
|
|
391
|
+
}
|
|
392
|
+
},
|
|
393
|
+
"selectorImpacts": {},
|
|
394
|
+
"brokenVarLinks": {
|
|
395
|
+
"--text-primary-color": [
|
|
396
|
+
"--message-bar-close-button-color",
|
|
397
|
+
"--message-bar-close-button-color-hover",
|
|
398
|
+
"--message-bar-fg-color",
|
|
399
|
+
"--button-secondary-fg-color",
|
|
400
|
+
"--input-text-fg-color"
|
|
401
|
+
],
|
|
402
|
+
"--csstools-color-scheme--dark": [
|
|
403
|
+
"--csstools-light-dark-toggle--24",
|
|
404
|
+
"--csstools-light-dark-toggle--25",
|
|
405
|
+
"--csstools-light-dark-toggle--26",
|
|
406
|
+
"--csstools-light-dark-toggle--27",
|
|
407
|
+
"--csstools-light-dark-toggle--0",
|
|
408
|
+
"--csstools-light-dark-toggle--1",
|
|
409
|
+
"--csstools-light-dark-toggle--2",
|
|
410
|
+
"--csstools-light-dark-toggle--29",
|
|
411
|
+
"--csstools-light-dark-toggle--30",
|
|
412
|
+
"--csstools-light-dark-toggle--31",
|
|
413
|
+
"--csstools-light-dark-toggle--32",
|
|
414
|
+
"--csstools-light-dark-toggle--3",
|
|
415
|
+
"--csstools-light-dark-toggle--4",
|
|
416
|
+
"--csstools-light-dark-toggle--5",
|
|
417
|
+
"--csstools-light-dark-toggle--33",
|
|
418
|
+
"--csstools-light-dark-toggle--6",
|
|
419
|
+
"--csstools-light-dark-toggle--7",
|
|
420
|
+
"--csstools-light-dark-toggle--8",
|
|
421
|
+
"--csstools-light-dark-toggle--9",
|
|
422
|
+
"--csstools-light-dark-toggle--10",
|
|
423
|
+
"--csstools-light-dark-toggle--11",
|
|
424
|
+
"--csstools-light-dark-toggle--12",
|
|
425
|
+
"--csstools-light-dark-toggle--13",
|
|
426
|
+
"--csstools-light-dark-toggle--14",
|
|
427
|
+
"--csstools-light-dark-toggle--34",
|
|
428
|
+
"--csstools-light-dark-toggle--35",
|
|
429
|
+
"--csstools-light-dark-toggle--36",
|
|
430
|
+
"--csstools-light-dark-toggle--15",
|
|
431
|
+
"--csstools-light-dark-toggle--16",
|
|
432
|
+
"--csstools-light-dark-toggle--17",
|
|
433
|
+
"--csstools-light-dark-toggle--18",
|
|
434
|
+
"--csstools-light-dark-toggle--19",
|
|
435
|
+
"--csstools-light-dark-toggle--37",
|
|
436
|
+
"--csstools-light-dark-toggle--38",
|
|
437
|
+
"--csstools-light-dark-toggle--39",
|
|
438
|
+
"--csstools-light-dark-toggle--40",
|
|
439
|
+
"--csstools-light-dark-toggle--28",
|
|
440
|
+
"--csstools-light-dark-toggle--20",
|
|
441
|
+
"--csstools-light-dark-toggle--21",
|
|
442
|
+
"--csstools-light-dark-toggle--41",
|
|
443
|
+
"--csstools-light-dark-toggle--22",
|
|
444
|
+
"--csstools-light-dark-toggle--23"
|
|
445
|
+
],
|
|
446
|
+
"--csstools-light-dark-toggle--24": [
|
|
447
|
+
"--message-bar-close-button-hover-bg-color"
|
|
448
|
+
],
|
|
449
|
+
"--csstools-light-dark-toggle--25": [
|
|
450
|
+
"--message-bar-close-button-active-bg-color"
|
|
451
|
+
],
|
|
452
|
+
"--csstools-light-dark-toggle--26": [
|
|
453
|
+
"--message-bar-close-button-focus-bg-color"
|
|
454
|
+
],
|
|
455
|
+
"--csstools-light-dark-toggle--0": ["--text-primary-color"],
|
|
456
|
+
"--csstools-light-dark-toggle--6": ["--text-primary-color"],
|
|
457
|
+
"--csstools-light-dark-toggle--1": ["--message-bar-icon-color"],
|
|
458
|
+
"--csstools-light-dark-toggle--22": ["--message-bar-icon-color"],
|
|
459
|
+
"--csstools-light-dark-toggle--2": ["--message-bar-bg-color"],
|
|
460
|
+
"--csstools-light-dark-toggle--20": ["--message-bar-bg-color"],
|
|
461
|
+
"--csstools-light-dark-toggle--21": ["--message-bar-fg-color"],
|
|
462
|
+
"--csstools-light-dark-toggle--29": ["--message-bar-border-color"],
|
|
463
|
+
"--csstools-light-dark-toggle--41": ["--message-bar-border-color"],
|
|
464
|
+
"--csstools-light-dark-toggle--30": ["--undo-button-bg-color"],
|
|
465
|
+
"--csstools-light-dark-toggle--31": ["--undo-button-bg-color-hover"],
|
|
466
|
+
"--csstools-light-dark-toggle--32": ["--undo-button-bg-color-active"],
|
|
467
|
+
"--csstools-light-dark-toggle--3": ["--undo-button-border"],
|
|
468
|
+
"--message-bar-fg-color": ["--undo-button-fg-color"],
|
|
469
|
+
"--undo-button-fg-color": [
|
|
470
|
+
"--undo-button-fg-color-hover",
|
|
471
|
+
"--undo-button-fg-color-active"
|
|
472
|
+
],
|
|
473
|
+
"--csstools-light-dark-toggle--4": ["--dialog-bg-color"],
|
|
474
|
+
"--csstools-light-dark-toggle--5": ["--dialog-border-color"],
|
|
475
|
+
"--csstools-light-dark-toggle--33": ["--dialog-shadow"],
|
|
476
|
+
"--csstools-light-dark-toggle--7": ["--text-secondary-color"],
|
|
477
|
+
"--csstools-light-dark-toggle--8": ["--link-fg-color"],
|
|
478
|
+
"--csstools-light-dark-toggle--9": ["--link-hover-fg-color"],
|
|
479
|
+
"--csstools-light-dark-toggle--10": ["--separator-color"],
|
|
480
|
+
"--csstools-light-dark-toggle--11": ["--textarea-bg-color"],
|
|
481
|
+
"--text-secondary-color": ["--textarea-fg-color"],
|
|
482
|
+
"--csstools-light-dark-toggle--12": ["--radio-bg-color"],
|
|
483
|
+
"--csstools-light-dark-toggle--13": ["--radio-checked-bg-color"],
|
|
484
|
+
"--csstools-light-dark-toggle--14": ["--radio-checked-border-color"],
|
|
485
|
+
"--csstools-light-dark-toggle--34": ["--button-secondary-bg-color"],
|
|
486
|
+
"--button-secondary-bg-color": [
|
|
487
|
+
"--button-secondary-border-color",
|
|
488
|
+
"--button-secondary-active-border-color",
|
|
489
|
+
"--button-secondary-disabled-bg-color"
|
|
490
|
+
],
|
|
491
|
+
"--csstools-light-dark-toggle--35": ["--button-secondary-active-bg-color"],
|
|
492
|
+
"--button-secondary-fg-color": [
|
|
493
|
+
"--button-secondary-active-fg-color",
|
|
494
|
+
"--button-secondary-hover-fg-color",
|
|
495
|
+
"--button-secondary-disabled-fg-color"
|
|
496
|
+
],
|
|
497
|
+
"--csstools-light-dark-toggle--36": ["--button-secondary-hover-bg-color"],
|
|
498
|
+
"--button-secondary-hover-bg-color": [
|
|
499
|
+
"--button-secondary-hover-border-color"
|
|
500
|
+
],
|
|
501
|
+
"--button-secondary-border-color": [
|
|
502
|
+
"--button-secondary-disabled-border-color"
|
|
503
|
+
],
|
|
504
|
+
"--csstools-light-dark-toggle--15": ["--button-primary-bg-color"],
|
|
505
|
+
"--csstools-light-dark-toggle--16": ["--button-primary-fg-color"],
|
|
506
|
+
"--button-primary-bg-color": [
|
|
507
|
+
"--button-primary-border-color",
|
|
508
|
+
"--button-primary-disabled-bg-color"
|
|
509
|
+
],
|
|
510
|
+
"--csstools-light-dark-toggle--17": ["--button-primary-active-bg-color"],
|
|
511
|
+
"--button-primary-fg-color": [
|
|
512
|
+
"--button-primary-active-fg-color",
|
|
513
|
+
"--button-primary-hover-fg-color",
|
|
514
|
+
"--button-primary-disabled-fg-color"
|
|
515
|
+
],
|
|
516
|
+
"--button-primary-active-bg-color": [
|
|
517
|
+
"--button-primary-active-border-color"
|
|
518
|
+
],
|
|
519
|
+
"--csstools-light-dark-toggle--18": ["--button-primary-hover-bg-color"],
|
|
520
|
+
"--button-primary-hover-bg-color": ["--button-primary-hover-border-color"],
|
|
521
|
+
"--button-primary-border-color": ["--button-primary-disabled-border-color"],
|
|
522
|
+
"--csstools-light-dark-toggle--19": ["--input-text-bg-color"],
|
|
523
|
+
"--text-highlight-bg": ["--highlight-bg-color"],
|
|
524
|
+
"--hcm-highlight-filter": ["--highlight-backdrop-filter"],
|
|
525
|
+
"--hcm-highlight-selected-filter": ["--highlight-selected-backdrop-filter"],
|
|
526
|
+
"--scale-factor": ["--page-border", "--total-scale-factor"],
|
|
527
|
+
"--focus-ring-color": ["--focus-ring-outline"],
|
|
528
|
+
"--user-unit": ["--total-scale-factor"],
|
|
529
|
+
"--size-4-4": [
|
|
530
|
+
"--bases-header-padding-start",
|
|
531
|
+
"--bases-header-padding-end",
|
|
532
|
+
"--dropdown-padding",
|
|
533
|
+
"--dropdown-padding-start",
|
|
534
|
+
"--file-margins",
|
|
535
|
+
"--input-padding",
|
|
536
|
+
"--menu-padding",
|
|
537
|
+
"--setting-items-padding-x",
|
|
538
|
+
"--setting-items-padding-y",
|
|
539
|
+
"--table-drag-handle-size",
|
|
540
|
+
"--bases-view-padding",
|
|
541
|
+
"--textarea-padding",
|
|
542
|
+
"--prompt-top",
|
|
543
|
+
"--ec-codePadInl",
|
|
544
|
+
"--ec-uiPadInl"
|
|
545
|
+
],
|
|
546
|
+
"--ec-cs-closedBrdWd": ["--border-width"],
|
|
547
|
+
"--ec-cs-openBrdWd": ["--border-width"],
|
|
548
|
+
"--touch-radius-s": ["--canvas-controls-radius", "--modal-radius"],
|
|
549
|
+
"--icon-l": ["--canvas-controls-icon-size", "--icon-size"],
|
|
550
|
+
"--icon-l-stroke-width": ["--canvas-controls-icon-stroke", "--icon-stroke"],
|
|
551
|
+
"--ec-frm-trmBg": ["--code-background"],
|
|
552
|
+
"--safe-area-inset-left": ["--dialog-max-width", "--modal-sidebar-inset"],
|
|
553
|
+
"--safe-area-inset-right": ["--dialog-max-width", "--modal-sidebar-inset"],
|
|
554
|
+
"--safe-area-inset-top": [
|
|
555
|
+
"--dialog-max-height",
|
|
556
|
+
"--modal-header-height",
|
|
557
|
+
"--modal-max-height",
|
|
558
|
+
"--view-top-fade-mask",
|
|
559
|
+
"--view-top-spacing-markdown",
|
|
560
|
+
"--view-top-spacing",
|
|
561
|
+
"--view-header-top-offset",
|
|
562
|
+
"--content-height",
|
|
563
|
+
"--prompt-top"
|
|
564
|
+
],
|
|
565
|
+
"--background-modifier-active-hover": ["--flair-background"],
|
|
566
|
+
"--text-error": [
|
|
567
|
+
"--flair-background",
|
|
568
|
+
"--icon-color",
|
|
569
|
+
"--pill-color",
|
|
570
|
+
"--pill-color-remove",
|
|
571
|
+
"--text-color"
|
|
572
|
+
],
|
|
573
|
+
"--icon-xl": ["--icon-size"],
|
|
574
|
+
"--icon-m-stroke-width": ["--icon-stroke"],
|
|
575
|
+
"--icon-xl-stroke-width": ["--icon-stroke"],
|
|
576
|
+
"--icon-color-active": ["--icon-color", "--icon-color-hover"],
|
|
577
|
+
"--h1-font": ["--inline-title-font"],
|
|
578
|
+
"--bases-cards-line-height": ["--input-height"],
|
|
579
|
+
"--bases-table-row-height": ["--input-height"],
|
|
580
|
+
"--touch-radius-m": ["--input-radius"],
|
|
581
|
+
"--bases-group-heading-value-color": [
|
|
582
|
+
"--link-color",
|
|
583
|
+
"--link-color-hover",
|
|
584
|
+
"--link-unresolved-color"
|
|
585
|
+
],
|
|
586
|
+
"--bases-group-heading-value-weight": ["--link-weight"],
|
|
587
|
+
"--touch-radius-xs": [
|
|
588
|
+
"--nav-item-radius",
|
|
589
|
+
"--modal-radius",
|
|
590
|
+
"--setting-items-radius"
|
|
591
|
+
],
|
|
592
|
+
"--blur-m": [
|
|
593
|
+
"--menu-backdrop-filter",
|
|
594
|
+
"--prompt-backdrop-filter",
|
|
595
|
+
"--suggestion-backdrop-filter"
|
|
596
|
+
],
|
|
597
|
+
"--metadata-divider-color-hover": ["--metadata-divider-color"],
|
|
598
|
+
"--metadata-sidebar-label-font-size": [
|
|
599
|
+
"--metadata-label-font-size",
|
|
600
|
+
"--metadata-input-font-size"
|
|
601
|
+
],
|
|
602
|
+
"--bases-table-font-size": ["--metadata-input-font-size"],
|
|
603
|
+
"--settings-background": ["--modal-background"],
|
|
604
|
+
"--size-4-12": ["--modal-header-height"],
|
|
605
|
+
"--metadata-input-text-color": ["--pill-color"],
|
|
606
|
+
"--tag-weight": ["--pill-weight"],
|
|
607
|
+
"--footnote-size": ["--popover-font-size"],
|
|
608
|
+
"--background-secondary-alt": ["--setting-items-background"],
|
|
609
|
+
"--sidebar-left-toggle-inner-width-open": [
|
|
610
|
+
"--sidebar-left-toggle-inner-width"
|
|
611
|
+
],
|
|
612
|
+
"--sidebar-right-toggle-inner-width-open": [
|
|
613
|
+
"--sidebar-right-toggle-inner-width"
|
|
614
|
+
],
|
|
615
|
+
"--titlebar-background-focused": [
|
|
616
|
+
"--tab-container-background",
|
|
617
|
+
"--titlebar-background"
|
|
618
|
+
],
|
|
619
|
+
"--color-base-35": [
|
|
620
|
+
"--background-modifier-border-hover",
|
|
621
|
+
"--interactive-hover"
|
|
622
|
+
],
|
|
623
|
+
"--background-modifier-error-rgb": [
|
|
624
|
+
"--background-modifier-border-focus",
|
|
625
|
+
"--background-modifier-form-field"
|
|
626
|
+
],
|
|
627
|
+
"--color-base-100": ["--text-normal"],
|
|
628
|
+
"--color-base-70": ["--text-muted"],
|
|
629
|
+
"--color-accent-hsl": ["--interactive-accent-hsl"],
|
|
630
|
+
"--accent-h": [
|
|
631
|
+
"--color-accent",
|
|
632
|
+
"--color-accent-1",
|
|
633
|
+
"--color-accent-2",
|
|
634
|
+
"--color-accent-hsl"
|
|
635
|
+
],
|
|
636
|
+
"--accent-s": [
|
|
637
|
+
"--color-accent",
|
|
638
|
+
"--color-accent-1",
|
|
639
|
+
"--color-accent-2",
|
|
640
|
+
"--color-accent-hsl"
|
|
641
|
+
],
|
|
642
|
+
"--accent-l": [
|
|
643
|
+
"--color-accent",
|
|
644
|
+
"--color-accent-1",
|
|
645
|
+
"--color-accent-2",
|
|
646
|
+
"--color-accent-hsl"
|
|
647
|
+
],
|
|
648
|
+
"--size-4-6": ["--table-drag-handle-size"],
|
|
649
|
+
"--ribbon-width": ["--frame-left-space"],
|
|
650
|
+
"--setting-group-max-width": ["--setting-group-center-offset"],
|
|
651
|
+
"--text-normal": [
|
|
652
|
+
"--text-color",
|
|
653
|
+
"--icon-color-focus",
|
|
654
|
+
"--ec-uiSelFg",
|
|
655
|
+
"--ec-frm-edActTabFg",
|
|
656
|
+
"--ec-frm-trmTtbFg",
|
|
657
|
+
"--ec-frm-inlBtnFg"
|
|
658
|
+
],
|
|
659
|
+
"--text-on-accent": ["--text-color"],
|
|
660
|
+
"--size-4-2": [
|
|
661
|
+
"--modal-sidebar-inset",
|
|
662
|
+
"--bases-view-padding",
|
|
663
|
+
"--view-top-spacing-markdown",
|
|
664
|
+
"--ec-uiPadBlk"
|
|
665
|
+
],
|
|
666
|
+
"--size-4-5": ["--modal-sidebar-inset"],
|
|
667
|
+
"--callout-important": ["--callout-color"],
|
|
668
|
+
"--callout-cite": ["--callout-color"],
|
|
669
|
+
"--list-indent-source": ["--list-padding-inline-start"],
|
|
670
|
+
"--list-indent-editing": ["--list-padding-inline-start"],
|
|
671
|
+
"--size-4-1": ["--bases-table-cell-edge-padding"],
|
|
672
|
+
"--size-4-3": [
|
|
673
|
+
"--bases-view-padding",
|
|
674
|
+
"--navbar-bottom-offset",
|
|
675
|
+
"--textarea-padding",
|
|
676
|
+
"--view-top-spacing-markdown",
|
|
677
|
+
"--view-header-top-offset",
|
|
678
|
+
"--ec-codePadBlk"
|
|
679
|
+
],
|
|
680
|
+
"--background-modifier-border-hover": [
|
|
681
|
+
"--metadata-property-box-shadow",
|
|
682
|
+
"--menu-divider-color"
|
|
683
|
+
],
|
|
684
|
+
"--radius-m": ["--bases-property-menu-item-radius"],
|
|
685
|
+
"--canvas-color-1": ["--canvas-color"],
|
|
686
|
+
"--canvas-color-2": ["--canvas-color"],
|
|
687
|
+
"--canvas-color-3": ["--canvas-color"],
|
|
688
|
+
"--canvas-color-4": ["--canvas-color"],
|
|
689
|
+
"--canvas-color-5": ["--canvas-color"],
|
|
690
|
+
"--canvas-color-6": ["--canvas-color"],
|
|
691
|
+
"--shadow-l": ["--shadow-drag"],
|
|
692
|
+
"--color-accent": ["--shadow-border-accent"],
|
|
693
|
+
"--touch-size-l": [
|
|
694
|
+
"--view-header-height",
|
|
695
|
+
"--mobile-toolbar-height",
|
|
696
|
+
"--navbar-height",
|
|
697
|
+
"--navbar-radius"
|
|
698
|
+
],
|
|
699
|
+
"--touch-size-m": ["--view-header-height"],
|
|
700
|
+
"--view-header-height": [
|
|
701
|
+
"--view-header-action-radius",
|
|
702
|
+
"--view-top-fade-mask",
|
|
703
|
+
"--view-top-spacing-markdown",
|
|
704
|
+
"--view-top-spacing",
|
|
705
|
+
"--hidden-nav-offset"
|
|
706
|
+
],
|
|
707
|
+
"--background-primary": [
|
|
708
|
+
"--system-status-background",
|
|
709
|
+
"--mobile-sidebar-background",
|
|
710
|
+
"--settings-home-background",
|
|
711
|
+
"--keyboard-background",
|
|
712
|
+
"--lowlight-background",
|
|
713
|
+
"--floating-background"
|
|
714
|
+
],
|
|
715
|
+
"--titlebar-background": [
|
|
716
|
+
"--system-status-background",
|
|
717
|
+
"--mobile-sidebar-background"
|
|
718
|
+
],
|
|
719
|
+
"--border-width": ["--menu-divider-width", "--ec-tm-inlMarkerBrdWd"],
|
|
720
|
+
"--background-modifier-border": ["--menu-divider-color", "--ec-focusBrd"],
|
|
721
|
+
"--background-secondary": [
|
|
722
|
+
"--mobile-sidebar-background",
|
|
723
|
+
"--settings-home-background"
|
|
724
|
+
],
|
|
725
|
+
"--safe-area-inset-bottom": [
|
|
726
|
+
"--navbar-bottom-offset",
|
|
727
|
+
"--view-bottom-spacing",
|
|
728
|
+
"--view-bottom-fade-mask"
|
|
729
|
+
],
|
|
730
|
+
"--color-base-10": ["--settings-home-background"],
|
|
731
|
+
"--touch-radius-xxs": ["--textarea-radius"],
|
|
732
|
+
"--keyboard-height": ["--view-bottom-spacing", "--view-bottom-fade-mask"],
|
|
733
|
+
"--navbar-height": [
|
|
734
|
+
"--view-bottom-spacing",
|
|
735
|
+
"--hidden-nav-navbar-transform"
|
|
736
|
+
],
|
|
737
|
+
"--view-bottom-fade-opacity": ["--view-bottom-fade-mask"],
|
|
738
|
+
"--view-top-fade-opacity": ["--view-top-fade-mask"],
|
|
739
|
+
"--file-margins-x": ["--bases-embed-width", "--bases-embed-transform"],
|
|
740
|
+
"--text-muted": ["--icon-color-focus"],
|
|
741
|
+
"--view-header-top-offset": ["--hidden-nav-offset"],
|
|
742
|
+
"--navbar-bottom-offset": ["--hidden-nav-navbar-transform"],
|
|
743
|
+
"--header-height": ["--prompt-top"],
|
|
744
|
+
"--toolbar-option-width": ["--scroll-fade-offset-right"],
|
|
745
|
+
"--ec-gtrBrdCol": ["--ecLineBrdCol"],
|
|
746
|
+
"--ec-tm-markBrdCol": ["--ecLineBrdCol", "--tmInlineBrdCol"],
|
|
747
|
+
"--ec-tm-insBrdCol": ["--ecLineBrdCol", "--tmInlineBrdCol"],
|
|
748
|
+
"--ec-tm-delBrdCol": ["--ecLineBrdCol", "--tmInlineBrdCol"],
|
|
749
|
+
"--ec-gtrBrdWd": ["--ecGtrBrdWd"],
|
|
750
|
+
"--ec-tm-lineMarkerAccentWd": ["--ecGtrBrdWd"],
|
|
751
|
+
"--ec-cs-closedBrdCol": ["--border-color"],
|
|
752
|
+
"--ec-cs-openBrdCol": ["--border-color"],
|
|
753
|
+
"--ec-tm-markBg": ["--tmLineBgCol", "--tmInlineBgCol"],
|
|
754
|
+
"--ec-tm-insBg": ["--tmLineBgCol", "--tmInlineBgCol"],
|
|
755
|
+
"--ec-tm-delBg": ["--tmLineBgCol", "--tmInlineBgCol"],
|
|
756
|
+
"--ec-tm-insDiffIndContent": ["--tmLabel"],
|
|
757
|
+
"--ec-tm-delDiffIndContent": ["--tmLabel"],
|
|
758
|
+
"--ec-tm-inlMarkerBrdWd": ["--tmBrdL", "--tmBrdR"],
|
|
759
|
+
"--ec-tm-inlMarkerBrdRad": ["--tmRadL", "--tmRadR"],
|
|
760
|
+
"--ec-frm-edTabBrdRad": ["--tab-border-radius"],
|
|
761
|
+
"--ec-brdWd": ["--tab-border-radius", "--button-spacing"],
|
|
762
|
+
"--ec-uiPadBlk": ["--button-spacing"],
|
|
763
|
+
"--ec-frm-edActTabIndHt": ["--button-spacing"],
|
|
764
|
+
"--ec-frm-tooltipSuccessBg": ["--tooltip-bg"],
|
|
765
|
+
"--color-pink": ["--flexcyon-hltr-wrapper-pink"],
|
|
766
|
+
"--flexcyon-hltr-wrapper-pink": ["--flexcyon-hltr-pink"],
|
|
767
|
+
"--flexcyon-theme-brightness-ratio": [
|
|
768
|
+
"--flexcyon-hltr-pink",
|
|
769
|
+
"--flexcyon-hltr-red",
|
|
770
|
+
"--flexcyon-hltr-orange",
|
|
771
|
+
"--flexcyon-hltr-yellow",
|
|
772
|
+
"--flexcyon-hltr-green",
|
|
773
|
+
"--flexcyon-hltr-cyan",
|
|
774
|
+
"--flexcyon-hltr-blue",
|
|
775
|
+
"--flexcyon-hltr-purple"
|
|
776
|
+
],
|
|
777
|
+
"--flexcyon-theme-contrast-offset": [
|
|
778
|
+
"--flexcyon-hltr-pink",
|
|
779
|
+
"--flexcyon-hltr-red",
|
|
780
|
+
"--flexcyon-hltr-orange",
|
|
781
|
+
"--flexcyon-hltr-yellow",
|
|
782
|
+
"--flexcyon-hltr-green",
|
|
783
|
+
"--flexcyon-hltr-cyan",
|
|
784
|
+
"--flexcyon-hltr-blue",
|
|
785
|
+
"--flexcyon-hltr-purple"
|
|
786
|
+
],
|
|
787
|
+
"--flexcyon-theme-saturation-ratio": [
|
|
788
|
+
"--flexcyon-hltr-pink",
|
|
789
|
+
"--flexcyon-hltr-red",
|
|
790
|
+
"--flexcyon-hltr-orange",
|
|
791
|
+
"--flexcyon-hltr-yellow",
|
|
792
|
+
"--flexcyon-hltr-green",
|
|
793
|
+
"--flexcyon-hltr-cyan",
|
|
794
|
+
"--flexcyon-hltr-blue",
|
|
795
|
+
"--flexcyon-hltr-purple"
|
|
796
|
+
],
|
|
797
|
+
"--flexcyon-theme-warmth-offset": [
|
|
798
|
+
"--flexcyon-hltr-pink",
|
|
799
|
+
"--flexcyon-hltr-red",
|
|
800
|
+
"--flexcyon-hltr-orange",
|
|
801
|
+
"--flexcyon-hltr-yellow",
|
|
802
|
+
"--flexcyon-hltr-green",
|
|
803
|
+
"--flexcyon-hltr-cyan",
|
|
804
|
+
"--flexcyon-hltr-blue",
|
|
805
|
+
"--flexcyon-hltr-purple"
|
|
806
|
+
],
|
|
807
|
+
"--color-red": ["--flexcyon-hltr-wrapper-red"],
|
|
808
|
+
"--flexcyon-hltr-wrapper-red": ["--flexcyon-hltr-red"],
|
|
809
|
+
"--color-orange": ["--flexcyon-hltr-wrapper-orange"],
|
|
810
|
+
"--flexcyon-hltr-wrapper-orange": ["--flexcyon-hltr-orange"],
|
|
811
|
+
"--color-yellow": ["--flexcyon-hltr-wrapper-yellow"],
|
|
812
|
+
"--flexcyon-hltr-wrapper-yellow": ["--flexcyon-hltr-yellow"],
|
|
813
|
+
"--color-green": ["--flexcyon-hltr-wrapper-green"],
|
|
814
|
+
"--flexcyon-hltr-wrapper-green": ["--flexcyon-hltr-green"],
|
|
815
|
+
"--color-cyan": ["--flexcyon-hltr-wrapper-cyan"],
|
|
816
|
+
"--flexcyon-hltr-wrapper-cyan": ["--flexcyon-hltr-cyan"],
|
|
817
|
+
"--color-blue": ["--flexcyon-hltr-wrapper-blue"],
|
|
818
|
+
"--flexcyon-hltr-wrapper-blue": ["--flexcyon-hltr-blue"],
|
|
819
|
+
"--color-purple": ["--flexcyon-hltr-wrapper-purple"],
|
|
820
|
+
"--flexcyon-hltr-wrapper-purple": ["--flexcyon-hltr-purple"],
|
|
821
|
+
"--lowlight-background": ["--mono-oklch-0"],
|
|
822
|
+
"--shiki-code-block-border-radius": ["--ec-brdRad"],
|
|
823
|
+
"--shiki-code-block-border-width": ["--ec-brdWd"],
|
|
824
|
+
"--shiki-code-block-border-color": ["--ec-brdCol"],
|
|
825
|
+
"--font-monospace": ["--ec-codeFontFml"],
|
|
826
|
+
"--code-size": ["--ec-codeFontSize"],
|
|
827
|
+
"--font-normal": ["--ec-codeFontWg", "--ec-uiFontWg"],
|
|
828
|
+
"--line-height-normal": ["--ec-codeLineHt", "--ec-uiLineHt"],
|
|
829
|
+
"--shiki-code-background": [
|
|
830
|
+
"--ec-codeBg",
|
|
831
|
+
"--ec-frm-edActTabBg",
|
|
832
|
+
"--ec-frm-edBg",
|
|
833
|
+
"--ec-frm-trmTtbBg",
|
|
834
|
+
"--ec-frm-trmBg"
|
|
835
|
+
],
|
|
836
|
+
"--shiki-code-normal": ["--ec-codeFg", "--ec-cs-closedTextCol"],
|
|
837
|
+
"--text-selection": ["--ec-codeSelBg", "--ec-uiSelBg"],
|
|
838
|
+
"--shiki-gutter-border-color": ["--ec-gtrBrdCol"],
|
|
839
|
+
"--shiki-gutter-border-width": ["--ec-gtrBrdWd"],
|
|
840
|
+
"--shiki-gutter-text-color": ["--ec-gtrFg"],
|
|
841
|
+
"--shiki-gutter-text-color-highlight": ["--ec-gtrHlFg"],
|
|
842
|
+
"--font-interface": ["--ec-uiFontFml"],
|
|
843
|
+
"--font-text-size": ["--ec-uiFontSize"],
|
|
844
|
+
"--scrollbar-thumb-bg": ["--ec-sbThumbCol"],
|
|
845
|
+
"--scrollbar-active-thumb-bg": ["--ec-sbThumbHoverCol"],
|
|
846
|
+
"--shiki-highlight-neutral-background": ["--ec-tm-markBg"],
|
|
847
|
+
"--shiki-highlight-neutral": ["--ec-tm-markBrdCol"],
|
|
848
|
+
"--shiki-highlight-green-background": ["--ec-tm-insBg"],
|
|
849
|
+
"--shiki-highlight-green": ["--ec-tm-insBrdCol", "--ec-tm-insDiffIndCol"],
|
|
850
|
+
"--shiki-highlight-red-background": ["--ec-tm-delBg"],
|
|
851
|
+
"--shiki-highlight-red": ["--ec-tm-delBrdCol", "--ec-tm-delDiffIndCol"],
|
|
852
|
+
"--shiki-active-tab-border-width": ["--ec-frm-edActTabIndHt"],
|
|
853
|
+
"--shiki-active-tab-border-color": ["--ec-frm-edActTabIndTopCol"],
|
|
854
|
+
"--shiki-code-border-radius": ["--ec-frm-edTabBrdRad"],
|
|
855
|
+
"--color-primary": ["--ec-frm-edTabBarBg"],
|
|
856
|
+
"--shiki-terminal-dots-color": ["--ec-frm-trmTtbDotsFg"],
|
|
857
|
+
"--background-modifier-hover": ["--ec-frm-inlBtnBg"],
|
|
858
|
+
"--shiki-code-border-color": ["--ec-frm-inlBtnBrd"],
|
|
859
|
+
"--shiki-tooltip-background": ["--ec-frm-tooltipSuccessBg"],
|
|
860
|
+
"--shiki-tooltip-text-color": ["--ec-frm-tooltipSuccessFg"]
|
|
861
|
+
}
|
|
862
|
+
}
|