@layer quartz-base, obsidian-theme, quartz-themes-base, obsidian-theme-overrides;
@layer obsidian-theme {
@font-face {
font-family: "W95font";
font-style: normal;
font-weight: 400;
src: url("https://cdn.jsdelivr.net/gh/saberzero1/quartz-themes@v4.0.11/fonts/retroma.split-complementary-reversed/w95font.woff2") format("woff2");
}
@font-face {
font-family: "Cascadia Code";
font-style: normal;
font-weight: 400;
src: url("https://cdn.jsdelivr.net/gh/saberzero1/quartz-themes@v4.0.11/fonts/retroma.split-complementary-reversed/cascadia-code.woff2") format("woff2");
}
@font-face {
font-family: "iA Writer Mono S";
font-style: normal;
font-weight: 400;
src: url("https://cdn.jsdelivr.net/gh/saberzero1/quartz-themes@v4.0.11/fonts/retroma.split-complementary-reversed/ia-writer-mono-s.woff2") format("woff2");
}
@font-face {
font-family: "Excalifont";
font-style: normal;
font-weight: 400;
src: url("https://cdn.jsdelivr.net/gh/saberzero1/quartz-themes@v4.0.11/fonts/retroma.split-complementary-reversed/excalifont.woff2") format("woff2");
}
@font-face {
font-family: "Caveat";
font-style: normal;
font-weight: 400;
src: url("https://cdn.jsdelivr.net/gh/saberzero1/quartz-themes@v4.0.11/fonts/retroma.split-complementary-reversed/caveat.woff2") format("woff2");
}
.callout {
--callout-icon-note: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' 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");
--callout-icon-abstract: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' 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");
--callout-icon-info: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' 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");
--callout-icon-todo: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' 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");
--callout-icon-tip: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' 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");
--callout-icon-success: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' 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");
--callout-icon-question: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' 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");
--callout-icon-warning: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' 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");
--callout-icon-failure: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' 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");
--callout-icon-danger: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' 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");
--callout-icon-bug: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' 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");
--callout-icon-example: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' 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");
--callout-icon-quote: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' 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");
&[data-callout] { --callout-icon: var(--callout-icon-note); }
&[data-callout="note"] { --callout-icon: var(--callout-icon-note); }
&[data-callout="abstract"] { --callout-icon: var(--callout-icon-abstract); }
&[data-callout="info"] { --callout-icon: var(--callout-icon-info); }
&[data-callout="todo"] { --callout-icon: var(--callout-icon-todo); }
&[data-callout="tip"] { --callout-icon: var(--callout-icon-tip); }
&[data-callout="success"] { --callout-icon: var(--callout-icon-success); }
&[data-callout="question"] { --callout-icon: var(--callout-icon-question); }
&[data-callout="warning"] { --callout-icon: var(--callout-icon-warning); }
&[data-callout="failure"] { --callout-icon: var(--callout-icon-failure); }
&[data-callout="danger"] { --callout-icon: var(--callout-icon-danger); }
&[data-callout="bug"] { --callout-icon: var(--callout-icon-bug); }
&[data-callout="example"] { --callout-icon: var(--callout-icon-example); }
&[data-callout="quote"] { --callout-icon: var(--callout-icon-quote); }
&[data-callout="summary"] { --callout-icon: var(--callout-icon-abstract); }
&[data-callout="tldr"] { --callout-icon: var(--callout-icon-abstract); }
&[data-callout="hint"] { --callout-icon: var(--callout-icon-tip); }
&[data-callout="important"] { --callout-icon: var(--callout-icon-tip); }
&[data-callout="check"] { --callout-icon: var(--callout-icon-success); }
&[data-callout="done"] { --callout-icon: var(--callout-icon-success); }
&[data-callout="help"] { --callout-icon: var(--callout-icon-question); }
&[data-callout="faq"] { --callout-icon: var(--callout-icon-question); }
&[data-callout="caution"] { --callout-icon: var(--callout-icon-warning); }
&[data-callout="attention"] { --callout-icon: var(--callout-icon-warning); }
&[data-callout="fail"] { --callout-icon: var(--callout-icon-failure); }
&[data-callout="missing"] { --callout-icon: var(--callout-icon-failure); }
&[data-callout="error"] { --callout-icon: var(--callout-icon-danger); }
&[data-callout="cite"] { --callout-icon: var(--callout-icon-quote); }
}
body .page article li:has(> input[type="checkbox"]:checked):not([data-task="x"]):not([data-task="X"]) {
text-decoration: none;
color: inherit;
}
body .page article li.task-list-item.is-checked:not([data-task="x"]):not([data-task="X"]) {
text-decoration: none;
color: inherit;
}
body .page article li.task-list-item[data-task="x"],
body .page article li.task-list-item[data-task="X"] {
text-decoration: line-through;
text-decoration-color: var(--checkbox-color, var(--secondary));
color: var(--checkbox-color, var(--secondary));
}
:root {
--font-default-obsidian: ui-sans-serif, -apple-system, BlinkMacSystemFont,
system-ui, "Segoe UI", Roboto, "Inter", "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
--font-monospace-default-obsidian: ui-monospace, SFMono-Regular,
"Cascadia Mono", "Roboto Mono", "DejaVu Sans Mono", "Liberation Mono",
Menlo, Monaco, "Consolas", "Source Code Pro", monospace;
--font-default: var(--font-default-obsidian);
--font-monospace-default: var(--font-monospace-default-obsidian);
/* Resolved font stacks — themes override these in their base aspect.
The baseline just ensures usable defaults before theme CSS loads. */
--font-text: var(--font-default);
--font-interface: var(--font-default);
--font-monospace: var(--font-monospace-default);
--h1-font: inherit;
--h2-font: inherit;
--h3-font: inherit;
--h4-font: inherit;
--h5-font: inherit;
--h6-font: inherit;
}
/* aspect: base */
:root:root[saved-theme="dark"] {
--accent-1: oklch(from var(--base-accent) l c calc(h + var(--rotation-1)));
--accent-2: oklch(from var(--base-accent) l c calc(h + var(--rotation-2)));
--accent-h: 258;
--accent-l: 66%;
--accent-s: 88%;
--anim-duration-fast: 140ms;
--anim-duration-moderate: 300ms;
--anim-duration-none: 0;
--anim-duration-slow: 560ms;
--anim-duration-superfast: 70ms;
--anim-motion-delay: cubic-bezier(0.65, 0.05, 0.36, 1);
--anim-motion-jumpy: cubic-bezier(0.68, -0.55, 0.27, 1.55);
--anim-motion-smooth: cubic-bezier(0.45, 0.05, 0.55, 0.95);
--anim-motion-swing: cubic-bezier(0, 0.55, 0.45, 1);
--background-modifier-active-hover: color-mix(in oklch, var(--interactive-accent) 10%, transparent);
--background-modifier-border: oklch(from var(--background-secondary) l c h);
--background-modifier-border-focus: oklch(
from var(--background-primary) 70% c h
);
--background-modifier-border-hover: var(--color-base-35);
--background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
--background-modifier-cover: rgba(10, 10, 10, 0.4);
--background-modifier-error: var(--color-red);
--background-modifier-error-hover: var(--color-red);
--background-modifier-error-rgb: var(--color-red-rgb);
--background-modifier-form-field: var(--color-base-25);
--background-modifier-form-field-hover: var(--background-modifier-form-field);
--background-modifier-hover: color-mix(in oklch, var(--mono-100) 6.7%, transparent);
--background-modifier-message: color-mix(in oklch, black 90%, transparent);
--background-modifier-success: var(--color-green);
--background-modifier-success-rgb: var(--color-green-rgb);
--background-modifier-warning: var(--color-orange);
--background-modifier-warning-hover: var(--color-orange);
--background-paper: oklch(
from var(--accent-2) var(--lightness-accent) calc(c * var(--chroma-accent))
h
);
--background-primary: oklch(
from var(--accent-2) calc(var(--lightness-accent) - 0.02)
calc(c * var(--chroma-accent)) h
);
--background-primary-alt: oklch(
from var(--base-accent) calc(var(--lightness-accent) - 0.04)
calc(c * var(--chroma-accent)) h
);
--background-secondary: oklch(
from var(--base-accent) calc(var(--lightness-accent) - 0.06)
calc(c * var(--chroma-accent)) h
);
--background-secondary-alt: oklch(
from var(--accent-1) calc(var(--lightness-accent) - 0.08)
calc(c * var(--chroma-accent)) h
);
--background-tertiary: oklch(
from var(--accent-2) calc(var(--lightness-accent) - 0.1)
calc(c * var(--chroma-accent)) h
);
--base-accent: oklch(from var(--interactive-accent) l c h);
--bases-cards-background: oklch(from var(--background-tertiary) 25% c h);
--bases-cards-border-width: 4px;
--bases-cards-container-background: transparent;
--bases-cards-corner-shape: var(--corner-shape);
--bases-cards-cover-background: var(--background-primary-alt);
--bases-cards-font-size: var(--font-smaller);
--bases-cards-line-height: 24px;
--bases-cards-radius: var(--radius-m);
--bases-cards-scale: 1;
--bases-cards-shadow: 0 0 0 1px var(--background-modifier-border);
--bases-cards-shadow-hover: 0 0 0 1px var(--background-modifier-border-hover);
--bases-embed-border-color: var(--background-modifier-border);
--bases-embed-border-radius: var(--window-border-radius);
--bases-embed-border-width: 0px;
--bases-filter-input-background: var(--background-modifier-form-field);
--bases-filter-menu-width: 520px;
--bases-group-heading-property-color: var(--text-muted);
--bases-group-heading-property-display: block;
--bases-group-heading-property-size: var(--font-ui-smaller);
--bases-group-heading-property-weight: var(--font-normal);
--bases-group-heading-value-size: var(--font-smaller);
--bases-group-heading-value-weight: var(--font-semibold);
--bases-header-border-width: 0;
--bases-header-height: 40px;
--bases-header-padding-end: 2px;
--bases-header-padding-start: 2px;
--bases-table-border-color: var(--table-border-color);
--bases-table-cell-background-active: var(--background-primary);
--bases-table-cell-background-disabled: var(--background-primary-alt);
--bases-table-cell-background-selected: var(--table-selection);
--bases-table-cell-radius-active: 2px;
--bases-table-cell-radius-focus: 2px;
--bases-table-cell-shadow-active: 0 0 0 2px var(--background-modifier-border-focus);
--bases-table-cell-shadow-focus: 0 0 0 2px var(--interactive-accent);
--bases-table-column-border-width: var(--border-width);
--bases-table-column-max-width: 300;
--bases-table-column-min-width: 40;
--bases-table-container-border-radius: var(--radius-s);
--bases-table-container-border-width: var(--border-width);
--bases-table-font-size: var(--font-smaller);
--bases-table-group-background: var(--background-primary-alt);
--bases-table-group-gap: 10px;
--bases-table-header-background: var(--background-primary);
--bases-table-header-background-hover: var(--background-modifier-hover);
--bases-table-header-color: var(--text-muted);
--bases-table-header-icon-display: flex;
--bases-table-header-sort-mask: linear-gradient(to left, transparent var(--size-4-6), black var(--size-4-6));
--bases-table-header-weight: 100;
--bases-table-row-background-hover: var(--table-row-background-hover);
--bases-table-row-border-width: var(--border-width);
--bases-table-row-height: 30px;
--bases-table-summary-background: var(--background-primary);
--bases-table-summary-background-hover: var(--background-modifier-hover);
--bases-toolbar-badge-display: none;
--bases-toolbar-label-display: block;
--blockquote-background-color: oklch(
from var(--background-secondary) l c h / 40%
);
--blockquote-border-color: oklch(from var(--base-accent) 50% c h / 75%);
--blockquote-border-thickness: var(--size-2-2);
--blockquote-font-style: normal;
--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));
--blur-brightness: 1.15;
--blur-l: blur(var(--blur-radius-l)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));
--blur-m: blur(var(--blur-radius-m)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));
--blur-opacity-m: 90%;
--blur-opacity-s: 65%;
--blur-radius-l: 16px;
--blur-radius-m: 10px;
--blur-radius-s: 6px;
--blur-s: blur(var(--blur-radius-s)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));
--blur-saturation: 1.5;
--bodyFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--bold-color: oklch(
from var(--base-accent) calc(var(--lightness) + 10%) var(--chroma)
calc(h + 100)
);
--bold-modifier: 200;
--bold-weight: calc(var(--font-weight) + var(--bold-modifier));
--border-groove: 4px groove var(--background-primary-alt);
--border-ridge: 4px ridge var(--background-primary);
--border-solid: 4px solid var(--titlebar-background);
--border-width: 1px;
--box-shadow: inset -2px -2px oklch(from var(--background-secondary) 0% c h),
inset 2px 2px oklch(from var(--background-secondary) 50% c h);
--box-shadow-active: inset 2px 2px oklch(from var(--background-secondary) 0% c h),
inset -2px -2px oklch(from var(--base-accent) 50% c h);
--box-shadow-active-sm: inset 1px 1px oklch(from var(--background-secondary) 0% c h),
inset -1px -1px oklch(from var(--base-accent) 50% c h);
--box-shadow-sm: inset -1px -1px oklch(from var(--background-secondary) 0% c h),
inset 1px 1px oklch(from var(--background-secondary) 50% c h);
--button-active: oklch(from var(--background-secondary) 25% c h);
--button-border-radius: 8px;
--button-corner-shape: var(--corner-shape);
--button-hover: oklch(from var(--background-paper) l c h);
--button-normal: var(--background-primary);
--button-radius: var(--input-radius);
--button-text: var(--text-normal);
--callout-blend-mode: var(--highlight-mix-blend-mode);
--callout-border-opacity: 0.25;
--callout-border-width: var(--size-4-1);
--callout-bug: var(--color-red);
--callout-content-background: transparent;
--callout-content-padding: 0;
--callout-default: var(--color-blue);
--callout-error: var(--color-red);
--callout-example: var(--color-purple);
--callout-fail: var(--color-red);
--callout-important: var(--color-cyan);
--callout-info: var(--color-blue);
--callout-padding: var(--size-4-3) var(--size-4-3) var(--size-4-3) var(--size-4-6);
--callout-question: var(--color-orange);
--callout-quote: #9e9e9e;
--callout-radius: var(--window-border-radius);
--callout-success: var(--color-green);
--callout-summary: var(--color-cyan);
--callout-tip: var(--color-cyan);
--callout-title-padding: 0;
--callout-title-weight: calc(var(--font-weight) + var(--bold-modifier));
--callout-todo: var(--color-blue);
--callout-warning: var(--color-orange);
--canvas-background: var(--background-paper);
--canvas-card-label-color: var(--text-faint);
--canvas-color: #7e7e7e;
--canvas-color-1: var(--color-red);
--canvas-color-2: var(--color-orange);
--canvas-color-3: var(--color-yellow);
--canvas-color-4: var(--color-green);
--canvas-color-5: var(--color-cyan);
--canvas-color-6: var(--color-purple);
--canvas-controls-icon-size: var(--icon-s);
--canvas-controls-icon-stroke: var(--icon-s-stroke-width);
--canvas-controls-radius: var(--radius-s);
--canvas-dot-pattern: oklch(
from var(--text-normal) l c h / var(--retroma-canvas-dot-opacity)
);
--caret-color: var(--text-normal);
--checkbox-border-color: var(--text-faint);
--checkbox-border-color-hover: var(--text-muted);
--checkbox-color: var(--background-secondary);
--checkbox-color-hover: var(--background-secondary-alt);
--checkbox-margin-inline-start: 0.85em;
--checkbox-marker-color: var(--background-paper);
--checkbox-radius: var(--window-border-radius);
--checkbox-size: var(--font-text-size);
--checklist-done-color: var(--text-muted);
--checklist-done-decoration: line-through;
--chroma: 20%;
--chroma-accent: 0.3;
--chroma-folder: 20%;
--clickable-icon-radius: var(--radius-s);
--code-background: oklch(from var(--background-secondary) 10% c h / 50%);
--code-border-color: var(--background-modifier-border);
--code-border-width: 0px;
--code-bracket-background: var(--background-modifier-hover);
--code-comment: var(--text-faint);
--code-function: var(--color-yellow);
--code-important: var(--color-orange);
--code-keyword: var(--color-pink);
--code-normal: var(--text-normal);
--code-operator: var(--color-red);
--code-property: var(--color-cyan);
--code-punctuation: var(--text-muted);
--code-radius: var(--window-border-radius);
--code-size: var(--font-smaller);
--code-string: var(--color-green);
--code-tag: var(--color-red);
--code-value: var(--color-purple);
--code-white-space: pre-wrap;
--codeFont: var(--font-monospace, var(--font-monospace-override, var(--font-monospace-theme, var(--font-monospace-default))));
--collapse-icon-color: var(--text-muted);
--collapse-icon-color-collapsed: var(--text-faint);
--color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
--color-accent-1: hsl(calc(var(--accent-h) - 3), calc(var(--accent-s) * 1.02), calc(var(--accent-l) * 1.15));
--color-accent-2: hsl(calc(var(--accent-h) - 5), calc(var(--accent-s) * 1.05), calc(var(--accent-l) * 1.29));
--color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l);
--color-amber: oklch(
from var(--hue-amber) var(--lightness) var(--chroma) h
);
--color-base-00: #1C1C1C;
--color-base-05: #212121;
--color-base-10: #232323;
--color-base-100: #dadada;
--color-base-20: #282828;
--color-base-25: #2e2e2e;
--color-base-30: #333333;
--color-base-35: #3f3f3f;
--color-base-40: #555555;
--color-base-50: #666666;
--color-base-60: #999999;
--color-base-70: #b3b3b3;
--color-blue: oklch(
from var(--hue-blue) var(--lightness) var(--chroma) h
);
--color-blue-rgb: 2, 122, 255;
--color-cyan: oklch(
from var(--hue-cyan) var(--lightness) var(--chroma) h
);
--color-cyan-rgb: 83, 223, 221;
--color-green: oklch(
from var(--hue-green) var(--lightness) var(--chroma) h
);
--color-green-rgb: 68, 207, 110;
--color-indigo: oklch(
from var(--hue-indigo) var(--lightness) var(--chroma) h
);
--color-lime: oklch(
from var(--hue-lime) var(--lightness) var(--chroma) h
);
--color-magenta: oklch(
from var(--hue-magenta) var(--lightness) var(--chroma) h
);
--color-orange: oklch(
from var(--hue-orange) var(--lightness) var(--chroma) h
);
--color-orange-rgb: 233, 151, 63;
--color-pink: #fa99cd;
--color-pink-rgb: 250, 153, 205;
--color-purple: oklch(
from var(--hue-purple) var(--lightness) var(--chroma) h
);
--color-purple-rgb: 168, 130, 255;
--color-red: oklch(
from var(--hue-red) var(--lightness) var(--chroma) h
);
--color-red-rgb: 251, 70, 76;
--color-rose: oklch(
from var(--hue-rose) var(--lightness) var(--chroma) h
);
--color-teal: oklch(
from var(--hue-teal) var(--lightness) var(--chroma) h
);
--color-vermillion: oklch(
from var(--hue-vermillion) var(--lightness) var(--chroma) h
);
--color-violet: oklch(
from var(--hue-violet) var(--lightness) var(--chroma) h
);
--color-yellow: oklch(
from var(--hue-yellow) var(--lightness) var(--chroma) h
);
--color-yellow-rgb: 224, 222, 113;
--corner-shape: round;
--cursor: default;
--cursor-link: pointer;
--dark: var(--text-normal, var(--color-base-100));
--darkgray: var(--text-normal, var(--color-base-100));
--dialog-max-height: 85vh;
--dialog-max-width: 80vw;
--dialog-width: 560px;
--direction: 1;
--divider-color: var(--titlebar-background);
--divider-color-hover: var(--interactive-accent);
--divider-vertical-height: 100%;
--divider-width: 0px;
--divider-width-hover: 3px;
--drag-ghost-background: rgba(0, 0, 0, 0.85);
--drag-ghost-text-color: #fff;
--drag-item-background: var(--background-primary);
--drag-item-shadow: 0 2px 8px var(--background-modifier-box-shadow);
--dropdown-background: var(--background-paper);
--dropdown-background-blend-mode: hard-light, normal;
--dropdown-background-hover: var(--interactive-hover);
--dropdown-background-position: var(--inset-end) var(--dropdown-icon-inset) top 50%, var(--inset-end) 0.15em top 50%, 0 0;
--dropdown-background-size: var(--dropdown-icon-width) auto, 2em 2em, 100%;
--dropdown-icon-background: transparent;
--dropdown-icon-inset: 0.65em;
--dropdown-icon-width: 1em;
--dropdown-padding: 0 var(--dropdown-padding-end) 0 var(--dropdown-padding-start);
--dropdown-padding-end: 2.4em;
--dropdown-padding-start: 0.8em;
--dropdown-text-align: start;
--embed-block-shadow-hover: 0 0 0 1px var(--background-modifier-border), inset 0 0 0 1px var(--background-modifier-border);
--embed-border-bottom: none;
--embed-border-end: none;
--embed-border-start: 2px solid var(--interactive-accent);
--embed-border-top: none;
--embed-canvas-max-height: 400px;
--embed-max-height: 4000px;
--embed-padding: 0 0 0 var(--size-4-6);
--file-folding-offset: 24px;
--file-header-background: var(--background-primary);
--file-header-background-focused: var(--background-secondary);
--file-header-border: var(--border-width) solid transparent;
--file-header-font: var(--font-interface);
--file-header-font-size: var(--font-ui-small);
--file-header-font-weight: 400;
--file-header-justify: center;
--file-line-width: 700px;
--file-margins: var(--size-4-4);
--file-margins-x: var(--size-4-8);
--file-margins-y: var(--size-4-8);
--flair-background: var(--interactive-normal);
--flair-color: var(--text-normal);
--focus-ring-color: var(--csstools-light-dark-toggle--23, #0df);
--focus-ring-outline: 2px solid light-dark(#0060df, #0df);
--folder-accent: var(--base-accent);
--folder-color-1: oklch(
from var(--hue-red) var(--lightness) var(--chroma-folder) h
);
--folder-color-10: oklch(
from var(--hue-lime) var(--lightness) var(--chroma-folder) h
);
--folder-color-11: oklch(
from var(--hue-teal) var(--lightness) var(--chroma-folder) h
);
--folder-color-12: oklch(
from var(--hue-purple) var(--lightness) var(--chroma-folder) h
);
--folder-color-13: oklch(
from var(--hue-magenta) var(--lightness) var(--chroma-folder) h
);
--folder-color-14: oklch(
from var(--hue-rose) var(--lightness) var(--chroma-folder) h
);
--folder-color-15: oklch(
from var(--hue-cyan) var(--lightness) var(--chroma-folder) h
);
--folder-color-2: oklch(
from var(--hue-orange) var(--lightness) var(--chroma-folder) h
);
--folder-color-3: oklch(
from var(--hue-yellow) var(--lightness) var(--chroma-folder) h
);
--folder-color-4: oklch(
from var(--hue-green) var(--lightness) var(--chroma-folder) h
);
--folder-color-5: oklch(
from var(--hue-blue) var(--lightness) var(--chroma-folder) h
);
--folder-color-6: oklch(
from var(--hue-indigo) var(--lightness) var(--chroma-folder) h
);
--folder-color-7: oklch(
from var(--hue-violet) var(--lightness) var(--chroma-folder) h
);
--folder-color-8: oklch(
from var(--hue-vermillion) var(--lightness) var(--chroma-folder) h
);
--folder-color-9: oklch(
from var(--hue-amber) var(--lightness) var(--chroma-folder) h
);
--font-black: 900;
--font-bold: 700;
--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;
--font-extrabold: 800;
--font-extralight: 200;
--font-interface: var(--font-interface-override, var(--font-interface-theme, var(--default-font, var(--font-default))));
--font-light: 300;
--font-medium: 500;
--font-mermaid: var(--font-text);
--font-monospace: var(--font-monospace-override, var(--font-monospace-theme, var(--font-monospace-default)));
--font-monospace-default: ui-monospace, SFMono-Regular, "Cascadia Mono", "Roboto Mono", "DejaVu Sans Mono", "Liberation Mono", Menlo, Monaco, "Consolas", "Source Code Pro", monospace;
--font-normal: 400;
--font-print: var(--font-print-override), var(--font-text-override), var(--font-text-theme), 'Arial';
--font-semibold: 600;
--font-small: 0.933em;
--font-smaller: 0.875em;
--font-smallest: 0.8em;
--font-text: var(--font-text-override, var(--font-text-theme, var(--font-default)));
--font-text-size: 16px;
--font-thin: 100;
--font-ui-large: 20px;
--font-ui-medium: 15px;
--font-ui-small: 13px;
--font-ui-smaller: 12px;
--font-weight: var(--font-normal);
--footnote-divider-color: var(--metadata-divider-color);
--footnote-divider-color-active: var(--metadata-divider-color-focus);
--footnote-divider-width: var(--border-width);
--footnote-gap: var(--size-4-1);
--footnote-id-color: var(--text-muted);
--footnote-id-color-no-occurrences: var(--text-faint);
--footnote-id-delimiter: ".";
--footnote-input-background: var(--metadata-input-background);
--footnote-input-background-active: var(--metadata-input-background-active);
--footnote-line-height: var(--line-height-normal);
--footnote-padding-block: var(--size-2-3);
--footnote-padding-inline: var(--size-2-3);
--footnote-radius: var(--radius-s);
--footnote-size: var(--font-smaller);
--frame-left-space: 0px;
--frame-right-space: 126px;
--graph-controls-width: 240px;
--graph-line: var(--color-base-35, var(--background-modifier-border-focus));
--graph-node: var(--text-muted);
--graph-node-attachment: var(--color-yellow);
--graph-node-focused: var(--text-accent);
--graph-node-tag: var(--color-green);
--graph-node-unresolved: var(--text-faint);
--graph-text: var(--text-normal);
--gray: var(--text-muted, var(--color-base-70));
--h1-color: var(--color-red);
--h1-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h1-letter-spacing: -0.015em;
--h1-line-height: 1.2;
--h1-size: 1.618em;
--h1-style: normal;
--h1-variant: normal;
--h1-weight: 700;
--h2-color: var(--color-orange);
--h2-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h2-letter-spacing: -0.011em;
--h2-line-height: 1.2;
--h2-size: 1.462em;
--h2-style: normal;
--h2-variant: normal;
--h2-weight: 680;
--h3-color: var(--color-yellow);
--h3-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h3-letter-spacing: -0.008em;
--h3-line-height: 1.3;
--h3-size: 1.318em;
--h3-style: normal;
--h3-variant: normal;
--h3-weight: 660;
--h4-color: var(--color-green);
--h4-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h4-letter-spacing: -0.005em;
--h4-line-height: 1.4;
--h4-size: 1.188em;
--h4-style: normal;
--h4-variant: normal;
--h4-weight: 640;
--h5-color: var(--color-blue);
--h5-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h5-letter-spacing: -0.002em;
--h5-line-height: var(--line-height-normal);
--h5-size: 1.076em;
--h5-style: normal;
--h5-variant: normal;
--h5-weight: 620;
--h6-color: var(--color-indigo);
--h6-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h6-letter-spacing: 0em;
--h6-line-height: var(--line-height-normal);
--h6-size: 1em;
--h6-style: normal;
--h6-variant: normal;
--h6-weight: 600;
--header-height: 48px;
--headerFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--heading-formatting: var(--text-faint);
--heading-spacing: calc(var(--p-spacing) * 2.5);
--highlight: var(--text-highlight-bg, oklch(from var(--accent-1) 50% var(--chroma) h / 75%));
--highlight-mix-blend-mode: lighten;
--hr-color: oklch(from var(--text-normal) l c h / 25%);
--hr-thickness: 2px;
--hue-amber: #ffb300;
--hue-blue: #2196f3;
--hue-cyan: #00bcd4;
--hue-green: #4caf50;
--hue-indigo: #3f51b5;
--hue-lime: #8bc34a;
--hue-magenta: #e91e63;
--hue-orange: #ff9800;
--hue-purple: #673ab7;
--hue-red: #d32f2f;
--hue-rose: #f48fb1;
--hue-teal: #009688;
--hue-vermillion: #ff5722;
--hue-violet: #9c27b0;
--hue-yellow: #ffeb3b;
--icon-color: var(--text-muted);
--icon-color-active: var(--text-accent);
--icon-color-focused: var(--text-normal);
--icon-color-hover: var(--text-muted);
--icon-l: 18px;
--icon-l-stroke-width: 1.75px;
--icon-m: 18px;
--icon-m-stroke-width: 1.75px;
--icon-opacity: 0.85;
--icon-opacity-active: 1;
--icon-opacity-hover: 1;
--icon-s: 16px;
--icon-s-stroke-width: 2px;
--icon-size: var(--icon-m);
--icon-stroke: var(--icon-m-stroke-width);
--icon-xl: 32px;
--icon-xl-stroke-width: 1.25px;
--icon-xs: 14px;
--icon-xs-stroke-width: 2px;
--img-border-color: oklch(from var(--background-tertiary) l var(--chroma) h);
--img-border-radius: 0px;
--img-border-width: 0px;
--indent-size: 4;
--indent-unit: 0.5625em;
--indentation-guide-color: color-mix(in oklch, var(--mono-100) 12%, transparent);
--indentation-guide-color-active: color-mix(in oklch, var(--mono-100) 30%, transparent);
--indentation-guide-editing-indent: 0.85em;
--indentation-guide-reading-indent: -0.85em;
--indentation-guide-source-indent: 0.25em;
--indentation-guide-width: var(--border-width);
--indentation-guide-width-active: var(--border-width);
--inline-title-color: var(--h1-color);
--inline-title-line-height: var(--h1-line-height);
--inline-title-margin-bottom: 0.5em;
--inline-title-size: var(--h1-size);
--inline-title-style: var(--h1-style);
--inline-title-variant: var(--h1-variant);
--inline-title-weight: var(--h1-weight);
--input-border-width: 2px;
--input-border-width-focus: 2px;
--input-corner-shape: var(--corner-shape);
--input-date-separator: var(--text-faint);
--input-font-weight: var(--font-normal);
--input-height: 30px;
--input-icon-inset: var(--size-4-1);
--input-padding: var(--size-4-1) var(--size-4-2);
--input-placeholder-color: var(--text-faint);
--input-radius: var(--window-border-radius);
--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;
--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;
--inset-end: right;
--inset-start: left;
--interactive-accent: var(--color-accent);
--interactive-accent-hover: var(--color-accent-1);
--interactive-accent-hsl: var(--color-accent-hsl);
--interactive-active: oklch(from var(--base-accent) 50% c h / 50%);
--interactive-hover: var(--color-base-35);
--interactive-normal: var(--color-base-30);
--italic-color: oklch(
from var(--base-accent) calc(var(--lightness) + 10%) var(--chroma)
calc(h + 200)
);
--keyboard-height: 0px;
--layer-cover: 5;
--layer-dragged-item: 80;
--layer-menu: 65;
--layer-modal: 50;
--layer-notice: 60;
--layer-popover: 30;
--layer-sidedock: 10;
--layer-slides: 45;
--layer-status-bar: 15;
--layer-tooltip: 70;
--light: var(--background-primary, oklch(
from var(--accent-2) calc(var(--lightness-accent) - 0.02)
calc(c * var(--chroma-accent)) h
));
--lightgray: var(--background-secondary, oklch(
from var(--base-accent) calc(var(--lightness-accent) - 0.06)
calc(c * var(--chroma-accent)) h
));
--lightness: 70%;
--lightness-accent: 0.24;
--line-height-normal: 1.5;
--line-height-tight: 1.3;
--link-color: oklch(
from var(--base-accent) calc(var(--lightness) + 10%) var(--chroma) h
);
--link-color-hover: oklch(
from var(--link-color) calc(var(--lightness) + 10%) var(--chroma) h / 80%
);
--link-decoration: underline;
--link-decoration-hover: underline;
--link-decoration-thickness: auto;
--link-external-color: var(--color-red);
--link-external-color-hover: oklch(
from var(--link-external-color) var(--lightness) var(--chroma) h / 80%
);
--link-external-decoration: underline;
--link-external-decoration-hover: underline;
--link-external-filter: none;
--link-unresolved-color: oklch(
from var(--link-color) calc(var(--lightness) + 10%) var(--chroma) h / 60%
);
--link-unresolved-decoration-color: color-mix(in oklch, var(--interactive-accent) 30%, transparent);
--link-unresolved-decoration-style: solid;
--link-unresolved-filter: none;
--link-unresolved-opacity: 0.7;
--link-weight: var(--font-bold);
--list-bullet-border: none;
--list-bullet-end-padding: 1.3rem;
--list-bullet-radius: 50%;
--list-bullet-size: 0.3em;
--list-bullet-transform: none;
--list-indent: calc(var(--indent-unit) * var(--indent-size));
--list-indent-editing: 0.75em;
--list-indent-source: 0;
--list-marker-color: var(--text-faint);
--list-marker-color-collapsed: var(--text-accent);
--list-marker-color-hover: var(--text-muted);
--list-numbered-style: decimal;
--list-spacing: 0.075em;
--loading-icon-delay: 400ms;
--menu-backdrop-filter: none;
--menu-background: var(--background-paper);
--menu-border-color: var(--background-modifier-border-hover);
--menu-border-width: var(--border-width);
--menu-corner-shape: var(--corner-shape);
--menu-padding: var(--size-2-3);
--menu-radius: var(--radius-m);
--menu-scroll-mask: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 48px);
--menu-shadow: var(--shadow-s);
--metadata-background: oklch(from var(--background-secondary) l c h / 75%);
--metadata-border-color: var(--background-modifier-border);
--metadata-border-radius: var(--window-border-radius);
--metadata-border-width: 0;
--metadata-display-editing: block;
--metadata-display-reading: block;
--metadata-divider-color: var(--background-modifier-border);
--metadata-divider-color-focus: transparent;
--metadata-divider-color-hover: transparent;
--metadata-divider-width: 0;
--metadata-gap: var(--size-4-2);
--metadata-input-background: transparent;
--metadata-input-background-active: var(--background-modifier-hover);
--metadata-input-background-hover: transparent;
--metadata-input-font: var(--font-interface);
--metadata-input-font-size: var(--font-smaller);
--metadata-input-height: calc(var(--font-text-size) * 1.75);
--metadata-input-longtext-lines: 3;
--metadata-input-padding: var(--size-4-1) var(--size-4-2);
--metadata-input-text-color: var(--text-normal);
--metadata-label-background: oklch(
from var(--background-tertiary) l c h / 15%
);
--metadata-label-background-active: oklch(
from var(--background-tertiary) l c h / 30%
);
--metadata-label-background-hover: oklch(
from var(--background-tertiary) l c h / 30%
);
--metadata-label-font: var(--font-interface);
--metadata-label-font-size: var(--font-smaller);
--metadata-label-font-weight: var(--font-bold);
--metadata-label-text-color: var(--text-muted);
--metadata-label-text-color-hover: var(--text-muted);
--metadata-label-width: 8em;
--metadata-max-width: none;
--metadata-padding: var(--size-4-2) 0;
--metadata-property-background: var(--background-paper);
--metadata-property-background-active: var(--background-modifier-hover);
--metadata-property-background-hover: var(--background-paper);
--metadata-property-box-shadow-focus: 0 0 0 2px var(--background-modifier-border-focus);
--metadata-property-box-shadow-hover: 0 0 0 1px var(--background-tertiary);
--metadata-property-corner-shape: var(--corner-shape);
--metadata-property-corner-shape-focus: var(--corner-shape);
--metadata-property-corner-shape-hover: var(--corner-shape);
--metadata-property-padding: 0;
--metadata-property-radius: var(--window-border-radius);
--metadata-property-radius-focus: var(--window-border-radius);
--metadata-property-radius-hover: var(--window-border-radius);
--metadata-sidebar-input-font-size: var(--font-ui-small);
--metadata-sidebar-label-font-size: var(--font-ui-small);
--mobile-sidebar-width: 100%;
--modal-background: var(--background-primary);
--modal-border-color: var(--color-base-40, var(--background-modifier-border-focus));
--modal-border-width: var(--border-width);
--modal-community-sidebar-width: 280px;
--modal-header-height: auto;
--modal-height: 85vh;
--modal-max-height: 1000px;
--modal-max-width: 1100px;
--modal-max-width-narrow: 800px;
--modal-radius: var(--radius-l);
--modal-shadow: none;
--modal-sidebar-background: var(--modal-background);
--modal-width: 90vw;
--mono-0: black;
--mono-100: white;
--mono-rgb-0: 0, 0, 0;
--mono-rgb-100: 255, 255, 255;
--nav-collapse-icon-color: var(--collapse-icon-color);
--nav-collapse-icon-color-collapsed: var(--text-faint);
--nav-heading-color: var(--text-normal);
--nav-heading-color-collapsed: var(--text-faint);
--nav-heading-color-collapsed-hover: var(--text-muted);
--nav-heading-color-hover: var(--text-normal);
--nav-heading-weight: var(--font-medium);
--nav-heading-weight-hover: var(--font-medium);
--nav-indentation-guide-color: var(--indentation-guide-color);
--nav-indentation-guide-width: 2px;
--nav-item-background-active: var(--background-modifier-hover);
--nav-item-background-hover: var(--background-modifier-hover);
--nav-item-background-selected: var(--text-selection);
--nav-item-children-margin-start: var(--size-4-3);
--nav-item-children-padding-start: var(--size-2-2);
--nav-item-color: var(--text-muted);
--nav-item-color-active: var(--text-normal);
--nav-item-color-highlighted: var(--text-accent);
--nav-item-color-hover: var(--text-normal);
--nav-item-color-selected: var(--text-normal);
--nav-item-margin-bottom: var(--size-2-1);
--nav-item-padding: var(--size-4-1) var(--size-4-2) var(--size-4-1) var(--size-4-6);
--nav-item-parent-padding: var(--nav-item-padding);
--nav-item-radius: var(--button-border-radius);
--nav-item-size: var(--font-ui-small);
--nav-item-white-space: pre;
--nav-tag-background: transparent;
--nav-tag-color: var(--text-muted);
--nav-tag-color-active: var(--text-muted);
--nav-tag-color-hover: var(--text-muted);
--nav-tag-radius: var(--radius-s);
--nav-tag-weight: var(--font-semibold);
--outline-color: oklch(from var(--base-accent) 25% c h);
--p-spacing: 1rem;
--p-spacing-empty: 0rem;
--page-border: 9px solid transparent;
--page-margin: 1px auto -8px;
--pdf-background: var(--background-primary);
--pdf-page-background: var(--background-primary);
--pdf-shadow: 0 0 0 1px var(--background-modifier-border);
--pdf-sidebar-background: var(--background-primary);
--pdf-spread-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
--pdf-thumbnail-shadow: 0 0 0 1px var(--background-modifier-border);
--pdfViewer-padding-bottom: 0;
--pill-background: transparent;
--pill-background-hover: transparent;
--pill-border-color: var(--background-modifier-border);
--pill-border-color-hover: var(--background-modifier-border-hover);
--pill-border-width: var(--border-width);
--pill-color: var(--text-muted);
--pill-color-hover: var(--text-normal);
--pill-color-remove: var(--text-faint);
--pill-color-remove-hover: var(--text-accent);
--pill-decoration: none;
--pill-decoration-hover: none;
--pill-focus-left-adjust: -4px;
--pill-focus-width: calc(100% + 6px);
--pill-padding-x: 0.65em;
--pill-padding-y: 0.25em;
--pill-radius: 2em;
--popover-font-size: var(--font-text-size);
--popover-height: 400px;
--popover-max-height: 95vh;
--popover-pdf-height: 400px;
--popover-pdf-width: 450px;
--popover-width: 450px;
--preferred-text-scale: 1;
--prompt-backdrop-filter: none;
--prompt-background: var(--background-primary);
--prompt-border-color: var(--color-base-40, var(--background-modifier-border-focus));
--prompt-border-width: var(--border-width);
--prompt-input-height: 40px;
--prompt-max-height: 70vh;
--prompt-max-width: 80vw;
--prompt-width: 700px;
--radius-l: 12px;
--radius-m: var(--button-border-radius);
--radius-s: var(--button-border-radius);
--radius-xl: 24px;
--radius-xs: var(--button-border-radius);
--radius-xxs: var(--button-border-radius);
--raised-background: var(--blur-background);
--raised-blur: var(--blur-s);
--raised-mask: linear-gradient(white, white) padding-box, linear-gradient(white, white) border-box;
--raised-mask-background: transparent;
--raised-mask-border-width: 0;
--raised-mask-composite: exclude, add;
--raised-mask-display: block;
--retroma-canvas-card-border-width: 3px;
--retroma-canvas-card-embed-border-width: 3px;
--retroma-canvas-dot-opacity: 0.3;
--retroma-canvas-node-content-bg-opacity: 0.25;
--retroma-folder-bg-color: var(--background-primary);
--retroma-folder-border: 1px solid
oklch(from var(--accent-2) 55% var(--chroma-folder) h / 50%);
--retroma-folder-box-shadow: -1px 1px 0px var(--background-tertiary);
--ribbon-background: var(--background-secondary);
--ribbon-background-collapsed: var(--ribbon-background);
--ribbon-padding: var(--size-4-2) var(--size-4-1) var(--size-4-3);
--ribbon-width: 44px;
--rotation-1: 210;
--rotation-2: 150;
--safe-area-inset-bottom: 0px;
--safe-area-inset-left: 0px;
--safe-area-inset-right: 0px;
--safe-area-inset-top: 0px;
--scrollbar-active-thumb-bg: color-mix(in oklch, var(--mono-100) 20%, transparent);
--scrollbar-bg: transparent;
--scrollbar-border-width: 3px 3px 3px 2px;
--scrollbar-height: 12px;
--scrollbar-native-width: auto;
--scrollbar-radius: var(--radius-l);
--scrollbar-thumb-bg: color-mix(in oklch, var(--mono-100) 10%, transparent);
--scrollbar-width: 12px;
--search-clear-button-color: var(--text-muted);
--search-clear-button-size: 13px;
--search-icon-color: var(--text-muted);
--search-icon-size: 18px;
--search-input-corner-shape: var(--input-corner-shape);
--search-input-radius: var(--input-radius);
--search-result-background: var(--background-primary);
--secondary: var(--text-accent, var(--color-accent-1));
--setting-group-heading-color: var(--text-normal);
--setting-group-heading-size: var(--font-ui-medium);
--setting-group-heading-weight: var(--font-semibold);
--setting-group-max-width: 700px;
--setting-items-background: var(--background-primary);
--setting-items-border-color: var(--background-modifier-border);
--setting-items-border-width: 0;
--setting-items-divider-width: var(--border-width);
--setting-items-padding-x: var(--size-4-5);
--setting-items-padding-y: var(--size-4-5);
--setting-items-radius: var(--radius-l);
--settings-background: var(--background-paper);
--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);
--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);
--shiki-active-tab-border-color: var(--shiki-highlight-neutral);
--shiki-active-tab-border-width: 2px;
--shiki-code-background: var(--code-background);
--shiki-code-block-border-color: transparent;
--shiki-code-block-border-radius: var(--code-radius);
--shiki-code-block-border-width: 0px;
--shiki-code-block-spacing: var(--p-spacing);
--shiki-code-comment: var(--text-faint);
--shiki-code-function: var(--color-green);
--shiki-code-important: var(--color-orange);
--shiki-code-keyword: var(--color-pink);
--shiki-code-normal: var(--text-muted);
--shiki-code-property: var(--color-cyan);
--shiki-code-punctuation: var(--text-muted);
--shiki-code-string: var(--color-yellow);
--shiki-code-value: var(--color-purple);
--shiki-gutter-border-color: var(--background-modifier-border);
--shiki-gutter-border-width: var(--border-width);
--shiki-gutter-text-color: var(--text-faint);
--shiki-gutter-text-color-highlight: var(--shiki-code-normal);
--shiki-highlight-green: rgba(var(--color-green-rgb), .5);
--shiki-highlight-green-background: rgba(var(--color-green-rgb), .1);
--shiki-highlight-neutral: var(--shiki-code-normal);
--shiki-highlight-neutral-background: rgba(var(--mono-rgb-100), .05);
--shiki-highlight-red: rgba(var(--color-red-rgb), .5);
--shiki-highlight-red-background: rgba(var(--color-red-rgb), .1);
--shiki-terminal-dots-color: var(--text-faint);
--shiki-tooltip-background: var(--background-modifier-message);
--shiki-tooltip-text-color: #fafafa;
--sidebar-left-toggle-inner-width: 8.33%;
--sidebar-left-toggle-inner-width-open: 24%;
--sidebar-markdown-font-size: calc(var(--font-text-size) * 0.9);
--sidebar-right-toggle-inner-width: 8.33%;
--sidebar-right-toggle-inner-width-open: 24%;
--sidebar-tab-text-display: none;
--size-2-1: 2px;
--size-2-2: 4px;
--size-2-3: 6px;
--size-4-1: 4px;
--size-4-10: 40px;
--size-4-12: 48px;
--size-4-16: 64px;
--size-4-18: 72px;
--size-4-2: 8px;
--size-4-3: 12px;
--size-4-4: 16px;
--size-4-5: 20px;
--size-4-6: 24px;
--size-4-8: 32px;
--size-4-9: 36px;
--slider-s-thumb-position: -5px;
--slider-s-thumb-size: 15px;
--slider-thumb-border-color: var(--background-modifier-border-hover);
--slider-thumb-border-width: var(--border-width);
--slider-thumb-height: 18px;
--slider-thumb-radius: var(--slider-thumb-height);
--slider-thumb-width: 18px;
--slider-thumb-y: -6px;
--slider-track-background: var(--interactive-active);
--slider-track-height: var(--size-2-3);
--slider-value-font-size: var(--font-ui-small);
--slider-value-font-weight: var(--input-font-weight);
--spreadHorizontalWrapped-margin-LR: -3.5px;
--status-bar-background: var(--background-tertiary);
--status-bar-border-color: var(--divider-color);
--status-bar-border-width: var(--border-width) 0 0 var(--border-width);
--status-bar-font-size: var(--font-ui-smaller);
--status-bar-position: fixed;
--status-bar-radius: var(--radius-m) 0 0 0;
--status-bar-text-color: var(--text-muted);
--strong-emphasis: var(--italic-color);
--suggestion-backdrop-filter: none;
--suggestion-background: var(--background-primary);
--swatch-height: 22px;
--swatch-radius: 14px;
--swatch-shadow: inset 0 0 0 1px color-mix(in oklch, var(--mono-100) 15%, transparent);
--swatch-width: 22px;
--sync-avatar-color-1: var(--color-red);
--sync-avatar-color-2: var(--color-orange);
--sync-avatar-color-3: var(--color-yellow);
--sync-avatar-color-4: var(--color-green);
--sync-avatar-color-5: var(--color-cyan);
--sync-avatar-color-6: var(--color-blue);
--sync-avatar-color-7: var(--color-purple);
--sync-avatar-color-8: var(--color-pink);
--sync-avatar-color-current-user: transparent;
--tab-background-active: var(--background-primary);
--tab-container-background: var(--background-secondary);
--tab-curve: 6px;
--tab-divider-color: var(--background-modifier-border-hover);
--tab-font-size: var(--font-ui-small);
--tab-max-width: 320px;
--tab-outline-color: var(--divider-color);
--tab-outline-width: 1px;
--tab-radius: var(--radius-s);
--tab-radius-active: 6px 6px 0 0;
--tab-stacked-font-size: var(--font-ui-small);
--tab-stacked-font-weight: 400;
--tab-stacked-header-width: var(--header-height);
--tab-stacked-pane-width: 700px;
--tab-stacked-shadow: -8px 0 8px 0 rgba(0, 0, 0, 0.05);
--tab-stacked-text-align: start;
--tab-stacked-text-transform: rotate(0deg);
--tab-stacked-text-writing-mode: vertical-lr;
--tab-switcher-background: var(--background-secondary);
--tab-switcher-menubar-background: linear-gradient(to top, var(--background-secondary), transparent);
--tab-switcher-preview-background-shadow: 0 4px 30px 2px rgba(0, 0, 0, 0.2);
--tab-switcher-preview-radius: var(--window-border-radius);
--tab-switcher-preview-shadow: 0 0 0 1px color-mix(in oklch, var(--mono-100) 5%, transparent);
--tab-switcher-preview-shadow-active: 0 0 0 2px var(--color-accent);
--tab-text-color: var(--text-faint);
--tab-text-color-active: var(--text-muted);
--tab-text-color-focused: var(--text-muted);
--tab-text-color-focused-active: var(--text-muted);
--tab-text-color-focused-active-current: var(--text-normal);
--tab-text-color-focused-highlighted: var(--text-accent);
--tab-width: 200px;
--table-add-button-background: transparent;
--table-add-button-border-color: var(--background-modifier-border);
--table-add-button-border-width: var(--table-border-width);
--table-background: transparent;
--table-border-color: oklch(from var(--table-header-color) 50% c h / 50%);
--table-border-spacing: 2px;
--table-border-width: 1px;
--table-cell-vertical-alignment: top;
--table-column-alt-background: var(--table-background);
--table-column-first-border-width: var(--table-border-width);
--table-column-last-border-width: var(--table-border-width);
--table-column-max-width: none;
--table-column-min-width: 6ch;
--table-data-background: oklch(from var(--base-accent) l c h / 7%);
--table-drag-handle-background: transparent;
--table-drag-handle-background-active: var(--table-selection-border-color);
--table-drag-handle-color: var(--text-faint);
--table-drag-handle-color-active: var(--text-on-accent);
--table-drop-indicator-half-width: 2px;
--table-header-background: oklch(from var(--accent-1) 50% c h / 30%);
--table-header-border-color: var(--table-border-color);
--table-header-border-width: var(--table-border-width);
--table-header-color: var(--text-normal);
--table-header-size: var(--table-text-size);
--table-header-weight: calc(var(--font-weight) + var(--bold-modifier));
--table-line-height: var(--line-height-tight);
--table-row-alt-background: var(--table-background);
--table-row-alt-background-hover: var(--table-background);
--table-row-background-hover: var(--table-background);
--table-row-last-border-width: var(--table-border-width);
--table-selection: color-mix(in oklch, var(--color-accent) 10%, transparent);
--table-selection-blend-mode: var(--highlight-mix-blend-mode);
--table-selection-border-color: var(--interactive-accent);
--table-selection-border-radius: 4px;
--table-selection-border-width: 2px;
--table-text-size: var(--font-text-size);
--table-white-space: break-spaces;
--tag-background: color-mix(in oklch, var(--interactive-accent) 10%, transparent);
--tag-background-hover: color-mix(in oklch, var(--interactive-accent) 20%, transparent);
--tag-border-color: color-mix(in oklch, var(--interactive-accent) 15%, transparent);
--tag-border-color-hover: color-mix(in oklch, var(--interactive-accent) 15%, transparent);
--tag-border-width: 1px;
--tag-color: oklch(from var(--base-accent) 80% c h / 75%);
--tag-color-hover: var(--text-accent);
--tag-corner-shape: round;
--tag-decoration: none;
--tag-decoration-hover: none;
--tag-padding-x: 0.65em;
--tag-padding-y: 0.25em;
--tag-radius: var(--button-border-radius);
--tag-size: var(--font-smaller);
--tertiary: var(--text-accent-hover, var(--color-accent-2));
--text-accent: var(--color-accent-1);
--text-accent-hover: var(--color-accent-2);
--text-error: var(--color-red);
--text-faint: var(--color-base-50);
--text-highlight-bg: oklch(from var(--accent-1) 50% var(--chroma) h / 75%);
--text-highlight-bg-rgb: 255, 208, 0;
--text-muted: var(--color-base-70);
--text-normal: var(--color-base-100);
--text-on-accent: white;
--text-on-accent-inverted: black;
--text-selection: oklch(from var(--accent-2) 45% c h / 75%);
--text-success: var(--color-green);
--text-warning: var(--color-orange);
--textHighlight: var(--text-highlight-bg, oklch(from var(--accent-1) 50% var(--chroma) h / 75%));
--titleFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--titlebar-background: oklch(
from var(--accent-1) calc(var(--lightness-accent) - 0.12)
calc(c * var(--chroma-accent)) h
);
--titlebar-background-focused: var(--titlebar-background);
--titlebar-border-color: var(--background-modifier-border);
--titlebar-border-width: 0px;
--titlebar-height: 30px;
--titlebar-text-color: var(--text-muted);
--titlebar-text-color-focused: var(--text-normal);
--titlebar-text-weight: var(--font-bold);
--toggle-border-width: 2px;
--toggle-radius: 18px;
--toggle-s-border-width: 2px;
--toggle-s-thumb-height: 15px;
--toggle-s-thumb-width: 15px;
--toggle-s-width: 34px;
--toggle-thumb-color: white;
--toggle-thumb-height: 18px;
--toggle-thumb-radius: 18px;
--toggle-thumb-width: 18px;
--toggle-width: 40px;
--touch-radius-l: var(--touch-size-l);
--touch-radius-m: var(--button-border-radius);
--touch-radius-s: var(--button-border-radius);
--touch-radius-xl: var(--touch-size-xl);
--touch-radius-xs: var(--button-border-radius);
--touch-radius-xxs: var(--button-border-radius);
--touch-size-l: 52px;
--touch-size-m: 44px;
--touch-size-s: 40px;
--touch-size-xl: 60px;
--touch-size-xs: 30px;
--touch-size-xxs: 24px;
--traffic-lights-offset-x: var(--header-height);
--traffic-lights-offset-y: var(--header-height);
--vault-profile-actions-display: flex;
--vault-profile-color: var(--text-normal);
--vault-profile-color-hover: var(--vault-profile-color);
--vault-profile-display: flex;
--vault-profile-font-size: var(--font-ui-small);
--vault-profile-font-weight: var(--font-medium);
--vault-profile-order: 2;
--vault-profile-radius: var(--radius-s);
--viewer-container-height: 0;
--window-border-radius: 12px;
--workspace-background-translucent: color-mix(in oklch, var(--mono-0) 60%, transparent);
--xfa-focus-outline: auto;
--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");
--zoom-factor: 1;
--quartz-icon-color: var(--icon-color, currentColor);
--collapse-icon-color: var(--nav-collapse-icon-color);
--collapse-icon-color-collapsed: var(--nav-collapse-icon-color-collapsed);
}
html[saved-theme="dark"] body {
background-color: var(--background-primary);
color: var(--text-normal);
}
html[saved-theme="dark"] body .page > div#quartz-body div.sidebar {
background-color: var(--background-primary);
color: var(--text-normal);
}
html[saved-theme="dark"] body .page > div#quartz-body div.sidebar.left {
border-right-color: oklch(0.12 0.0651659 142.489);
border-right-style: solid;
border-right-width: 0px;
}
html[saved-theme="dark"] body .page > div#quartz-body div.sidebar.right {
--bases-table-header-background: var(--background-secondary);
background-color: var(--tab-container-background);
border-left-color: oklch(0.12 0.0651659 142.489);
border-left-width: 0px;
color: var(--text-normal);
}
html[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 {
--bases-table-header-background: var(--background-secondary);
background-color: var(--tab-container-background);
color: var(--text-normal);
}
html[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 {
background-color: var(--background-primary);
color: var(--text-normal);
}
html[saved-theme="dark"] body html {
--hue-amber: #ffb300;
--hue-blue: #2196f3;
--hue-cyan: #00bcd4;
--hue-green: #4caf50;
--hue-indigo: #3f51b5;
--hue-lime: #8bc34a;
--hue-magenta: #e91e63;
--hue-orange: #ff9800;
--hue-purple: #673ab7;
--hue-red: #d32f2f;
--hue-rose: #f48fb1;
--hue-teal: #009688;
--hue-vermillion: #ff5722;
--hue-violet: #9c27b0;
--hue-yellow: #ffeb3b;
}
/* aspect: headings */
html[saved-theme="dark"] body h1 {
--font-weight: var(--h1-weight);
border-bottom-color: oklch(0.7 0.08 26.4067);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 26.4067);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 26.4067);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 26.4067);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h1-color);
font-family: var(--h1-font);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body h2 {
--font-weight: var(--h2-weight);
border-bottom-color: oklch(0.7 0.08 64.0453);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 64.0453);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 64.0453);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 64.0453);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h2-color);
font-family: var(--h2-font);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body h3 {
--font-weight: var(--h3-weight);
border-bottom-color: oklch(0.7 0.08 102.483);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 102.483);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 102.483);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 102.483);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h3-color);
font-family: var(--h3-font);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body h4 {
--font-weight: var(--h4-weight);
border-bottom-color: oklch(0.7 0.08 144.199);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 144.199);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 144.199);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 144.199);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h4-color);
font-family: var(--h4-font);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body h5 {
--font-weight: var(--h5-weight);
border-bottom-color: oklch(0.7 0.08 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 248.82);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 248.82);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h5-color);
font-family: var(--h5-font);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body h6 {
--font-weight: var(--h6-weight);
border-bottom-color: oklch(0.7 0.08 271.409);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 271.409);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 271.409);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 271.409);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h6-color);
font-family: var(--h6-font);
font-weight: var(--font-weight);
}
/* aspect: typography */
html[saved-theme="dark"] body .markdown-rendered p > b, html[saved-theme="dark"] b {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--bold-color);
cursor: grab;
font-family: var(--retroma-canvas-custom-font);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: oklch(0.8 0.08 32.4895) none 0px;
text-decoration-color: oklch(0.8 0.08 32.4895);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="dark"] body .markdown-rendered p > em, html[saved-theme="dark"] em {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--italic-color);
cursor: grab;
font-family: var(--retroma-canvas-custom-font);
font-weight: 400;
outline: oklch(0.8 0.08 132.489) none 0px;
text-decoration-color: oklch(0.8 0.08 132.489);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="dark"] body .markdown-rendered p > i, html[saved-theme="dark"] i {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--italic-color);
cursor: grab;
font-family: var(--retroma-canvas-custom-font);
font-weight: 400;
outline: oklch(0.8 0.08 132.489) none 0px;
text-decoration-color: oklch(0.8 0.08 132.489);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="dark"] body .markdown-rendered p > strong > em, html[saved-theme="dark"] strong > em {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--strong-emphasis);
cursor: grab;
font-family: var(--retroma-canvas-custom-font);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: oklch(0.8 0.08 132.489) none 0px;
text-decoration-color: oklch(0.8 0.08 132.489);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="dark"] body .markdown-rendered p > strong, html[saved-theme="dark"] strong {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--bold-color);
cursor: grab;
font-family: var(--retroma-canvas-custom-font);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: oklch(0.8 0.08 32.4895) none 0px;
text-decoration-color: oklch(0.8 0.08 32.4895);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="dark"] body .text-highlight {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: var(--text-highlight-bg);
color: var(--text-normal);
cursor: grab;
font-family: var(--retroma-canvas-custom-font);
font-weight: 400;
outline: rgb(218, 218, 218) none 0px;
text-decoration-color: rgb(218, 218, 218);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="dark"] body del {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
cursor: grab;
font-family: var(--retroma-canvas-custom-font);
font-weight: 400;
outline: rgb(218, 218, 218) none 0px;
text-decoration: line-through;
text-decoration-color: rgb(218, 218, 218);
text-decoration-line: line-through;
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="dark"] body p {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--text-muted);
font-family: var(--font-interface);
font-weight: 400;
outline: rgb(179, 179, 179) none 0px;
text-decoration-color: rgb(179, 179, 179);
text-decoration-style: solid;
transition: all;
}
/* aspect: links */
html[saved-theme="dark"] body .backlinks {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(218, 218, 218);
border-left-width: 0px;
border-right-color: rgb(218, 218, 218);
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: max(var(--safe-area-inset-bottom), var(--size-4-8));
padding-inline-end: var(--size-4-3);
padding-inline-start: var(--size-4-3);
padding-left: 0px;
padding-right: 0px;
padding-top: var(--size-4-1);
}
html[saved-theme="dark"] body .backlinks ul li {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-width: 0px;
border-left-color: rgb(218, 218, 218);
border-left-width: 0px;
border-right-color: rgb(218, 218, 218);
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .backlinks ul li a {
color: var(--nav-heading-color);
}
html[saved-theme="dark"] body a.external-link, html[saved-theme="dark"] footer a {
--font-weight: var(--link-weight);
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--link-external-color);
cursor: var(--cursor-link);
filter: var(--link-external-filter);
font-family: var(--retroma-canvas-custom-font);
font-weight: var(--link-weight);
outline: oklch(0.7 0.08 26.4067) none 0px;
text-decoration: underline;
text-decoration-color: oklch(0.7 0.08 26.4067);
text-decoration-line: var(--link-external-decoration);
text-decoration-style: solid;
text-decoration-thickness: var(--link-decoration-thickness);
transition: opacity 0.14s ease-in-out;
user-select: text;
}
html[saved-theme="dark"] body a.internal-link, html[saved-theme="dark"] .breadcrumb-container .breadcrumb-element > a {
--font-weight: var(--link-weight);
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--link-color);
cursor: var(--cursor-link);
font-family: var(--retroma-canvas-custom-font);
font-weight: var(--link-weight);
outline: oklch(0.8 0.08 292.489) none 0px;
text-decoration: underline;
text-decoration-color: oklch(0.8 0.08 292.489);
text-decoration-line: var(--link-decoration);
text-decoration-style: solid;
text-decoration-thickness: var(--link-decoration-thickness);
transition: opacity 0.14s ease-in-out;
user-select: text;
}
html[saved-theme="dark"] body a.internal-link.broken {
--font-weight: var(--link-weight);
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--link-unresolved-color);
cursor: var(--cursor-link);
filter: var(--link-unresolved-filter);
font-family: var(--retroma-canvas-custom-font);
font-weight: var(--link-weight);
outline: oklch(0.8 0.08 292.489 / 0.6) none 0px;
text-decoration: underline oklch(0.603458 0.21722 292.49 / 0.3);
text-decoration-color: var(--link-unresolved-decoration-color);
text-decoration-line: var(--link-decoration);
text-decoration-style: var(--link-unresolved-decoration-style);
text-decoration-thickness: var(--link-decoration-thickness);
transition: opacity 0.14s ease-in-out;
user-select: text;
}
/* aspect: lists */
html[saved-theme="dark"] body dd {
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(218, 218, 218);
border-left-width: 0px;
border-right-color: rgb(218, 218, 218);
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
font-size: var(--font-text-size);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 40px;
margin-left: 40px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body dl {
list-style: outside none disc;
margin-block-end: 16px;
margin-block-start: 16px;
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body dt {
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(218, 218, 218);
border-left-width: 0px;
border-right-color: rgb(218, 218, 218);
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
font-size: var(--font-text-size);
font-weight: 400;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body ol > li {
color: var(--text-normal);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 1.2px;
padding-block-start: 1.2px;
padding-bottom: var(--list-spacing);
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: var(--list-spacing);
text-align: start;
}
html[saved-theme="dark"] body ul > li {
color: var(--text-normal);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 1.2px;
padding-block-start: 1.2px;
padding-bottom: var(--list-spacing);
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: var(--list-spacing);
text-align: start;
}
html[saved-theme="dark"] body ul.overflow {
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: ridge;
border-bottom-width: 0px;
border-left-color: rgb(218, 218, 218);
border-left-style: ridge;
border-left-width: 0px;
border-right-color: rgb(218, 218, 218);
border-right-style: ridge;
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: ridge;
border-top-width: 0px;
}
/* aspect: blockquotes */
html[saved-theme="dark"] body blockquote {
background-color: var(--blockquote-background-color);
border-inline-start: 4px solid oklch(0.5 0.21722 292.489 / 0.75);
color: var(--blockquote-color);
font-family: var(--retroma-canvas-custom-font);
font-style: var(--blockquote-font-style);
font-weight: 400;
line-height: var(--line-height-normal);
margin-inline-end: 0px;
margin-inline-start: 0px;
padding-bottom: 4px;
padding-inline-start: var(--size-4-6);
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
}
/* aspect: tables */
html[saved-theme="dark"] body .table-container {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(218, 218, 218);
border-left-width: 0px;
border-right-color: rgb(218, 218, 218);
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html[saved-theme="dark"] body table {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.22 0.0651659 82.4895);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: ridge;
border-bottom-width: 4px;
border-left-color: oklch(0.22 0.0651659 82.4895);
border-left-style: ridge;
border-left-width: 4px;
border-right-color: oklch(0.22 0.0651659 82.4895);
border-right-style: ridge;
border-right-width: 4px;
border-top-color: oklch(0.22 0.0651659 82.4895);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: ridge;
border-top-width: 4px;
color: var(--text-normal);
font-family: var(--font-text);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: start;
}
html[saved-theme="dark"] body tbody {
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-family: var(--font-text);
}
html[saved-theme="dark"] body tbody tr:nth-child(even) {
background-color: var(--table-background);
}
html[saved-theme="dark"] body tbody tr:nth-child(odd) {
background-color: var(--table-row-alt-background);
}
html[saved-theme="dark"] body td {
background-color: var(--table-data-background);
border-bottom-color: oklch(0.5 0.000044365 23.517 / 0.5);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: oklch(0.5 0.000044365 23.517 / 0.5);
border-left-style: solid;
border-left-width: var(--table-column-first-border-width);
border-right-color: oklch(0.5 0.000044365 23.517 / 0.5);
border-right-style: solid;
border-right-width: 1px;
border-top-color: oklch(0.5 0.000044365 23.517 / 0.5);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
color: var(--table-text-color);
font-weight: 400;
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
text-align: start;
vertical-align: var(--table-cell-vertical-alignment);
}
html[saved-theme="dark"] body th {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.000044365 23.517 / 0.5);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: oklch(0.5 0.000044365 23.517 / 0.5);
border-left-style: solid;
border-left-width: var(--table-column-first-border-width);
border-right-color: oklch(0.5 0.000044365 23.517 / 0.5);
border-right-style: solid;
border-right-width: 1px;
border-top-color: oklch(0.5 0.000044365 23.517 / 0.5);
border-top-left-radius: var(--window-border-radius);
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: var(--table-header-border-width);
color: var(--table-header-color);
font-weight: var(--table-header-weight);
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
text-align: start;
vertical-align: var(--table-cell-vertical-alignment);
}
html[saved-theme="dark"] body thead {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.22 0.0651659 82.4895);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.22 0.0651659 82.4895);
border-left-width: 0px;
border-right-color: oklch(0.22 0.0651659 82.4895);
border-right-width: 0px;
border-top-color: oklch(0.22 0.0651659 82.4895);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
}
html[saved-theme="dark"] body tr {
background-color: var(--table-header-background);
border-bottom-color: oklch(0.22 0.0651659 82.4895);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.22 0.0651659 82.4895);
border-left-width: 0px;
border-right-color: oklch(0.22 0.0651659 82.4895);
border-right-width: 0px;
border-top-color: oklch(0.22 0.0651659 82.4895);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
}
/* aspect: code */
html[saved-theme="dark"] body code {
background-color: var(--code-background);
border-bottom-color: oklch(0.18 0.0651659 292.489);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.18 0.0651659 292.489);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.18 0.0651659 292.489);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.18 0.0651659 292.489);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 0px;
color: var(--code-normal);
font-family: var(--font-monospace);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 6px;
padding-inline-start: 6px;
padding-left: 6px;
padding-right: 6px;
padding-top: 0px;
}
html[saved-theme="dark"] body figure[data-rehype-pretty-code-figure] {
background-color: var(--code-background);
border-bottom-color: oklch(0.18 0.0651659 292.489);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.18 0.0651659 292.489);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.18 0.0651659 292.489);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.18 0.0651659 292.489);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 0px;
}
html[saved-theme="dark"] body figure[data-rehype-pretty-code-figure] > [data-rehype-pretty-code-title] {
background-color: var(--code-background);
border-bottom-color: oklch(0.18 0.0651659 292.489);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.18 0.0651659 292.489);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.18 0.0651659 292.489);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.18 0.0651659 292.489);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--retroma-canvas-custom-font);
}
html[saved-theme="dark"] body pre > code > [data-line] {
background-color: var(--code-background);
border-left-color: oklch(0.18 0.0651659 292.489);
border-left-style: solid;
border-left-width: 0px;
}
html[saved-theme="dark"] body pre > code > [data-line][data-highlighted-line] {
background-color: var(--code-background);
border-left-color: oklch(0.18 0.0651659 292.489);
border-left-width: 0px;
}
html[saved-theme="dark"] body pre > code [data-highlighted-chars] {
background-color: var(--code-background);
border-bottom-color: oklch(0.18 0.0651659 292.489);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.18 0.0651659 292.489);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.18 0.0651659 292.489);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.18 0.0651659 292.489);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 0px;
}
html[saved-theme="dark"] body pre > code, html[saved-theme="dark"] pre:has(> code) {
background-color: var(--code-background);
border-bottom-color: oklch(0.18 0.0651659 292.489);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.18 0.0651659 292.489);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.18 0.0651659 292.489);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.18 0.0651659 292.489);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
/* aspect: images */
html[saved-theme="dark"] body audio {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(218, 218, 218);
border-left-width: 0px;
border-right-color: rgb(218, 218, 218);
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body figcaption {
color: var(--text-normal);
font-family: var(--ec-uiFontFml);
font-size: var(--ec-uiFontSize);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: start;
}
html[saved-theme="dark"] body figure {
--code-background: var(--ec-frm-edBg);
--header-border-radius: calc(var(--ec-brdRad) + var(--ec-brdWd));
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-width: 0px;
border-left-color: rgb(218, 218, 218);
border-left-width: 0px;
border-right-color: rgb(218, 218, 218);
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-width: 0px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: start;
}
html[saved-theme="dark"] body img {
border-bottom-color: oklch(0.7 0.08 26.4067);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 26.4067);
border-left-width: 0px;
border-radius: 0px;
border-right-color: oklch(0.7 0.08 26.4067);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 26.4067);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
max-width: 100%;
}
html[saved-theme="dark"] body video {
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(218, 218, 218);
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(218, 218, 218);
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
max-width: 100%;
}
/* aspect: embeds */
html[saved-theme="dark"] body .transclude {
background-color: var(--embed-background);
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(138, 92, 245);
border-left-style: solid;
border-left-width: 2px;
border-radius: 0px;
border-right-color: rgb(218, 218, 218);
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .transclude ul {
color: var(--text-normal);
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .transclude-inner {
background-color: var(--embed-background);
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(218, 218, 218);
border-left-style: solid;
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(218, 218, 218);
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
/* aspect: checkboxes */
html[saved-theme="dark"] body input[type=checkbox] {
border-bottom-color: rgb(102, 102, 102);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(102, 102, 102);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(102, 102, 102);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(102, 102, 102);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 1px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 8px;
margin-inline-start: calc(var(--checkbox-size) * -1.5);
margin-left: -24px;
margin-right: 8px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
transition: box-shadow 0.15s ease-in-out;
width: var(--checkbox-size);
}
html[saved-theme="dark"] body li.task-list-item[data-task='!'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task='*'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task='-'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task='/'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task='>'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task='?'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task='I'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task='S'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task='b'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task='c'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task='d'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task='f'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task='i'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task='k'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task='l'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task='p'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task='u'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task='w'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body ul > li.task-list-item {
display: list-item;
list-style: outside none none;
text-align: start;
}
html[saved-theme="dark"] body li.task-list-item[data-task="-"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMTcxNiA4LjAwMDAzTDEuMDg1ODIgMy45MTQyNEwzLjkxNDI0IDEuMDg1ODJMOC4wMDAwMyA1LjE3MTZMMTIuMDg1OCAxLjA4NTgyTDE0LjkxNDIgMy45MTQyNEwxMC44Mjg1IDguMDAwMDNMMTQuOTE0MiAxMi4wODU4TDEyLjA4NTggMTQuOTE0Mkw4LjAwMDAzIDEwLjgyODVMMy45MTQyNCAxNC45MTQyTDEuMDg1ODIgMTIuMDg1OEw1LjE3MTYgOC4wMDAwM1oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMTcxNiA4LjAwMDAzTDEuMDg1ODIgMy45MTQyNEwzLjkxNDI0IDEuMDg1ODJMOC4wMDAwMyA1LjE3MTZMMTIuMDg1OCAxLjA4NTgyTDE0LjkxNDIgMy45MTQyNEwxMC44Mjg1IDguMDAwMDNMMTQuOTE0MiAxMi4wODU4TDEyLjA4NTggMTQuOTE0Mkw4LjAwMDAzIDEwLjgyODVMMy45MTQyNCAxNC45MTQyTDEuMDg1ODIgMTIuMDg1OEw1LjE3MTYgOC4wMDAwM1oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task="!"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNiAxNUgwVjEyTDcgMEg5TDE2IDEyVjE1Wk03IDRIOVY5SDdWNFpNNyAxMUg5VjEzSDdWMTFaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNiAxNUgwVjEyTDcgMEg5TDE2IDEyVjE1Wk03IDRIOVY5SDdWNFpNNyAxMUg5VjEzSDdWMTFaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task="?"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNSA1LjVDNS41IDQuMTE5MjkgNi42MTkyOSAzIDggM0M5LjM4MDcxIDMgMTAuNSA0LjExOTI5IDEwLjUgNS41QzEwLjUgNi44ODA3MSA5LjM4MDcxIDggOCA4SDdWMTFIOEMxMS4wMzc2IDExIDEzLjUgOC41Mzc1NyAxMy41IDUuNUMxMy41IDIuNDYyNDMgMTEuMDM3NiAwIDggMEM0Ljk2MjQzIDAgMi41IDIuNDYyNDMgMi41IDUuNUg1LjVaIiBmaWxsPSIjMDAwMDAwIi8+CjxwYXRoIGQ9Ik0xMCAxM0g3VjE2SDEwVjEzWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNSA1LjVDNS41IDQuMTE5MjkgNi42MTkyOSAzIDggM0M5LjM4MDcxIDMgMTAuNSA0LjExOTI5IDEwLjUgNS41QzEwLjUgNi44ODA3MSA5LjM4MDcxIDggOCA4SDdWMTFIOEMxMS4wMzc2IDExIDEzLjUgOC41Mzc1NyAxMy41IDUuNUMxMy41IDIuNDYyNDMgMTEuMDM3NiAwIDggMEM0Ljk2MjQzIDAgMi41IDIuNDYyNDMgMi41IDUuNUg1LjVaIiBmaWxsPSIjMDAwMDAwIi8+CjxwYXRoIGQ9Ik0xMCAxM0g3VjE2SDEwVjEzWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task="\""] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMjkyODkgMS4yOTI5MUw2LjcwNzExIDIuNzA3MTJMMyA2LjQxNDIzVjcuMDAwMDFIN1YxNEgxVjUuNTg1OEw1LjI5Mjg5IDEuMjkyOTFaIiBmaWxsPSIjMDAwMDAwIi8+CjxwYXRoIGQ9Ik0xNSA3LjAwMDAxSDExVjYuNDE0MjNMMTQuNzA3MSAyLjcwNzEyTDEzLjI5MjkgMS4yOTI5MUw5IDUuNTg1OFYxNEgxNVY3LjAwMDAxWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMjkyODkgMS4yOTI5MUw2LjcwNzExIDIuNzA3MTJMMyA2LjQxNDIzVjcuMDAwMDFIN1YxNEgxVjUuNTg1OEw1LjI5Mjg5IDEuMjkyOTFaIiBmaWxsPSIjMDAwMDAwIi8+CjxwYXRoIGQ9Ik0xNSA3LjAwMDAxSDExVjYuNDE0MjNMMTQuNzA3MSAyLjcwNzEyTDEzLjI5MjkgMS4yOTI5MUw5IDUuNTg1OFYxNEgxNVY3LjAwMDAxWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task="*"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMDAwMDEgMEg3LjAwMDAxTDUuNTEyOTIgNC41NzY4MUwwLjcwMDU1NCA0LjU3NjgyTDAuMDgyNTE5NSA2LjQ3ODkzTDMuOTc1ODEgOS4zMDc1NkwyLjQ4ODczIDEzLjg4NDNMNC4xMDY3NyAxNS4wNTk5TDguMDAwMDIgMTIuMjMxM0wxMS44OTMzIDE1LjA1OTlMMTMuNTExMyAxMy44ODQzTDEyLjAyNDIgOS4zMDc1NEwxNS45MTc1IDYuNDc4OTJMMTUuMjk5NCA0LjU3NjgxTDEwLjQ4NzEgNC41NzY4MUw5LjAwMDAxIDBaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMDAwMDEgMEg3LjAwMDAxTDUuNTEyOTIgNC41NzY4MUwwLjcwMDU1NCA0LjU3NjgyTDAuMDgyNTE5NSA2LjQ3ODkzTDMuOTc1ODEgOS4zMDc1NkwyLjQ4ODczIDEzLjg4NDNMNC4xMDY3NyAxNS4wNTk5TDguMDAwMDIgMTIuMjMxM0wxMS44OTMzIDE1LjA1OTlMMTMuNTExMyAxMy44ODQzTDEyLjAyNDIgOS4zMDc1NEwxNS45MTc1IDYuNDc4OTJMMTUuMjk5NCA0LjU3NjgxTDEwLjQ4NzEgNC41NzY4MUw5LjAwMDAxIDBaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task="/"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyAxNEgxNFYxNkgyVjE0SDNWMTEuNTg1OEw2LjU4NTc5IDhMMyA0LjQxNDIxVjJIMlYwSDE0VjJIMTNWNC40MTQyMUw5LjQxNDIxIDhMMTMgMTEuNTg1OFYxNFpNNSAxMi40MTQyVjE0SDExVjEyLjQxNDJMOCA5LjQxNDIxTDUgMTIuNDE0MloiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyAxNEgxNFYxNkgyVjE0SDNWMTEuNTg1OEw2LjU4NTc5IDhMMyA0LjQxNDIxVjJIMlYwSDE0VjJIMTNWNC40MTQyMUw5LjQxNDIxIDhMMTMgMTEuNTg1OFYxNFpNNSAxMi40MTQyVjE0SDExVjEyLjQxNDJMOCA5LjQxNDIxTDUgMTIuNDE0MloiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task="<"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMEgzVjJIMVY1SDE1VjJIMTNWMEgxMFYySDZWMFoiIGZpbGw9IiMwMDAwMDAiLz4KPHBhdGggZD0iTTE1IDdIMVYxNUgxNVY3WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMEgzVjJIMVY1SDE1VjJIMTNWMEgxMFYySDZWMFoiIGZpbGw9IiMwMDAwMDAiLz4KPHBhdGggZD0iTTE1IDdIMVYxNUgxNVY3WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task=">"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMUg1TDE2IDdWOUw1IDE1SDJMMyA5SDhWN0gzTDIgMVoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMUg1TDE2IDdWOUw1IDE1SDJMMyA5SDhWN0gzTDIgMVoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task="b"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMEgxNFYxNkgxMkw4IDEyTDQgMTZIMlYwWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMEgxNFYxNkgxMkw4IDEyTDQgMTZIMlYwWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task="c"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgMTZMNSAxMVYySDE0TDE2IDhWMTFIMTBWMTRDMTAgMTUuMTA0NiA5LjEwNDU3IDE2IDggMTZIN1oiIGZpbGw9IiMwMDAwMDAiLz4KPHBhdGggZD0iTTMgMTFIMFYySDNWMTFaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgMTZMNSAxMVYySDE0TDE2IDhWMTFIMTBWMTRDMTAgMTUuMTA0NiA5LjEwNDU3IDE2IDggMTZIN1oiIGZpbGw9IiMwMDAwMDAiLz4KPHBhdGggZD0iTTMgMTFIMFYySDNWMTFaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task="d"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEzTDkuMDAwMDEgMTJMMTEuMjkyOSA5LjcwNzEyTDguNTAwMDEgNi45MTQyM0w1LjUwMDAxIDkuOTE0MjNMMC4yOTI5MDggNC43MDcxMkwxLjcwNzEyIDMuMjkyOTFMNS41MDAwMSA3LjA4NThMOC41MDAwMSA0LjA4NThMMTIuNzA3MSA4LjI5MjkxTDE1IDYuMDAwMDFMMTYgNy4wMDAwMUwxNiAxM0gxMFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEzTDkuMDAwMDEgMTJMMTEuMjkyOSA5LjcwNzEyTDguNTAwMDEgNi45MTQyM0w1LjUwMDAxIDkuOTE0MjNMMC4yOTI5MDggNC43MDcxMkwxLjcwNzEyIDMuMjkyOTFMNS41MDAwMSA3LjA4NThMOC41MDAwMSA0LjA4NThMMTIuNzA3MSA4LjI5MjkxTDE1IDYuMDAwMDFMMTYgNy4wMDAwMUwxNiAxM0gxMFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task="f"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSA5QzE1IDEyLjg2NiAxMS44NjYgMTYgOCAxNkM0LjEzNDAxIDE2IDEgMTIuODY2IDEgOUMxIDUuNSA0IDMgNCAzSDZWNC41QzYgNS4wNTIyOCA2LjQ0NzcyIDUuNSA3IDUuNUM3LjU1MjI4IDUuNSA4IDUuMDUyMjggOCA0LjVWMEgxMEMxMCAwIDE1IDMgMTUgOVpNMTAgMTJDMTAgMTMuMTA0NiA5LjEwNDU3IDE0IDggMTRDNi44OTU0MyAxNCA2IDEzLjEwNDYgNiAxMkM2IDkuNSA4IDggOCA4QzggOCAxMCA5LjUgMTAgMTJaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSA5QzE1IDEyLjg2NiAxMS44NjYgMTYgOCAxNkM0LjEzNDAxIDE2IDEgMTIuODY2IDEgOUMxIDUuNSA0IDMgNCAzSDZWNC41QzYgNS4wNTIyOCA2LjQ0NzcyIDUuNSA3IDUuNUM3LjU1MjI4IDUuNSA4IDUuMDUyMjggOCA0LjVWMEgxMEMxMCAwIDE1IDMgMTUgOVpNMTAgMTJDMTAgMTMuMTA0NiA5LjEwNDU3IDE0IDggMTRDNi44OTU0MyAxNCA2IDEzLjEwNDYgNiAxMkM2IDkuNSA4IDggOCA4QzggOCAxMCA5LjUgMTAgMTJaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task="i"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05IDE2SDdMMCA5VjdMNyAwSDlMMTYgN1Y5TDkgMTZaTTcgM1Y5SDlWM0g3Wk03IDExVjEzSDlWMTFIN1oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05IDE2SDdMMCA5VjdMNyAwSDlMMTYgN1Y5TDkgMTZaTTcgM1Y5SDlWM0g3Wk03IDExVjEzSDlWMTFIN1oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task="I"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDNDMTUgNS42MTUwNyAxMy4zMjcgNy44Mzk0IDEwLjk5MjkgOC42NjEwOEMxMC4zNjk0IDguODgwNTkgOS42OTg2NCA5IDkgOVYxM0gxM1YxNUgzVjEzSDdWMTFDMy42ODYyOSAxMSAxIDguMzEzNzEgMSA1VjNIM0M0LjcyNzE1IDMgNi4yODM4NiAzLjcyOTc3IDcuMzc4NTkgNC44OTc3OUM3LjkzOTcyIDUuNDk2NDcgOC4zNzk0NyA2LjIxMDMgOC42NTg1OSA3SDlDOS41ODc1MiA3IDEwLjE0NTUgNi44NzMzMyAxMC42NDggNi42NDU4MUMxMC4yMjc0IDUuMjc3NzIgOS40NDk3MyA0LjA2NTk2IDguNDIzODEgMy4xMTkyOEM5LjUyNDM5IDEuODIyNzUgMTEuMTY2MSAxIDEzIDFIMTVWM1oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDNDMTUgNS42MTUwNyAxMy4zMjcgNy44Mzk0IDEwLjk5MjkgOC42NjEwOEMxMC4zNjk0IDguODgwNTkgOS42OTg2NCA5IDkgOVYxM0gxM1YxNUgzVjEzSDdWMTFDMy42ODYyOSAxMSAxIDguMzEzNzEgMSA1VjNIM0M0LjcyNzE1IDMgNi4yODM4NiAzLjcyOTc3IDcuMzc4NTkgNC44OTc3OUM3LjkzOTcyIDUuNDk2NDcgOC4zNzk0NyA2LjIxMDMgOC42NTg1OSA3SDlDOS41ODc1MiA3IDEwLjE0NTUgNi44NzMzMyAxMC42NDggNi42NDU4MUMxMC4yMjc0IDUuMjc3NzIgOS40NDk3MyA0LjA2NTk2IDguNDIzODEgMy4xMTkyOEM5LjUyNDM5IDEuODIyNzUgMTEuMTY2MSAxIDEzIDFIMTVWM1oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task="k"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNiA1LjVDMTYgOC41Mzc1NyAxMy41Mzc2IDExIDEwLjUgMTFIN1YxM0g1VjE1TDQgMTZIMFYxMkw1LjE2MzUxIDYuODM2NDlDNS4wNTY3IDYuNDA4NjMgNSA1Ljk2MDk0IDUgNS41QzUgMi40NjI0MyA3LjQ2MjQzIDAgMTAuNSAwQzEzLjUzNzYgMCAxNiAyLjQ2MjQzIDE2IDUuNVpNMTMgNEMxMyA0LjU1MjI4IDEyLjU1MjMgNSAxMiA1QzExLjQ0NzcgNSAxMSA0LjU1MjI4IDExIDRDMTEgMy40NDc3MiAxMS40NDc3IDMgMTIgM0MxMi41NTIzIDMgMTMgMy40NDc3MiAxMyA0WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNiA1LjVDMTYgOC41Mzc1NyAxMy41Mzc2IDExIDEwLjUgMTFIN1YxM0g1VjE1TDQgMTZIMFYxMkw1LjE2MzUxIDYuODM2NDlDNS4wNTY3IDYuNDA4NjMgNSA1Ljk2MDk0IDUgNS41QzUgMi40NjI0MyA3LjQ2MjQzIDAgMTAuNSAwQzEzLjUzNzYgMCAxNiAyLjQ2MjQzIDE2IDUuNVpNMTMgNEMxMyA0LjU1MjI4IDEyLjU1MjMgNSAxMiA1QzExLjQ0NzcgNSAxMSA0LjU1MjI4IDExIDRDMTEgMy40NDc3MiAxMS40NDc3IDMgMTIgM0MxMi41NTIzIDMgMTMgMy40NDc3MiAxMyA0WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task="l"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjM3ODkyIDEwLjIyMzZMOCAxNkwxMi42MjExIDEwLjIyMzZDMTMuNTEzNyA5LjEwNzg4IDE0IDcuNzIxNTQgMTQgNi4yOTI2NlY2QzE0IDIuNjg2MjkgMTEuMzEzNyAwIDggMEM0LjY4NjI5IDAgMiAyLjY4NjI5IDIgNlY2LjI5MjY2QzIgNy43MjE1NCAyLjQ4NjMgOS4xMDc4OCAzLjM3ODkyIDEwLjIyMzZaTTggOEM5LjEwNDU3IDggMTAgNy4xMDQ1NyAxMCA2QzEwIDQuODk1NDMgOS4xMDQ1NyA0IDggNEM2Ljg5NTQzIDQgNiA0Ljg5NTQzIDYgNkM2IDcuMTA0NTcgNi44OTU0MyA4IDggOFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjM3ODkyIDEwLjIyMzZMOCAxNkwxMi42MjExIDEwLjIyMzZDMTMuNTEzNyA5LjEwNzg4IDE0IDcuNzIxNTQgMTQgNi4yOTI2NlY2QzE0IDIuNjg2MjkgMTEuMzEzNyAwIDggMEM0LjY4NjI5IDAgMiAyLjY4NjI5IDIgNlY2LjI5MjY2QzIgNy43MjE1NCAyLjQ4NjMgOS4xMDc4OCAzLjM3ODkyIDEwLjIyMzZaTTggOEM5LjEwNDU3IDggMTAgNy4xMDQ1NyAxMCA2QzEwIDQuODk1NDMgOS4xMDQ1NyA0IDggNEM2Ljg5NTQzIDQgNiA0Ljg5NTQzIDYgNkM2IDcuMTA0NTcgNi44OTU0MyA4IDggOFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task="p"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgMEw1IDVWMTRIMTRMMTYgOFY1SDEwVjJDMTAgMC44OTU0MzEgOS4xMDQ1NyAwIDggMEg3WiIgZmlsbD0iIzAwMDAwMCIvPgo8cGF0aCBkPSJNMyA1SDBWMTRIM1Y1WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgMEw1IDVWMTRIMTRMMTYgOFY1SDEwVjJDMTAgMC44OTU0MzEgOS4xMDQ1NyAwIDggMEg3WiIgZmlsbD0iIzAwMDAwMCIvPgo8cGF0aCBkPSJNMyA1SDBWMTRIM1Y1WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task="S"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjIxNjA2IDE1TDYuMTA0OTUgMTZIOC4xMTcyNkw4LjIyODM3IDE1SDEwLjAwM0MxMi4yMTA1IDE1IDE0IDEzLjIxMDUgMTQgMTEuMDAzQzE0IDkuMTI5NjMgMTIuNjk4OSA3LjUwNzYgMTAuODcwMSA3LjEwMTJMOS4xNDg1MiA2LjcxODY0TDkuNDUwNTkgNEgxM1YxSDkuNzgzOTNMOS44OTUwNCAwSDcuODgyNzNMNy43NzE2MiAxSDUuOTk2OTlDMy43ODk1MSAxIDIgMi43ODk1MSAyIDQuOTk2OTlDMiA2Ljg3MDM3IDMuMzAxMTUgOC40OTI0IDUuMTI5OTIgOC44OTg4TDYuODUxNDcgOS4yODEzNkw2LjU0OTM5IDEySDNWMTVINi4yMTYwNlpNOC41NjE3IDEySDEwLjAwM0MxMC41NTM2IDEyIDExIDExLjU1MzYgMTEgMTEuMDAzQzExIDEwLjUzNTcgMTAuNjc1NCAxMC4xMzExIDEwLjIxOTMgMTAuMDI5OEw4LjgxNTI4IDkuNzE3NzZMOC41NjE3IDEyWk03LjE4NDcgNi4yODIyM0w3LjQzODI4IDRINS45OTY5OUM1LjQ0NjM3IDQgNSA0LjQ0NjM3IDUgNC45OTY5OUM1IDUuNDY0MjcgNS4zMjQ1NSA1Ljg2ODg3IDUuNzgwNzEgNS45NzAyM0w3LjE4NDcgNi4yODIyM1oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjIxNjA2IDE1TDYuMTA0OTUgMTZIOC4xMTcyNkw4LjIyODM3IDE1SDEwLjAwM0MxMi4yMTA1IDE1IDE0IDEzLjIxMDUgMTQgMTEuMDAzQzE0IDkuMTI5NjMgMTIuNjk4OSA3LjUwNzYgMTAuODcwMSA3LjEwMTJMOS4xNDg1MiA2LjcxODY0TDkuNDUwNTkgNEgxM1YxSDkuNzgzOTNMOS44OTUwNCAwSDcuODgyNzNMNy43NzE2MiAxSDUuOTk2OTlDMy43ODk1MSAxIDIgMi43ODk1MSAyIDQuOTk2OTlDMiA2Ljg3MDM3IDMuMzAxMTUgOC40OTI0IDUuMTI5OTIgOC44OTg4TDYuODUxNDcgOS4yODEzNkw2LjU0OTM5IDEySDNWMTVINi4yMTYwNlpNOC41NjE3IDEySDEwLjAwM0MxMC41NTM2IDEyIDExIDExLjU1MzYgMTEgMTEuMDAzQzExIDEwLjUzNTcgMTAuNjc1NCAxMC4xMzExIDEwLjIxOTMgMTAuMDI5OEw4LjgxNTI4IDkuNzE3NzZMOC41NjE3IDEyWk03LjE4NDcgNi4yODIyM0w3LjQzODI4IDRINS45OTY5OUM1LjQ0NjM3IDQgNSA0LjQ0NjM3IDUgNC45OTY5OUM1IDUuNDY0MjcgNS4zMjQ1NSA1Ljg2ODg3IDUuNzgwNzEgNS45NzAyM0w3LjE4NDcgNi4yODIyM1oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task="u"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDNMOS4wMDAwMSA0TDExLjI5MjkgNi4yOTI4OUw4LjUwMDAxIDkuMDg1NzlMNS41MDAwMSA2LjA4NTc5TDAuMjkyOTA4IDExLjI5MjlMMS43MDcxMiAxMi43MDcxTDUuNTAwMDEgOC45MTQyMUw4LjUwMDAxIDExLjkxNDJMMTIuNzA3MSA3LjcwNzExTDE1IDEwTDE2IDlMMTYgM0gxMFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDNMOS4wMDAwMSA0TDExLjI5MjkgNi4yOTI4OUw4LjUwMDAxIDkuMDg1NzlMNS41MDAwMSA2LjA4NTc5TDAuMjkyOTA4IDExLjI5MjlMMS43MDcxMiAxMi43MDcxTDUuNTAwMDEgOC45MTQyMUw4LjUwMDAxIDExLjkxNDJMMTIuNzA3MSA3LjcwNzExTDE1IDEwTDE2IDlMMTYgM0gxMFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task="w"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00IDBIMTJWMkgxNlY0QzE2IDYuNDU2NDEgMTQuMjI4NiA4LjQ5OTA5IDExLjg5MzYgOC45MjAzOEMxMS41NTM3IDEwLjM2MzcgMTAuNDMyIDExLjUwNTQgOSAxMS44NzRWMTRIMTJWMTZINFYxNEg3VjExLjg3NEM1LjU2Nzk2IDExLjUwNTQgNC40NDYyOCAxMC4zNjM3IDQuMTA2NCA4LjkyMDM4QzEuNzcxMzYgOC40OTkwOSAwIDYuNDU2NDEgMCA0VjJINFYwWk0xMiA2LjgyOTI5VjRIMTRDMTQgNS4zMDYyMiAxMy4xNjUyIDYuNDE3NDYgMTIgNi44MjkyOVpNNCA0SDJDMiA1LjMwNjIyIDIuODM0ODEgNi40MTc0NiA0IDYuODI5MjlWNFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00IDBIMTJWMkgxNlY0QzE2IDYuNDU2NDEgMTQuMjI4NiA4LjQ5OTA5IDExLjg5MzYgOC45MjAzOEMxMS41NTM3IDEwLjM2MzcgMTAuNDMyIDExLjUwNTQgOSAxMS44NzRWMTRIMTJWMTZINFYxNEg3VjExLjg3NEM1LjU2Nzk2IDExLjUwNTQgNC40NDYyOCAxMC4zNjM3IDQuMTA2NCA4LjkyMDM4QzEuNzcxMzYgOC40OTkwOSAwIDYuNDU2NDEgMCA0VjJINFYwWk0xMiA2LjgyOTI5VjRIMTRDMTQgNS4zMDYyMiAxMy4xNjUyIDYuNDE3NDYgMTIgNi44MjkyOVpNNCA0SDJDMiA1LjMwNjIyIDIuODM0ODEgNi40MTc0NiA0IDYuODI5MjlWNFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(218, 218, 218);
}
html[saved-theme="dark"] body li.task-list-item[data-task="x"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="X"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="-"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="!"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="?"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="\""] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="*"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="/"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="<"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task=">"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="b"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="c"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="d"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="f"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="i"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="I"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="k"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="l"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="p"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="S"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="u"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="w"] input[type="checkbox"]::after { content: none; }
/* aspect: callouts */
html[saved-theme="dark"] body .callout .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 248.82);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 248.82);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="abstract"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-summary);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.7 0.08 210.819 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.7 0.08 210.819 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.7 0.08 210.819 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.7 0.08 210.819 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.7 0.08 210.819 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="abstract"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 248.82);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 248.82);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="abstract"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="abstract"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="bug"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-bug);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.7 0.08 26.4067 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.7 0.08 26.4067 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.7 0.08 26.4067 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.7 0.08 26.4067 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.7 0.08 26.4067 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="bug"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 248.82);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 248.82);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="bug"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="bug"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="danger"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-error);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.7 0.08 26.4067 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.7 0.08 26.4067 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.7 0.08 26.4067 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.7 0.08 26.4067 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.7 0.08 26.4067 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="danger"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 248.82);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 248.82);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="danger"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="danger"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="example"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-example);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.7 0.08 294.789 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.7 0.08 294.789 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.7 0.08 294.789 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.7 0.08 294.789 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.7 0.08 294.789 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="example"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 248.82);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 248.82);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="example"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="example"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="failure"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-fail);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.7 0.08 26.4067 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.7 0.08 26.4067 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.7 0.08 26.4067 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.7 0.08 26.4067 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.7 0.08 26.4067 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="failure"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 248.82);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 248.82);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="failure"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="failure"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="info"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-info);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.7 0.08 248.82 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.7 0.08 248.82 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.7 0.08 248.82 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.7 0.08 248.82 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.7 0.08 248.82 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="info"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 248.82);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 248.82);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="info"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="info"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="note"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-default);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.7 0.08 248.82 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.7 0.08 248.82 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.7 0.08 248.82 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.7 0.08 248.82 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.7 0.08 248.82 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="note"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 248.82);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 248.82);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="note"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="note"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="question"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-question);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.7 0.08 64.0453 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.7 0.08 64.0453 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.7 0.08 64.0453 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.7 0.08 64.0453 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.7 0.08 64.0453 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="question"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 248.82);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 248.82);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="question"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="question"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="quote"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-quote);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.699256 0.0000347234 none / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.699256 0.0000347234 none / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.699256 0.0000347234 none / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.699256 0.0000347234 none / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.699256 0.0000347234 none / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="quote"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 248.82);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 248.82);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="quote"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="quote"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="success"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-success);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.7 0.08 144.199 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.7 0.08 144.199 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.7 0.08 144.199 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.7 0.08 144.199 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.7 0.08 144.199 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="success"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 248.82);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 248.82);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="success"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="success"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="tip"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-tip);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.7 0.08 210.819 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.7 0.08 210.819 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.7 0.08 210.819 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.7 0.08 210.819 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.7 0.08 210.819 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="tip"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 248.82);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 248.82);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="tip"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="tip"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="todo"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-todo);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.7 0.08 248.82 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.7 0.08 248.82 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.7 0.08 248.82 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.7 0.08 248.82 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.7 0.08 248.82 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="todo"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 248.82);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 248.82);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="todo"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="todo"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="warning"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-warning);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.7 0.08 64.0453 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.7 0.08 64.0453 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.7 0.08 64.0453 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.7 0.08 64.0453 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.7 0.08 64.0453 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="warning"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 248.82);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 248.82);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="warning"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="warning"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="note"] {
--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");
}
html[saved-theme="dark"] body .callout[data-callout="abstract"] {
--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");
}
html[saved-theme="dark"] body .callout[data-callout="bug"] {
--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");
}
html[saved-theme="dark"] body .callout[data-callout="danger"] {
--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");
}
html[saved-theme="dark"] body .callout[data-callout="example"] {
--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");
}
html[saved-theme="dark"] body .callout[data-callout="failure"] {
--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");
}
html[saved-theme="dark"] body .callout[data-callout="info"] {
--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");
}
html[saved-theme="dark"] body .callout[data-callout="note"] {
--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");
}
html[saved-theme="dark"] body .callout[data-callout="question"] {
--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");
}
html[saved-theme="dark"] body .callout[data-callout="quote"] {
--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");
}
html[saved-theme="dark"] body .callout[data-callout="success"] {
--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");
}
html[saved-theme="dark"] body .callout[data-callout="tip"] {
--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");
}
html[saved-theme="dark"] body .callout[data-callout="todo"] {
--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");
}
html[saved-theme="dark"] body .callout[data-callout="warning"] {
--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");
}
/* aspect: search */
html[saved-theme="dark"] body .highlight {
background-color: var(--text-highlight-bg);
border-radius: 0px;
}
html[saved-theme="dark"] body .preview-container {
background-color: rgba(0, 0, 0, 0);
color: var(--text-muted);
font-weight: 400;
}
html[saved-theme="dark"] body .search > .search-button {
background-color: var(--background-paper);
border-bottom-color: oklch(0.25 0.21722 292.489);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: oklch(0.25 0.21722 292.489);
border-left-style: solid;
border-left-width: 1px;
border-right-color: oklch(0.25 0.21722 292.489);
border-right-style: solid;
border-right-width: 1px;
border-top-color: oklch(0.25 0.21722 292.489);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-normal);
font-family: var(--font-interface);
}
html[saved-theme="dark"] body .search > .search-container > .search-space {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(218, 218, 218);
border-left-width: 0px;
border-right-color: rgb(218, 218, 218);
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html[saved-theme="dark"] body .search > .search-container > .search-space > * {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-family: var(--font-interface);
font-weight: 400;
outline: rgb(218, 218, 218) none 0px;
text-decoration-color: rgb(218, 218, 218);
text-decoration-style: solid;
transition: all;
}
html[saved-theme="dark"] body .search > .search-container > .search-space > .search-layout {
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(218, 218, 218);
border-left-width: 0px;
border-right-color: rgb(218, 218, 218);
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html[saved-theme="dark"] body .search > .search-container > .search-space > .search-layout .highlight {
background-color: var(--text-highlight-bg);
border-radius: 0px;
}
html[saved-theme="dark"] body .search > .search-container > .search-space > .search-layout > .preview-container {
background-color: rgba(0, 0, 0, 0);
color: var(--text-muted);
font-weight: 400;
}
html[saved-theme="dark"] body .search > .search-container > .search-space > .search-layout > .results-container {
color: var(--text-normal);
}
html[saved-theme="dark"] body .search > .search-container > .search-space > .search-layout > .results-container .result-card {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-width: 0px;
border-left-color: rgb(218, 218, 218);
border-left-width: 0px;
border-radius: 12px;
border-right-color: rgb(218, 218, 218);
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-width: 0px;
border-left-color: rgb(218, 218, 218);
border-left-width: 0px;
border-right-color: rgb(218, 218, 218);
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-width: 0px;
color: var(--text-normal);
}
html[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 {
color: var(--nav-item-color-active);
}
html[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)) {
background-color: oklch(from var(--base-accent) l c h / 30%);
color: var(--nav-item-color-active);
font-weight: var(--nav-item-weight);
}
html[saved-theme="dark"] body .search > .search-container > .search-space > input {
background-color: var(--background-paper);
border-bottom-color: oklch(0.25 0.21722 292.489);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: oklch(0.25 0.21722 292.489);
border-left-style: solid;
border-left-width: 1px;
border-right-color: oklch(0.25 0.21722 292.489);
border-right-style: solid;
border-right-width: 1px;
border-top-color: oklch(0.25 0.21722 292.489);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: var(--box-shadow-active);
}
html[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) {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-width: 0px;
border-left-color: rgb(218, 218, 218);
border-left-width: 0px;
border-right-color: rgb(218, 218, 218);
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-width: 0px;
color: var(--text-normal);
}
html[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)) {
background-color: oklch(from var(--base-accent) l c h / 30%);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
color: var(--nav-item-color-active);
}
html[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 {
--icon-size: var(--icon-xs);
--icon-stroke: var(--icon-xs-stroke-width);
--pill-background: var(--tag-background);
--pill-background-hover: var(--tag-background-hover);
--pill-border-color: var(--tag-border-color);
--pill-border-color-hover: var(--tag-border-color-hover);
--pill-border-width: var(--tag-border-width);
--pill-color: var(--tag-color);
--pill-color-hover: var(--tag-color-hover);
--pill-color-remove: var(--tag-color);
--pill-color-remove-hover: var(--tag-color-hover);
--pill-corner-shape: var(--tag-corner-shape);
--pill-decoration: var(--tag-decoration);
--pill-decoration-hover: var(--tag-decoration-hover);
--pill-padding-x: var(--tag-padding-x);
--pill-padding-y: var(--tag-padding-y);
--pill-radius: var(--tag-radius);
background-color: var(--pill-background);
border-bottom-color: oklch(0.603458 0.21722 292.49 / 0.15);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: oklch(0.8 0.21722 292.489 / 0.75);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.603458 0.21722 292.49 / 0.15);
border-right-style: solid;
border-right-width: 1px;
border-top-color: oklch(0.603458 0.21722 292.49 / 0.15);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
color: var(--pill-color);
display: flex;
font-family: var(--metadata-input-font);
font-size: var(--metadata-input-font-size);
font-weight: var(--pill-weight);
line-height: var(--line-height-tight);
margin-inline-start: 0px;
}
html[saved-theme="dark"] body a.internal-link.tag-link::before {
color: var(--pill-color);
}
html[saved-theme="dark"] body h1 {
--font-weight: var(--h1-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 26.4067);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 26.4067);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 26.4067);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 26.4067);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h1-color);
font-family: var(--h1-font);
font-size: var(--h1-size);
font-weight: var(--font-weight);
letter-spacing: var(--h1-letter-spacing);
line-height: var(--h1-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body h1.article-title {
color: var(--inline-title-color);
font-size: var(--inline-title-size);
font-weight: var(--inline-title-weight);
}
html[saved-theme="dark"] body h2 {
--font-weight: var(--h2-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 64.0453);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 64.0453);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 64.0453);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 64.0453);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h2-color);
font-family: var(--h2-font);
font-size: var(--h2-size);
font-weight: var(--font-weight);
letter-spacing: var(--h2-letter-spacing);
line-height: var(--h2-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body h2.page-title, html[saved-theme="dark"] h2.page-title a {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 26.4067);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 26.4067);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 26.4067);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 26.4067);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--inline-title-color);
font-family: var(--inline-title-font);
font-size: var(--inline-title-size);
font-weight: var(--inline-title-weight);
letter-spacing: -0.38832px;
line-height: var(--inline-title-line-height);
margin-block-end: var(--inline-title-margin-bottom);
margin-block-start: 0px;
margin-bottom: 12.944px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body h3 {
--font-weight: var(--h3-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 102.483);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 102.483);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 102.483);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 102.483);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h3-color);
font-family: var(--h3-font);
font-size: var(--h3-size);
font-weight: var(--font-weight);
letter-spacing: var(--h3-letter-spacing);
line-height: var(--h3-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body h4 {
--font-weight: var(--h4-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 144.199);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 144.199);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 144.199);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 144.199);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h4-color);
font-family: var(--h4-font);
font-size: var(--h4-size);
font-weight: var(--font-weight);
letter-spacing: var(--h4-letter-spacing);
line-height: var(--h4-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body h5 {
--font-weight: var(--h5-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 248.82);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 248.82);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h5-color);
font-family: var(--h5-font);
font-size: var(--h5-size);
font-weight: var(--font-weight);
letter-spacing: var(--h5-letter-spacing);
line-height: var(--h5-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body h6 {
--font-weight: var(--h6-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.7 0.08 271.409);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.7 0.08 271.409);
border-left-width: 0px;
border-right-color: oklch(0.7 0.08 271.409);
border-right-width: 0px;
border-top-color: oklch(0.7 0.08 271.409);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h6-color);
font-family: var(--h6-font);
font-size: var(--h6-size);
font-weight: var(--font-weight);
letter-spacing: var(--h6-letter-spacing);
line-height: var(--h6-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body hr {
border-bottom-color: oklch(0.888364 0.000044365 23.517 / 0.25);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.888364 0.000044365 23.517 / 0.25);
border-left-width: 0px;
border-right-color: oklch(0.888364 0.000044365 23.517 / 0.25);
border-right-width: 0px;
border-top-color: oklch(0.888364 0.000044365 23.517 / 0.25);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 2px;
margin-block-end: 32px;
margin-block-start: 32px;
margin-bottom: 32px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 32px;
}
html[saved-theme="dark"] body input:focus {
border-color: oklch(0.25 0.21722 292.489);
box-shadow: var(--box-shadow-active);
}
/* aspect: scrollbars */
html[saved-theme="dark"] body .callout {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-default);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
border-bottom-color: oklch(0.7 0.08 248.82 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.7 0.08 248.82 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.7 0.08 248.82 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.7 0.08 248.82 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 12px;
padding-inline-start: 24px;
padding-left: 24px;
padding-right: 12px;
padding-top: 12px;
}
html[saved-theme="dark"] body body {
scrollbar-width: var(--scrollbar-native-width);
}
/* aspect: explorer */
html[saved-theme="dark"] body .explorer .explorer-content li:has(> .folder-outer.open) > .folder-container::before {
background-color: var(--folder-color);
color: oklch(0.7 0.08 26.4067);
font-family: 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;
font-weight: 700;
opacity: 1;
}
html[saved-theme="dark"] body .explorer .explorer-content li:has(> .folder-outer:not(.open)) > .folder-container::before {
background-color: var(--folder-color);
color: oklch(0.7 0.08 26.4067);
font-family: 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;
font-weight: 700;
opacity: 1;
}
html[saved-theme="dark"] body .explorer .folder-container > div {
color: var(--folder-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="dark"] body .nav-files-container {
background-color: var(--background-paper);
color: var(--text-normal);
font-family: var(--font-interface);
}
html[saved-theme="dark"] body .nav-files-container .collapse-icon {
color: var(--folder-color);
opacity: 1;
}
html[saved-theme="dark"] body .nav-files-container .nav-file-title {
color: var(--nav-item-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="dark"] body .nav-files-container .nav-file-title.is-active {
border-bottom-color: rgb(179, 179, 179);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-width: 0px;
border-left-color: rgb(179, 179, 179);
border-left-width: 0px;
border-right-color: rgb(179, 179, 179);
border-right-width: 0px;
border-top-color: rgb(179, 179, 179);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-width: 0px;
color: var(--nav-item-color);
font-family: var(--font-interface);
}
html[saved-theme="dark"] body .nav-files-container .tree-item-children {
border-inline-start: 2px solid oklch(0.999994 0.0000497986 none / 0.12);
border-left-color: oklch(0.999994 0.0000497986 none / 0.12);
border-left-style: solid;
border-left-width: 2px;
}
html[saved-theme="dark"] body .nav-files-container li:has(> .folder-outer.open) > .nav-folder-title {
color: var(--folder-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="dark"] body .nav-files-container li:has(> .folder-outer:not(.open)) > .nav-folder-title {
color: var(--folder-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="dark"] body .explorer .nav-files-container a {
color: var(--nav-item-color);
}
html[saved-theme="dark"] body .explorer .nav-files-container a:hover {
color: var(--nav-item-color-hover);
}
html[saved-theme="dark"] body .explorer .nav-files-container .is-active {
color: var(--nav-item-color-active);
}
html[saved-theme="dark"] body .explorer .nav-files-container a:hover {
background-color: var(--nav-item-background-hover);
}
html[saved-theme="dark"] body .explorer .nav-files-container .collapse-icon svg {
color: var(--nav-collapse-icon-color);
}
html[saved-theme="dark"] body .explorer .nav-files-container .folder-outer > ul {
border-left-color: var(--nav-indentation-guide-color);
}
/* aspect: toc */
html[saved-theme="dark"] body details.toc summary::marker {
color: var(--text-normal);
}
/* aspect: graph */
html[saved-theme="dark"] body .graph > .global-graph-outer > .global-graph-container {
background-color: var(--background-secondary);
border-bottom-color: rgb(179, 179, 179);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(179, 179, 179);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(179, 179, 179);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(179, 179, 179);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
}
html[saved-theme="dark"] body .graph > .graph-outer {
background-color: var(--background-secondary);
border-bottom-color: rgb(179, 179, 179);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(179, 179, 179);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(179, 179, 179);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(179, 179, 179);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .graph > .graph-outer > .global-graph-icon {
background-color: var(--button-normal);
border-bottom-color: oklch(0.25 0.21722 292.489);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: oklch(0.25 0.21722 292.489);
border-left-style: solid;
border-left-width: 1px;
border-right-color: oklch(0.25 0.21722 292.489);
border-right-style: solid;
border-right-width: 1px;
border-top-color: oklch(0.25 0.21722 292.489);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-muted);
cursor: var(--cursor);
}
/* aspect: footer */
html[saved-theme="dark"] body footer {
background-color: var(--status-bar-background);
color: var(--status-bar-text-color);
font-family: var(--font-interface);
font-size: var(--status-bar-font-size);
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 4px;
padding-left: 4px;
padding-right: var(--size-4-2);
padding-top: 4px;
text-align: start;
}
html[saved-theme="dark"] body footer ul li a {
color: var(--status-bar-text-color);
font-size: var(--status-bar-font-size);
font-weight: var(--font-bold);
}
/* aspect: recentNotes */
html[saved-theme="dark"] body .recent-notes > h3 {
color: var(--text-normal);
font-family: var(--font-interface);
font-weight: 400;
}
html[saved-theme="dark"] body .recent-notes > ul.recent-ul > li {
--folder-color: var(--folder-color-1);
background-color: oklch(
from var(--folder-color) l var(--chroma-folder) h / 30%
);
border-bottom-color: oklch(0.55 0.08 82.4895 / 0.5);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: oklch(0.55 0.08 82.4895 / 0.5);
border-left-style: solid;
border-left-width: 1px;
border-right-color: oklch(0.55 0.08 82.4895 / 0.5);
border-right-style: solid;
border-right-width: 1px;
border-top-color: oklch(0.55 0.08 82.4895 / 0.5);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .recent-notes > ul.recent-ul > li .section > .desc > h3 > a {
color: var(--nav-item-color);
}
html[saved-theme="dark"] body .recent-notes > ul.recent-ul > li .section > .meta {
color: var(--nav-item-color);
font-family: var(--font-interface);
}
/* aspect: listPage */
html[saved-theme="dark"] body li.section-li {
--folder-color: var(--folder-color-1);
background-color: oklch(
from var(--folder-color) l var(--chroma-folder) h / 30%
);
border-bottom-color: oklch(0.55 0.08 82.4895 / 0.5);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: oklch(0.55 0.08 82.4895 / 0.5);
border-left-style: solid;
border-left-width: 1px;
border-right-color: oklch(0.55 0.08 82.4895 / 0.5);
border-right-style: solid;
border-right-width: 1px;
border-top-color: oklch(0.55 0.08 82.4895 / 0.5);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
}
html[saved-theme="dark"] body li.section-li > .section .meta {
color: var(--nav-item-color);
font-family: var(--font-interface);
}
html[saved-theme="dark"] body li.section-li > .section > .desc > h3 > a {
color: var(--nav-item-color);
}
html[saved-theme="dark"] body ul.section-ul {
background-color: var(--background-paper);
border-bottom-color: oklch(0.22 0.0651659 82.4895);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: ridge;
border-bottom-width: 4px;
border-left-color: oklch(0.22 0.0651659 82.4895);
border-left-style: ridge;
border-left-width: 4px;
border-right-color: oklch(0.22 0.0651659 82.4895);
border-right-style: ridge;
border-right-width: 4px;
border-top-color: oklch(0.22 0.0651659 82.4895);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: ridge;
border-top-width: 4px;
}
/* aspect: darkmode */
html[saved-theme="dark"] body .darkmode {
background-color: var(--button-normal);
border-bottom-color: oklch(0.25 0.21722 292.489);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: oklch(0.25 0.21722 292.489);
border-left-style: solid;
border-left-width: 1px;
border-right-color: oklch(0.25 0.21722 292.489);
border-right-style: solid;
border-right-width: 1px;
border-top-color: oklch(0.25 0.21722 292.489);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-muted);
cursor: var(--cursor);
}
html[saved-theme="dark"] body .darkmode svg {
color: var(--text-muted);
stroke: rgb(179, 179, 179);
}
/* aspect: breadcrumbs */
html[saved-theme="dark"] body .breadcrumb-container {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(179, 179, 179);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-width: 0px;
border-left-color: rgb(179, 179, 179);
border-left-width: 0px;
border-right-color: rgb(179, 179, 179);
border-right-width: 0px;
border-top-color: rgb(179, 179, 179);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-width: 0px;
color: var(--text-muted);
}
html[saved-theme="dark"] body .breadcrumb-element p {
color: var(--text-faint);
font-family: var(--file-header-font);
}
/* aspect: misc */
html[saved-theme="dark"] body .content-meta {
--input-height: var(--metadata-input-height);
color: var(--text-muted);
font-size: var(--font-text-size);
}
html[saved-theme="dark"] body .data-footnote-backref {
--font-weight: var(--link-weight);
color: var(--text-faint);
}
html[saved-theme="dark"] body .footnotes {
background-color: rgba(0, 0, 0, 0);
border-top-color: rgb(218, 218, 218);
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .katex > .katex-html {
font-family: var(--font-text);
}
html[saved-theme="dark"] body .katex-display {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(218, 218, 218);
border-left-width: 0px;
border-right-color: rgb(218, 218, 218);
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .katex-display > .katex {
display: block;
font-family: var(--font-text);
text-align: center;
}
html[saved-theme="dark"] body .katex-display > .katex > .katex-html {
font-family: var(--font-text);
}
html[saved-theme="dark"] body .spacer {
background-color: rgba(0, 0, 0, 0);
}
html[saved-theme="dark"] body abbr {
color: var(--text-normal);
text-decoration: underline dotted;
text-decoration-style: dotted;
}
html[saved-theme="dark"] body details {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(218, 218, 218);
border-left-width: 0px;
border-right-color: rgb(218, 218, 218);
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body footer {
opacity: 1;
}
html[saved-theme="dark"] body h2.page-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(218, 218, 218);
border-left-width: 0px;
border-right-color: rgb(218, 218, 218);
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--file-header-font);
font-size: var(--file-header-font-size);
font-weight: var(--font-bold);
line-height: var(--line-height-tight);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body input[type=text] {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(179, 179, 179);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(179, 179, 179);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(179, 179, 179);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(179, 179, 179);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--metadata-label-font);
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
}
html[saved-theme="dark"] body kbd {
background-color: var(--code-background);
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-width: 0px;
border-left-color: rgb(218, 218, 218);
border-left-width: 0px;
border-right-color: rgb(218, 218, 218);
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-width: 0px;
box-shadow: 0 0 0 1px oklch(from var(--text-normal) l c h / 25%);
color: var(--code-normal);
font-family: var(--font-monospace);
font-size: var(--code-size);
padding-block-end: 1.4px;
padding-block-start: 1.4px;
padding-bottom: 1.4px;
padding-inline-end: 3.5px;
padding-inline-start: 3.5px;
padding-left: 3.5px;
padding-right: 3.5px;
padding-top: 1.4px;
}
html[saved-theme="dark"] body li.task-list-item input[type="checkbox"] {
background-color: rgba(0, 0, 0, 0);
border-color: rgb(102, 102, 102);
border-radius: 12px;
border-width: 1px;
}
html[saved-theme="dark"] body li.task-list-item input[type="checkbox"]:checked {
background-color: var(--checkbox-color);
border-color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body pre:has(> code.mermaid) {
background-color: var(--code-background);
border: 0px solid oklch(0.18 0.0651659 292.489);
}
html[saved-theme="dark"] body progress {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(218, 218, 218);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(218, 218, 218);
border-left-width: 0px;
border-right-color: rgb(218, 218, 218);
border-right-width: 0px;
border-top-color: rgb(218, 218, 218);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
height: 6px;
}
html[saved-theme="dark"] body sub {
color: var(--text-normal);
font-size: var(--font-text-size);
vertical-align: sub;
}
html[saved-theme="dark"] body summary {
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-weight: 400;
list-style: inside none disclosure-closed;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body sup {
color: var(--text-normal);
font-size: var(--font-text-size);
vertical-align: super;
}
html[saved-theme="dark"] body ul.tags > li {
--icon-size: var(--icon-xs);
--icon-stroke: var(--icon-xs-stroke-width);
--pill-background: var(--tag-background);
--pill-background-hover: var(--tag-background-hover);
--pill-border-color: var(--tag-border-color);
--pill-border-color-hover: var(--tag-border-color-hover);
--pill-border-width: var(--tag-border-width);
--pill-color: var(--tag-color);
--pill-color-hover: var(--tag-color-hover);
--pill-color-remove: var(--tag-color);
--pill-color-remove-hover: var(--tag-color-hover);
--pill-corner-shape: var(--tag-corner-shape);
--pill-decoration: var(--tag-decoration);
--pill-decoration-hover: var(--tag-decoration-hover);
--pill-padding-x: var(--tag-padding-x);
--pill-padding-y: var(--tag-padding-y);
--pill-radius: var(--tag-radius);
background-color: var(--pill-background);
border-bottom-color: oklch(0.603458 0.21722 292.49 / 0.15);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: oklch(0.8 0.21722 292.489 / 0.75);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.603458 0.21722 292.49 / 0.15);
border-right-style: solid;
border-right-width: 1px;
border-top-color: oklch(0.603458 0.21722 292.49 / 0.15);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
color: var(--pill-color);
}
/* aspect: base */
:root:root {
--accent-1: oklch(from var(--base-accent) l c calc(h + var(--rotation-1)));
--accent-2: oklch(from var(--base-accent) l c calc(h + var(--rotation-2)));
--accent-h: 258;
--accent-l: 66%;
--accent-s: 88%;
--anim-duration-fast: 140ms;
--anim-duration-moderate: 300ms;
--anim-duration-none: 0;
--anim-duration-slow: 560ms;
--anim-duration-superfast: 70ms;
--anim-motion-delay: cubic-bezier(0.65, 0.05, 0.36, 1);
--anim-motion-jumpy: cubic-bezier(0.68, -0.55, 0.27, 1.55);
--anim-motion-smooth: cubic-bezier(0.45, 0.05, 0.55, 0.95);
--anim-motion-swing: cubic-bezier(0, 0.55, 0.45, 1);
--background-modifier-active-hover: color-mix(in oklch, var(--interactive-accent) 10%, transparent);
--background-modifier-border: oklch(from var(--background-secondary) l c h);
--background-modifier-border-focus: oklch(
from var(--background-primary) 70% c h
);
--background-modifier-border-hover: var(--color-base-35);
--background-modifier-box-shadow: rgba(0, 0, 0, 0.1);
--background-modifier-cover: rgba(220, 220, 220, 0.4);
--background-modifier-error: var(--color-red);
--background-modifier-error-hover: var(--color-red);
--background-modifier-error-rgb: var(--color-red-rgb);
--background-modifier-form-field: var(--color-base-00);
--background-modifier-form-field-hover: var(--background-modifier-form-field);
--background-modifier-hover: color-mix(in oklch, var(--mono-100) 6.7%, transparent);
--background-modifier-message: color-mix(in oklch, black 90%, transparent);
--background-modifier-success: var(--color-green);
--background-modifier-success-rgb: var(--color-green-rgb);
--background-modifier-warning: var(--color-orange);
--background-modifier-warning-hover: var(--color-orange);
--background-paper: oklch(
from var(--accent-2) 98% calc(c * var(--chroma-accent)) h
);
--background-primary: oklch(
from var(--accent-2) 93% calc(c * var(--chroma-accent)) h
);
--background-primary-alt: oklch(
from var(--base-accent) 75% calc(c * var(--chroma-accent)) h
);
--background-secondary: oklch(
from var(--base-accent) 80% calc(c * var(--chroma-accent)) h
);
--background-secondary-alt: oklch(
from var(--accent-1) 65% calc(c * var(--chroma-accent)) h
);
--background-tertiary: oklch(
from var(--accent-2) 60% calc(c * var(--chroma-accent)) h
);
--base-accent: oklch(from var(--interactive-accent) l c h);
--bases-cards-background: oklch(from var(--background-tertiary) 85% c h);
--bases-cards-border-width: 4px;
--bases-cards-container-background: transparent;
--bases-cards-corner-shape: var(--corner-shape);
--bases-cards-cover-background: var(--background-primary-alt);
--bases-cards-font-size: var(--font-smaller);
--bases-cards-line-height: 24px;
--bases-cards-radius: var(--radius-m);
--bases-cards-scale: 1;
--bases-cards-shadow: 0 0 0 1px var(--background-modifier-border);
--bases-cards-shadow-hover: 0 0 0 1px var(--background-modifier-border-hover);
--bases-embed-border-color: var(--background-modifier-border);
--bases-embed-border-radius: var(--window-border-radius);
--bases-embed-border-width: 0px;
--bases-filter-input-background: var(--background-modifier-form-field);
--bases-filter-menu-width: 520px;
--bases-group-heading-property-color: var(--text-muted);
--bases-group-heading-property-display: block;
--bases-group-heading-property-size: var(--font-ui-smaller);
--bases-group-heading-property-weight: var(--font-normal);
--bases-group-heading-value-size: var(--font-smaller);
--bases-group-heading-value-weight: var(--font-semibold);
--bases-header-border-width: 0;
--bases-header-height: 40px;
--bases-header-padding-end: 2px;
--bases-header-padding-start: 2px;
--bases-table-border-color: var(--table-border-color);
--bases-table-cell-background-active: var(--background-primary);
--bases-table-cell-background-disabled: var(--background-primary-alt);
--bases-table-cell-background-selected: var(--table-selection);
--bases-table-cell-radius-active: 2px;
--bases-table-cell-radius-focus: 2px;
--bases-table-cell-shadow-active: 0 0 0 2px var(--background-modifier-border-focus);
--bases-table-cell-shadow-focus: 0 0 0 2px var(--interactive-accent);
--bases-table-column-border-width: var(--border-width);
--bases-table-column-max-width: 300;
--bases-table-column-min-width: 40;
--bases-table-container-border-radius: var(--radius-s);
--bases-table-container-border-width: var(--border-width);
--bases-table-font-size: var(--font-smaller);
--bases-table-group-background: var(--background-primary-alt);
--bases-table-group-gap: 10px;
--bases-table-header-background: var(--background-primary);
--bases-table-header-background-hover: var(--background-modifier-hover);
--bases-table-header-color: var(--text-muted);
--bases-table-header-icon-display: flex;
--bases-table-header-sort-mask: linear-gradient(to left, transparent var(--size-4-6), black var(--size-4-6));
--bases-table-header-weight: 100;
--bases-table-row-background-hover: var(--table-row-background-hover);
--bases-table-row-border-width: var(--border-width);
--bases-table-row-height: 30px;
--bases-table-summary-background: var(--background-primary);
--bases-table-summary-background-hover: var(--background-modifier-hover);
--bases-toolbar-badge-display: none;
--bases-toolbar-label-display: block;
--blockquote-background-color: oklch(
from var(--background-secondary) l c h / 40%
);
--blockquote-border-color: oklch(from var(--base-accent) 50% c h / 75%);
--blockquote-border-thickness: var(--size-2-2);
--blockquote-font-style: normal;
--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));
--blur-brightness: 1.15;
--blur-l: blur(var(--blur-radius-l)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));
--blur-m: blur(var(--blur-radius-m)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));
--blur-opacity-m: 90%;
--blur-opacity-s: 65%;
--blur-radius-l: 16px;
--blur-radius-m: 10px;
--blur-radius-s: 6px;
--blur-s: blur(var(--blur-radius-s)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));
--blur-saturation: 1.5;
--bodyFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--bold-color: oklch(
from var(--base-accent) calc(var(--lightness) - 15%) var(--chroma)
calc(h + 100)
);
--bold-modifier: 200;
--bold-weight: calc(var(--font-weight) + var(--bold-modifier));
--border-groove: 4px groove var(--background-primary-alt);
--border-ridge: 4px ridge var(--background-primary);
--border-solid: 4px solid var(--titlebar-background);
--border-width: 1px;
--box-shadow: inset -2px -2px oklch(from var(--background-secondary) 50% c h),
inset 2px 2px oklch(from var(--background-secondary) 100% c h);
--box-shadow-active: inset 2px 2px oklch(from var(--background-secondary) 50% c h),
inset -2px -2px oklch(from var(--background-secondary) 100% c h);
--box-shadow-active-sm: inset 1px 1px oklch(from var(--background-secondary) 50% c h),
inset -1px -1px oklch(from var(--background-secondary) 100% c h);
--box-shadow-sm: inset -1px -1px oklch(from var(--background-secondary) 50% c h),
inset 1px 1px oklch(from var(--background-secondary) 100% c h);
--button-active: oklch(from var(--background-secondary-alt) 85% c h);
--button-border-radius: 8px;
--button-corner-shape: var(--corner-shape);
--button-hover: oklch(from var(--background-paper) l c h);
--button-normal: var(--background-primary);
--button-radius: var(--input-radius);
--button-text: var(--text-normal);
--callout-blend-mode: var(--highlight-mix-blend-mode);
--callout-border-opacity: 0.25;
--callout-border-width: var(--size-4-1);
--callout-bug: var(--color-red);
--callout-content-background: transparent;
--callout-content-padding: 0;
--callout-default: var(--color-blue);
--callout-error: var(--color-red);
--callout-example: var(--color-purple);
--callout-fail: var(--color-red);
--callout-important: var(--color-cyan);
--callout-info: var(--color-blue);
--callout-padding: var(--size-4-3) var(--size-4-3) var(--size-4-3) var(--size-4-6);
--callout-question: var(--color-orange);
--callout-quote: #9e9e9e;
--callout-radius: var(--window-border-radius);
--callout-success: var(--color-green);
--callout-summary: var(--color-cyan);
--callout-tip: var(--color-cyan);
--callout-title-padding: 0;
--callout-title-weight: calc(var(--font-weight) + var(--bold-modifier));
--callout-todo: var(--color-blue);
--callout-warning: var(--color-orange);
--canvas-background: var(--background-paper);
--canvas-card-label-color: var(--text-faint);
--canvas-color: #c0c0c0;
--canvas-color-1: var(--color-red);
--canvas-color-2: var(--color-orange);
--canvas-color-3: var(--color-yellow);
--canvas-color-4: var(--color-green);
--canvas-color-5: var(--color-cyan);
--canvas-color-6: var(--color-purple);
--canvas-controls-icon-size: var(--icon-s);
--canvas-controls-icon-stroke: var(--icon-s-stroke-width);
--canvas-controls-radius: var(--radius-s);
--canvas-dot-pattern: oklch(
from var(--text-normal) l c h / var(--retroma-canvas-dot-opacity)
);
--caret-color: var(--text-normal);
--checkbox-border-color: var(--text-faint);
--checkbox-border-color-hover: var(--text-muted);
--checkbox-color: var(--background-secondary);
--checkbox-color-hover: var(--background-secondary-alt);
--checkbox-margin-inline-start: 0.85em;
--checkbox-marker-color: var(--background-paper);
--checkbox-radius: var(--window-border-radius);
--checkbox-size: var(--font-text-size);
--checklist-done-color: var(--text-muted);
--checklist-done-decoration: line-through;
--chroma: 30%;
--chroma-accent: 0.4;
--chroma-folder: 30%;
--clickable-icon-radius: var(--radius-s);
--code-background: oklch(from var(--background-secondary) 85% c h / 50%);
--code-border-color: var(--background-modifier-border);
--code-border-width: 0px;
--code-bracket-background: var(--background-modifier-hover);
--code-comment: var(--text-faint);
--code-function: var(--color-yellow);
--code-important: var(--color-orange);
--code-keyword: var(--color-pink);
--code-normal: var(--text-normal);
--code-operator: var(--color-red);
--code-property: var(--color-cyan);
--code-punctuation: var(--text-muted);
--code-radius: var(--window-border-radius);
--code-size: var(--font-smaller);
--code-string: var(--color-green);
--code-tag: var(--color-red);
--code-value: var(--color-purple);
--code-white-space: pre-wrap;
--codeFont: var(--font-monospace, var(--font-monospace-override, var(--font-monospace-theme, var(--font-monospace-default))));
--collapse-icon-color: var(--text-muted);
--collapse-icon-color-collapsed: var(--text-faint);
--color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
--color-accent-1: hsl(calc(var(--accent-h) - 1), calc(var(--accent-s) * 1.01), calc(var(--accent-l) * 1.075));
--color-accent-2: hsl(calc(var(--accent-h) - 3), calc(var(--accent-s) * 1.02), calc(var(--accent-l) * 1.15));
--color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l);
--color-amber: oklch(
from var(--hue-amber) var(--lightness) var(--chroma) h
);
--color-base-00: #ffffff;
--color-base-05: #fcfcfc;
--color-base-10: #fafafa;
--color-base-100: #222222;
--color-base-20: #f6f6f6;
--color-base-25: #efefef;
--color-base-30: #e4e4e4;
--color-base-35: #dadada;
--color-base-40: #bdbdbd;
--color-base-50: #ababab;
--color-base-60: #707070;
--color-base-70: #5c5c5c;
--color-blue: oklch(
from var(--hue-blue) var(--lightness) var(--chroma) h
);
--color-blue-rgb: 8, 109, 221;
--color-cyan: oklch(
from var(--hue-cyan) var(--lightness) var(--chroma) h
);
--color-cyan-rgb: 0, 191, 188;
--color-green: oklch(
from var(--hue-green) var(--lightness) var(--chroma) h
);
--color-green-rgb: 8, 185, 78;
--color-indigo: oklch(
from var(--hue-indigo) var(--lightness) var(--chroma) h
);
--color-lime: oklch(
from var(--hue-lime) var(--lightness) var(--chroma) h
);
--color-magenta: oklch(
from var(--hue-magenta) var(--lightness) var(--chroma) h
);
--color-orange: oklch(
from var(--hue-orange) var(--lightness) var(--chroma) h
);
--color-orange-rgb: 236, 117, 0;
--color-pink: #d53984;
--color-pink-rgb: 213, 57, 132;
--color-purple: oklch(
from var(--hue-purple) var(--lightness) var(--chroma) h
);
--color-purple-rgb: 120, 82, 238;
--color-red: oklch(
from var(--hue-red) var(--lightness) var(--chroma) h
);
--color-red-rgb: 233, 49, 71;
--color-rose: oklch(
from var(--hue-rose) var(--lightness) var(--chroma) h
);
--color-teal: oklch(
from var(--hue-teal) var(--lightness) var(--chroma) h
);
--color-vermillion: oklch(
from var(--hue-vermillion) var(--lightness) var(--chroma) h
);
--color-violet: oklch(
from var(--hue-violet) var(--lightness) var(--chroma) h
);
--color-yellow: oklch(
from var(--hue-yellow) var(--lightness) var(--chroma) h
);
--color-yellow-rgb: 224, 172, 0;
--corner-shape: round;
--cursor: default;
--cursor-link: pointer;
--dark: var(--text-normal, var(--color-base-100));
--darkgray: var(--text-normal, var(--color-base-100));
--dialog-max-height: 85vh;
--dialog-max-width: 80vw;
--dialog-width: 560px;
--direction: 1;
--divider-color: var(--titlebar-background);
--divider-color-hover: var(--interactive-accent);
--divider-vertical-height: 100%;
--divider-width: 0px;
--divider-width-hover: 3px;
--drag-ghost-background: rgba(0, 0, 0, 0.85);
--drag-ghost-text-color: #fff;
--drag-item-background: var(--background-primary);
--drag-item-shadow: 0 2px 8px var(--background-modifier-box-shadow);
--dropdown-background: var(--background-paper);
--dropdown-background-blend-mode: hard-light, normal;
--dropdown-background-hover: var(--interactive-hover);
--dropdown-background-position: var(--inset-end) var(--dropdown-icon-inset) top 50%, var(--inset-end) 0.15em top 50%, 0 0;
--dropdown-background-size: var(--dropdown-icon-width) auto, 2em 2em, 100%;
--dropdown-icon-background: transparent;
--dropdown-icon-inset: 0.65em;
--dropdown-icon-width: 1em;
--dropdown-padding: 0 var(--dropdown-padding-end) 0 var(--dropdown-padding-start);
--dropdown-padding-end: 2.4em;
--dropdown-padding-start: 0.8em;
--dropdown-text-align: start;
--embed-block-shadow-hover: 0 0 0 1px var(--background-modifier-border), inset 0 0 0 1px var(--background-modifier-border);
--embed-border-bottom: none;
--embed-border-end: none;
--embed-border-start: 2px solid var(--interactive-accent);
--embed-border-top: none;
--embed-canvas-max-height: 400px;
--embed-max-height: 4000px;
--embed-padding: 0 0 0 var(--size-4-6);
--file-folding-offset: 24px;
--file-header-background: var(--background-primary);
--file-header-background-focused: var(--background-secondary);
--file-header-border: var(--border-width) solid transparent;
--file-header-font: var(--font-interface);
--file-header-font-size: var(--font-ui-small);
--file-header-font-weight: 400;
--file-header-justify: center;
--file-line-width: 700px;
--file-margins: var(--size-4-4);
--file-margins-x: var(--size-4-8);
--file-margins-y: var(--size-4-8);
--flair-background: var(--interactive-normal);
--flair-color: var(--text-normal);
--focus-ring-color: var(--csstools-light-dark-toggle--23, #0df);
--focus-ring-outline: 2px solid light-dark(#0060df, #0df);
--folder-accent: var(--base-accent);
--folder-color-1: oklch(
from var(--hue-red) var(--lightness) var(--chroma-folder) h
);
--folder-color-10: oklch(
from var(--hue-lime) var(--lightness) var(--chroma-folder) h
);
--folder-color-11: oklch(
from var(--hue-teal) var(--lightness) var(--chroma-folder) h
);
--folder-color-12: oklch(
from var(--hue-purple) var(--lightness) var(--chroma-folder) h
);
--folder-color-13: oklch(
from var(--hue-magenta) var(--lightness) var(--chroma-folder) h
);
--folder-color-14: oklch(
from var(--hue-rose) var(--lightness) var(--chroma-folder) h
);
--folder-color-15: oklch(
from var(--hue-cyan) var(--lightness) var(--chroma-folder) h
);
--folder-color-2: oklch(
from var(--hue-orange) var(--lightness) var(--chroma-folder) h
);
--folder-color-3: oklch(
from var(--hue-yellow) var(--lightness) var(--chroma-folder) h
);
--folder-color-4: oklch(
from var(--hue-green) var(--lightness) var(--chroma-folder) h
);
--folder-color-5: oklch(
from var(--hue-blue) var(--lightness) var(--chroma-folder) h
);
--folder-color-6: oklch(
from var(--hue-indigo) var(--lightness) var(--chroma-folder) h
);
--folder-color-7: oklch(
from var(--hue-violet) var(--lightness) var(--chroma-folder) h
);
--folder-color-8: oklch(
from var(--hue-vermillion) var(--lightness) var(--chroma-folder) h
);
--folder-color-9: oklch(
from var(--hue-amber) var(--lightness) var(--chroma-folder) h
);
--font-black: 900;
--font-bold: 700;
--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;
--font-extrabold: 800;
--font-extralight: 200;
--font-interface: var(--font-interface-override, var(--font-interface-theme, var(--default-font, var(--font-default))));
--font-light: 300;
--font-medium: 500;
--font-mermaid: var(--font-text);
--font-monospace: var(--font-monospace-override, var(--font-monospace-theme, var(--font-monospace-default)));
--font-monospace-default: ui-monospace, SFMono-Regular, "Cascadia Mono", "Roboto Mono", "DejaVu Sans Mono", "Liberation Mono", Menlo, Monaco, "Consolas", "Source Code Pro", monospace;
--font-normal: 400;
--font-print: var(--font-print-override), var(--font-text-override), var(--font-text-theme), 'Arial';
--font-semibold: 600;
--font-small: 0.933em;
--font-smaller: 0.875em;
--font-smallest: 0.8em;
--font-text: var(--font-text-override, var(--font-text-theme, var(--font-default)));
--font-text-size: 16px;
--font-thin: 100;
--font-ui-large: 20px;
--font-ui-medium: 15px;
--font-ui-small: 13px;
--font-ui-smaller: 12px;
--font-weight: var(--font-normal);
--footnote-divider-color: var(--metadata-divider-color);
--footnote-divider-color-active: var(--metadata-divider-color-focus);
--footnote-divider-width: var(--border-width);
--footnote-gap: var(--size-4-1);
--footnote-id-color: var(--text-muted);
--footnote-id-color-no-occurrences: var(--text-faint);
--footnote-id-delimiter: ".";
--footnote-input-background: var(--metadata-input-background);
--footnote-input-background-active: var(--metadata-input-background-active);
--footnote-line-height: var(--line-height-normal);
--footnote-padding-block: var(--size-2-3);
--footnote-padding-inline: var(--size-2-3);
--footnote-radius: var(--radius-s);
--footnote-size: var(--font-smaller);
--frame-left-space: 0px;
--frame-right-space: 126px;
--graph-controls-width: 240px;
--graph-line: var(--color-base-35, var(--background-modifier-border-focus));
--graph-node: var(--text-muted);
--graph-node-attachment: var(--color-yellow);
--graph-node-focused: var(--text-accent);
--graph-node-tag: var(--color-green);
--graph-node-unresolved: var(--text-faint);
--graph-text: var(--text-normal);
--gray: var(--text-muted, var(--color-base-70));
--h1-color: var(--color-red);
--h1-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h1-letter-spacing: -0.015em;
--h1-line-height: 1.2;
--h1-size: 1.618em;
--h1-style: normal;
--h1-variant: normal;
--h1-weight: 700;
--h2-color: var(--color-orange);
--h2-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h2-letter-spacing: -0.011em;
--h2-line-height: 1.2;
--h2-size: 1.462em;
--h2-style: normal;
--h2-variant: normal;
--h2-weight: 680;
--h3-color: var(--color-yellow);
--h3-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h3-letter-spacing: -0.008em;
--h3-line-height: 1.3;
--h3-size: 1.318em;
--h3-style: normal;
--h3-variant: normal;
--h3-weight: 660;
--h4-color: var(--color-green);
--h4-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h4-letter-spacing: -0.005em;
--h4-line-height: 1.4;
--h4-size: 1.188em;
--h4-style: normal;
--h4-variant: normal;
--h4-weight: 640;
--h5-color: var(--color-blue);
--h5-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h5-letter-spacing: -0.002em;
--h5-line-height: var(--line-height-normal);
--h5-size: 1.076em;
--h5-style: normal;
--h5-variant: normal;
--h5-weight: 620;
--h6-color: var(--color-indigo);
--h6-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h6-letter-spacing: 0em;
--h6-line-height: var(--line-height-normal);
--h6-size: 1em;
--h6-style: normal;
--h6-variant: normal;
--h6-weight: 600;
--header-height: 48px;
--headerFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--heading-formatting: var(--text-faint);
--heading-spacing: calc(var(--p-spacing) * 2.5);
--highlight: var(--text-highlight-bg, oklch(from var(--accent-1) 80% var(--chroma) h / 75%));
--highlight-mix-blend-mode: darken;
--hr-color: oklch(from var(--text-normal) l c h / 25%);
--hr-thickness: 2px;
--hue-amber: #ffb300;
--hue-blue: #2196f3;
--hue-cyan: #00bcd4;
--hue-green: #4caf50;
--hue-indigo: #3f51b5;
--hue-lime: #8bc34a;
--hue-magenta: #e91e63;
--hue-orange: #ff9800;
--hue-purple: #673ab7;
--hue-red: #d32f2f;
--hue-rose: #f48fb1;
--hue-teal: #009688;
--hue-vermillion: #ff5722;
--hue-violet: #9c27b0;
--hue-yellow: #ffeb3b;
--icon-color: var(--text-muted);
--icon-color-active: var(--text-accent);
--icon-color-focused: var(--text-normal);
--icon-color-hover: var(--text-muted);
--icon-l: 18px;
--icon-l-stroke-width: 1.75px;
--icon-m: 18px;
--icon-m-stroke-width: 1.75px;
--icon-opacity: 0.85;
--icon-opacity-active: 1;
--icon-opacity-hover: 1;
--icon-s: 16px;
--icon-s-stroke-width: 2px;
--icon-size: var(--icon-m);
--icon-stroke: var(--icon-m-stroke-width);
--icon-xl: 32px;
--icon-xl-stroke-width: 1.25px;
--icon-xs: 14px;
--icon-xs-stroke-width: 2px;
--img-border-color: oklch(from var(--background-tertiary) l var(--chroma) h);
--img-border-radius: 0px;
--img-border-width: 0px;
--indent-size: 4;
--indent-unit: 0.5625em;
--indentation-guide-color: color-mix(in oklch, var(--mono-100) 12%, transparent);
--indentation-guide-color-active: color-mix(in oklch, var(--mono-100) 30%, transparent);
--indentation-guide-editing-indent: 0.85em;
--indentation-guide-reading-indent: -0.85em;
--indentation-guide-source-indent: 0.25em;
--indentation-guide-width: var(--border-width);
--indentation-guide-width-active: var(--border-width);
--inline-title-color: var(--h1-color);
--inline-title-line-height: var(--h1-line-height);
--inline-title-margin-bottom: 0.5em;
--inline-title-size: var(--h1-size);
--inline-title-style: var(--h1-style);
--inline-title-variant: var(--h1-variant);
--inline-title-weight: var(--h1-weight);
--input-border-width: 2px;
--input-border-width-focus: 2px;
--input-corner-shape: var(--corner-shape);
--input-date-separator: var(--text-faint);
--input-font-weight: var(--font-normal);
--input-height: 30px;
--input-icon-inset: var(--size-4-1);
--input-padding: var(--size-4-1) var(--size-4-2);
--input-placeholder-color: var(--text-faint);
--input-radius: var(--window-border-radius);
--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;
--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;
--inset-end: right;
--inset-start: left;
--interactive-accent: var(--color-accent-1);
--interactive-accent-hover: var(--color-accent-2);
--interactive-accent-hsl: var(--color-accent-hsl);
--interactive-active: oklch(from var(--base-accent) 50% c h / 50%);
--interactive-hover: var(--color-base-10);
--interactive-normal: var(--color-base-00);
--italic-color: oklch(
from var(--base-accent) calc(var(--lightness) - 15%) var(--chroma)
calc(h + 200)
);
--keyboard-height: 0px;
--layer-cover: 5;
--layer-dragged-item: 80;
--layer-menu: 65;
--layer-modal: 50;
--layer-notice: 60;
--layer-popover: 30;
--layer-sidedock: 10;
--layer-slides: 45;
--layer-status-bar: 15;
--layer-tooltip: 70;
--light: var(--background-primary, oklch(
from var(--accent-2) 93% calc(c * var(--chroma-accent)) h
));
--lightgray: var(--background-secondary, oklch(
from var(--base-accent) 80% calc(c * var(--chroma-accent)) h
));
--lightness: 50%;
--line-height-normal: 1.5;
--line-height-tight: 1.3;
--link-color: oklch(
from var(--base-accent) calc(var(--lightness) - 15%) var(--chroma) h
);
--link-color-hover: oklch(
from var(--link-color) var(--lightness) var(--chroma) h / 80%
);
--link-decoration: underline;
--link-decoration-hover: underline;
--link-decoration-thickness: auto;
--link-external-color: var(--color-red);
--link-external-color-hover: oklch(
from var(--link-external-color) var(--lightness) var(--chroma) h / 80%
);
--link-external-decoration: underline;
--link-external-decoration-hover: underline;
--link-external-filter: none;
--link-unresolved-color: oklch(
from var(--link-color) var(--lightness) var(--chroma) h / 60%
);
--link-unresolved-decoration-color: color-mix(in oklch, var(--interactive-accent) 30%, transparent);
--link-unresolved-decoration-style: solid;
--link-unresolved-filter: none;
--link-unresolved-opacity: 0.7;
--link-weight: var(--font-bold);
--list-bullet-border: none;
--list-bullet-end-padding: 1.3rem;
--list-bullet-radius: 50%;
--list-bullet-size: 0.3em;
--list-bullet-transform: none;
--list-indent: calc(var(--indent-unit) * var(--indent-size));
--list-indent-editing: 0.75em;
--list-indent-source: 0;
--list-marker-color: var(--text-faint);
--list-marker-color-collapsed: var(--text-accent);
--list-marker-color-hover: var(--text-muted);
--list-numbered-style: decimal;
--list-spacing: 0.075em;
--loading-icon-delay: 400ms;
--menu-backdrop-filter: none;
--menu-background: var(--background-paper);
--menu-border-color: var(--background-modifier-border-hover);
--menu-border-width: var(--border-width);
--menu-corner-shape: var(--corner-shape);
--menu-padding: var(--size-2-3);
--menu-radius: var(--radius-m);
--menu-scroll-mask: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 48px);
--menu-shadow: var(--shadow-s);
--metadata-background: oklch(from var(--background-secondary) l c h / 75%);
--metadata-border-color: var(--background-modifier-border);
--metadata-border-radius: var(--window-border-radius);
--metadata-border-width: 0;
--metadata-display-editing: block;
--metadata-display-reading: block;
--metadata-divider-color: var(--background-modifier-border);
--metadata-divider-color-focus: transparent;
--metadata-divider-color-hover: transparent;
--metadata-divider-width: 0;
--metadata-gap: var(--size-4-2);
--metadata-input-background: transparent;
--metadata-input-background-active: var(--background-modifier-hover);
--metadata-input-background-hover: transparent;
--metadata-input-font: var(--font-interface);
--metadata-input-font-size: var(--font-smaller);
--metadata-input-height: calc(var(--font-text-size) * 1.75);
--metadata-input-longtext-lines: 3;
--metadata-input-padding: var(--size-4-1) var(--size-4-2);
--metadata-input-text-color: var(--text-normal);
--metadata-label-background: oklch(
from var(--background-tertiary) l c h / 15%
);
--metadata-label-background-active: oklch(
from var(--background-tertiary) l c h / 30%
);
--metadata-label-background-hover: oklch(
from var(--background-tertiary) l c h / 30%
);
--metadata-label-font: var(--font-interface);
--metadata-label-font-size: var(--font-smaller);
--metadata-label-font-weight: var(--font-bold);
--metadata-label-text-color: var(--text-muted);
--metadata-label-text-color-hover: var(--text-muted);
--metadata-label-width: 8em;
--metadata-max-width: none;
--metadata-padding: var(--size-4-2) 0;
--metadata-property-background: var(--background-paper);
--metadata-property-background-active: var(--background-modifier-hover);
--metadata-property-background-hover: var(--background-paper);
--metadata-property-box-shadow-focus: 0 0 0 2px var(--background-modifier-border-focus);
--metadata-property-box-shadow-hover: 0 0 0 1px var(--background-tertiary);
--metadata-property-corner-shape: var(--corner-shape);
--metadata-property-corner-shape-focus: var(--corner-shape);
--metadata-property-corner-shape-hover: var(--corner-shape);
--metadata-property-padding: 0;
--metadata-property-radius: var(--window-border-radius);
--metadata-property-radius-focus: var(--window-border-radius);
--metadata-property-radius-hover: var(--window-border-radius);
--metadata-sidebar-input-font-size: var(--font-ui-small);
--metadata-sidebar-label-font-size: var(--font-ui-small);
--mobile-sidebar-width: 100%;
--modal-background: var(--background-primary);
--modal-border-color: var(--color-base-40, var(--background-modifier-border-focus));
--modal-border-width: var(--border-width);
--modal-community-sidebar-width: 280px;
--modal-header-height: auto;
--modal-height: 85vh;
--modal-max-height: 1000px;
--modal-max-width: 1100px;
--modal-max-width-narrow: 800px;
--modal-radius: var(--radius-l);
--modal-shadow: none;
--modal-sidebar-background: var(--modal-background);
--modal-width: 90vw;
--mono-0: white;
--mono-100: black;
--mono-rgb-0: 255, 255, 255;
--mono-rgb-100: 0, 0, 0;
--nav-collapse-icon-color: var(--collapse-icon-color);
--nav-collapse-icon-color-collapsed: var(--text-faint);
--nav-heading-color: var(--text-normal);
--nav-heading-color-collapsed: var(--text-faint);
--nav-heading-color-collapsed-hover: var(--text-muted);
--nav-heading-color-hover: var(--text-normal);
--nav-heading-weight: var(--font-medium);
--nav-heading-weight-hover: var(--font-medium);
--nav-indentation-guide-color: var(--indentation-guide-color);
--nav-indentation-guide-width: 2px;
--nav-item-background-active: var(--background-modifier-hover);
--nav-item-background-hover: var(--background-modifier-hover);
--nav-item-background-selected: var(--text-selection);
--nav-item-children-margin-start: var(--size-4-3);
--nav-item-children-padding-start: var(--size-2-2);
--nav-item-color: var(--text-muted);
--nav-item-color-active: var(--text-normal);
--nav-item-color-highlighted: var(--text-accent);
--nav-item-color-hover: var(--text-normal);
--nav-item-color-selected: var(--text-normal);
--nav-item-margin-bottom: var(--size-2-1);
--nav-item-padding: var(--size-4-1) var(--size-4-2) var(--size-4-1) var(--size-4-6);
--nav-item-parent-padding: var(--nav-item-padding);
--nav-item-radius: var(--button-border-radius);
--nav-item-size: var(--font-ui-small);
--nav-item-white-space: pre;
--nav-tag-background: transparent;
--nav-tag-color: var(--text-muted);
--nav-tag-color-active: var(--text-muted);
--nav-tag-color-hover: var(--text-muted);
--nav-tag-radius: var(--radius-s);
--nav-tag-weight: var(--font-semibold);
--outline-color: oklch(from var(--base-accent) 25% c h);
--p-spacing: 1rem;
--p-spacing-empty: 0rem;
--page-border: 9px solid transparent;
--page-margin: 1px auto -8px;
--pdf-background: var(--background-primary);
--pdf-page-background: var(--background-primary);
--pdf-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.1);
--pdf-sidebar-background: var(--background-primary);
--pdf-spread-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
--pdf-thumbnail-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.2);
--pdfViewer-padding-bottom: 0;
--pill-background: transparent;
--pill-background-hover: transparent;
--pill-border-color: var(--background-modifier-border);
--pill-border-color-hover: var(--background-modifier-border-hover);
--pill-border-width: var(--border-width);
--pill-color: var(--text-muted);
--pill-color-hover: var(--text-normal);
--pill-color-remove: var(--text-faint);
--pill-color-remove-hover: var(--text-accent);
--pill-decoration: none;
--pill-decoration-hover: none;
--pill-focus-left-adjust: -4px;
--pill-focus-width: calc(100% + 6px);
--pill-padding-x: 0.65em;
--pill-padding-y: 0.25em;
--pill-radius: 2em;
--popover-font-size: var(--font-text-size);
--popover-height: 400px;
--popover-max-height: 95vh;
--popover-pdf-height: 400px;
--popover-pdf-width: 450px;
--popover-width: 450px;
--preferred-text-scale: 1;
--prompt-backdrop-filter: none;
--prompt-background: var(--background-primary);
--prompt-border-color: var(--color-base-40, var(--background-modifier-border-focus));
--prompt-border-width: var(--border-width);
--prompt-input-height: 40px;
--prompt-max-height: 70vh;
--prompt-max-width: 80vw;
--prompt-width: 700px;
--radius-l: 12px;
--radius-m: var(--button-border-radius);
--radius-s: var(--button-border-radius);
--radius-xl: 24px;
--radius-xs: var(--button-border-radius);
--radius-xxs: var(--button-border-radius);
--raised-background: var(--blur-background);
--raised-blur: var(--blur-s);
--raised-mask: linear-gradient(white, white) padding-box, linear-gradient(white, white) border-box;
--raised-mask-background: linear-gradient(to bottom left, white, transparent, white) border-box no-repeat;
--raised-mask-border-width: 0;
--raised-mask-composite: exclude, add;
--raised-mask-display: block;
--raised-shadow: var(--shadow-xs);
--retroma-canvas-card-border-width: 3px;
--retroma-canvas-card-embed-border-width: 3px;
--retroma-canvas-dot-opacity: 0.3;
--retroma-canvas-node-content-bg-opacity: 0.25;
--retroma-folder-bg-color: var(--background-primary);
--retroma-folder-border: 1px solid
oklch(from var(--accent-2) 55% var(--chroma-folder) h / 50%);
--retroma-folder-box-shadow: -1px 1px 0px var(--background-tertiary);
--ribbon-background: var(--background-secondary);
--ribbon-background-collapsed: var(--ribbon-background);
--ribbon-padding: var(--size-4-2) var(--size-4-1) var(--size-4-3);
--ribbon-width: 44px;
--rotation-1: 210;
--rotation-2: 150;
--safe-area-inset-bottom: 0px;
--safe-area-inset-left: 0px;
--safe-area-inset-right: 0px;
--safe-area-inset-top: 0px;
--scrollbar-active-thumb-bg: color-mix(in oklch, var(--mono-100) 20%, transparent);
--scrollbar-bg: transparent;
--scrollbar-border-width: 3px 3px 3px 2px;
--scrollbar-height: 12px;
--scrollbar-native-width: auto;
--scrollbar-radius: var(--radius-l);
--scrollbar-thumb-bg: color-mix(in oklch, var(--mono-100) 10%, transparent);
--scrollbar-width: 12px;
--search-clear-button-color: var(--text-muted);
--search-clear-button-size: 13px;
--search-icon-color: var(--text-muted);
--search-icon-size: 18px;
--search-input-corner-shape: var(--input-corner-shape);
--search-input-radius: var(--input-radius);
--search-result-background: var(--background-primary);
--secondary: var(--text-accent, var(--color-accent));
--setting-group-heading-color: var(--text-normal);
--setting-group-heading-size: var(--font-ui-medium);
--setting-group-heading-weight: var(--font-semibold);
--setting-group-max-width: 700px;
--setting-items-background: var(--background-primary);
--setting-items-border-color: var(--background-modifier-border);
--setting-items-border-width: 0;
--setting-items-divider-width: var(--border-width);
--setting-items-padding-x: var(--size-4-5);
--setting-items-padding-y: var(--size-4-5);
--setting-items-radius: var(--window-border-radius);
--settings-background: var(--background-paper);
--shadow-edges: 0 0 transparent;
--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);
--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);
--shadow-xs: 0 1px 6px rgba(0, 0, 0, 0.015), 0 4px 24px rgba(0, 0, 0, 0.065), var(--shadow-edges);
--shiki-active-tab-border-color: var(--shiki-highlight-neutral);
--shiki-active-tab-border-width: 2px;
--shiki-code-background: var(--code-background);
--shiki-code-block-border-color: transparent;
--shiki-code-block-border-radius: var(--code-radius);
--shiki-code-block-border-width: 0px;
--shiki-code-block-spacing: var(--p-spacing);
--shiki-code-comment: var(--text-faint);
--shiki-code-function: var(--color-green);
--shiki-code-important: var(--color-orange);
--shiki-code-keyword: var(--color-pink);
--shiki-code-normal: var(--text-muted);
--shiki-code-property: var(--color-cyan);
--shiki-code-punctuation: var(--text-muted);
--shiki-code-string: var(--color-yellow);
--shiki-code-value: var(--color-purple);
--shiki-gutter-border-color: var(--background-modifier-border);
--shiki-gutter-border-width: var(--border-width);
--shiki-gutter-text-color: var(--text-faint);
--shiki-gutter-text-color-highlight: var(--shiki-code-normal);
--shiki-highlight-green: rgba(var(--color-green-rgb), .5);
--shiki-highlight-green-background: rgba(var(--color-green-rgb), .1);
--shiki-highlight-neutral: var(--shiki-code-normal);
--shiki-highlight-neutral-background: rgba(var(--mono-rgb-100), .05);
--shiki-highlight-red: rgba(var(--color-red-rgb), .5);
--shiki-highlight-red-background: rgba(var(--color-red-rgb), .1);
--shiki-terminal-dots-color: var(--text-faint);
--shiki-tooltip-background: var(--background-modifier-message);
--shiki-tooltip-text-color: #fafafa;
--sidebar-left-toggle-inner-width: 8.33%;
--sidebar-left-toggle-inner-width-open: 24%;
--sidebar-markdown-font-size: calc(var(--font-text-size) * 0.9);
--sidebar-right-toggle-inner-width: 8.33%;
--sidebar-right-toggle-inner-width-open: 24%;
--sidebar-tab-text-display: none;
--size-2-1: 2px;
--size-2-2: 4px;
--size-2-3: 6px;
--size-4-1: 4px;
--size-4-10: 40px;
--size-4-12: 48px;
--size-4-16: 64px;
--size-4-18: 72px;
--size-4-2: 8px;
--size-4-3: 12px;
--size-4-4: 16px;
--size-4-5: 20px;
--size-4-6: 24px;
--size-4-8: 32px;
--size-4-9: 36px;
--slider-s-thumb-position: -5px;
--slider-s-thumb-size: 15px;
--slider-thumb-border-color: var(--background-modifier-border-hover);
--slider-thumb-border-width: var(--border-width);
--slider-thumb-height: 18px;
--slider-thumb-radius: var(--slider-thumb-height);
--slider-thumb-width: 18px;
--slider-thumb-y: -6px;
--slider-track-background: var(--interactive-active);
--slider-track-height: var(--size-2-3);
--slider-value-font-size: var(--font-ui-small);
--slider-value-font-weight: var(--input-font-weight);
--spreadHorizontalWrapped-margin-LR: -3.5px;
--status-bar-background: var(--background-tertiary);
--status-bar-border-color: var(--divider-color);
--status-bar-border-width: var(--border-width) 0 0 var(--border-width);
--status-bar-font-size: var(--font-ui-smaller);
--status-bar-position: fixed;
--status-bar-radius: var(--radius-m) 0 0 0;
--status-bar-text-color: var(--text-muted);
--strong-emphasis: var(--italic-color);
--suggestion-backdrop-filter: none;
--suggestion-background: var(--background-primary);
--swatch-height: 22px;
--swatch-radius: 14px;
--swatch-shadow: inset 0 0 0 1px color-mix(in oklch, var(--mono-100) 15%, transparent);
--swatch-width: 22px;
--sync-avatar-color-1: var(--color-red);
--sync-avatar-color-2: var(--color-orange);
--sync-avatar-color-3: var(--color-yellow);
--sync-avatar-color-4: var(--color-green);
--sync-avatar-color-5: var(--color-cyan);
--sync-avatar-color-6: var(--color-blue);
--sync-avatar-color-7: var(--color-purple);
--sync-avatar-color-8: var(--color-pink);
--sync-avatar-color-current-user: transparent;
--tab-background-active: var(--background-primary);
--tab-container-background: var(--background-secondary);
--tab-curve: 6px;
--tab-divider-color: var(--background-modifier-border-hover);
--tab-font-size: var(--font-ui-small);
--tab-max-width: 320px;
--tab-outline-color: var(--divider-color);
--tab-outline-width: 1px;
--tab-radius: var(--radius-s);
--tab-radius-active: 6px 6px 0 0;
--tab-stacked-font-size: var(--font-ui-small);
--tab-stacked-font-weight: 400;
--tab-stacked-header-width: var(--header-height);
--tab-stacked-pane-width: 700px;
--tab-stacked-shadow: -8px 0 8px 0 rgba(0, 0, 0, 0.05);
--tab-stacked-text-align: start;
--tab-stacked-text-transform: rotate(0deg);
--tab-stacked-text-writing-mode: vertical-lr;
--tab-switcher-background: var(--background-secondary);
--tab-switcher-menubar-background: linear-gradient(to top, var(--background-secondary), transparent);
--tab-switcher-preview-background-shadow: 0 4px 30px 2px rgba(0, 0, 0, 0.2);
--tab-switcher-preview-radius: var(--window-border-radius);
--tab-switcher-preview-shadow: 0 0 0 1px color-mix(in oklch, var(--mono-100) 5%, transparent);
--tab-switcher-preview-shadow-active: 0 0 0 2px var(--color-accent);
--tab-text-color: var(--text-faint);
--tab-text-color-active: var(--text-muted);
--tab-text-color-focused: var(--text-muted);
--tab-text-color-focused-active: var(--text-muted);
--tab-text-color-focused-active-current: var(--text-normal);
--tab-text-color-focused-highlighted: var(--text-accent);
--tab-width: 200px;
--table-add-button-background: transparent;
--table-add-button-border-color: var(--background-modifier-border);
--table-add-button-border-width: var(--table-border-width);
--table-background: transparent;
--table-border-color: oklch(from var(--table-header-color) 50% c h / 50%);
--table-border-spacing: 2px;
--table-border-width: 1px;
--table-cell-vertical-alignment: top;
--table-column-alt-background: var(--table-background);
--table-column-first-border-width: var(--table-border-width);
--table-column-last-border-width: var(--table-border-width);
--table-column-max-width: none;
--table-column-min-width: 6ch;
--table-data-background: oklch(from var(--base-accent) l c h / 7%);
--table-drag-handle-background: transparent;
--table-drag-handle-background-active: var(--table-selection-border-color);
--table-drag-handle-color: var(--text-faint);
--table-drag-handle-color-active: var(--text-on-accent);
--table-drop-indicator-half-width: 2px;
--table-header-background: oklch(from var(--accent-1) 50% c h / 30%);
--table-header-border-color: var(--table-border-color);
--table-header-border-width: var(--table-border-width);
--table-header-color: var(--text-normal);
--table-header-size: var(--table-text-size);
--table-header-weight: calc(var(--font-weight) + var(--bold-modifier));
--table-line-height: var(--line-height-tight);
--table-row-alt-background: var(--table-background);
--table-row-alt-background-hover: var(--table-background);
--table-row-background-hover: var(--table-background);
--table-row-last-border-width: var(--table-border-width);
--table-selection: color-mix(in oklch, var(--color-accent) 10%, transparent);
--table-selection-blend-mode: var(--highlight-mix-blend-mode);
--table-selection-border-color: var(--interactive-accent);
--table-selection-border-radius: 4px;
--table-selection-border-width: 2px;
--table-text-size: var(--font-text-size);
--table-white-space: break-spaces;
--tag-background: color-mix(in oklch, var(--interactive-accent) 10%, transparent);
--tag-background-hover: color-mix(in oklch, var(--interactive-accent) 20%, transparent);
--tag-border-color: color-mix(in oklch, var(--interactive-accent) 15%, transparent);
--tag-border-color-hover: color-mix(in oklch, var(--interactive-accent) 15%, transparent);
--tag-border-width: 1px;
--tag-color: oklch(from var(--base-accent) 40% c h / 75%);
--tag-color-hover: var(--text-accent);
--tag-corner-shape: round;
--tag-decoration: none;
--tag-decoration-hover: none;
--tag-padding-x: 0.65em;
--tag-padding-y: 0.25em;
--tag-radius: var(--button-border-radius);
--tag-size: var(--font-smaller);
--tertiary: var(--text-accent-hover, var(--color-accent-2));
--text-accent: var(--color-accent);
--text-accent-hover: var(--color-accent-2);
--text-error: var(--color-red);
--text-faint: var(--color-base-50);
--text-highlight-bg: oklch(from var(--accent-1) 80% var(--chroma) h / 75%);
--text-highlight-bg-rgb: 255, 208, 0;
--text-muted: var(--color-base-70);
--text-normal: var(--color-base-100);
--text-on-accent: white;
--text-on-accent-inverted: black;
--text-selection: oklch(from var(--accent-2) 80% var(--chroma) h / 75%);
--text-success: var(--color-green);
--text-warning: var(--color-orange);
--textHighlight: var(--text-highlight-bg, oklch(from var(--accent-1) 80% var(--chroma) h / 75%));
--titleFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--titlebar-background: oklch(
from var(--accent-1) 65% calc(c * var(--chroma-accent)) h
);
--titlebar-background-focused: var(--titlebar-background);
--titlebar-border-color: var(--background-modifier-border);
--titlebar-border-width: 0px;
--titlebar-height: 30px;
--titlebar-text-color: var(--text-muted);
--titlebar-text-color-focused: oklch(from var(--background-paper) 100% c h);
--titlebar-text-weight: var(--font-bold);
--toggle-border-width: 2px;
--toggle-radius: 18px;
--toggle-s-border-width: 2px;
--toggle-s-thumb-height: 15px;
--toggle-s-thumb-width: 15px;
--toggle-s-width: 34px;
--toggle-thumb-color: white;
--toggle-thumb-height: 18px;
--toggle-thumb-radius: 18px;
--toggle-thumb-width: 18px;
--toggle-width: 40px;
--touch-radius-l: var(--touch-size-l);
--touch-radius-m: var(--button-border-radius);
--touch-radius-s: var(--button-border-radius);
--touch-radius-xl: var(--touch-size-xl);
--touch-radius-xs: var(--button-border-radius);
--touch-radius-xxs: var(--button-border-radius);
--touch-size-l: 52px;
--touch-size-m: 44px;
--touch-size-s: 40px;
--touch-size-xl: 60px;
--touch-size-xs: 30px;
--touch-size-xxs: 24px;
--traffic-lights-offset-x: var(--header-height);
--traffic-lights-offset-y: var(--header-height);
--vault-profile-actions-display: flex;
--vault-profile-color: var(--text-normal);
--vault-profile-color-hover: var(--vault-profile-color);
--vault-profile-display: flex;
--vault-profile-font-size: var(--font-ui-small);
--vault-profile-font-weight: var(--font-medium);
--vault-profile-order: 2;
--vault-profile-radius: var(--radius-s);
--viewer-container-height: 0;
--window-border-radius: 12px;
--workspace-background-translucent: color-mix(in oklch, var(--mono-0) 60%, transparent);
--xfa-focus-outline: auto;
--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");
--zoom-factor: 1;
--quartz-icon-color: var(--icon-color, currentColor);
--collapse-icon-color: var(--nav-collapse-icon-color);
--collapse-icon-color-collapsed: var(--nav-collapse-icon-color-collapsed);
}
html[saved-theme="light"] body {
background-color: var(--background-primary);
color: var(--text-normal);
}
html[saved-theme="light"] body .page > div#quartz-body div.sidebar {
background-color: var(--background-primary);
color: var(--text-normal);
}
html[saved-theme="light"] body .page > div#quartz-body div.sidebar.left {
border-right-color: oklch(0.65 0.0756873 143.559);
border-right-style: solid;
border-right-width: 0px;
}
html[saved-theme="light"] body .page > div#quartz-body div.sidebar.right {
--bases-table-header-background: var(--background-secondary);
background-color: var(--tab-container-background);
border-left-color: oklch(0.65 0.0756873 143.559);
border-left-width: 0px;
color: var(--text-normal);
}
html[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 {
--bases-table-header-background: var(--background-secondary);
background-color: var(--tab-container-background);
color: var(--text-normal);
}
html[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 {
background-color: var(--background-primary);
color: var(--text-normal);
}
html[saved-theme="light"] body html {
--hue-amber: #ffb300;
--hue-blue: #2196f3;
--hue-cyan: #00bcd4;
--hue-green: #4caf50;
--hue-indigo: #3f51b5;
--hue-lime: #8bc34a;
--hue-magenta: #e91e63;
--hue-orange: #ff9800;
--hue-purple: #673ab7;
--hue-red: #d32f2f;
--hue-rose: #f48fb1;
--hue-teal: #009688;
--hue-vermillion: #ff5722;
--hue-violet: #9c27b0;
--hue-yellow: #ffeb3b;
}
/* aspect: headings */
html[saved-theme="light"] body h1 {
--font-weight: var(--h1-weight);
border-bottom-color: oklch(0.5 0.12 26.4067);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 26.4067);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 26.4067);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 26.4067);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h1-color);
font-family: var(--h1-font);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body h2 {
--font-weight: var(--h2-weight);
border-bottom-color: oklch(0.5 0.12 64.0453);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 64.0453);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 64.0453);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 64.0453);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h2-color);
font-family: var(--h2-font);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body h3 {
--font-weight: var(--h3-weight);
border-bottom-color: oklch(0.5 0.12 102.483);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 102.483);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 102.483);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 102.483);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h3-color);
font-family: var(--h3-font);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body h4 {
--font-weight: var(--h4-weight);
border-bottom-color: oklch(0.5 0.12 144.199);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 144.199);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 144.199);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 144.199);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h4-color);
font-family: var(--h4-font);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body h5 {
--font-weight: var(--h5-weight);
border-bottom-color: oklch(0.5 0.12 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 248.82);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 248.82);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h5-color);
font-family: var(--h5-font);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body h6 {
--font-weight: var(--h6-weight);
border-bottom-color: oklch(0.5 0.12 271.409);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 271.409);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 271.409);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 271.409);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h6-color);
font-family: var(--h6-font);
font-weight: var(--font-weight);
}
/* aspect: typography */
html[saved-theme="light"] body .markdown-rendered p > b, html[saved-theme="light"] b {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--bold-color);
cursor: grab;
font-family: var(--retroma-canvas-custom-font);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: oklch(0.35 0.12 33.5585) none 0px;
text-decoration-color: oklch(0.35 0.12 33.5585);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="light"] body .markdown-rendered p > em, html[saved-theme="light"] em {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--italic-color);
cursor: grab;
font-family: var(--retroma-canvas-custom-font);
font-weight: 400;
outline: oklch(0.35 0.12 133.559) none 0px;
text-decoration-color: oklch(0.35 0.12 133.559);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="light"] body .markdown-rendered p > i, html[saved-theme="light"] i {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--italic-color);
cursor: grab;
font-family: var(--retroma-canvas-custom-font);
font-weight: 400;
outline: oklch(0.35 0.12 133.559) none 0px;
text-decoration-color: oklch(0.35 0.12 133.559);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="light"] body .markdown-rendered p > strong > em, html[saved-theme="light"] strong > em {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--strong-emphasis);
cursor: grab;
font-family: var(--retroma-canvas-custom-font);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: oklch(0.35 0.12 133.559) none 0px;
text-decoration-color: oklch(0.35 0.12 133.559);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="light"] body .markdown-rendered p > strong, html[saved-theme="light"] strong {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--bold-color);
cursor: grab;
font-family: var(--retroma-canvas-custom-font);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: oklch(0.35 0.12 33.5585) none 0px;
text-decoration-color: oklch(0.35 0.12 33.5585);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="light"] body .text-highlight {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: var(--text-highlight-bg);
color: var(--text-normal);
cursor: grab;
font-family: var(--retroma-canvas-custom-font);
font-weight: 400;
outline: rgb(34, 34, 34) none 0px;
text-decoration-color: rgb(34, 34, 34);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="light"] body del {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
cursor: grab;
font-family: var(--retroma-canvas-custom-font);
font-weight: 400;
outline: rgb(34, 34, 34) none 0px;
text-decoration: line-through;
text-decoration-color: rgb(34, 34, 34);
text-decoration-line: line-through;
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="light"] body p {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--text-muted);
font-family: var(--font-interface);
font-weight: 400;
outline: rgb(92, 92, 92) none 0px;
text-decoration-color: rgb(92, 92, 92);
text-decoration-style: solid;
transition: all;
}
/* aspect: links */
html[saved-theme="light"] body .backlinks {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(34, 34, 34);
border-left-width: 0px;
border-right-color: rgb(34, 34, 34);
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: max(var(--safe-area-inset-bottom), var(--size-4-8));
padding-inline-end: var(--size-4-3);
padding-inline-start: var(--size-4-3);
padding-left: 0px;
padding-right: 0px;
padding-top: var(--size-4-1);
}
html[saved-theme="light"] body .backlinks ul li {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-width: 0px;
border-left-color: rgb(34, 34, 34);
border-left-width: 0px;
border-right-color: rgb(34, 34, 34);
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .backlinks ul li a {
color: oklch(from var(--background-paper) 100% c h);
}
html[saved-theme="light"] body a.external-link, html[saved-theme="light"] footer a {
--font-weight: var(--link-weight);
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--link-external-color);
cursor: var(--cursor-link);
filter: var(--link-external-filter);
font-family: var(--retroma-canvas-custom-font);
font-weight: var(--link-weight);
outline: oklch(0.5 0.12 26.4067) none 0px;
text-decoration: underline;
text-decoration-color: oklch(0.5 0.12 26.4067);
text-decoration-line: var(--link-external-decoration);
text-decoration-style: solid;
text-decoration-thickness: var(--link-decoration-thickness);
transition: opacity 0.14s ease-in-out;
user-select: text;
}
html[saved-theme="light"] body a.internal-link, html[saved-theme="light"] .breadcrumb-container .breadcrumb-element > a {
--font-weight: var(--link-weight);
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--link-color);
cursor: var(--cursor-link);
font-family: var(--retroma-canvas-custom-font);
font-weight: var(--link-weight);
outline: oklch(0.35 0.12 293.559) none 0px;
text-decoration: underline;
text-decoration-color: oklch(0.35 0.12 293.559);
text-decoration-line: var(--link-decoration);
text-decoration-style: solid;
text-decoration-thickness: var(--link-decoration-thickness);
transition: opacity 0.14s ease-in-out;
user-select: text;
}
html[saved-theme="light"] body a.internal-link.broken {
--font-weight: var(--link-weight);
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--link-unresolved-color);
cursor: var(--cursor-link);
filter: var(--link-unresolved-filter);
font-family: var(--retroma-canvas-custom-font);
font-weight: var(--link-weight);
outline: oklch(0.5 0.12 293.559 / 0.6) none 0px;
text-decoration: underline oklch(0.653792 0.189218 293.559 / 0.3);
text-decoration-color: var(--link-unresolved-decoration-color);
text-decoration-line: var(--link-decoration);
text-decoration-style: var(--link-unresolved-decoration-style);
text-decoration-thickness: var(--link-decoration-thickness);
transition: opacity 0.14s ease-in-out;
user-select: text;
}
/* aspect: lists */
html[saved-theme="light"] body dd {
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(34, 34, 34);
border-left-width: 0px;
border-right-color: rgb(34, 34, 34);
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
font-size: var(--font-text-size);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 40px;
margin-left: 40px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body dl {
list-style: outside none disc;
margin-block-end: 16px;
margin-block-start: 16px;
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body dt {
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(34, 34, 34);
border-left-width: 0px;
border-right-color: rgb(34, 34, 34);
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
font-size: var(--font-text-size);
font-weight: 400;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body ol > li {
color: var(--text-normal);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 1.2px;
padding-block-start: 1.2px;
padding-bottom: var(--list-spacing);
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: var(--list-spacing);
text-align: start;
}
html[saved-theme="light"] body ul > li {
color: var(--text-normal);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 1.2px;
padding-block-start: 1.2px;
padding-bottom: var(--list-spacing);
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: var(--list-spacing);
text-align: start;
}
html[saved-theme="light"] body ul.overflow {
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: ridge;
border-bottom-width: 0px;
border-left-color: rgb(34, 34, 34);
border-left-style: ridge;
border-left-width: 0px;
border-right-color: rgb(34, 34, 34);
border-right-style: ridge;
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: ridge;
border-top-width: 0px;
}
/* aspect: blockquotes */
html[saved-theme="light"] body blockquote {
background-color: var(--blockquote-background-color);
border-inline-start: 4px solid oklch(0.5 0.189218 293.559 / 0.75);
color: var(--blockquote-color);
font-family: var(--retroma-canvas-custom-font);
font-style: var(--blockquote-font-style);
font-weight: 400;
line-height: var(--line-height-normal);
margin-inline-end: 0px;
margin-inline-start: 0px;
padding-bottom: 4px;
padding-inline-start: var(--size-4-6);
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
}
/* aspect: tables */
html[saved-theme="light"] body .table-container {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(34, 34, 34);
border-left-width: 0px;
border-right-color: rgb(34, 34, 34);
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html[saved-theme="light"] body table {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.93 0.0756873 83.5585);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: ridge;
border-bottom-width: 4px;
border-left-color: oklch(0.93 0.0756873 83.5585);
border-left-style: ridge;
border-left-width: 4px;
border-right-color: oklch(0.93 0.0756873 83.5585);
border-right-style: ridge;
border-right-width: 4px;
border-top-color: oklch(0.93 0.0756873 83.5585);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: ridge;
border-top-width: 4px;
color: var(--text-normal);
font-family: var(--font-text);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: start;
}
html[saved-theme="light"] body tbody {
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-family: var(--font-text);
}
html[saved-theme="light"] body tbody tr:nth-child(even) {
background-color: var(--table-background);
}
html[saved-theme="light"] body tbody tr:nth-child(odd) {
background-color: var(--table-row-alt-background);
}
html[saved-theme="light"] body td {
background-color: var(--table-data-background);
border-bottom-color: oklch(0.5 0.0000125793 23.5283 / 0.5);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: oklch(0.5 0.0000125793 23.5283 / 0.5);
border-left-style: solid;
border-left-width: var(--table-column-first-border-width);
border-right-color: oklch(0.5 0.0000125793 23.5283 / 0.5);
border-right-style: solid;
border-right-width: 1px;
border-top-color: oklch(0.5 0.0000125793 23.5283 / 0.5);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
color: var(--table-text-color);
font-weight: 400;
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
text-align: start;
vertical-align: var(--table-cell-vertical-alignment);
}
html[saved-theme="light"] body th {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.0000125793 23.5283 / 0.5);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: oklch(0.5 0.0000125793 23.5283 / 0.5);
border-left-style: solid;
border-left-width: var(--table-column-first-border-width);
border-right-color: oklch(0.5 0.0000125793 23.5283 / 0.5);
border-right-style: solid;
border-right-width: 1px;
border-top-color: oklch(0.5 0.0000125793 23.5283 / 0.5);
border-top-left-radius: var(--window-border-radius);
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: var(--table-header-border-width);
color: var(--table-header-color);
font-weight: var(--table-header-weight);
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
text-align: start;
vertical-align: var(--table-cell-vertical-alignment);
}
html[saved-theme="light"] body thead {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.93 0.0756873 83.5585);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.93 0.0756873 83.5585);
border-left-width: 0px;
border-right-color: oklch(0.93 0.0756873 83.5585);
border-right-width: 0px;
border-top-color: oklch(0.93 0.0756873 83.5585);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
}
html[saved-theme="light"] body tr {
background-color: var(--table-header-background);
border-bottom-color: oklch(0.93 0.0756873 83.5585);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.93 0.0756873 83.5585);
border-left-width: 0px;
border-right-color: oklch(0.93 0.0756873 83.5585);
border-right-width: 0px;
border-top-color: oklch(0.93 0.0756873 83.5585);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
}
/* aspect: code */
html[saved-theme="light"] body code {
background-color: var(--code-background);
border-bottom-color: oklch(0.8 0.0756873 293.559);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.8 0.0756873 293.559);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.8 0.0756873 293.559);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.8 0.0756873 293.559);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 0px;
color: var(--code-normal);
font-family: var(--font-monospace);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 6px;
padding-inline-start: 6px;
padding-left: 6px;
padding-right: 6px;
padding-top: 0px;
}
html[saved-theme="light"] body figure[data-rehype-pretty-code-figure] {
background-color: var(--code-background);
border-bottom-color: oklch(0.8 0.0756873 293.559);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.8 0.0756873 293.559);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.8 0.0756873 293.559);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.8 0.0756873 293.559);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 0px;
}
html[saved-theme="light"] body figure[data-rehype-pretty-code-figure] > [data-rehype-pretty-code-title] {
background-color: var(--code-background);
border-bottom-color: oklch(0.8 0.0756873 293.559);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.8 0.0756873 293.559);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.8 0.0756873 293.559);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.8 0.0756873 293.559);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--retroma-canvas-custom-font);
}
html[saved-theme="light"] body pre > code > [data-line] {
background-color: var(--code-background);
border-left-color: oklch(0.8 0.0756873 293.559);
border-left-style: solid;
border-left-width: 0px;
}
html[saved-theme="light"] body pre > code > [data-line][data-highlighted-line] {
background-color: var(--code-background);
border-left-color: oklch(0.8 0.0756873 293.559);
border-left-width: 0px;
}
html[saved-theme="light"] body pre > code [data-highlighted-chars] {
background-color: var(--code-background);
border-bottom-color: oklch(0.8 0.0756873 293.559);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.8 0.0756873 293.559);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.8 0.0756873 293.559);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.8 0.0756873 293.559);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 0px;
}
html[saved-theme="light"] body pre > code, html[saved-theme="light"] pre:has(> code) {
background-color: var(--code-background);
border-bottom-color: oklch(0.8 0.0756873 293.559);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.8 0.0756873 293.559);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.8 0.0756873 293.559);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.8 0.0756873 293.559);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
/* aspect: images */
html[saved-theme="light"] body audio {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(34, 34, 34);
border-left-width: 0px;
border-right-color: rgb(34, 34, 34);
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body figcaption {
color: var(--text-normal);
font-family: var(--ec-uiFontFml);
font-size: var(--ec-uiFontSize);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: start;
}
html[saved-theme="light"] body figure {
--code-background: var(--ec-frm-edBg);
--header-border-radius: calc(var(--ec-brdRad) + var(--ec-brdWd));
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-width: 0px;
border-left-color: rgb(34, 34, 34);
border-left-width: 0px;
border-right-color: rgb(34, 34, 34);
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-width: 0px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: start;
}
html[saved-theme="light"] body img {
border-bottom-color: oklch(0.5 0.12 26.4067);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 26.4067);
border-left-width: 0px;
border-radius: 0px;
border-right-color: oklch(0.5 0.12 26.4067);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 26.4067);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
max-width: 100%;
}
html[saved-theme="light"] body video {
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(34, 34, 34);
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(34, 34, 34);
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
max-width: 100%;
}
/* aspect: embeds */
html[saved-theme="light"] body .transclude {
background-color: var(--embed-background);
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(152, 115, 247);
border-left-style: solid;
border-left-width: 2px;
border-radius: 0px;
border-right-color: rgb(34, 34, 34);
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .transclude ul {
color: var(--text-normal);
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .transclude-inner {
background-color: var(--embed-background);
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(34, 34, 34);
border-left-style: solid;
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(34, 34, 34);
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
/* aspect: checkboxes */
html[saved-theme="light"] body input[type=checkbox] {
border-bottom-color: rgb(171, 171, 171);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(171, 171, 171);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(171, 171, 171);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(171, 171, 171);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 1px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 8px;
margin-inline-start: calc(var(--checkbox-size) * -1.5);
margin-left: -24px;
margin-right: 8px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
transition: box-shadow 0.15s ease-in-out;
width: var(--checkbox-size);
}
html[saved-theme="light"] body li.task-list-item[data-task='!'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='*'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='-'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='/'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='>'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='?'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='I'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='S'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='b'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='c'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='d'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='f'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='i'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='k'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='l'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='p'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='u'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='w'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(34, 34, 34);
}
html[saved-theme="light"] body ul > li.task-list-item {
display: list-item;
list-style: outside none none;
text-align: start;
}
html[saved-theme="light"] body li.task-list-item[data-task="-"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMTcxNiA4LjAwMDAzTDEuMDg1ODIgMy45MTQyNEwzLjkxNDI0IDEuMDg1ODJMOC4wMDAwMyA1LjE3MTZMMTIuMDg1OCAxLjA4NTgyTDE0LjkxNDIgMy45MTQyNEwxMC44Mjg1IDguMDAwMDNMMTQuOTE0MiAxMi4wODU4TDEyLjA4NTggMTQuOTE0Mkw4LjAwMDAzIDEwLjgyODVMMy45MTQyNCAxNC45MTQyTDEuMDg1ODIgMTIuMDg1OEw1LjE3MTYgOC4wMDAwM1oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMTcxNiA4LjAwMDAzTDEuMDg1ODIgMy45MTQyNEwzLjkxNDI0IDEuMDg1ODJMOC4wMDAwMyA1LjE3MTZMMTIuMDg1OCAxLjA4NTgyTDE0LjkxNDIgMy45MTQyNEwxMC44Mjg1IDguMDAwMDNMMTQuOTE0MiAxMi4wODU4TDEyLjA4NTggMTQuOTE0Mkw4LjAwMDAzIDEwLjgyODVMMy45MTQyNCAxNC45MTQyTDEuMDg1ODIgMTIuMDg1OEw1LjE3MTYgOC4wMDAwM1oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task="!"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNiAxNUgwVjEyTDcgMEg5TDE2IDEyVjE1Wk03IDRIOVY5SDdWNFpNNyAxMUg5VjEzSDdWMTFaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNiAxNUgwVjEyTDcgMEg5TDE2IDEyVjE1Wk03IDRIOVY5SDdWNFpNNyAxMUg5VjEzSDdWMTFaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task="?"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNSA1LjVDNS41IDQuMTE5MjkgNi42MTkyOSAzIDggM0M5LjM4MDcxIDMgMTAuNSA0LjExOTI5IDEwLjUgNS41QzEwLjUgNi44ODA3MSA5LjM4MDcxIDggOCA4SDdWMTFIOEMxMS4wMzc2IDExIDEzLjUgOC41Mzc1NyAxMy41IDUuNUMxMy41IDIuNDYyNDMgMTEuMDM3NiAwIDggMEM0Ljk2MjQzIDAgMi41IDIuNDYyNDMgMi41IDUuNUg1LjVaIiBmaWxsPSIjMDAwMDAwIi8+CjxwYXRoIGQ9Ik0xMCAxM0g3VjE2SDEwVjEzWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNSA1LjVDNS41IDQuMTE5MjkgNi42MTkyOSAzIDggM0M5LjM4MDcxIDMgMTAuNSA0LjExOTI5IDEwLjUgNS41QzEwLjUgNi44ODA3MSA5LjM4MDcxIDggOCA4SDdWMTFIOEMxMS4wMzc2IDExIDEzLjUgOC41Mzc1NyAxMy41IDUuNUMxMy41IDIuNDYyNDMgMTEuMDM3NiAwIDggMEM0Ljk2MjQzIDAgMi41IDIuNDYyNDMgMi41IDUuNUg1LjVaIiBmaWxsPSIjMDAwMDAwIi8+CjxwYXRoIGQ9Ik0xMCAxM0g3VjE2SDEwVjEzWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task="\""] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMjkyODkgMS4yOTI5MUw2LjcwNzExIDIuNzA3MTJMMyA2LjQxNDIzVjcuMDAwMDFIN1YxNEgxVjUuNTg1OEw1LjI5Mjg5IDEuMjkyOTFaIiBmaWxsPSIjMDAwMDAwIi8+CjxwYXRoIGQ9Ik0xNSA3LjAwMDAxSDExVjYuNDE0MjNMMTQuNzA3MSAyLjcwNzEyTDEzLjI5MjkgMS4yOTI5MUw5IDUuNTg1OFYxNEgxNVY3LjAwMDAxWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMjkyODkgMS4yOTI5MUw2LjcwNzExIDIuNzA3MTJMMyA2LjQxNDIzVjcuMDAwMDFIN1YxNEgxVjUuNTg1OEw1LjI5Mjg5IDEuMjkyOTFaIiBmaWxsPSIjMDAwMDAwIi8+CjxwYXRoIGQ9Ik0xNSA3LjAwMDAxSDExVjYuNDE0MjNMMTQuNzA3MSAyLjcwNzEyTDEzLjI5MjkgMS4yOTI5MUw5IDUuNTg1OFYxNEgxNVY3LjAwMDAxWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task="*"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMDAwMDEgMEg3LjAwMDAxTDUuNTEyOTIgNC41NzY4MUwwLjcwMDU1NCA0LjU3NjgyTDAuMDgyNTE5NSA2LjQ3ODkzTDMuOTc1ODEgOS4zMDc1NkwyLjQ4ODczIDEzLjg4NDNMNC4xMDY3NyAxNS4wNTk5TDguMDAwMDIgMTIuMjMxM0wxMS44OTMzIDE1LjA1OTlMMTMuNTExMyAxMy44ODQzTDEyLjAyNDIgOS4zMDc1NEwxNS45MTc1IDYuNDc4OTJMMTUuMjk5NCA0LjU3NjgxTDEwLjQ4NzEgNC41NzY4MUw5LjAwMDAxIDBaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMDAwMDEgMEg3LjAwMDAxTDUuNTEyOTIgNC41NzY4MUwwLjcwMDU1NCA0LjU3NjgyTDAuMDgyNTE5NSA2LjQ3ODkzTDMuOTc1ODEgOS4zMDc1NkwyLjQ4ODczIDEzLjg4NDNMNC4xMDY3NyAxNS4wNTk5TDguMDAwMDIgMTIuMjMxM0wxMS44OTMzIDE1LjA1OTlMMTMuNTExMyAxMy44ODQzTDEyLjAyNDIgOS4zMDc1NEwxNS45MTc1IDYuNDc4OTJMMTUuMjk5NCA0LjU3NjgxTDEwLjQ4NzEgNC41NzY4MUw5LjAwMDAxIDBaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task="/"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyAxNEgxNFYxNkgyVjE0SDNWMTEuNTg1OEw2LjU4NTc5IDhMMyA0LjQxNDIxVjJIMlYwSDE0VjJIMTNWNC40MTQyMUw5LjQxNDIxIDhMMTMgMTEuNTg1OFYxNFpNNSAxMi40MTQyVjE0SDExVjEyLjQxNDJMOCA5LjQxNDIxTDUgMTIuNDE0MloiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyAxNEgxNFYxNkgyVjE0SDNWMTEuNTg1OEw2LjU4NTc5IDhMMyA0LjQxNDIxVjJIMlYwSDE0VjJIMTNWNC40MTQyMUw5LjQxNDIxIDhMMTMgMTEuNTg1OFYxNFpNNSAxMi40MTQyVjE0SDExVjEyLjQxNDJMOCA5LjQxNDIxTDUgMTIuNDE0MloiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task="<"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMEgzVjJIMVY1SDE1VjJIMTNWMEgxMFYySDZWMFoiIGZpbGw9IiMwMDAwMDAiLz4KPHBhdGggZD0iTTE1IDdIMVYxNUgxNVY3WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMEgzVjJIMVY1SDE1VjJIMTNWMEgxMFYySDZWMFoiIGZpbGw9IiMwMDAwMDAiLz4KPHBhdGggZD0iTTE1IDdIMVYxNUgxNVY3WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task=">"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMUg1TDE2IDdWOUw1IDE1SDJMMyA5SDhWN0gzTDIgMVoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMUg1TDE2IDdWOUw1IDE1SDJMMyA5SDhWN0gzTDIgMVoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task="b"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMEgxNFYxNkgxMkw4IDEyTDQgMTZIMlYwWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMEgxNFYxNkgxMkw4IDEyTDQgMTZIMlYwWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task="c"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgMTZMNSAxMVYySDE0TDE2IDhWMTFIMTBWMTRDMTAgMTUuMTA0NiA5LjEwNDU3IDE2IDggMTZIN1oiIGZpbGw9IiMwMDAwMDAiLz4KPHBhdGggZD0iTTMgMTFIMFYySDNWMTFaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgMTZMNSAxMVYySDE0TDE2IDhWMTFIMTBWMTRDMTAgMTUuMTA0NiA5LjEwNDU3IDE2IDggMTZIN1oiIGZpbGw9IiMwMDAwMDAiLz4KPHBhdGggZD0iTTMgMTFIMFYySDNWMTFaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task="d"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEzTDkuMDAwMDEgMTJMMTEuMjkyOSA5LjcwNzEyTDguNTAwMDEgNi45MTQyM0w1LjUwMDAxIDkuOTE0MjNMMC4yOTI5MDggNC43MDcxMkwxLjcwNzEyIDMuMjkyOTFMNS41MDAwMSA3LjA4NThMOC41MDAwMSA0LjA4NThMMTIuNzA3MSA4LjI5MjkxTDE1IDYuMDAwMDFMMTYgNy4wMDAwMUwxNiAxM0gxMFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEzTDkuMDAwMDEgMTJMMTEuMjkyOSA5LjcwNzEyTDguNTAwMDEgNi45MTQyM0w1LjUwMDAxIDkuOTE0MjNMMC4yOTI5MDggNC43MDcxMkwxLjcwNzEyIDMuMjkyOTFMNS41MDAwMSA3LjA4NThMOC41MDAwMSA0LjA4NThMMTIuNzA3MSA4LjI5MjkxTDE1IDYuMDAwMDFMMTYgNy4wMDAwMUwxNiAxM0gxMFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task="f"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSA5QzE1IDEyLjg2NiAxMS44NjYgMTYgOCAxNkM0LjEzNDAxIDE2IDEgMTIuODY2IDEgOUMxIDUuNSA0IDMgNCAzSDZWNC41QzYgNS4wNTIyOCA2LjQ0NzcyIDUuNSA3IDUuNUM3LjU1MjI4IDUuNSA4IDUuMDUyMjggOCA0LjVWMEgxMEMxMCAwIDE1IDMgMTUgOVpNMTAgMTJDMTAgMTMuMTA0NiA5LjEwNDU3IDE0IDggMTRDNi44OTU0MyAxNCA2IDEzLjEwNDYgNiAxMkM2IDkuNSA4IDggOCA4QzggOCAxMCA5LjUgMTAgMTJaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSA5QzE1IDEyLjg2NiAxMS44NjYgMTYgOCAxNkM0LjEzNDAxIDE2IDEgMTIuODY2IDEgOUMxIDUuNSA0IDMgNCAzSDZWNC41QzYgNS4wNTIyOCA2LjQ0NzcyIDUuNSA3IDUuNUM3LjU1MjI4IDUuNSA4IDUuMDUyMjggOCA0LjVWMEgxMEMxMCAwIDE1IDMgMTUgOVpNMTAgMTJDMTAgMTMuMTA0NiA5LjEwNDU3IDE0IDggMTRDNi44OTU0MyAxNCA2IDEzLjEwNDYgNiAxMkM2IDkuNSA4IDggOCA4QzggOCAxMCA5LjUgMTAgMTJaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task="i"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05IDE2SDdMMCA5VjdMNyAwSDlMMTYgN1Y5TDkgMTZaTTcgM1Y5SDlWM0g3Wk03IDExVjEzSDlWMTFIN1oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05IDE2SDdMMCA5VjdMNyAwSDlMMTYgN1Y5TDkgMTZaTTcgM1Y5SDlWM0g3Wk03IDExVjEzSDlWMTFIN1oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task="I"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDNDMTUgNS42MTUwNyAxMy4zMjcgNy44Mzk0IDEwLjk5MjkgOC42NjEwOEMxMC4zNjk0IDguODgwNTkgOS42OTg2NCA5IDkgOVYxM0gxM1YxNUgzVjEzSDdWMTFDMy42ODYyOSAxMSAxIDguMzEzNzEgMSA1VjNIM0M0LjcyNzE1IDMgNi4yODM4NiAzLjcyOTc3IDcuMzc4NTkgNC44OTc3OUM3LjkzOTcyIDUuNDk2NDcgOC4zNzk0NyA2LjIxMDMgOC42NTg1OSA3SDlDOS41ODc1MiA3IDEwLjE0NTUgNi44NzMzMyAxMC42NDggNi42NDU4MUMxMC4yMjc0IDUuMjc3NzIgOS40NDk3MyA0LjA2NTk2IDguNDIzODEgMy4xMTkyOEM5LjUyNDM5IDEuODIyNzUgMTEuMTY2MSAxIDEzIDFIMTVWM1oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDNDMTUgNS42MTUwNyAxMy4zMjcgNy44Mzk0IDEwLjk5MjkgOC42NjEwOEMxMC4zNjk0IDguODgwNTkgOS42OTg2NCA5IDkgOVYxM0gxM1YxNUgzVjEzSDdWMTFDMy42ODYyOSAxMSAxIDguMzEzNzEgMSA1VjNIM0M0LjcyNzE1IDMgNi4yODM4NiAzLjcyOTc3IDcuMzc4NTkgNC44OTc3OUM3LjkzOTcyIDUuNDk2NDcgOC4zNzk0NyA2LjIxMDMgOC42NTg1OSA3SDlDOS41ODc1MiA3IDEwLjE0NTUgNi44NzMzMyAxMC42NDggNi42NDU4MUMxMC4yMjc0IDUuMjc3NzIgOS40NDk3MyA0LjA2NTk2IDguNDIzODEgMy4xMTkyOEM5LjUyNDM5IDEuODIyNzUgMTEuMTY2MSAxIDEzIDFIMTVWM1oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task="k"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNiA1LjVDMTYgOC41Mzc1NyAxMy41Mzc2IDExIDEwLjUgMTFIN1YxM0g1VjE1TDQgMTZIMFYxMkw1LjE2MzUxIDYuODM2NDlDNS4wNTY3IDYuNDA4NjMgNSA1Ljk2MDk0IDUgNS41QzUgMi40NjI0MyA3LjQ2MjQzIDAgMTAuNSAwQzEzLjUzNzYgMCAxNiAyLjQ2MjQzIDE2IDUuNVpNMTMgNEMxMyA0LjU1MjI4IDEyLjU1MjMgNSAxMiA1QzExLjQ0NzcgNSAxMSA0LjU1MjI4IDExIDRDMTEgMy40NDc3MiAxMS40NDc3IDMgMTIgM0MxMi41NTIzIDMgMTMgMy40NDc3MiAxMyA0WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNiA1LjVDMTYgOC41Mzc1NyAxMy41Mzc2IDExIDEwLjUgMTFIN1YxM0g1VjE1TDQgMTZIMFYxMkw1LjE2MzUxIDYuODM2NDlDNS4wNTY3IDYuNDA4NjMgNSA1Ljk2MDk0IDUgNS41QzUgMi40NjI0MyA3LjQ2MjQzIDAgMTAuNSAwQzEzLjUzNzYgMCAxNiAyLjQ2MjQzIDE2IDUuNVpNMTMgNEMxMyA0LjU1MjI4IDEyLjU1MjMgNSAxMiA1QzExLjQ0NzcgNSAxMSA0LjU1MjI4IDExIDRDMTEgMy40NDc3MiAxMS40NDc3IDMgMTIgM0MxMi41NTIzIDMgMTMgMy40NDc3MiAxMyA0WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task="l"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjM3ODkyIDEwLjIyMzZMOCAxNkwxMi42MjExIDEwLjIyMzZDMTMuNTEzNyA5LjEwNzg4IDE0IDcuNzIxNTQgMTQgNi4yOTI2NlY2QzE0IDIuNjg2MjkgMTEuMzEzNyAwIDggMEM0LjY4NjI5IDAgMiAyLjY4NjI5IDIgNlY2LjI5MjY2QzIgNy43MjE1NCAyLjQ4NjMgOS4xMDc4OCAzLjM3ODkyIDEwLjIyMzZaTTggOEM5LjEwNDU3IDggMTAgNy4xMDQ1NyAxMCA2QzEwIDQuODk1NDMgOS4xMDQ1NyA0IDggNEM2Ljg5NTQzIDQgNiA0Ljg5NTQzIDYgNkM2IDcuMTA0NTcgNi44OTU0MyA4IDggOFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjM3ODkyIDEwLjIyMzZMOCAxNkwxMi42MjExIDEwLjIyMzZDMTMuNTEzNyA5LjEwNzg4IDE0IDcuNzIxNTQgMTQgNi4yOTI2NlY2QzE0IDIuNjg2MjkgMTEuMzEzNyAwIDggMEM0LjY4NjI5IDAgMiAyLjY4NjI5IDIgNlY2LjI5MjY2QzIgNy43MjE1NCAyLjQ4NjMgOS4xMDc4OCAzLjM3ODkyIDEwLjIyMzZaTTggOEM5LjEwNDU3IDggMTAgNy4xMDQ1NyAxMCA2QzEwIDQuODk1NDMgOS4xMDQ1NyA0IDggNEM2Ljg5NTQzIDQgNiA0Ljg5NTQzIDYgNkM2IDcuMTA0NTcgNi44OTU0MyA4IDggOFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task="p"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgMEw1IDVWMTRIMTRMMTYgOFY1SDEwVjJDMTAgMC44OTU0MzEgOS4xMDQ1NyAwIDggMEg3WiIgZmlsbD0iIzAwMDAwMCIvPgo8cGF0aCBkPSJNMyA1SDBWMTRIM1Y1WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgMEw1IDVWMTRIMTRMMTYgOFY1SDEwVjJDMTAgMC44OTU0MzEgOS4xMDQ1NyAwIDggMEg3WiIgZmlsbD0iIzAwMDAwMCIvPgo8cGF0aCBkPSJNMyA1SDBWMTRIM1Y1WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task="S"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjIxNjA2IDE1TDYuMTA0OTUgMTZIOC4xMTcyNkw4LjIyODM3IDE1SDEwLjAwM0MxMi4yMTA1IDE1IDE0IDEzLjIxMDUgMTQgMTEuMDAzQzE0IDkuMTI5NjMgMTIuNjk4OSA3LjUwNzYgMTAuODcwMSA3LjEwMTJMOS4xNDg1MiA2LjcxODY0TDkuNDUwNTkgNEgxM1YxSDkuNzgzOTNMOS44OTUwNCAwSDcuODgyNzNMNy43NzE2MiAxSDUuOTk2OTlDMy43ODk1MSAxIDIgMi43ODk1MSAyIDQuOTk2OTlDMiA2Ljg3MDM3IDMuMzAxMTUgOC40OTI0IDUuMTI5OTIgOC44OTg4TDYuODUxNDcgOS4yODEzNkw2LjU0OTM5IDEySDNWMTVINi4yMTYwNlpNOC41NjE3IDEySDEwLjAwM0MxMC41NTM2IDEyIDExIDExLjU1MzYgMTEgMTEuMDAzQzExIDEwLjUzNTcgMTAuNjc1NCAxMC4xMzExIDEwLjIxOTMgMTAuMDI5OEw4LjgxNTI4IDkuNzE3NzZMOC41NjE3IDEyWk03LjE4NDcgNi4yODIyM0w3LjQzODI4IDRINS45OTY5OUM1LjQ0NjM3IDQgNSA0LjQ0NjM3IDUgNC45OTY5OUM1IDUuNDY0MjcgNS4zMjQ1NSA1Ljg2ODg3IDUuNzgwNzEgNS45NzAyM0w3LjE4NDcgNi4yODIyM1oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjIxNjA2IDE1TDYuMTA0OTUgMTZIOC4xMTcyNkw4LjIyODM3IDE1SDEwLjAwM0MxMi4yMTA1IDE1IDE0IDEzLjIxMDUgMTQgMTEuMDAzQzE0IDkuMTI5NjMgMTIuNjk4OSA3LjUwNzYgMTAuODcwMSA3LjEwMTJMOS4xNDg1MiA2LjcxODY0TDkuNDUwNTkgNEgxM1YxSDkuNzgzOTNMOS44OTUwNCAwSDcuODgyNzNMNy43NzE2MiAxSDUuOTk2OTlDMy43ODk1MSAxIDIgMi43ODk1MSAyIDQuOTk2OTlDMiA2Ljg3MDM3IDMuMzAxMTUgOC40OTI0IDUuMTI5OTIgOC44OTg4TDYuODUxNDcgOS4yODEzNkw2LjU0OTM5IDEySDNWMTVINi4yMTYwNlpNOC41NjE3IDEySDEwLjAwM0MxMC41NTM2IDEyIDExIDExLjU1MzYgMTEgMTEuMDAzQzExIDEwLjUzNTcgMTAuNjc1NCAxMC4xMzExIDEwLjIxOTMgMTAuMDI5OEw4LjgxNTI4IDkuNzE3NzZMOC41NjE3IDEyWk03LjE4NDcgNi4yODIyM0w3LjQzODI4IDRINS45OTY5OUM1LjQ0NjM3IDQgNSA0LjQ0NjM3IDUgNC45OTY5OUM1IDUuNDY0MjcgNS4zMjQ1NSA1Ljg2ODg3IDUuNzgwNzEgNS45NzAyM0w3LjE4NDcgNi4yODIyM1oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task="u"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDNMOS4wMDAwMSA0TDExLjI5MjkgNi4yOTI4OUw4LjUwMDAxIDkuMDg1NzlMNS41MDAwMSA2LjA4NTc5TDAuMjkyOTA4IDExLjI5MjlMMS43MDcxMiAxMi43MDcxTDUuNTAwMDEgOC45MTQyMUw4LjUwMDAxIDExLjkxNDJMMTIuNzA3MSA3LjcwNzExTDE1IDEwTDE2IDlMMTYgM0gxMFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDNMOS4wMDAwMSA0TDExLjI5MjkgNi4yOTI4OUw4LjUwMDAxIDkuMDg1NzlMNS41MDAwMSA2LjA4NTc5TDAuMjkyOTA4IDExLjI5MjlMMS43MDcxMiAxMi43MDcxTDUuNTAwMDEgOC45MTQyMUw4LjUwMDAxIDExLjkxNDJMMTIuNzA3MSA3LjcwNzExTDE1IDEwTDE2IDlMMTYgM0gxMFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task="w"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00IDBIMTJWMkgxNlY0QzE2IDYuNDU2NDEgMTQuMjI4NiA4LjQ5OTA5IDExLjg5MzYgOC45MjAzOEMxMS41NTM3IDEwLjM2MzcgMTAuNDMyIDExLjUwNTQgOSAxMS44NzRWMTRIMTJWMTZINFYxNEg3VjExLjg3NEM1LjU2Nzk2IDExLjUwNTQgNC40NDYyOCAxMC4zNjM3IDQuMTA2NCA4LjkyMDM4QzEuNzcxMzYgOC40OTkwOSAwIDYuNDU2NDEgMCA0VjJINFYwWk0xMiA2LjgyOTI5VjRIMTRDMTQgNS4zMDYyMiAxMy4xNjUyIDYuNDE3NDYgMTIgNi44MjkyOVpNNCA0SDJDMiA1LjMwNjIyIDIuODM0ODEgNi40MTc0NiA0IDYuODI5MjlWNFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00IDBIMTJWMkgxNlY0QzE2IDYuNDU2NDEgMTQuMjI4NiA4LjQ5OTA5IDExLjg5MzYgOC45MjAzOEMxMS41NTM3IDEwLjM2MzcgMTAuNDMyIDExLjUwNTQgOSAxMS44NzRWMTRIMTJWMTZINFYxNEg3VjExLjg3NEM1LjU2Nzk2IDExLjUwNTQgNC40NDYyOCAxMC4zNjM3IDQuMTA2NCA4LjkyMDM4QzEuNzcxMzYgOC40OTkwOSAwIDYuNDU2NDEgMCA0VjJINFYwWk0xMiA2LjgyOTI5VjRIMTRDMTQgNS4zMDYyMiAxMy4xNjUyIDYuNDE3NDYgMTIgNi44MjkyOVpNNCA0SDJDMiA1LjMwNjIyIDIuODM0ODEgNi40MTc0NiA0IDYuODI5MjlWNFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(34, 34, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task="x"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="X"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="-"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="!"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="?"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="\""] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="*"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="/"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="<"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task=">"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="b"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="c"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="d"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="f"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="i"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="I"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="k"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="l"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="p"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="S"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="u"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="w"] input[type="checkbox"]::after { content: none; }
/* aspect: callouts */
html[saved-theme="light"] body .callout .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 248.82);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 248.82);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="abstract"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-summary);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.5 0.12 210.819 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.5 0.12 210.819 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.5 0.12 210.819 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.5 0.12 210.819 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.5 0.12 210.819 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="abstract"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 248.82);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 248.82);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="abstract"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="abstract"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="bug"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-bug);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.5 0.12 26.4067 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.5 0.12 26.4067 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.5 0.12 26.4067 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.5 0.12 26.4067 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.5 0.12 26.4067 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="bug"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 248.82);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 248.82);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="bug"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="bug"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="danger"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-error);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.5 0.12 26.4067 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.5 0.12 26.4067 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.5 0.12 26.4067 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.5 0.12 26.4067 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.5 0.12 26.4067 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="danger"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 248.82);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 248.82);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="danger"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="danger"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="example"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-example);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.5 0.12 294.789 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.5 0.12 294.789 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.5 0.12 294.789 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.5 0.12 294.789 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.5 0.12 294.789 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="example"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 248.82);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 248.82);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="example"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="example"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="failure"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-fail);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.5 0.12 26.4067 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.5 0.12 26.4067 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.5 0.12 26.4067 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.5 0.12 26.4067 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.5 0.12 26.4067 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="failure"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 248.82);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 248.82);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="failure"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="failure"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="info"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-info);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.5 0.12 248.82 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.5 0.12 248.82 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.5 0.12 248.82 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.5 0.12 248.82 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.5 0.12 248.82 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="info"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 248.82);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 248.82);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="info"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="info"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="note"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-default);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.5 0.12 248.82 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.5 0.12 248.82 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.5 0.12 248.82 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.5 0.12 248.82 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.5 0.12 248.82 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="note"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 248.82);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 248.82);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="note"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="note"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="question"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-question);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.5 0.12 64.0453 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.5 0.12 64.0453 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.5 0.12 64.0453 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.5 0.12 64.0453 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.5 0.12 64.0453 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="question"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 248.82);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 248.82);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="question"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="question"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="quote"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-quote);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.699256 0.0000347234 none / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.699256 0.0000347234 none / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.699256 0.0000347234 none / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.699256 0.0000347234 none / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.699256 0.0000347234 none / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="quote"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 248.82);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 248.82);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="quote"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="quote"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="success"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-success);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.5 0.12 144.199 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.5 0.12 144.199 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.5 0.12 144.199 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.5 0.12 144.199 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.5 0.12 144.199 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="success"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 248.82);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 248.82);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="success"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="success"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="tip"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-tip);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.5 0.12 210.819 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.5 0.12 210.819 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.5 0.12 210.819 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.5 0.12 210.819 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.5 0.12 210.819 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="tip"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 248.82);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 248.82);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="tip"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="tip"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="todo"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-todo);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.5 0.12 248.82 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.5 0.12 248.82 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.5 0.12 248.82 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.5 0.12 248.82 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.5 0.12 248.82 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="todo"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 248.82);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 248.82);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="todo"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="todo"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="warning"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-warning);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.5 0.12 64.0453 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.5 0.12 64.0453 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.5 0.12 64.0453 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.5 0.12 64.0453 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.5 0.12 64.0453 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="warning"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 248.82);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 248.82);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="warning"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="warning"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="note"] {
--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");
}
html[saved-theme="light"] body .callout[data-callout="abstract"] {
--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");
}
html[saved-theme="light"] body .callout[data-callout="bug"] {
--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");
}
html[saved-theme="light"] body .callout[data-callout="danger"] {
--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");
}
html[saved-theme="light"] body .callout[data-callout="example"] {
--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");
}
html[saved-theme="light"] body .callout[data-callout="failure"] {
--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");
}
html[saved-theme="light"] body .callout[data-callout="info"] {
--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");
}
html[saved-theme="light"] body .callout[data-callout="note"] {
--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");
}
html[saved-theme="light"] body .callout[data-callout="question"] {
--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");
}
html[saved-theme="light"] body .callout[data-callout="quote"] {
--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");
}
html[saved-theme="light"] body .callout[data-callout="success"] {
--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");
}
html[saved-theme="light"] body .callout[data-callout="tip"] {
--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");
}
html[saved-theme="light"] body .callout[data-callout="todo"] {
--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");
}
html[saved-theme="light"] body .callout[data-callout="warning"] {
--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");
}
/* aspect: search */
html[saved-theme="light"] body .highlight {
background-color: var(--text-highlight-bg);
border-radius: 0px;
}
html[saved-theme="light"] body .preview-container {
background-color: rgba(0, 0, 0, 0);
color: var(--text-muted);
font-weight: 400;
}
html[saved-theme="light"] body .search > .search-button {
background-color: var(--background-paper);
border-bottom-color: oklch(0.25 0.189218 293.559);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: oklch(0.25 0.189218 293.559);
border-left-style: solid;
border-left-width: 1px;
border-right-color: oklch(0.25 0.189218 293.559);
border-right-style: solid;
border-right-width: 1px;
border-top-color: oklch(0.25 0.189218 293.559);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-normal);
font-family: var(--font-interface);
}
html[saved-theme="light"] body .search > .search-container > .search-space {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(34, 34, 34);
border-left-width: 0px;
border-right-color: rgb(34, 34, 34);
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html[saved-theme="light"] body .search > .search-container > .search-space > * {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-family: var(--font-interface);
font-weight: 400;
outline: rgb(34, 34, 34) none 0px;
text-decoration-color: rgb(34, 34, 34);
text-decoration-style: solid;
transition: all;
}
html[saved-theme="light"] body .search > .search-container > .search-space > .search-layout {
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(34, 34, 34);
border-left-width: 0px;
border-right-color: rgb(34, 34, 34);
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html[saved-theme="light"] body .search > .search-container > .search-space > .search-layout .highlight {
background-color: var(--text-highlight-bg);
border-radius: 0px;
}
html[saved-theme="light"] body .search > .search-container > .search-space > .search-layout > .preview-container {
background-color: rgba(0, 0, 0, 0);
color: var(--text-muted);
font-weight: 400;
}
html[saved-theme="light"] body .search > .search-container > .search-space > .search-layout > .results-container {
color: var(--text-normal);
}
html[saved-theme="light"] body .search > .search-container > .search-space > .search-layout > .results-container .result-card {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-width: 0px;
border-left-color: rgb(34, 34, 34);
border-left-width: 0px;
border-radius: 12px;
border-right-color: rgb(34, 34, 34);
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-width: 0px;
border-left-color: rgb(34, 34, 34);
border-left-width: 0px;
border-right-color: rgb(34, 34, 34);
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-width: 0px;
color: var(--text-normal);
}
html[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 {
color: var(--nav-item-color-active);
}
html[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)) {
background-color: oklch(from var(--base-accent) l c h / 30%);
color: var(--nav-item-color-active);
font-weight: var(--nav-item-weight);
}
html[saved-theme="light"] body .search > .search-container > .search-space > input {
background-color: var(--background-paper);
border-bottom-color: oklch(0.25 0.189218 293.559);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: oklch(0.25 0.189218 293.559);
border-left-style: solid;
border-left-width: 1px;
border-right-color: oklch(0.25 0.189218 293.559);
border-right-style: solid;
border-right-width: 1px;
border-top-color: oklch(0.25 0.189218 293.559);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: var(--box-shadow-active);
}
html[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) {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-width: 0px;
border-left-color: rgb(34, 34, 34);
border-left-width: 0px;
border-right-color: rgb(34, 34, 34);
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-width: 0px;
color: var(--text-normal);
}
html[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)) {
background-color: oklch(from var(--base-accent) l c h / 30%);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
color: var(--nav-item-color-active);
}
html[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 {
--icon-size: var(--icon-xs);
--icon-stroke: var(--icon-xs-stroke-width);
--pill-background: var(--tag-background);
--pill-background-hover: var(--tag-background-hover);
--pill-border-color: var(--tag-border-color);
--pill-border-color-hover: var(--tag-border-color-hover);
--pill-border-width: var(--tag-border-width);
--pill-color: var(--tag-color);
--pill-color-hover: var(--tag-color-hover);
--pill-color-remove: var(--tag-color);
--pill-color-remove-hover: var(--tag-color-hover);
--pill-corner-shape: var(--tag-corner-shape);
--pill-decoration: var(--tag-decoration);
--pill-decoration-hover: var(--tag-decoration-hover);
--pill-padding-x: var(--tag-padding-x);
--pill-padding-y: var(--tag-padding-y);
--pill-radius: var(--tag-radius);
background-color: var(--pill-background);
border-bottom-color: oklch(0.653792 0.189218 293.559 / 0.15);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: oklch(0.4 0.189218 293.559 / 0.75);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.653792 0.189218 293.559 / 0.15);
border-right-style: solid;
border-right-width: 1px;
border-top-color: oklch(0.653792 0.189218 293.559 / 0.15);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
color: var(--pill-color);
display: flex;
font-family: var(--metadata-input-font);
font-size: var(--metadata-input-font-size);
font-weight: var(--pill-weight);
line-height: var(--line-height-tight);
margin-inline-start: 0px;
}
html[saved-theme="light"] body a.internal-link.tag-link::before {
color: var(--pill-color);
}
html[saved-theme="light"] body h1 {
--font-weight: var(--h1-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 26.4067);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 26.4067);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 26.4067);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 26.4067);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h1-color);
font-family: var(--h1-font);
font-size: var(--h1-size);
font-weight: var(--font-weight);
letter-spacing: var(--h1-letter-spacing);
line-height: var(--h1-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body h1.article-title {
color: var(--inline-title-color);
font-size: var(--inline-title-size);
font-weight: var(--inline-title-weight);
}
html[saved-theme="light"] body h2 {
--font-weight: var(--h2-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 64.0453);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 64.0453);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 64.0453);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 64.0453);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h2-color);
font-family: var(--h2-font);
font-size: var(--h2-size);
font-weight: var(--font-weight);
letter-spacing: var(--h2-letter-spacing);
line-height: var(--h2-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body h2.page-title, html[saved-theme="light"] h2.page-title a {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 26.4067);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 26.4067);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 26.4067);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 26.4067);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--inline-title-color);
font-family: var(--inline-title-font);
font-size: var(--inline-title-size);
font-weight: var(--inline-title-weight);
letter-spacing: -0.38832px;
line-height: var(--inline-title-line-height);
margin-block-end: var(--inline-title-margin-bottom);
margin-block-start: 0px;
margin-bottom: 12.944px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body h3 {
--font-weight: var(--h3-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 102.483);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 102.483);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 102.483);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 102.483);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h3-color);
font-family: var(--h3-font);
font-size: var(--h3-size);
font-weight: var(--font-weight);
letter-spacing: var(--h3-letter-spacing);
line-height: var(--h3-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body h4 {
--font-weight: var(--h4-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 144.199);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 144.199);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 144.199);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 144.199);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h4-color);
font-family: var(--h4-font);
font-size: var(--h4-size);
font-weight: var(--font-weight);
letter-spacing: var(--h4-letter-spacing);
line-height: var(--h4-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body h5 {
--font-weight: var(--h5-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 248.82);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 248.82);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 248.82);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 248.82);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h5-color);
font-family: var(--h5-font);
font-size: var(--h5-size);
font-weight: var(--font-weight);
letter-spacing: var(--h5-letter-spacing);
line-height: var(--h5-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body h6 {
--font-weight: var(--h6-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: oklch(0.5 0.12 271.409);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.5 0.12 271.409);
border-left-width: 0px;
border-right-color: oklch(0.5 0.12 271.409);
border-right-width: 0px;
border-top-color: oklch(0.5 0.12 271.409);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h6-color);
font-family: var(--h6-font);
font-size: var(--h6-size);
font-weight: var(--font-weight);
letter-spacing: var(--h6-letter-spacing);
line-height: var(--h6-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body hr {
border-bottom-color: oklch(0.251963 0.0000125793 23.5283 / 0.25);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: oklch(0.251963 0.0000125793 23.5283 / 0.25);
border-left-width: 0px;
border-right-color: oklch(0.251963 0.0000125793 23.5283 / 0.25);
border-right-width: 0px;
border-top-color: oklch(0.251963 0.0000125793 23.5283 / 0.25);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 2px;
margin-block-end: 32px;
margin-block-start: 32px;
margin-bottom: 32px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 32px;
}
html[saved-theme="light"] body input:focus {
border-color: oklch(0.25 0.189218 293.559);
box-shadow: var(--box-shadow-active);
}
/* aspect: scrollbars */
html[saved-theme="light"] body .callout {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-default);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
border-bottom-color: oklch(0.5 0.12 248.82 / 0.25);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-left-color: oklch(0.5 0.12 248.82 / 0.25);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.5 0.12 248.82 / 0.25);
border-right-style: solid;
border-right-width: 4px;
border-top-color: oklch(0.5 0.12 248.82 / 0.25);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 4px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 12px;
padding-inline-start: 24px;
padding-left: 24px;
padding-right: 12px;
padding-top: 12px;
}
html[saved-theme="light"] body body {
scrollbar-width: var(--scrollbar-native-width);
}
/* aspect: explorer */
html[saved-theme="light"] body .explorer .explorer-content li:has(> .folder-outer.open) > .folder-container::before {
background-color: var(--folder-color);
color: oklch(0.5 0.12 26.4067);
font-family: 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;
font-weight: 700;
opacity: 1;
}
html[saved-theme="light"] body .explorer .explorer-content li:has(> .folder-outer:not(.open)) > .folder-container::before {
background-color: var(--folder-color);
color: oklch(0.5 0.12 26.4067);
font-family: 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;
font-weight: 700;
opacity: 1;
}
html[saved-theme="light"] body .explorer .folder-container > div {
color: var(--folder-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="light"] body .nav-files-container {
background-color: var(--background-paper);
color: var(--text-normal);
font-family: var(--font-interface);
}
html[saved-theme="light"] body .nav-files-container .collapse-icon {
color: var(--folder-color);
opacity: 1;
}
html[saved-theme="light"] body .nav-files-container .nav-file-title {
color: var(--nav-item-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="light"] body .nav-files-container .nav-file-title.is-active {
border-bottom-color: rgb(92, 92, 92);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-width: 0px;
border-left-color: rgb(92, 92, 92);
border-left-width: 0px;
border-right-color: rgb(92, 92, 92);
border-right-width: 0px;
border-top-color: rgb(92, 92, 92);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-width: 0px;
color: var(--nav-item-color);
font-family: var(--font-interface);
}
html[saved-theme="light"] body .nav-files-container .tree-item-children {
border-inline-start: 2px solid oklch(0 0 none / 0.12);
border-left-color: oklch(0 0 none / 0.12);
border-left-style: solid;
border-left-width: 2px;
}
html[saved-theme="light"] body .nav-files-container li:has(> .folder-outer.open) > .nav-folder-title {
color: var(--folder-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="light"] body .nav-files-container li:has(> .folder-outer:not(.open)) > .nav-folder-title {
color: var(--folder-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="light"] body .explorer .nav-files-container a {
color: var(--nav-item-color);
}
html[saved-theme="light"] body .explorer .nav-files-container a:hover {
color: var(--nav-item-color-hover);
}
html[saved-theme="light"] body .explorer .nav-files-container .is-active {
color: var(--nav-item-color-active);
}
html[saved-theme="light"] body .explorer .nav-files-container a:hover {
background-color: var(--nav-item-background-hover);
}
html[saved-theme="light"] body .explorer .nav-files-container .collapse-icon svg {
color: var(--nav-collapse-icon-color);
}
html[saved-theme="light"] body .explorer .nav-files-container .folder-outer > ul {
border-left-color: var(--nav-indentation-guide-color);
}
/* aspect: toc */
html[saved-theme="light"] body details.toc summary::marker {
color: var(--text-normal);
}
/* aspect: graph */
html[saved-theme="light"] body .graph > .global-graph-outer > .global-graph-container {
background-color: var(--background-secondary);
border-bottom-color: rgb(92, 92, 92);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(92, 92, 92);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(92, 92, 92);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(92, 92, 92);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
}
html[saved-theme="light"] body .graph > .graph-outer {
background-color: var(--background-secondary);
border-bottom-color: rgb(92, 92, 92);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(92, 92, 92);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(92, 92, 92);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(92, 92, 92);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-normal);
}
html[saved-theme="light"] body .graph > .graph-outer > .global-graph-icon {
background-color: var(--button-normal);
border-bottom-color: oklch(0.25 0.189218 293.559);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: oklch(0.25 0.189218 293.559);
border-left-style: solid;
border-left-width: 1px;
border-right-color: oklch(0.25 0.189218 293.559);
border-right-style: solid;
border-right-width: 1px;
border-top-color: oklch(0.25 0.189218 293.559);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-muted);
cursor: var(--cursor);
}
/* aspect: footer */
html[saved-theme="light"] body footer {
background-color: var(--status-bar-background);
color: oklch(from var(--background-paper) 100% c h);
font-family: var(--font-interface);
font-size: var(--status-bar-font-size);
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 4px;
padding-left: 4px;
padding-right: var(--size-4-2);
padding-top: 4px;
text-align: start;
}
html[saved-theme="light"] body footer ul li a {
color: oklch(from var(--background-paper) 100% c h);
font-size: var(--status-bar-font-size);
font-weight: var(--font-bold);
}
/* aspect: recentNotes */
html[saved-theme="light"] body .recent-notes > h3 {
color: var(--text-normal);
font-family: var(--font-interface);
font-weight: 400;
}
html[saved-theme="light"] body .recent-notes > ul.recent-ul > li {
--folder-color: var(--folder-color-1);
background-color: oklch(
from var(--folder-color) l var(--chroma-folder) h / 30%
);
border-bottom-color: oklch(0.55 0.12 83.5585 / 0.5);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: oklch(0.55 0.12 83.5585 / 0.5);
border-left-style: solid;
border-left-width: 1px;
border-right-color: oklch(0.55 0.12 83.5585 / 0.5);
border-right-style: solid;
border-right-width: 1px;
border-top-color: oklch(0.55 0.12 83.5585 / 0.5);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-normal);
}
html[saved-theme="light"] body .recent-notes > ul.recent-ul > li .section > .desc > h3 > a {
color: var(--nav-item-color);
}
html[saved-theme="light"] body .recent-notes > ul.recent-ul > li .section > .meta {
color: var(--nav-item-color);
font-family: var(--font-interface);
}
/* aspect: listPage */
html[saved-theme="light"] body li.section-li {
--folder-color: var(--folder-color-1);
background-color: oklch(
from var(--folder-color) l var(--chroma-folder) h / 30%
);
border-bottom-color: oklch(0.55 0.12 83.5585 / 0.5);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: oklch(0.55 0.12 83.5585 / 0.5);
border-left-style: solid;
border-left-width: 1px;
border-right-color: oklch(0.55 0.12 83.5585 / 0.5);
border-right-style: solid;
border-right-width: 1px;
border-top-color: oklch(0.55 0.12 83.5585 / 0.5);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
}
html[saved-theme="light"] body li.section-li > .section .meta {
color: var(--nav-item-color);
font-family: var(--font-interface);
}
html[saved-theme="light"] body li.section-li > .section > .desc > h3 > a {
color: var(--nav-item-color);
}
html[saved-theme="light"] body ul.section-ul {
background-color: var(--background-paper);
border-bottom-color: oklch(0.93 0.0756873 83.5585);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: ridge;
border-bottom-width: 4px;
border-left-color: oklch(0.93 0.0756873 83.5585);
border-left-style: ridge;
border-left-width: 4px;
border-right-color: oklch(0.93 0.0756873 83.5585);
border-right-style: ridge;
border-right-width: 4px;
border-top-color: oklch(0.93 0.0756873 83.5585);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: ridge;
border-top-width: 4px;
}
/* aspect: darkmode */
html[saved-theme="light"] body .darkmode {
background-color: var(--button-normal);
border-bottom-color: oklch(0.25 0.189218 293.559);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: oklch(0.25 0.189218 293.559);
border-left-style: solid;
border-left-width: 1px;
border-right-color: oklch(0.25 0.189218 293.559);
border-right-style: solid;
border-right-width: 1px;
border-top-color: oklch(0.25 0.189218 293.559);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-muted);
cursor: var(--cursor);
}
html[saved-theme="light"] body .darkmode svg {
color: var(--text-muted);
stroke: rgb(92, 92, 92);
}
/* aspect: breadcrumbs */
html[saved-theme="light"] body .breadcrumb-container {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(92, 92, 92);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-width: 0px;
border-left-color: rgb(92, 92, 92);
border-left-width: 0px;
border-right-color: rgb(92, 92, 92);
border-right-width: 0px;
border-top-color: rgb(92, 92, 92);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-width: 0px;
color: var(--text-muted);
}
html[saved-theme="light"] body .breadcrumb-element p {
color: var(--text-faint);
font-family: var(--file-header-font);
}
/* aspect: misc */
html[saved-theme="light"] body .content-meta {
--input-height: var(--metadata-input-height);
color: var(--text-muted);
font-size: var(--font-text-size);
}
html[saved-theme="light"] body .data-footnote-backref {
--font-weight: var(--link-weight);
color: var(--text-faint);
}
html[saved-theme="light"] body .footnotes {
background-color: rgba(0, 0, 0, 0);
border-top-color: rgb(34, 34, 34);
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .katex > .katex-html {
font-family: var(--font-text);
}
html[saved-theme="light"] body .katex-display {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(34, 34, 34);
border-left-width: 0px;
border-right-color: rgb(34, 34, 34);
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .katex-display > .katex {
display: block;
font-family: var(--font-text);
text-align: center;
}
html[saved-theme="light"] body .katex-display > .katex > .katex-html {
font-family: var(--font-text);
}
html[saved-theme="light"] body .spacer {
background-color: rgba(0, 0, 0, 0);
}
html[saved-theme="light"] body abbr {
color: var(--text-normal);
text-decoration: underline dotted;
text-decoration-style: dotted;
}
html[saved-theme="light"] body details {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(34, 34, 34);
border-left-width: 0px;
border-right-color: rgb(34, 34, 34);
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body footer {
opacity: 1;
}
html[saved-theme="light"] body h2.page-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(34, 34, 34);
border-left-width: 0px;
border-right-color: rgb(34, 34, 34);
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--file-header-font);
font-size: var(--file-header-font-size);
font-weight: var(--font-bold);
line-height: var(--line-height-tight);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body input[type=text] {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(92, 92, 92);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(92, 92, 92);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(92, 92, 92);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(92, 92, 92);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--metadata-label-font);
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
}
html[saved-theme="light"] body kbd {
background-color: var(--code-background);
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-width: 0px;
border-left-color: rgb(34, 34, 34);
border-left-width: 0px;
border-right-color: rgb(34, 34, 34);
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-width: 0px;
box-shadow: 0 0 0 1px oklch(from var(--text-normal) l c h / 25%);
color: var(--code-normal);
font-family: var(--font-monospace);
font-size: var(--code-size);
padding-block-end: 1.4px;
padding-block-start: 1.4px;
padding-bottom: 1.4px;
padding-inline-end: 3.5px;
padding-inline-start: 3.5px;
padding-left: 3.5px;
padding-right: 3.5px;
padding-top: 1.4px;
}
html[saved-theme="light"] body li.task-list-item input[type="checkbox"] {
background-color: rgba(0, 0, 0, 0);
border-color: rgb(171, 171, 171);
border-radius: 12px;
border-width: 1px;
}
html[saved-theme="light"] body li.task-list-item input[type="checkbox"]:checked {
background-color: var(--checkbox-color);
border-color: rgb(0, 0, 0);
}
html[saved-theme="light"] body pre:has(> code.mermaid) {
background-color: var(--code-background);
border: 0px solid oklch(0.8 0.0756873 293.559);
}
html[saved-theme="light"] body progress {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(34, 34, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(34, 34, 34);
border-left-width: 0px;
border-right-color: rgb(34, 34, 34);
border-right-width: 0px;
border-top-color: rgb(34, 34, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
height: 6px;
}
html[saved-theme="light"] body sub {
color: var(--text-normal);
font-size: var(--font-text-size);
vertical-align: sub;
}
html[saved-theme="light"] body summary {
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-weight: 400;
list-style: inside none disclosure-closed;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body sup {
color: var(--text-normal);
font-size: var(--font-text-size);
vertical-align: super;
}
html[saved-theme="light"] body ul.tags > li {
--icon-size: var(--icon-xs);
--icon-stroke: var(--icon-xs-stroke-width);
--pill-background: var(--tag-background);
--pill-background-hover: var(--tag-background-hover);
--pill-border-color: var(--tag-border-color);
--pill-border-color-hover: var(--tag-border-color-hover);
--pill-border-width: var(--tag-border-width);
--pill-color: var(--tag-color);
--pill-color-hover: var(--tag-color-hover);
--pill-color-remove: var(--tag-color);
--pill-color-remove-hover: var(--tag-color-hover);
--pill-corner-shape: var(--tag-corner-shape);
--pill-decoration: var(--tag-decoration);
--pill-decoration-hover: var(--tag-decoration-hover);
--pill-padding-x: var(--tag-padding-x);
--pill-padding-y: var(--tag-padding-y);
--pill-radius: var(--tag-radius);
background-color: var(--pill-background);
border-bottom-color: oklch(0.653792 0.189218 293.559 / 0.15);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: oklch(0.4 0.189218 293.559 / 0.75);
border-left-style: solid;
border-left-width: 4px;
border-right-color: oklch(0.653792 0.189218 293.559 / 0.15);
border-right-style: solid;
border-right-width: 1px;
border-top-color: oklch(0.653792 0.189218 293.559 / 0.15);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
color: var(--pill-color);
}
/* === quartz-themes template styles (ported from v4) === */
.search {
& > .search-button {
font-size: 1rem;
svg {
color: var(--search-icon-color, var(--text-muted, var(--darkgray)));
stroke: var(--search-icon-color, var(--text-muted, var(--darkgray)));
}
}
& > .search-container {
& > .search-space {
margin: 12vh auto;
& > input {
margin-bottom: 0;
border-bottom: none;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
font-size: 1.1rem;
&:has(+ :not(.display-results)) {
border-radius: inherit;
}
}
& > * {
background: transparent;
margin-bottom: 0;
box-shadow: none;
}
& > .search-layout {
&.display-results {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
& .highlight {
background-color: var(--quartz-text-highlight)
}
& > .results-container {
& .result-card {
@media all and (min-width: 801px) {
display: flex;
&.no-match {
display: block;
}
}
&:has(~ .result-card:hover),
&:has(~ .result-card:focus),
&:has(~ .result-card.focus) {
background-color: unset;
}
& > ul > li > p {
background-color: transparent;
}
}
}
}
}
}
}
.explorer {
@media all and (max-width: 800px) {
&:not(.collapsed) > .explorer-content {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
}
.explorer-content {
.folder-container {
/* --folder-closed-icon: url('data:image/svg+xml;utf8,');
/* --folder-open-icon: url('data:image/svg+xml;utf8,');
text-overflow: ellipsis;
position: relative;
@media all and (max-width: 800px) {
padding-inline-start: 0.5rem;
padding-inline-end: 0rem;
border-radius: 0.25rem;
}
& > svg {
opacity: 0.001;
position: absolute;
/* height: 1.5rem; */
/* width: 1.5rem; */
/* top: 0; */
/* left: -0.25rem; */
margin: 0;
}
/* &:before { */
/* width: 1rem; */
/* height: 1rem; */
/* min-width: 1rem; */
/* min-height: 1rem; */
/* display: flex; */
/* align-self: baseline; */
/* background: var(--quartz-icon-color); */
/* content: ''; */
/* margin-inline-end: 0.5rem; */
/* margin-block-start: 0.2rem; */
/* } */
& > div {
width: 100%;
}
&:hover {
font-size: 1rem;
line-height: 1.5rem;
background-color: var(--nav-item-background-hover);
border-radius: 0.25rem;
}
}
/* li:has(> .folder-outer:not(.open)) > .folder-container:before { */
/* background: var(--collapse-icon-color-collapsed, var(--quartz-icon-color)); */
/* mask-image: var(--folder-closed-icon); */
/* -webkit-mask-image: var(--folder-closed-icon); */
/* } */
/* li:has(> .folder-outer.open) > .folder-container:before { */
/* background: var(--collapse-icon-color, var(--quartz-icon-color)); */
/* mask-image: var(--folder-open-icon); */
/* -webkit-mask-image: var(--folder-open-icon); */
/* } */
ul.explorer-ul li {
text-overflow: ellipsis;
position: relative;
margin-left: 0;
a {
display: flex;
color: inherit;
font-size: 1rem;
line-height: 1.5rem;
padding: inherit;
&.active,
&:not(.folder-title):hover {
font-size: 1rem;
line-height: 1.5rem;
background-color: var(--nav-item-background-hover);
border-radius: 0.25rem;
}
&[data-for$="/index"] {
padding-inline-start: 0.5rem;
padding-inline-end: 0;
}
padding-inline-start: 0;
@media all and (max-width: 800px) {
padding-inline-start: 0.5rem;
padding-inline-end: 0.5rem;
&[data-for$="/index"] {
padding-inline-end: 0.5rem;
}
}
}
/* > a:before { */
/* --file-icon: url('data:image/svg+xml;utf8,'); */
/* width: 1rem; */
/* height: 1rem; */
/* min-width: 1rem; */
/* min-height: 1rem; */
/* content: ''; */
/* display: flex; */
/* align-self: baseline; */
/* background: var(--quartz-icon-color); */
/* mask-image: var(--file-icon); */
/* -webkit-mask-image: var(--file-icon); */
/* margin-inline-end: 0.5rem; */
/* margin-block-start: 0.2rem; */
/* } */
}
}
}
.explorer svg,
button.toc-header .fold,
.global-graph-icon,
.readermode,
.darkmode {
color: var(--quartz-icon-color);
stroke: var(--quartz-icon-color);
}
@media all and (max-width: 1200px) {
:root[saved-theme="dark"],
:root[saved-theme="light"] {
&body .page > div#quartz-body div.sidebar.right {
background-color: transparent;
border-left: none;
}
}
}
@media all and (min-width: 1200px) {
div#quartz-root.page {
/* workaround for reader-mode */
display: grid;
place-items: center;
width: 100%;
min-width: 100dvw;
max-width: 100dvw;
padding: 0;
margin: 0;
}
div#quartz-root.page div#quartz-body {
/* workaround for reader-mode */
width: min(100%, calc(1200px + 300px));
max-width: min(100%, calc(1200px + 300px));
padding: 0 auto;
}
.page > #quartz-body {
& div.center,
& footer {
min-width: calc(100% - 3rem);
max-width: calc(100% - 3rem);
padding-left: 1.5rem;
padding-right: 1.5rem;
margin-left: 0;
margin-right: 0;
}
}
}
@media all and (min-width: 800px) and (max-width: 1200px) {
.page > #quartz-body {
padding-left: 0;
padding-right: 0;
div.center,
footer {
min-width: calc(100% - 3rem);
max-width: calc(100% - 3rem);
padding-left: 1.5rem;
padding-right: 1.5rem;
}
div.sidebar.left {
padding-left: 2rem;
}
div.sidebar.right,
footer {
padding: 0 1.5rem;
}
div.sidebar.right {
max-width: 100%;
}
}
}
@media all and (max-width: 800px) {
.page > div#quartz-body div.sidebar.left {
background-color: transparent;
border-right: none;
}
.page > #quartz-body {
padding: 0;
div.center,
footer {
min-width: calc(100dvw - 3rem);
max-width: calc(100dvw - 3rem);
padding-left: 1.5rem;
padding-right: 1.5rem;
}
div.sidebar.left,
div.sidebar.left:has(.explorer) {
padding: 1rem 1.5rem 1rem 1rem;
}
div.sidebar.right,
footer {
padding: 0 1.5rem;
}
div.sidebar.left,
div.sidebar.right {
max-width: 100dvw;
}
.explorer {
.explorer-content {
padding-left: 1rem;
padding-right: 1rem;
overflow-y: auto;
max-height: 100vh;
& > .explorer-ul {
min-height: 0;
overscroll-behavior: contain;
}
ul {
overscroll-behavior: auto;
}
}
}
}
.page-title {
display: none;
}
.callout {
z-index: auto !important;
}
}
.callout.is-collapsed .callout-content>:first-child {
margin-top: -4rem;
}
figure[data-rehype-pretty-code-figure] pre,
pre {
background-color: var(--code-background);
white-space: pre;
& > code {
overflow-x: auto;
span[data-token-type="keyword"] {
color: var(--code-keyword);
}
span[data-token-type="string"] {
color: var(--code-string);
}
span[data-token-type="comment"] {
color: var(--code-comment);
font-style: italic;
}
span[data-token-type="function"] {
color: var(--code-function);
}
span[data-token-type="value"] {
color: var(--code-value);
}
span[data-token-type="operator"] {
color: var(--code-operator);
}
span[data-token-type="property"] {
color: var(--code-property);
}
span[data-token-type="normal"] {
color: var(--code-normal);
}
span[data-token-type="tag"] {
color: var(--code-tag);
}
span[data-token-type="important"] {
color: var(--code-important);
font-style: italic;
}
span[data-token-type="punctuation"] {
color: var(--code-punctuation);
}
span[data-token-type="regexp"] {
color: var(--code-string);
}
/* Legacy: github-light/github-dark only — remove once tokenClassification is standard */
span[style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"] {
color: var(--code-value);
}
span[style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"] {
color: var(--code-function);
}
span[style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"] {
color: var(--code-string);
}
span[style="--shiki-light:#032F62;--shiki-dark:#DBEDFF;"] {
color: var(--code-property);
}
span[style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"] {
color: var(--code-normal);
}
span[style="--shiki-light:#586069;--shiki-dark:#D1D5DA;"] {
color: var(--code-punctuation);
}
span[style="--shiki-light:#F6F8FA;--shiki-dark:#2F363D;"] {
color: var(--code-comment);
}
span[style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"] {
color: var(--code-comment);
}
span[style="--shiki-light:#22863A;--shiki-dark:#85E89D;"] {
color: var(--code-tag);
}
span[style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"] {
color: var(--code-important);
}
span[style="--shiki-light:#B31D28;--shiki-dark:#FDAEB7;"] {
color: var(--code-operator);
}
span[style="--shiki-light:#D73A49;--shiki-dark:#F97583;"] {
color: var(--code-keyword);
}
background-color: transparent;
color: var(--code-normal);
}
}
/*
blockquote.callout {
.callout-title {
color: var(--color);
.callout-icon {
background-color: var(--color);
}
}
.callout-title > .callout-title-inner > p {
color: var(--color);
}
&[data-callout] {
border: 1px solid var(--border);
background-color: var(--bg);
--color: rgb(var(--callout-info, 2, 122, 255));
--border: rgba(var(--callout-info, 2, 122, 255), 0.267);
--bg: rgba(var(--callout-info, 2, 122, 255), 0.063);
}
&[data-callout="note"] {
--color: rgb(var(--callout-default, 2, 122, 255));
--border: rgba(var(--callout-default, 2, 122, 255), 0.267);
--bg: rgba(var(--callout-default, 2, 122, 255), 0.063);
}
&[data-callout="abstract"] {
--color: rgb(var(--callout-summary, 83, 223, 221));
--border: rgba(var(--callout-summary, 83, 223, 221), 0.267);
--bg: rgba(var(--callout-summary, 83, 223, 221), 0.063);
}
&[data-callout="info"] {
--color: rgb(var(--callout-info, 2, 122, 255));
--border: rgba(var(--callout-info, 2, 122, 255), 0.267);
--bg: rgba(var(--callout-info, 2, 122, 255), 0.063);
}
&[data-callout="todo"] {
--color: rgb(var(--callout-todo, 2, 122, 255));
--border: rgba(var(--callout-todo, 2, 122, 255), 0.267);
--bg: rgba(var(--callout-todo, 2, 122, 255), 0.063);
}
&[data-callout="tip"] {
--color: rgb(var(--callout-tip, 83, 223, 221));
--border: rgba(var(--callout-tip, 83, 223, 221), 0.267);
--bg: rgba(var(--callout-tip, 83, 223, 221), 0.063);
}
&[data-callout="success"] {
--color: rgb(var(--callout-success, 68, 207, 110));
--border: rgba(var(--callout-success, 68, 207, 110), 0.267);
--bg: rgba(var(--callout-success, 68, 207, 110), 0.063);
}
&[data-callout="question"] {
--color: rgb(var(--callout-question, 233, 151, 63));
--border: rgba(var(--callout-question, 233, 151, 63), 0.267);
--bg: rgba(var(--callout-question, 233, 151, 63), 0.063);
}
&[data-callout="warning"] {
--color: rgb(var(--callout-warning, 233, 151, 63));
--border: rgba(var(--callout-warning, 233, 151, 63), 0.267);
--bg: rgba(var(--callout-warning, 233, 151, 63), 0.063);
}
&[data-callout="failure"] {
--color: rgb(var(--callout-fail, 251, 70, 76));
--border: rgba(var(--callout-fail, 251, 70, 76), 0.267);
--bg: rgba(var(--callout-fail, 251, 70, 76), 0.063);
}
&[data-callout="danger"] {
--color: rgb(var(--callout-error, 251, 70, 76));
--border: rgba(var(--callout-error, 251, 70, 76), 0.267);
--bg: rgba(var(--callout-error, 251, 70, 76), 0.063);
}
&[data-callout="bug"] {
--color: rgb(var(--callout-bug, 251, 70, 76));
--border: rgba(var(--callout-bug, 251, 70, 76), 0.267);
--bg: rgba(var(--callout-bug, 251, 70, 76), 0.063);
}
&[data-callout="example"] {
--color: rgb(var(--callout-example, 168, 130, 255));
--border: rgba(var(--callout-example, 168, 130, 255), 0.267);
--bg: rgba(var(--callout-example, 168, 130, 255), 0.063);
}
&[data-callout="quote"] {
--color: rgb(var(--callout-quote, 158, 158, 158));
--border: rgba(var(--callout-quote, 158, 158, 158), 0.267);
--bg: rgba(var(--callout-quote, 158, 158, 158), 0.063);
}
}
*/
:root[reader-mode="on"] {
body[data-slug] {
div#quartz-root.page {
transition: background-color .2s;
&:not(:has(.sidebar:hover)) {
background-color: transparent;
transition: background-color .2s;
.sidebar {
opacity: 0;
transition: opacity .2s;
}
}
}
div#quartz-root.page:not(:has(.center:hover, footer:hover)):hover {
.sidebar {
opacity: 1;
transition: opacity .2s;
}
}
}
}
/* fallback for internal links */
body a.internal-link {
background-color: rgb(from var(--highlight) r g b / 0.3);
}
:root[saved-theme="light"], :root[saved-theme="dark"] {
body {
a.external-link, a.internal-link, .breadcrumb-container .breadcrumb-element > a, footer a {
text-decoration: none;
}
div#quartz-root.page[data-frame="canvas"] > div#quartz-body,
div#quartz-root.page[data-frame="excalidraw"] > div#quartz-body {
width: 100%;
max-width: 100%;
&> .canvas-frame,
&> .excalidraw-frame {
padding-left: 0;
padding-right: 0;
}
}
}
}
}