@layer quartz-base, obsidian-theme, quartz-themes-base, obsidian-theme-overrides;
@layer obsidian-theme {
.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-h: 258;
--accent-l: 66%;
--accent-s: 88%;
--active-line-bg: rgba(255, 255, 255, 0.035);
--adaptive-list-edit-offset: var(--list-edit-offset);
--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);
--ax1: #9878e0;
--ax2: #b09ae8;
--background-modifier-accent: var(--ax1);
--background-modifier-active-hover: var(--bg3);
--background-modifier-border: var(--ui1);
--background-modifier-border-focus: var(--ui3);
--background-modifier-border-hover: var(--ui2);
--background-modifier-box-shadow: rgba(0, 0, 0, 0.4);
--background-modifier-cover: rgba(0, 0, 0, 0.5);
--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(--bg1);
--background-modifier-form-field-highlighted: var(--bg1);
--background-modifier-form-field-hover: var(--background-modifier-form-field);
--background-modifier-hover: var(--bg3);
--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-primary: var(--bg1);
--background-primary-alt: var(--bg2);
--background-secondary: var(--bg2);
--background-secondary-alt: var(--bg1);
--background-table-rows: var(--bg2);
--bases-cards-background: var(--background-primary);
--bases-cards-border-width: var(--border-width);
--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(--radius-s);
--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: 0px;
--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: calc(var(--font-adaptive-normal) * 0.875);
--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: var(--font-weight);
--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;
--bases-toolbar-opacity: 0;
--bg1: #1d1a17;
--bg2: #242018;
--bg3: #2a2520;
--blockquote-background-color: transparent;
--blockquote-border-color: var(--quote-opening-modifier);
--blockquote-border-thickness: 1px;
--blockquote-color: var(--text-muted);
--blockquote-font-style: normal;
--blockquote-size: 1em;
--blockquote-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-modifier: 200;
--bold-weight: calc(var(--font-weight) + var(--bold-modifier));
--border-color: var(--background-modifier-border);
--border-width: 1px;
--btn-shadow-color: rgba(0, 0, 0, 0.2);
--button-corner-shape: var(--corner-shape);
--button-radius: var(--input-radius);
--calendar-dot-active: var(--text-faint);
--calendar-dot-today: var(--text-accent);
--callout-blend-mode: var(--highlight-mix-blend-mode);
--callout-blue: #6b9fd4;
--callout-border-opacity: 0.25;
--callout-border-width: 0px;
--callout-brown: #8b7255;
--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-orange: #d97a40;
--callout-padding: var(--size-4-3) var(--size-4-3) var(--size-4-3) var(--size-4-6);
--callout-purple: #9878e0;
--callout-question: var(--color-orange);
--callout-quote: #9e9e9e;
--callout-radius: var(--radius-s);
--callout-red: var(--praxis-error);
--callout-success: var(--color-green);
--callout-summary: var(--color-cyan);
--callout-teal: #5bbfb2;
--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);
--callout-yellow: #c9a84c;
--canvas-background: var(--background-primary);
--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: var(--background-modifier-border-hover);
--cards-aspect-ratio: auto;
--cards-background: transparent;
--cards-background-hover: transparent;
--cards-border-width: 1px;
--cards-columns: repeat(auto-fit, minmax(var(--cards-min-width), var(--cards-max-width)));
--cards-image-fit: var(--praxis-cards-image-fit);
--cards-image-height: var(--praxis-cards-image-height);
--cards-max-width: 1fr;
--cards-min-width: var(--praxis-cards-min-width);
--cards-mobile-width: min(100%, 180px);
--cards-padding: var(--praxis-space-4);
--caret-color: var(--text-normal);
--chart-color-1: var(--color-blue);
--chart-color-2: var(--color-red);
--chart-color-3: var(--color-yellow);
--chart-color-4: var(--color-green);
--chart-color-5: var(--color-orange);
--chart-color-6: var(--color-purple);
--chart-color-7: var(--color-cyan);
--chart-color-8: var(--color-pink);
--chart-max-width: none;
--chart-width: auto;
--checkbox-border-color: var(--text-faint);
--checkbox-border-color-hover: var(--text-muted);
--checkbox-color: var(--ax1);
--checkbox-color-hover: var(--interactive-accent-hover);
--checkbox-left: 0px;
--checkbox-margin: 0px 6px 0px -2em;
--checkbox-margin-inline-start: 0.85em;
--checkbox-marker-color: var(--background-primary);
--checkbox-radius: 55%;
--checkbox-size: var(--font-text-size);
--checkbox-top: 2px;
--checklist-done-color: var(--text-normal);
--checklist-done-decoration: none;
--clickable-icon-radius: var(--radius-s);
--code-background: var(--background-primary-alt);
--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(--tx1);
--code-operator: var(--color-red);
--code-property: var(--color-cyan);
--code-punctuation: var(--text-muted);
--code-radius: var(--radius-s);
--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-faint);
--collapse-icon-color-collapsed: var(--text-accent);
--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-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: #6b9fd4;
--color-blue-rgb: 107,159,212;
--color-cyan: #7dcfc5;
--color-cyan-rgb: 125,207,197;
--color-green: #5bbfb2;
--color-green-rgb: 91,191,178;
--color-orange: #e8975c;
--color-orange-rgb: 232,151,92;
--color-pink: #c87ab0;
--color-pink-rgb: 200,122,176;
--color-purple: #9878e0;
--color-purple-rgb: 152,120,224;
--color-red: #d97a40;
--color-red-rgb: 217,122,64;
--color-yellow: #c9a84c;
--color-yellow-rgb: 201,168,76;
--container-chart-max-width: var(--max-width);
--container-chart-width: var(--line-width);
--container-dataview-table-width: var(--line-width);
--container-iframe-max-width: var(--max-width);
--container-iframe-width: var(--line-width);
--container-img-max-width: var(--max-width);
--container-img-width: var(--line-width);
--container-map-max-width: var(--max-width);
--container-map-width: var(--line-width);
--container-table-margin: calc(var(--content-margin-start) - var(--table-drag-space));
--container-table-max-width: var(--max-width);
--container-table-width: calc(var(--line-width) + var(--table-drag-space)*2);
--content-line-width: min(var(--line-width), var(--max-width));
--content-margin: auto;
--content-margin-start: max(
calc(50% - var(--line-width)/2),
calc(50% - var(--max-width)/2) );
--corner-shape: round;
--cursor: pointer;
--cursor-link: pointer;
--dark: var(--text-normal, var(--tx1));
--darkgray: var(--text-normal, var(--tx1));
--dialog-max-height: 85vh;
--dialog-max-width: 80vw;
--dialog-width: 560px;
--direction: 1;
--divider-color: var(--ui1);
--divider-color-hover: var(--interactive-accent);
--divider-vertical-height: 100%;
--divider-width: 1px;
--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(--interactive-normal);
--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-action-color: var(--text-normal);
--embed-action-radius: var(--clickable-icon-radius);
--embed-actions-background: color-mix(var(--background-primary) 80%, transparent);
--embed-actions-blur: var(--blur-s);
--embed-actions-corner-shape: var(--corner-shape);
--embed-actions-padding: var(--size-2-1);
--embed-actions-radius: calc(var(--embed-action-radius) + var(--embed-actions-padding));
--embed-actions-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 0 6px 0 rgba(0, 0, 0, 0.05);
--embed-block-shadow-hover: none;
--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-decoration-color: var(--background-modifier-border-hover);
--embed-decoration-style: solid;
--embed-max-height: none;
--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-primary);
--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: var(--praxis-line-width);
--file-margins: var(--file-margins-y) var(--file-margins-x);
--file-margins-x: var(--size-4-8);
--file-margins-y: var(--size-4-2);
--flair-background: var(--interactive-normal);
--flair-color: var(--text-normal);
--focus-animation-duration: 0.1s;
--focus-ring-color: var(--csstools-light-dark-toggle--23, #0df);
--focus-ring-outline: 2px solid light-dark(#0060df, #0df);
--folding-offset: 32px;
--font-adaptive-normal: var(--font-text-size,var(--editor-font-size));
--font-adaptive-small: calc(var(--font-ui-small) * 1.07);
--font-adaptive-smaller: var(--font-ui-small);
--font-adaptive-smallest: var(--font-ui-smaller);
--font-black: 900;
--font-bold: 700;
--font-code: calc(var(--font-adaptive-normal) * 0.9);
--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-editor-theme: var(--font-text-theme, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, 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: 11px;
--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-background: hsl(
var(--frame-background-h),
var(--frame-background-s),
var(--frame-background-l));
--frame-background-h: var(--accent-h);
--frame-background-l: calc(var(--accent-l) - 25%);
--frame-background-s: var(--accent-s);
--frame-divider-color: var(--ui1);
--frame-icon-color: var(--frame-muted-color);
--frame-left-space: 0px;
--frame-muted-color: hsl(
var(--frame-background-h),
calc(var(--frame-background-s) - 10%),
calc(var(--frame-background-l) + 25%));
--frame-outline-color: hsla(
var(--frame-background-h),
calc(var(--frame-background-s) - 2%),
calc(var(--frame-background-l) + 6.5%),
1
);
--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(--tx2));
--gutter-background: transparent;
--h1: var(--h1-size);
--h1-color: var(--praxis-heading-1-color);
--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.125em;
--h1-style: normal;
--h1-variant: normal;
--h1-weight: var(--praxis-heading-weight);
--h1l: var(--ui1);
--h2: var(--h2-size);
--h2-color: var(--praxis-heading-2-color);
--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.05em;
--h2-style: normal;
--h2-variant: normal;
--h2-weight: var(--praxis-heading-weight);
--h2l: var(--ui1);
--h3: var(--h3-size);
--h3-color: var(--praxis-heading-3-color);
--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: 1em;
--h3-style: normal;
--h3-variant: normal;
--h3-weight: var(--praxis-heading-weight);
--h3l: var(--ui1);
--h4: var(--h4-size);
--h4-color: var(--praxis-heading-4-color);
--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: 0.90em;
--h4-style: normal;
--h4-variant: normal;
--h4-weight: 500;
--h4l: var(--ui1);
--h5: var(--h5-size);
--h5-color: var(--praxis-heading-5-color);
--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: 0.85em;
--h5-style: normal;
--h5-variant: small-caps;
--h5-weight: 500;
--h5l: var(--ui1);
--h6: var(--h6-size);
--h6-color: var(--praxis-heading-6-color);
--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: 0.85em;
--h6-style: normal;
--h6-variant: small-caps;
--h6-weight: 400;
--h6l: var(--ui1);
--header-height: 55px;
--headerFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--heading-formatting: var(--text-faint);
--heading-spacing: 2em;
--hider-ribbon-display: none;
--highlight: var(--text-highlight-bg, var(--hl2));
--highlight-mix-blend-mode: lighten;
--hl1: rgba(152, 120, 224, 0.25);
--hl2: rgba(217, 122, 64, 0.22);
--hr-color: var(--background-modifier-border);
--hr-thickness: 2px;
--icon-color: var(--tx2);
--icon-color-active: var(--tx1);
--icon-color-focused: var(--tx1);
--icon-color-hover: var(--tx2);
--icon-hex: var(--mono0);
--icon-l: 18px;
--icon-l-stroke-width: 1.75px;
--icon-m: 18px;
--icon-m-stroke-width: 1.75px;
--icon-muted: 0.5;
--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;
--iframe-max-width: none;
--iframe-width: auto;
--image-grid-background: transparent;
--image-grid-fit: cover;
--image-mix: normal;
--image-muted: 0.7;
--image-radius: var(--radius-s);
--img-grid-background: transparent;
--img-grid-fit: cover;
--img-grid-gap: var(--praxis-img-grid-gap);
--img-line-width: var(--content-line-width);
--img-margin-start: var(--content-margin-start);
--img-max-width: 100%;
--img-width: auto;
--img-zoom-background: rgba(0, 0, 0, 0.72);
--img-zoom-in-cursor: zoom-in;
--img-zoom-max-height: 90vh;
--img-zoom-max-width: 96%;
--img-zoom-out-cursor: zoom-out;
--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: 1rem;
--inline-title-size: var(--praxis-inline-title-size);
--inline-title-style: var(--h1-style);
--inline-title-variant: var(--h1-variant);
--inline-title-weight: var(--h1-weight);
--input-border-width: var(--border-width);
--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: 32px;
--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: 5px;
--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(--ax1);
--interactive-accent-hover: var(--ax1);
--interactive-accent-hsl: var(--color-accent-hsl);
--interactive-accent-rgb: 152, 120, 224;
--interactive-hover: var(--ui1);
--interactive-normal: var(--bg3);
--kanban-border: 0px;
--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, var(--bg1));
--lightgray: var(--background-secondary, var(--bg2));
--line-height: 1.5;
--line-height-normal: var(--line-height);
--line-height-tight: 1.3;
--line-number-color: var(--text-faint);
--line-number-color-active: var(--text-muted);
--line-width: 44.5rem;
--line-width-wide: calc(var(--line-width) + 12.5%);
--link-color: var(--text-accent);
--link-color-hover: var(--text-accent-hover);
--link-decoration: none;
--link-decoration-hover: underline;
--link-decoration-thickness: auto;
--link-external-color: var(--text-accent);
--link-external-color-hover: var(--text-accent-hover);
--link-external-decoration: none;
--link-external-decoration-hover: underline;
--link-external-filter: none;
--link-unresolved-color: var(--text-accent);
--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-weight);
--list-bullet-border: none;
--list-bullet-end-padding: 1.3rem;
--list-bullet-radius: 50%;
--list-bullet-size: 0.3em;
--list-bullet-transform: none;
--list-edit-offset: 0.5em;
--list-indent: 2em;
--list-indent-editing: 0.75em;
--list-indent-source: 0;
--list-marker-color: var(--tx3);
--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;
--map-header-padding: 2px;
--map-max-width: none;
--map-width: auto;
--max-col-width: 18em;
--max-width: 72rem;
--menu-backdrop-filter: none;
--menu-background: var(--background-secondary);
--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: transparent;
--metadata-border-color: transparent;
--metadata-border-radius: var(--radius-s);
--metadata-border-width: 0;
--metadata-display-editing: block;
--metadata-display-reading: block;
--metadata-divider-color: transparent;
--metadata-divider-color-focus: transparent;
--metadata-divider-color-hover: transparent;
--metadata-divider-width: 0;
--metadata-gap: var(--praxis-properties-gap);
--metadata-input-background: transparent;
--metadata-input-background-active: transparent;
--metadata-input-background-hover: transparent;
--metadata-input-font: var(--font-interface);
--metadata-input-font-size: var(--font-ui-small);
--metadata-input-height: var(--praxis-properties-input-height);
--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: transparent;
--metadata-label-background-active: transparent;
--metadata-label-background-hover: transparent;
--metadata-label-font: var(--font-interface);
--metadata-label-font-size: var(--font-ui-small);
--metadata-label-font-weight: 500;
--metadata-label-text-color: var(--text-muted);
--metadata-label-text-color-hover: var(--text-normal);
--metadata-label-width: clamp(112px, 24%, var(--praxis-properties-label-width));
--metadata-label-width-multiplier: 9;
--metadata-max-width: var(--file-line-width);
--metadata-padding: 0 0 var(--praxis-space-4) 0;
--metadata-property-background: transparent;
--metadata-property-background-active: transparent;
--metadata-property-background-hover: color-mix(in srgb, var(--background-modifier-hover) 34%, transparent);
--metadata-property-box-shadow-focus: 0 0 0 2px var(--background-modifier-border-focus);
--metadata-property-box-shadow-hover: 0 0 0 var(--border-width) var(--background-modifier-border-hover);
--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: var(--size-2-1) 0;
--metadata-property-radius: var(--radius-s);
--metadata-property-radius-focus: var(--radius-s);
--metadata-property-radius-hover: var(--radius-s);
--metadata-sidebar-input-font-size: var(--font-ui-smaller);
--metadata-sidebar-label-font-size: var(--font-ui-smaller);
--mobile-left-sidebar-width: 280pt;
--mobile-right-sidebar-width: 240pt;
--mobile-sidebar-background: var(--bg1);
--modal-background: var(--background-primary);
--modal-border-color: var(--ui2);
--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;
--mono0: black;
--mono100: white;
--nav-collapse-icon-color: var(--tx2);
--nav-collapse-icon-color-collapsed: var(--tx2);
--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(--ui1);
--nav-indentation-guide-width: var(--indentation-guide-width);
--nav-item-background-active: color-mix(in srgb, var(--bg3) 72%, var(--ax1));
--nav-item-background-hover: var(--bg3);
--nav-item-background-selected: color-mix(in oklch, var(--color-accent) 15%, transparent);
--nav-item-children-margin-start: var(--size-4-3);
--nav-item-children-padding-start: var(--size-2-2);
--nav-item-color: var(--tx2);
--nav-item-color-active: var(--tx1);
--nav-item-color-highlighted: var(--text-accent);
--nav-item-color-hover: var(--tx1);
--nav-item-color-selected: var(--tx1);
--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(--radius-s);
--nav-item-size: var(--font-ui-small);
--nav-item-white-space: nowrap;
--nav-tag-background: transparent;
--nav-tag-color: var(--text-faint);
--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);
--nested-padding: 1.1em;
--normal-weight: 400;
--p-spacing: 1.75rem;
--p-spacing-empty: 0rem;
--page-border: 9px solid transparent;
--page-margin: 1px auto -8px;
--pdf-background: var(--background-primary);
--pdf-dark-opacity: 1;
--pdf-page-background: var(--background-primary);
--pdf-shadow: none;
--pdf-sidebar-background: var(--background-primary);
--pdf-spread-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
--pdf-thumbnail-shadow: none;
--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;
--praxis-cards-image-fit: contain;
--praxis-cards-image-height: 400px;
--praxis-cards-min-width: 180px;
--praxis-error: #e06f6f;
--praxis-heading-1-color: var(--color-red);
--praxis-heading-2-color: var(--color-orange);
--praxis-heading-3-color: var(--color-yellow);
--praxis-heading-4-color: var(--color-green);
--praxis-heading-5-color: var(--color-blue);
--praxis-heading-6-color: var(--color-purple);
--praxis-heading-weight: 500;
--praxis-icon-alarm: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2 2M5 3 2 6M22 6l-3-3M6.4 19.6 4 22M17.6 19.6 20 22'/%3E%3C/svg%3E");
--praxis-icon-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.7 18-8-14a2 2 0 0 0-3.4 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3Z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E");
--praxis-icon-bookmark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z'/%3E%3C/svg%3E");
--praxis-icon-brain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5a3 3 0 1 0-6 .1 4 4 0 0 0-2.5 5.8 4 4 0 0 0 .5 6.6A4 4 0 1 0 12 18Z'/%3E%3Cpath d='M12 5a3 3 0 1 1 6 .1 4 4 0 0 1 2.5 5.8 4 4 0 0 1-.5 6.6A4 4 0 1 1 12 18Z'/%3E%3Cpath d='M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4'/%3E%3C/svg%3E");
--praxis-icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4M16 2v4'/%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
--praxis-icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
--praxis-icon-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
--praxis-icon-flame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.4-.5-2-1-3-1.1 1.1-2 2.3-2 4a4 4 0 0 0 8 0c0-2.3-1.1-4.4-3-6 .2 1.6-.3 3-1.5 4.5'/%3E%3Cpath d='M12 22a8 8 0 0 0 8-8c0-4.8-3.4-7.7-6.2-10.6-.8 2.8-2.5 4.4-4.6 6.2C7.5 11.1 6 12.7 6 15a6 6 0 0 0 12 0'/%3E%3C/svg%3E");
--praxis-icon-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.5-1.5 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3.3.8-4.5 2.1A6 6 0 0 0 7.5 3 5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4 3 5.5l7 7 7-7z'/%3E%3C/svg%3E");
--praxis-icon-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
--praxis-icon-key: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 18v3c0 .6.4 1 1 1h4v-3h3v-3h2l1.4-1.4a6.5 6.5 0 1 0-4-4Z'/%3E%3Ccircle cx='16.5' cy='7.5' r='.5' fill='black'/%3E%3C/svg%3E");
--praxis-icon-lightbulb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 22h4M12 2v2M4.9 4.9l1.4 1.4M19.1 4.9l-1.4 1.4M2 12h2M20 12h2'/%3E%3Cpath d='M8 14a6 6 0 1 1 8 0c-.7.7-1 1.4-1 2H9c0-.6-.3-1.3-1-2Z'/%3E%3C/svg%3E");
--praxis-icon-map-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.9-8 12-8 12S4 14.9 4 10a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
--praxis-icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
--praxis-icon-note: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.4 2.6a1 1 0 0 1 3 3l-9 9a2 2 0 0 1-.9.5l-2.9.8.8-2.9a2 2 0 0 1 .5-.9Z'/%3E%3C/svg%3E");
--praxis-icon-paper-plane: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E");
--praxis-icon-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.6a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.8.3 1.7.6 2.6.7a2 2 0 0 1 2 2.3Z'/%3E%3C/svg%3E");
--praxis-icon-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
--praxis-icon-question: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.1 9a3 3 0 1 1 5.8 1c-.7 1.2-2.9 1.6-2.9 3M12 17h.01'/%3E%3C/svg%3E");
--praxis-icon-quote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21c3 0 7-1 7-8V5c0-1.3-.7-2-2-2H4c-1.3 0-2 .7-2 2v4c0 1.3.7 2 2 2h3c0 4-2 6-4 6v4Z'/%3E%3Cpath d='M15 21c3 0 7-1 7-8V5c0-1.3-.7-2-2-2h-4c-1.3 0-2 .7-2 2v4c0 1.3.7 2 2 2h3c0 4-2 6-4 6v4Z'/%3E%3C/svg%3E");
--praxis-icon-review: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Crect x='9' y='3' width='6' height='4' rx='1'/%3E%3Cpath d='m9 14 2 2 4-5'/%3E%3C/svg%3E");
--praxis-icon-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.5 2.3a.6.6 0 0 1 1 0l3 6.1 6.7 1a.6.6 0 0 1 .3 1l-4.9 4.8 1.2 6.7a.6.6 0 0 1-.9.6L12 19.3l-6 3.2a.6.6 0 0 1-.9-.6l1.2-6.7-4.9-4.8a.6.6 0 0 1 .3-1l6.7-1 3-6.1z'/%3E%3C/svg%3E");
--praxis-icon-thumbs-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14V2'/%3E%3Cpath d='M9 18.1 10 14H4.2a2 2 0 0 1-1.9-2.6l1.4-7A2 2 0 0 1 5.6 3H17a2 2 0 0 1 2 2v8.4a4 4 0 0 1-.8 2.4L14 21a2 2 0 0 1-3-2.6Z'/%3E%3C/svg%3E");
--praxis-icon-thumbs-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12'/%3E%3Cpath d='M15 5.9 14 10h5.8a2 2 0 0 1 1.9 2.6l-1.4 7a2 2 0 0 1-1.9 1.4H7a2 2 0 0 1-2-2v-8.4a4 4 0 0 1 .8-2.4L10 3a2 2 0 0 1 3 2.6Z'/%3E%3C/svg%3E");
--praxis-icon-trend-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 17-8.5-8.5-5 5L2 7'/%3E%3Cpath d='M16 17h6v-6'/%3E%3C/svg%3E");
--praxis-icon-trend-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17'/%3E%3Cpath d='M16 7h6v6'/%3E%3C/svg%3E");
--praxis-icon-trophy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4M7 4h10v5a5 5 0 0 1-10 0Z'/%3E%3Cpath d='M5 4H3v3a4 4 0 0 0 4 4M19 4h2v3a4 4 0 0 1-4 4'/%3E%3C/svg%3E");
--praxis-icon-wallet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14h.01'/%3E%3Cpath d='M7 7h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14'/%3E%3C/svg%3E");
--praxis-img-grid-gap: 8px;
--praxis-inline-title-size: 42px;
--praxis-line-width: 44.5rem;
--praxis-properties-gap: 0px;
--praxis-properties-input-height: 26px;
--praxis-properties-label-width: 128px;
--praxis-radius: 13px;
--praxis-radius-lg: 21px;
--praxis-radius-md: 13px;
--praxis-radius-sm: 8px;
--praxis-radius-xl: 34px;
--praxis-radius-xs: 5px;
--praxis-space-1: 3px;
--praxis-space-2: 5px;
--praxis-space-3: 8px;
--praxis-space-4: 13px;
--praxis-space-5: 21px;
--praxis-space-6: 34px;
--praxis-space-7: 55px;
--praxis-space-8: 89px;
--praxis-tab-text-color: var(--tx2);
--praxis-tab-text-color-active: var(--tx1);
--praxis-task-brown: #b8a88a;
--praxis-task-mint: #5bbfb2;
--praxis-task-muted: #8c8078;
--praxis-task-orange: #d97a40;
--praxis-task-progress-border: color-mix(in srgb, var(--praxis-task-muted) 52%, transparent);
--praxis-task-progress-fill: var(--praxis-task-mint);
--praxis-task-progress-track: color-mix(in srgb, var(--praxis-task-muted) 18%, transparent);
--praxis-task-violet: #9878e0;
--preferred-text-scale: 1;
--progress-complete: var(--text-accent);
--progress-outline: var(--background-modifier-border);
--prompt-backdrop-filter: none;
--prompt-background: var(--background-primary);
--prompt-border-color: var(--ui3);
--prompt-border-width: var(--border-width);
--prompt-input-height: 40px;
--prompt-max-height: 70vh;
--prompt-max-width: 80vw;
--prompt-width: 700px;
--quote-opening-modifier: var(--ui2);
--radius-l: var(--praxis-radius-lg);
--radius-m: var(--praxis-radius-lg);
--radius-s: var(--praxis-radius);
--radius-xl: 34px;
--radius-xs: 5px;
--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;
--ribbon-animation-duration: 0.1s;
--ribbon-background: var(--bg2);
--ribbon-background-collapsed: var(--background-primary);
--ribbon-padding: var(--size-4-2) var(--size-4-1) var(--size-4-3);
--ribbon-width: 44px;
--safe-area-inset-bottom: 0px;
--safe-area-inset-left: 0px;
--safe-area-inset-right: 0px;
--safe-area-inset-top: 0px;
--scrollbar-active-thumb-bg: var(--ui3);
--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: var(--ui1);
--scrollbar-width: 12px;
--search-clear-button-color: var(--text-muted);
--search-clear-button-size: 13px;
--search-icon-color: var(--text-muted);
--search-icon-size: 16px;
--search-input-corner-shape: var(--input-corner-shape);
--search-input-radius: var(--input-radius);
--search-result-background: var(--bg1);
--secondary: var(--text-accent, var(--ax1));
--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-alt);
--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);
--shadow-color: rgba(0, 0, 0, 0.35);
--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: 3px;
--size-2-2: 5px;
--size-2-3: 8px;
--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-background: white;
--slider-thumb-background-hover: white;
--slider-thumb-border-color: var(--background-modifier-border-hover);
--slider-thumb-border-width: 0.5px;
--slider-thumb-height: 18px;
--slider-thumb-height-active: var(--slider-thumb-height);
--slider-thumb-radius: var(--slider-thumb-height);
--slider-thumb-shadow: 0 0px 2px 0px rgba(0, 0, 0, 0.1), 0 2px 6px 0px rgba(0, 0, 0, 0.1);
--slider-thumb-shadow-active: var(--slider-thumb-shadow);
--slider-thumb-shadow-focus: var(--slider-thumb-shadow-active), 0 0px 0px 2px var(--background-modifier-border-focus);
--slider-thumb-shadow-hover: var(--slider-thumb-shadow);
--slider-thumb-width: 18px;
--slider-thumb-width-active: var(--slider-thumb-width);
--slider-thumb-y: -6px;
--slider-thumb-y-active: var(--slider-thumb-y);
--slider-track-background: var(--background-modifier-border-hover);
--slider-track-height: 4px;
--slider-value-font-size: var(--font-ui-small);
--slider-value-font-weight: var(--input-font-weight);
--sp1: var(--mono0);
--spreadHorizontalWrapped-margin-LR: -3.5px;
--status-bar-background: var(--background-secondary);
--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);
--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: transparent;
--tab-background-active: var(--background-primary);
--tab-container-background: var(--background-secondary);
--tab-curve: 0;
--tab-divider-color: var(--background-modifier-border-hover);
--tab-font-size: var(--font-ui-small);
--tab-height: 34px;
--tab-max-width: 320px;
--tab-outline-color: var(--ui1);
--tab-outline-width: 1px;
--tab-radius: 13px;
--tab-radius-active: 13px;
--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(--radius-xl);
--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(--tx1);
--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: 0px;
--table-background: transparent;
--table-border-color: color-mix(in srgb, var(--ui1) 60%, transparent);
--table-border-width: var(--border-width);
--table-cell-padding: var(--praxis-space-3) var(--praxis-space-4);
--table-cell-vertical-alignment: top;
--table-column-alt-background: var(--table-background);
--table-column-first-border-width: 0;
--table-column-last-border-width: 0;
--table-column-max-width: none;
--table-column-min-width: 6ch;
--table-drag-handle-background: transparent;
--table-drag-handle-background-active: var(--text-selection);
--table-drag-handle-color: var(--text-faint);
--table-drag-handle-color-active: var(--text-accent);
--table-drag-padding: var(--table-drag-space);
--table-drag-space: 16px;
--table-drop-indicator-half-width: 2px;
--table-edge-cell-padding-first: var(--praxis-space-4);
--table-edge-cell-padding-last: var(--praxis-space-4);
--table-header-background: color-mix(in srgb, var(--bg3) 60%, var(--bg2));
--table-header-border-color: var(--table-border-color);
--table-header-border-width: 1px;
--table-header-color: var(--tx1);
--table-header-size: var(--table-text-size);
--table-header-weight: 500;
--table-line-height: var(--line-height-tight);
--table-max-width: none;
--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: 0;
--table-selection: var(--text-selection);
--table-selection-blend-mode: var(--highlight-mix-blend-mode);
--table-selection-border-color: var(--text-accent);
--table-selection-border-radius: 0px;
--table-selection-border-width: 0px;
--table-text-size: calc(var(--font-adaptive-normal) * 0.875);
--table-white-space: break-spaces;
--table-width: auto;
--table-wrapper-width: fit-content;
--tag-background: transparent;
--tag-background-hover: transparent;
--tag-border-color: var(--background-modifier-border);
--tag-border-color-hover: var(--background-modifier-border-hover);
--tag-border-width: 1px;
--tag-color: var(--text-muted);
--tag-color-hover: var(--text-normal);
--tag-corner-shape: round;
--tag-decoration: none;
--tag-decoration-hover: none;
--tag-padding-x: 0.65em;
--tag-padding-y: 0.2em;
--tag-radius: 2em;
--tag-size: 0.8em;
--tertiary: var(--text-accent-hover, var(--ax2));
--text-accent: var(--ax1);
--text-accent-hover: var(--ax2);
--text-blockquote: var(--tx2);
--text-bold: var(--tx1);
--text-code: var(--tx4);
--text-error: var(--praxis-error);
--text-faint: var(--tx3);
--text-formatting: var(--tx3);
--text-highlight-bg: var(--hl2);
--text-highlight-bg-active: rgba(152, 120, 224, 0.15);
--text-highlight-bg-rgb: 255, 208, 0;
--text-italic: var(--tx1);
--text-muted: var(--tx2);
--text-normal: var(--tx1);
--text-on-accent: var(--sp1);
--text-on-accent-inverted: black;
--text-selection: var(--hl1);
--text-success: var(--color-green);
--text-warning: var(--color-orange);
--textHighlight: var(--text-highlight-bg, var(--hl2));
--title-color: var(--tx1);
--title-color-inactive: var(--tx2);
--titleFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--titlebar-background: var(--bg1);
--titlebar-background-focused: var(--background-secondary);
--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(--tx1);
--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-opacity-active: 1;
--toggle-thumb-radius: 18px;
--toggle-thumb-width: 18px;
--toggle-width: 40px;
--top-left-padding-y: 0px;
--touch-radius-l: var(--touch-size-l);
--touch-radius-m: var(--touch-size-m);
--touch-radius-s: var(--touch-size-s);
--touch-radius-xl: var(--touch-size-xl);
--touch-radius-xs: var(--touch-size-xs);
--touch-radius-xxs: var(--touch-size-xxs);
--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);
--tx1: #efe7d5;
--tx2: #b8a88a;
--tx3: #8c8078;
--tx4: #5bbfb2;
--ui1: #3a3530;
--ui2: #4a4540;
--ui3: rgba(152, 120, 224, 0.28);
--vault-profile-actions-display: flex;
--vault-profile-color: var(--tx1);
--vault-profile-color-hover: var(--tx1);
--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;
--workspace-background-translucent: rgba(29, 26, 23, 0.85);
--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-secondary);
color: var(--text-normal);
}
html[saved-theme="dark"] body .page > div#quartz-body div.sidebar.left {
border-right-color: rgb(58, 53, 48);
border-right-style: solid;
border-right-width: 1px;
}
html[saved-theme="dark"] body .page > div#quartz-body div.sidebar.right {
--background-secondary: var(--background-primary);
--bases-table-header-background: var(--background-secondary);
background-color: var(--tab-container-background);
border-left-color: rgb(58, 53, 48);
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 {
--focus-animation-duration: 0.1s;
--hider-ribbon-display: none;
--image-mix: normal;
--ribbon-animation-duration: 0.1s;
}
/* aspect: headings */
html[saved-theme="dark"] body h1 {
--font-weight: var(--h1-weight);
border-bottom-color: rgb(58, 53, 48);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(217, 122, 64);
border-left-width: 0px;
border-right-color: rgb(217, 122, 64);
border-right-width: 0px;
border-top-color: rgb(217, 122, 64);
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: rgb(232, 151, 92);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(232, 151, 92);
border-left-width: 0px;
border-right-color: rgb(232, 151, 92);
border-right-width: 0px;
border-top-color: rgb(232, 151, 92);
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: rgb(201, 168, 76);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(201, 168, 76);
border-left-width: 0px;
border-right-color: rgb(201, 168, 76);
border-right-width: 0px;
border-top-color: rgb(201, 168, 76);
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: rgb(91, 191, 178);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(91, 191, 178);
border-left-width: 0px;
border-right-color: rgb(91, 191, 178);
border-right-width: 0px;
border-top-color: rgb(91, 191, 178);
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: rgb(107, 159, 212);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(107, 159, 212);
border-left-width: 0px;
border-right-color: rgb(107, 159, 212);
border-right-width: 0px;
border-top-color: rgb(107, 159, 212);
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: rgb(152, 120, 224);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(152, 120, 224);
border-left-width: 0px;
border-right-color: rgb(152, 120, 224);
border-right-width: 0px;
border-top-color: rgb(152, 120, 224);
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(--font-text);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: rgb(239, 231, 213) none 0px;
text-decoration-color: rgb(239, 231, 213);
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(--font-text);
font-weight: var(--normal-weight);
outline: rgb(239, 231, 213) none 0px;
text-decoration-color: rgb(239, 231, 213);
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(--font-text);
font-weight: var(--normal-weight);
outline: rgb(239, 231, 213) none 0px;
text-decoration-color: rgb(239, 231, 213);
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(--italic-color);
cursor: grab;
font-family: var(--font-text);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: rgb(239, 231, 213) none 0px;
text-decoration-color: rgb(239, 231, 213);
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(--font-text);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: rgb(239, 231, 213) none 0px;
text-decoration-color: rgb(239, 231, 213);
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(--font-text);
font-weight: var(--normal-weight);
outline: rgb(239, 231, 213) none 0px;
text-decoration-color: rgb(239, 231, 213);
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(--font-text);
font-weight: var(--normal-weight);
outline: rgb(239, 231, 213) none 0px;
text-decoration: line-through;
text-decoration-color: rgb(239, 231, 213);
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: var(--normal-weight);
outline: rgb(184, 168, 138) none 0px;
text-decoration-color: rgb(184, 168, 138);
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(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 32px;
padding-block-start: 4px;
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: 12px;
padding-right: 12px;
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(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
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: 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(--text-muted);
}
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(--font-text);
font-weight: var(--link-weight);
outline: rgb(152, 120, 224) none 0px;
text-decoration: underline;
text-decoration-color: rgb(152, 120, 224);
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(--font-text);
font-weight: var(--link-weight);
outline: rgb(152, 120, 224) none 0px;
text-decoration: underline;
text-decoration-color: rgb(152, 120, 224);
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(--font-text);
font-weight: var(--link-weight);
outline: rgb(152, 120, 224) none 0px;
text-decoration: oklch(0.648161 0.152777 296.063 / 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(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: rgb(239, 231, 213);
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-size: 16px;
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(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: rgb(239, 231, 213);
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-size: 16px;
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 {
--praxis-task-color: var(--praxis-task-muted);
--praxis-task-icon: var(--praxis-icon-paper-plane);
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 {
--praxis-task-color: var(--praxis-task-muted);
--praxis-task-icon: var(--praxis-icon-paper-plane);
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(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
/* aspect: blockquotes */
html[saved-theme="dark"] body blockquote {
background-color: var(--blockquote-background-color);
border-inline-start: 1px solid rgb(74, 69, 64);
color: var(--blockquote-color);
font-family: var(--font-text);
font-style: var(--blockquote-font-style);
font-weight: var(--normal-weight);
line-height: var(--line-height-normal);
margin-inline-end: 0px;
margin-inline-start: 0px;
padding-bottom: 0px;
padding-inline-start: var(--nested-padding);
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
/* aspect: tables */
html[saved-theme="dark"] body .table-container {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
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: color(srgb 0.227451 0.207843 0.188235 / 0.6);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.227451 0.207843 0.188235 / 0.6);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.227451 0.207843 0.188235 / 0.6);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.227451 0.207843 0.188235 / 0.6);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-normal);
font-family: var(--font-editor);
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: 8px;
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-editor);
}
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: rgba(0, 0, 0, 0);
border-bottom-color: color(srgb 0.227451 0.207843 0.188235 / 0.6);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.227451 0.207843 0.188235 / 0.6);
border-left-style: solid;
border-left-width: var(--table-column-first-border-width);
border-right-color: color(srgb 0.227451 0.207843 0.188235 / 0.6);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.227451 0.207843 0.188235 / 0.6);
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: var(--normal-weight);
padding-block-end: 8px;
padding-block-start: 8px;
padding-bottom: 8px;
padding-inline-end: 13px;
padding-inline-start: var(--table-edge-cell-padding-first);
padding-left: 13px;
padding-right: 13px;
padding-top: 8px;
text-align: start;
vertical-align: var(--table-cell-vertical-alignment);
}
html[saved-theme="dark"] body th {
background-color: var(--table-header-background);
border-bottom-color: color(srgb 0.227451 0.207843 0.188235 / 0.6);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.227451 0.207843 0.188235 / 0.6);
border-left-style: solid;
border-left-width: var(--table-column-first-border-width);
border-right-color: color(srgb 0.227451 0.207843 0.188235 / 0.6);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.227451 0.207843 0.188235 / 0.6);
border-top-left-radius: 0px;
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: 8px;
padding-block-start: 8px;
padding-bottom: 8px;
padding-inline-end: 13px;
padding-inline-start: var(--table-edge-cell-padding-first);
padding-left: 13px;
padding-right: 13px;
padding-top: 8px;
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: color(srgb 0.227451 0.207843 0.188235 / 0.6);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: color(srgb 0.227451 0.207843 0.188235 / 0.6);
border-left-width: 0px;
border-right-color: color(srgb 0.227451 0.207843 0.188235 / 0.6);
border-right-width: 0px;
border-top-color: color(srgb 0.227451 0.207843 0.188235 / 0.6);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-editor);
}
html[saved-theme="dark"] body tr {
background-color: var(--table-header-background);
border-bottom-color: color(srgb 0.227451 0.207843 0.188235 / 0.6);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: color(srgb 0.227451 0.207843 0.188235 / 0.6);
border-left-width: 0px;
border-right-color: color(srgb 0.227451 0.207843 0.188235 / 0.6);
border-right-width: 0px;
border-top-color: color(srgb 0.227451 0.207843 0.188235 / 0.6);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-editor);
}
/* aspect: code */
html[saved-theme="dark"] body code {
background-color: var(--code-background);
border-bottom-color: rgb(58, 53, 48);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(58, 53, 48);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(58, 53, 48);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(58, 53, 48);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 0px;
color: var(--code-normal);
font-family: var(--font-monospace);
padding-block-end: 2.1px;
padding-block-start: 2.1px;
padding-bottom: 2.1px;
padding-inline-end: 4.2px;
padding-inline-start: 4.2px;
padding-left: 4.2px;
padding-right: 4.2px;
padding-top: 2.1px;
}
html[saved-theme="dark"] body figure[data-rehype-pretty-code-figure] {
background-color: var(--code-background);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgba(0, 0, 0, 0);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgba(0, 0, 0, 0);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
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: rgba(0, 0, 0, 0);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgba(0, 0, 0, 0);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgba(0, 0, 0, 0);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--ec-uiFontFml);
}
html[saved-theme="dark"] body pre > code > [data-line] {
background-color: var(--code-background);
border-left-color: rgba(0, 0, 0, 0);
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: rgba(0, 0, 0, 0);
border-left-width: 0px;
}
html[saved-theme="dark"] body pre > code [data-highlighted-chars] {
background-color: var(--code-background);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgba(0, 0, 0, 0);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgba(0, 0, 0, 0);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
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: rgba(0, 0, 0, 0);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgba(0, 0, 0, 0);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgba(0, 0, 0, 0);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
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;
}
/* aspect: images */
html[saved-theme="dark"] body audio {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
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(239, 231, 213);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
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: rgb(217, 122, 64);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-width: 0px;
border-left-color: rgb(217, 122, 64);
border-left-width: 0px;
border-radius: 13px;
border-right-color: rgb(217, 122, 64);
border-right-width: 0px;
border-top-color: rgb(217, 122, 64);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
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(239, 231, 213);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-radius: 13px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
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(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(152, 120, 224);
border-left-style: solid;
border-left-width: 2px;
border-radius: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-muted);
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: rgb(239, 231, 213);
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(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-style: solid;
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
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(140, 128, 120);
border-bottom-left-radius: 55%;
border-bottom-right-radius: 55%;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(140, 128, 120);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(140, 128, 120);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(140, 128, 120);
border-top-left-radius: 55%;
border-top-right-radius: 55%;
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-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="$"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="%"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] li.task-list-item[data-task="body"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="'"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="+"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task=", html[saved-theme="dark"] "] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="."] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="0"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="1"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="2"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="3"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="4"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="5"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="6"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="7"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="8"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="9"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task=":"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task=";"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="<"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="="] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="@"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="A"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="B"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="C"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="D"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="E"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="F"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="G"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="H"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="J"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="K"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="L"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="M"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="N"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="O"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="P"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="Q"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="R"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="T"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="U"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="V"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="W"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="X"] {
color: var(--checklist-done-color);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="Y"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="Z"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="_"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="`"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="a"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="e"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="g"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="h"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="j"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="m"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="n"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="o"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="q"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="r"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="s"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="t"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="v"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="x"] {
color: var(--checklist-done-color);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="y"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="z"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="|"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="~"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task='!'] {
--praxis-task-color: var(--praxis-task-orange);
--praxis-task-icon: var(--praxis-icon-alert);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(239, 231, 213);
}
html[saved-theme="dark"] body li.task-list-item[data-task='*'] {
--praxis-task-color: var(--praxis-task-violet);
--praxis-task-icon: var(--praxis-icon-star);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(239, 231, 213);
}
html[saved-theme="dark"] body li.task-list-item[data-task='-'] {
--praxis-task-color: var(--praxis-task-muted);
--praxis-task-icon: var(--praxis-icon-minus);
color: var(--text-faint);
text-decoration: line-through 1px rgb(140, 128, 120);
text-decoration-color: var(--text-faint);
}
html[saved-theme="dark"] body li.task-list-item[data-task='/'] {
--praxis-task-color: var(--praxis-task-muted);
--praxis-task-icon: var(--praxis-icon-minus);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(239, 231, 213);
}
html[saved-theme="dark"] body li.task-list-item[data-task='>'] {
--praxis-task-color: var(--praxis-task-muted);
--praxis-task-icon: var(--praxis-icon-paper-plane);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(239, 231, 213);
}
html[saved-theme="dark"] body li.task-list-item[data-task='?'] {
--praxis-task-color: var(--praxis-task-violet);
--praxis-task-icon: var(--praxis-icon-question);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(239, 231, 213);
}
html[saved-theme="dark"] body li.task-list-item[data-task='I'] {
--praxis-task-color: var(--praxis-task-violet);
--praxis-task-icon: var(--praxis-icon-lightbulb);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(239, 231, 213);
}
html[saved-theme="dark"] body li.task-list-item[data-task='S'] {
--praxis-task-color: var(--praxis-task-mint);
--praxis-task-icon: var(--praxis-icon-wallet);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(239, 231, 213);
}
html[saved-theme="dark"] body li.task-list-item[data-task='b'] {
--praxis-task-color: var(--praxis-task-violet);
--praxis-task-icon: var(--praxis-icon-bookmark);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(239, 231, 213);
}
html[saved-theme="dark"] body li.task-list-item[data-task='c'] {
--praxis-task-color: var(--praxis-task-orange);
--praxis-task-icon: var(--praxis-icon-thumbs-down);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(239, 231, 213);
}
html[saved-theme="dark"] body li.task-list-item[data-task='d'] {
--praxis-task-color: var(--praxis-task-orange);
--praxis-task-icon: var(--praxis-icon-trend-down);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(239, 231, 213);
}
html[saved-theme="dark"] body li.task-list-item[data-task='f'] {
--praxis-task-color: var(--praxis-task-orange);
--praxis-task-icon: var(--praxis-icon-flame);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(239, 231, 213);
}
html[saved-theme="dark"] body li.task-list-item[data-task='i'] {
--praxis-task-color: var(--praxis-task-mint);
--praxis-task-icon: var(--praxis-icon-info);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(239, 231, 213);
}
html[saved-theme="dark"] body li.task-list-item[data-task='k'] {
--praxis-task-color: var(--praxis-task-violet);
--praxis-task-icon: var(--praxis-icon-key);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(239, 231, 213);
}
html[saved-theme="dark"] body li.task-list-item[data-task='l'] {
--praxis-task-color: var(--praxis-task-orange);
--praxis-task-icon: var(--praxis-icon-map-pin);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(239, 231, 213);
}
html[saved-theme="dark"] body li.task-list-item[data-task='p'] {
--praxis-task-color: var(--praxis-task-mint);
--praxis-task-icon: var(--praxis-icon-thumbs-up);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(239, 231, 213);
}
html[saved-theme="dark"] body li.task-list-item[data-task='u'] {
--praxis-task-color: var(--praxis-task-mint);
--praxis-task-icon: var(--praxis-icon-trend-up);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(239, 231, 213);
}
html[saved-theme="dark"] body li.task-list-item[data-task='w'] {
--praxis-task-color: var(--praxis-task-violet);
--praxis-task-icon: var(--praxis-icon-trophy);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(239, 231, 213);
}
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"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task=","] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task=";"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task=":"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="."] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="'"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="@"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="&"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="#"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="%"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="`"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="="] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="|"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="~"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="$"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="A"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="C"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="D"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="e"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="E"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="F"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="g"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="G"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="h"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="H"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="j"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="J"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="K"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="m"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="M"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="N"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="o"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="O"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="q"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="Q"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="r"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="s"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="T"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="U"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="v"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="V"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="W"] 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="X"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="y"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="Y"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="z"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="Z"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="-"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="!"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.7 18-8-14a2 2 0 0 0-3.4 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3Z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.7 18-8-14a2 2 0 0 0-3.4 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3Z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="?"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.1 9a3 3 0 1 1 5.8 1c-.7 1.2-2.9 1.6-2.9 3M12 17h.01'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.1 9a3 3 0 1 1 5.8 1c-.7 1.2-2.9 1.6-2.9 3M12 17h.01'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="\""] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21c3 0 7-1 7-8V5c0-1.3-.7-2-2-2H4c-1.3 0-2 .7-2 2v4c0 1.3.7 2 2 2h3c0 4-2 6-4 6v4Z'/%3E%3Cpath d='M15 21c3 0 7-1 7-8V5c0-1.3-.7-2-2-2h-4c-1.3 0-2 .7-2 2v4c0 1.3.7 2 2 2h3c0 4-2 6-4 6v4Z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21c3 0 7-1 7-8V5c0-1.3-.7-2-2-2H4c-1.3 0-2 .7-2 2v4c0 1.3.7 2 2 2h3c0 4-2 6-4 6v4Z'/%3E%3Cpath d='M15 21c3 0 7-1 7-8V5c0-1.3-.7-2-2-2h-4c-1.3 0-2 .7-2 2v4c0 1.3.7 2 2 2h3c0 4-2 6-4 6v4Z'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="*"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.5 2.3a.6.6 0 0 1 1 0l3 6.1 6.7 1a.6.6 0 0 1 .3 1l-4.9 4.8 1.2 6.7a.6.6 0 0 1-.9.6L12 19.3l-6 3.2a.6.6 0 0 1-.9-.6l1.2-6.7-4.9-4.8a.6.6 0 0 1 .3-1l6.7-1 3-6.1z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.5 2.3a.6.6 0 0 1 1 0l3 6.1 6.7 1a.6.6 0 0 1 .3 1l-4.9 4.8 1.2 6.7a.6.6 0 0 1-.9.6L12 19.3l-6 3.2a.6.6 0 0 1-.9-.6l1.2-6.7-4.9-4.8a.6.6 0 0 1 .3-1l6.7-1 3-6.1z'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="/"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="+"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="<"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4M16 2v4'/%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4M16 2v4'/%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task=">"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="a"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2 2M5 3 2 6M22 6l-3-3M6.4 19.6 4 22M17.6 19.6 20 22'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2 2M5 3 2 6M22 6l-3-3M6.4 19.6 4 22M17.6 19.6 20 22'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="b"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="B"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5a3 3 0 1 0-6 .1 4 4 0 0 0-2.5 5.8 4 4 0 0 0 .5 6.6A4 4 0 1 0 12 18Z'/%3E%3Cpath d='M12 5a3 3 0 1 1 6 .1 4 4 0 0 1 2.5 5.8 4 4 0 0 1-.5 6.6A4 4 0 1 1 12 18Z'/%3E%3Cpath d='M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5a3 3 0 1 0-6 .1 4 4 0 0 0-2.5 5.8 4 4 0 0 0 .5 6.6A4 4 0 1 0 12 18Z'/%3E%3Cpath d='M12 5a3 3 0 1 1 6 .1 4 4 0 0 1 2.5 5.8 4 4 0 0 1-.5 6.6A4 4 0 1 1 12 18Z'/%3E%3Cpath d='M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="c"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14V2'/%3E%3Cpath d='M9 18.1 10 14H4.2a2 2 0 0 1-1.9-2.6l1.4-7A2 2 0 0 1 5.6 3H17a2 2 0 0 1 2 2v8.4a4 4 0 0 1-.8 2.4L14 21a2 2 0 0 1-3-2.6Z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14V2'/%3E%3Cpath d='M9 18.1 10 14H4.2a2 2 0 0 1-1.9-2.6l1.4-7A2 2 0 0 1 5.6 3H17a2 2 0 0 1 2 2v8.4a4 4 0 0 1-.8 2.4L14 21a2 2 0 0 1-3-2.6Z'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="d"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 17-8.5-8.5-5 5L2 7'/%3E%3Cpath d='M16 17h6v-6'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 17-8.5-8.5-5 5L2 7'/%3E%3Cpath d='M16 17h6v-6'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="f"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.4-.5-2-1-3-1.1 1.1-2 2.3-2 4a4 4 0 0 0 8 0c0-2.3-1.1-4.4-3-6 .2 1.6-.3 3-1.5 4.5'/%3E%3Cpath d='M12 22a8 8 0 0 0 8-8c0-4.8-3.4-7.7-6.2-10.6-.8 2.8-2.5 4.4-4.6 6.2C7.5 11.1 6 12.7 6 15a6 6 0 0 0 12 0'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.4-.5-2-1-3-1.1 1.1-2 2.3-2 4a4 4 0 0 0 8 0c0-2.3-1.1-4.4-3-6 .2 1.6-.3 3-1.5 4.5'/%3E%3Cpath d='M12 22a8 8 0 0 0 8-8c0-4.8-3.4-7.7-6.2-10.6-.8 2.8-2.5 4.4-4.6 6.2C7.5 11.1 6 12.7 6 15a6 6 0 0 0 12 0'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="i"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="I"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 22h4M12 2v2M4.9 4.9l1.4 1.4M19.1 4.9l-1.4 1.4M2 12h2M20 12h2'/%3E%3Cpath d='M8 14a6 6 0 1 1 8 0c-.7.7-1 1.4-1 2H9c0-.6-.3-1.3-1-2Z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 22h4M12 2v2M4.9 4.9l1.4 1.4M19.1 4.9l-1.4 1.4M2 12h2M20 12h2'/%3E%3Cpath d='M8 14a6 6 0 1 1 8 0c-.7.7-1 1.4-1 2H9c0-.6-.3-1.3-1-2Z'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="k"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 18v3c0 .6.4 1 1 1h4v-3h3v-3h2l1.4-1.4a6.5 6.5 0 1 0-4-4Z'/%3E%3Ccircle cx='16.5' cy='7.5' r='.5' fill='black'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 18v3c0 .6.4 1 1 1h4v-3h3v-3h2l1.4-1.4a6.5 6.5 0 1 0-4-4Z'/%3E%3Ccircle cx='16.5' cy='7.5' r='.5' fill='black'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="l"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.9-8 12-8 12S4 14.9 4 10a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.9-8 12-8 12S4 14.9 4 10a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="L"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.5-1.5 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3.3.8-4.5 2.1A6 6 0 0 0 7.5 3 5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4 3 5.5l7 7 7-7z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.5-1.5 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3.3.8-4.5 2.1A6 6 0 0 0 7.5 3 5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4 3 5.5l7 7 7-7z'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="n"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.4 2.6a1 1 0 0 1 3 3l-9 9a2 2 0 0 1-.9.5l-2.9.8.8-2.9a2 2 0 0 1 .5-.9Z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.4 2.6a1 1 0 0 1 3 3l-9 9a2 2 0 0 1-.9.5l-2.9.8.8-2.9a2 2 0 0 1 .5-.9Z'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="p"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12'/%3E%3Cpath d='M15 5.9 14 10h5.8a2 2 0 0 1 1.9 2.6l-1.4 7a2 2 0 0 1-1.9 1.4H7a2 2 0 0 1-2-2v-8.4a4 4 0 0 1 .8-2.4L10 3a2 2 0 0 1 3 2.6Z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12'/%3E%3Cpath d='M15 5.9 14 10h5.8a2 2 0 0 1 1.9 2.6l-1.4 7a2 2 0 0 1-1.9 1.4H7a2 2 0 0 1-2-2v-8.4a4 4 0 0 1 .8-2.4L10 3a2 2 0 0 1 3 2.6Z'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="P"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.6a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.8.3 1.7.6 2.6.7a2 2 0 0 1 2 2.3Z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.6a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.8.3 1.7.6 2.6.7a2 2 0 0 1 2 2.3Z'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="R"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Crect x='9' y='3' width='6' height='4' rx='1'/%3E%3Cpath d='m9 14 2 2 4-5'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Crect x='9' y='3' width='6' height='4' rx='1'/%3E%3Cpath d='m9 14 2 2 4-5'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="S"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14h.01'/%3E%3Cpath d='M7 7h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14h.01'/%3E%3Cpath d='M7 7h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="t"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="u"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17'/%3E%3Cpath d='M16 7h6v6'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17'/%3E%3Cpath d='M16 7h6v6'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="dark"] body li.task-list-item[data-task="w"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4M7 4h10v5a5 5 0 0 1-10 0Z'/%3E%3Cpath d='M5 4H3v3a4 4 0 0 0 4 4M19 4h2v3a4 4 0 0 1-4 4'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4M7 4h10v5a5 5 0 0 1-10 0Z'/%3E%3Cpath d='M5 4H3v3a4 4 0 0 0 4 4M19 4h2v3a4 4 0 0 1-4 4'/%3E%3C/svg%3E");
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%;
}
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=">"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="a"] 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="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="L"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="n"] 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="P"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="R"] 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="t"] 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: rgb(152, 120, 224);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(152, 120, 224);
border-left-width: 0px;
border-right-color: rgb(152, 120, 224);
border-right-width: 0px;
border-top-color: rgb(152, 120, 224);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(239, 231, 213);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-purple);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-color);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.596078 0.470588 0.878431 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.596078 0.470588 0.878431 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.596078 0.470588 0.878431 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.596078 0.470588 0.878431 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.596078 0.470588 0.878431 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(239, 231, 213);
}
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: rgb(152, 120, 224);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(152, 120, 224);
border-left-width: 0px;
border-right-color: rgb(152, 120, 224);
border-right-width: 0px;
border-top-color: rgb(152, 120, 224);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(239, 231, 213);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-red);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-color);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.878431 0.435294 0.435294 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.878431 0.435294 0.435294 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.878431 0.435294 0.435294 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.878431 0.435294 0.435294 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.878431 0.435294 0.435294 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(239, 231, 213);
}
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: rgb(152, 120, 224);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(152, 120, 224);
border-left-width: 0px;
border-right-color: rgb(152, 120, 224);
border-right-width: 0px;
border-top-color: rgb(152, 120, 224);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(239, 231, 213);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-red);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-color);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.878431 0.435294 0.435294 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.878431 0.435294 0.435294 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.878431 0.435294 0.435294 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.878431 0.435294 0.435294 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.878431 0.435294 0.435294 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(239, 231, 213);
}
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: rgb(152, 120, 224);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(152, 120, 224);
border-left-width: 0px;
border-right-color: rgb(152, 120, 224);
border-right-width: 0px;
border-top-color: rgb(152, 120, 224);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(239, 231, 213);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-brown);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--tx2);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.545098 0.447059 0.333333 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.545098 0.447059 0.333333 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.545098 0.447059 0.333333 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.545098 0.447059 0.333333 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.545098 0.447059 0.333333 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(239, 231, 213);
}
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: rgb(152, 120, 224);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(152, 120, 224);
border-left-width: 0px;
border-right-color: rgb(152, 120, 224);
border-right-width: 0px;
border-top-color: rgb(152, 120, 224);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(239, 231, 213);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-red);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-color);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.878431 0.435294 0.435294 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.878431 0.435294 0.435294 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.878431 0.435294 0.435294 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.878431 0.435294 0.435294 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.878431 0.435294 0.435294 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(239, 231, 213);
}
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: rgb(152, 120, 224);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(152, 120, 224);
border-left-width: 0px;
border-right-color: rgb(152, 120, 224);
border-right-width: 0px;
border-top-color: rgb(152, 120, 224);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(239, 231, 213);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-purple);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-color);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.596078 0.470588 0.878431 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.596078 0.470588 0.878431 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.596078 0.470588 0.878431 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.596078 0.470588 0.878431 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.596078 0.470588 0.878431 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(239, 231, 213);
}
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: rgb(152, 120, 224);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(152, 120, 224);
border-left-width: 0px;
border-right-color: rgb(152, 120, 224);
border-right-width: 0px;
border-top-color: rgb(152, 120, 224);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(239, 231, 213);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-purple);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-color);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.596078 0.470588 0.878431 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.596078 0.470588 0.878431 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.596078 0.470588 0.878431 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.596078 0.470588 0.878431 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.596078 0.470588 0.878431 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(239, 231, 213);
}
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: rgb(152, 120, 224);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(152, 120, 224);
border-left-width: 0px;
border-right-color: rgb(152, 120, 224);
border-right-width: 0px;
border-top-color: rgb(152, 120, 224);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(239, 231, 213);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-yellow);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-color);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.788235 0.658824 0.298039 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.788235 0.658824 0.298039 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.788235 0.658824 0.298039 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.788235 0.658824 0.298039 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.788235 0.658824 0.298039 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(239, 231, 213);
}
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: rgb(152, 120, 224);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(152, 120, 224);
border-left-width: 0px;
border-right-color: rgb(152, 120, 224);
border-right-width: 0px;
border-top-color: rgb(152, 120, 224);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(239, 231, 213);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-brown);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--tx2);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.545098 0.447059 0.333333 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.545098 0.447059 0.333333 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.545098 0.447059 0.333333 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.545098 0.447059 0.333333 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.545098 0.447059 0.333333 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(239, 231, 213);
}
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: rgb(152, 120, 224);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(152, 120, 224);
border-left-width: 0px;
border-right-color: rgb(152, 120, 224);
border-right-width: 0px;
border-top-color: rgb(152, 120, 224);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(239, 231, 213);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-teal);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-color);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.356863 0.74902 0.698039 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.356863 0.74902 0.698039 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.356863 0.74902 0.698039 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.356863 0.74902 0.698039 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.356863 0.74902 0.698039 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(239, 231, 213);
}
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: rgb(152, 120, 224);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(152, 120, 224);
border-left-width: 0px;
border-right-color: rgb(152, 120, 224);
border-right-width: 0px;
border-top-color: rgb(152, 120, 224);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(239, 231, 213);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-teal);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-color);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.356863 0.74902 0.698039 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.356863 0.74902 0.698039 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.356863 0.74902 0.698039 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.356863 0.74902 0.698039 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.356863 0.74902 0.698039 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(239, 231, 213);
}
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: rgb(152, 120, 224);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(152, 120, 224);
border-left-width: 0px;
border-right-color: rgb(152, 120, 224);
border-right-width: 0px;
border-top-color: rgb(152, 120, 224);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(239, 231, 213);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-purple);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-color);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.596078 0.470588 0.878431 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.596078 0.470588 0.878431 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.596078 0.470588 0.878431 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.596078 0.470588 0.878431 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.596078 0.470588 0.878431 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(239, 231, 213);
}
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: rgb(152, 120, 224);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(152, 120, 224);
border-left-width: 0px;
border-right-color: rgb(152, 120, 224);
border-right-width: 0px;
border-top-color: rgb(152, 120, 224);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(239, 231, 213);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-orange);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-color);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.85098 0.478431 0.25098 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.85098 0.478431 0.25098 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.85098 0.478431 0.25098 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.85098 0.478431 0.25098 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.85098 0.478431 0.25098 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(239, 231, 213);
}
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: rgb(152, 120, 224);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(152, 120, 224);
border-left-width: 0px;
border-right-color: rgb(152, 120, 224);
border-right-width: 0px;
border-top-color: rgb(152, 120, 224);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(239, 231, 213);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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: var(--normal-weight);
}
html[saved-theme="dark"] body .search > .search-button {
background-color: rgb(29, 26, 23);
border-bottom-color: rgb(58, 53, 48);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(58, 53, 48);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(58, 53, 48);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(58, 53, 48);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
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(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
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: var(--normal-weight);
outline: rgb(239, 231, 213) none 0px;
text-decoration-color: rgb(239, 231, 213);
text-decoration-style: solid;
transition: all;
}
html[saved-theme="dark"] body .search > .search-container > .search-space > .search-layout {
border-bottom-color: rgb(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
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: var(--normal-weight);
}
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(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
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: 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(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
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: rgba(0, 0, 0, 0);
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: rgb(29, 26, 23);
border-bottom-color: rgb(58, 53, 48);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(58, 53, 48);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(58, 53, 48);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(58, 53, 48);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: 0 0 0 var(--input-border-width-focus) var(--background-modifier-border-focus);
}
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(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
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: rgba(0, 0, 0, 0);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-top-left-radius: 13px;
border-top-right-radius: 13px;
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: rgb(58, 53, 48);
border-bottom-left-radius: 26px;
border-bottom-right-radius: 26px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(58, 53, 48);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(58, 53, 48);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(58, 53, 48);
border-top-left-radius: 26px;
border-top-right-radius: 26px;
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: rgb(58, 53, 48);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(217, 122, 64);
border-left-width: 0px;
border-right-color: rgb(217, 122, 64);
border-right-width: 0px;
border-top-color: rgb(217, 122, 64);
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: 10.8px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 7.2px;
padding-block-start: 0px;
padding-bottom: 7.2px;
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: rgb(232, 151, 92);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(232, 151, 92);
border-left-width: 0px;
border-right-color: rgb(232, 151, 92);
border-right-width: 0px;
border-top-color: rgb(232, 151, 92);
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: 28px;
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: rgb(58, 53, 48);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(217, 122, 64);
border-left-width: 0px;
border-right-color: rgb(217, 122, 64);
border-right-width: 0px;
border-top-color: rgb(217, 122, 64);
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.63px;
line-height: var(--inline-title-line-height);
margin-block-end: var(--inline-title-margin-bottom);
margin-block-start: 0px;
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 14.7px;
padding-block-start: 16px;
padding-bottom: 14.7px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 16px;
}
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: rgb(201, 168, 76);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(201, 168, 76);
border-left-width: 0px;
border-right-color: rgb(201, 168, 76);
border-right-width: 0px;
border-top-color: rgb(201, 168, 76);
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: 28px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 28px;
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: rgb(91, 191, 178);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(91, 191, 178);
border-left-width: 0px;
border-right-color: rgb(91, 191, 178);
border-right-width: 0px;
border-top-color: rgb(91, 191, 178);
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: 28px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 28px;
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: rgb(107, 159, 212);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(107, 159, 212);
border-left-width: 0px;
border-right-color: rgb(107, 159, 212);
border-right-width: 0px;
border-top-color: rgb(107, 159, 212);
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: 28px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 28px;
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: rgb(152, 120, 224);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(152, 120, 224);
border-left-width: 0px;
border-right-color: rgb(152, 120, 224);
border-right-width: 0px;
border-top-color: rgb(152, 120, 224);
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: 28px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 28px;
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: rgb(58, 53, 48);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(58, 53, 48);
border-left-width: 0px;
border-right-color: rgb(58, 53, 48);
border-right-width: 0px;
border-top-color: rgb(58, 53, 48);
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: rgb(58, 53, 48);
box-shadow: 0 0 0 var(--input-border-width-focus) var(--background-modifier-border-focus);
}
/* 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-purple);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-color);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
border-bottom-color: color(srgb 0.596078 0.470588 0.878431 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.596078 0.470588 0.878431 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.596078 0.470588 0.878431 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.596078 0.470588 0.878431 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
padding-block-end: 13px;
padding-block-start: 13px;
padding-bottom: 13px;
padding-inline-end: 13px;
padding-inline-start: 13px;
padding-left: 13px;
padding-right: 13px;
padding-top: 13px;
}
html[saved-theme="dark"] body body {
scrollbar-width: var(--scrollbar-native-width);
}
/* aspect: explorer */
html[saved-theme="dark"] body .explorer .folder-container > div {
color: var(--nav-item-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="dark"] body .nav-files-container {
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-family: var(--font-interface);
}
html[saved-theme="dark"] body .nav-files-container .collapse-icon {
color: var(--nav-item-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(184, 168, 138);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-width: 0px;
border-left-color: rgb(184, 168, 138);
border-left-width: 0px;
border-right-color: rgb(184, 168, 138);
border-right-width: 0px;
border-top-color: rgb(184, 168, 138);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
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: 1px solid rgb(58, 53, 48);
border-left-color: rgb(58, 53, 48);
border-left-style: solid;
border-left-width: 1px;
}
html[saved-theme="dark"] body .nav-files-container li:has(> .folder-outer.open) > .nav-folder-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 li:has(> .folder-outer:not(.open)) > .nav-folder-title {
color: var(--nav-item-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: rgb(239, 231, 213);
}
/* aspect: graph */
html[saved-theme="dark"] body .graph > .global-graph-outer > .global-graph-container {
background-color: var(--background-secondary);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 21px;
border-bottom-right-radius: 21px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgba(0, 0, 0, 0);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgba(0, 0, 0, 0);
border-top-left-radius: 21px;
border-top-right-radius: 21px;
border-top-style: solid;
border-top-width: 1px;
}
html[saved-theme="dark"] body .graph > .graph-outer {
background-color: var(--background-secondary);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 21px;
border-bottom-right-radius: 21px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgba(0, 0, 0, 0);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgba(0, 0, 0, 0);
border-top-left-radius: 21px;
border-top-right-radius: 21px;
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: rgba(0, 0, 0, 0);
border-bottom-color: rgb(184, 168, 138);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-width: 0px;
border-left-color: rgb(184, 168, 138);
border-left-width: 0px;
border-right-color: rgb(184, 168, 138);
border-right-width: 0px;
border-top-color: rgb(184, 168, 138);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-width: 0px;
color: var(--icon-color);
cursor: var(--cursor);
}
/* aspect: footer */
html[saved-theme="dark"] body footer {
background-color: var(--background-primary);
color: var(--text-faint);
font-family: var(--font-interface);
font-size: var(--font-adaptive-smallest);
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(--text-faint);
font-size: var(--font-adaptive-smallest);
font-weight: var(--normal-weight);
}
/* aspect: recentNotes */
html[saved-theme="dark"] body .recent-notes > h3 {
color: var(--text-normal);
font-family: var(--font-interface);
font-weight: var(--normal-weight);
}
html[saved-theme="dark"] body .recent-notes > ul.recent-ul > li {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
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 {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
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: rgba(0, 0, 0, 0);
border-bottom-color: rgb(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
/* aspect: darkmode */
html[saved-theme="dark"] body .darkmode {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(184, 168, 138);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-width: 0px;
border-left-color: rgb(184, 168, 138);
border-left-width: 0px;
border-right-color: rgb(184, 168, 138);
border-right-width: 0px;
border-top-color: rgb(184, 168, 138);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-width: 0px;
color: var(--icon-color);
cursor: var(--cursor);
}
html[saved-theme="dark"] body .darkmode svg {
color: var(--icon-color);
stroke: rgb(184, 168, 138);
}
/* aspect: breadcrumbs */
html[saved-theme="dark"] body .breadcrumb-container {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(184, 168, 138);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-width: 0px;
border-left-color: rgb(184, 168, 138);
border-left-width: 0px;
border-right-color: rgb(184, 168, 138);
border-right-width: 0px;
border-top-color: rgb(184, 168, 138);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
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: calc(var(--font-adaptive-small) * 2.2);
color: var(--text-muted);
font-size: var(--font-adaptive-normal);
}
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(239, 231, 213);
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .katex > .katex-html {
font-family: var(--font-editor);
}
html[saved-theme="dark"] body .katex-display {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
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-editor);
text-align: center;
}
html[saved-theme="dark"] body .katex-display > .katex > .katex-html {
font-family: var(--font-editor);
}
html[saved-theme="dark"] body .spacer {
background-color: rgba(0, 0, 0, 0);
}
html[saved-theme="dark"] body abbr {
color: rgb(239, 231, 213);
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(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
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(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
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(--file-header-font-weight);
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(184, 168, 138);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(184, 168, 138);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(184, 168, 138);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(184, 168, 138);
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(--font-interface);
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(239, 231, 213);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-width: 0px;
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(140, 128, 120);
border-radius: 55%;
border-width: 1px;
}
html[saved-theme="dark"] body li.task-list-item input[type="checkbox"]:checked {
--praxis-task-color: var(--praxis-task-orange);
--praxis-task-icon: var(--praxis-icon-alarm);
background-color: var(--checkbox-color);
border-color: rgb(152, 120, 224);
}
html[saved-theme="dark"] body pre:has(> code.mermaid) {
background-color: var(--code-background);
border: 0px solid rgb(58, 53, 48);
}
html[saved-theme="dark"] body progress {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(239, 231, 213);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(239, 231, 213);
border-left-width: 0px;
border-right-color: rgb(239, 231, 213);
border-right-width: 0px;
border-top-color: rgb(239, 231, 213);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
height: 6px;
}
html[saved-theme="dark"] body sub {
color: rgb(239, 231, 213);
font-size: 13.3333px;
vertical-align: sub;
}
html[saved-theme="dark"] body summary {
background-color: rgba(0, 0, 0, 0);
color: rgb(239, 231, 213);
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-adaptive-normal);
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: rgb(58, 53, 48);
border-bottom-left-radius: 26px;
border-bottom-right-radius: 26px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(58, 53, 48);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(58, 53, 48);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(58, 53, 48);
border-top-left-radius: 26px;
border-top-right-radius: 26px;
border-top-style: solid;
border-top-width: 1px;
color: var(--pill-color);
}
/* aspect: base */
:root:root {
--accent-h: 258;
--accent-l: 66%;
--accent-s: 88%;
--active-line-bg: rgba(0, 0, 0, 0.03);
--adaptive-list-edit-offset: var(--list-edit-offset);
--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);
--ax1: #7a60c8;
--ax2: #9878e0;
--background-modifier-accent: var(--ax1);
--background-modifier-active-hover: var(--bg3);
--background-modifier-border: var(--ui1);
--background-modifier-border-focus: var(--ui3);
--background-modifier-border-hover: var(--ui2);
--background-modifier-box-shadow: rgba(0, 0, 0, 0.1);
--background-modifier-cover: rgba(29, 26, 23, 0.5);
--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(--bg1);
--background-modifier-form-field-highlighted: var(--bg1);
--background-modifier-form-field-hover: var(--background-modifier-form-field);
--background-modifier-hover: var(--bg3);
--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-primary: var(--bg1);
--background-primary-alt: var(--bg2);
--background-secondary: var(--bg2);
--background-secondary-alt: var(--bg1);
--background-table-rows: var(--bg2);
--bases-cards-background: var(--background-primary);
--bases-cards-border-width: var(--border-width);
--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(--radius-s);
--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: 0px;
--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: calc(var(--font-adaptive-normal) * 0.875);
--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: var(--font-weight);
--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;
--bases-toolbar-opacity: 0;
--bg1: #f7f1e7;
--bg2: #f0e8d8;
--bg3: #e8dfc8;
--blockquote-background-color: transparent;
--blockquote-border-color: var(--quote-opening-modifier);
--blockquote-border-thickness: 1px;
--blockquote-color: var(--text-muted);
--blockquote-font-style: normal;
--blockquote-size: 1em;
--blockquote-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-modifier: 200;
--bold-weight: calc(var(--font-weight) + var(--bold-modifier));
--border-color: var(--background-modifier-border);
--border-width: 1px;
--btn-shadow-color: rgba(0, 0, 0, 0.04);
--button-corner-shape: var(--corner-shape);
--button-radius: var(--input-radius);
--calendar-dot-active: var(--text-faint);
--calendar-dot-today: var(--text-accent);
--callout-blend-mode: var(--highlight-mix-blend-mode);
--callout-blue: #4a7fb0;
--callout-border-opacity: 0.25;
--callout-border-width: 0px;
--callout-brown: #806b4d;
--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-orange: #c47a40;
--callout-padding: var(--size-4-3) var(--size-4-3) var(--size-4-3) var(--size-4-6);
--callout-purple: #7a60c8;
--callout-question: var(--color-orange);
--callout-quote: #9e9e9e;
--callout-radius: var(--radius-s);
--callout-red: var(--praxis-error);
--callout-success: var(--color-green);
--callout-summary: var(--color-cyan);
--callout-teal: #3a8f84;
--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);
--callout-yellow: #a08030;
--canvas-background: var(--background-primary);
--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: var(--background-modifier-border-hover);
--cards-aspect-ratio: auto;
--cards-background: transparent;
--cards-background-hover: transparent;
--cards-border-width: 1px;
--cards-columns: repeat(auto-fit, minmax(var(--cards-min-width), var(--cards-max-width)));
--cards-image-fit: var(--praxis-cards-image-fit);
--cards-image-height: var(--praxis-cards-image-height);
--cards-max-width: 1fr;
--cards-min-width: var(--praxis-cards-min-width);
--cards-mobile-width: min(100%, 180px);
--cards-padding: var(--praxis-space-4);
--caret-color: var(--text-normal);
--chart-color-1: var(--color-blue);
--chart-color-2: var(--color-red);
--chart-color-3: var(--color-yellow);
--chart-color-4: var(--color-green);
--chart-color-5: var(--color-orange);
--chart-color-6: var(--color-purple);
--chart-color-7: var(--color-cyan);
--chart-color-8: var(--color-pink);
--chart-max-width: none;
--chart-width: auto;
--checkbox-border-color: var(--text-faint);
--checkbox-border-color-hover: var(--text-muted);
--checkbox-color: var(--ax1);
--checkbox-color-hover: var(--interactive-accent-hover);
--checkbox-left: 0px;
--checkbox-margin: 0px 6px 0px -2em;
--checkbox-margin-inline-start: 0.85em;
--checkbox-marker-color: var(--background-primary);
--checkbox-radius: 55%;
--checkbox-size: var(--font-text-size);
--checkbox-top: 2px;
--checklist-done-color: var(--text-normal);
--checklist-done-decoration: none;
--clickable-icon-radius: var(--radius-s);
--code-background: var(--background-primary-alt);
--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(--tx1);
--code-operator: var(--color-red);
--code-property: var(--color-cyan);
--code-punctuation: var(--text-muted);
--code-radius: var(--radius-s);
--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-faint);
--collapse-icon-color-collapsed: var(--text-accent);
--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-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: #4a7fb0;
--color-blue-rgb: 107,159,212;
--color-cyan: #5bbfb2;
--color-cyan-rgb: 125,207,197;
--color-green: #3a8f84;
--color-green-rgb: 91,191,178;
--color-orange: #c47a40;
--color-orange-rgb: 232,151,92;
--color-pink: #a05a90;
--color-pink-rgb: 200,122,176;
--color-purple: #7a60c8;
--color-purple-rgb: 152,120,224;
--color-red: #b96830;
--color-red-rgb: 217,122,64;
--color-yellow: #a08030;
--color-yellow-rgb: 201,168,76;
--container-chart-max-width: var(--max-width);
--container-chart-width: var(--line-width);
--container-dataview-table-width: var(--line-width);
--container-iframe-max-width: var(--max-width);
--container-iframe-width: var(--line-width);
--container-img-max-width: var(--max-width);
--container-img-width: var(--line-width);
--container-map-max-width: var(--max-width);
--container-map-width: var(--line-width);
--container-table-margin: calc(var(--content-margin-start) - var(--table-drag-space));
--container-table-max-width: var(--max-width);
--container-table-width: calc(var(--line-width) + var(--table-drag-space)*2);
--content-line-width: min(var(--line-width), var(--max-width));
--content-margin: auto;
--content-margin-start: max(
calc(50% - var(--line-width)/2),
calc(50% - var(--max-width)/2) );
--corner-shape: round;
--cursor: pointer;
--cursor-link: pointer;
--dark: var(--text-normal, var(--tx1));
--darkgray: var(--text-normal, var(--tx1));
--dialog-max-height: 85vh;
--dialog-max-width: 80vw;
--dialog-width: 560px;
--direction: 1;
--divider-color: var(--ui1);
--divider-color-hover: var(--interactive-accent);
--divider-vertical-height: 100%;
--divider-width: 1px;
--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(--interactive-normal);
--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-action-color: var(--text-normal);
--embed-action-radius: var(--clickable-icon-radius);
--embed-actions-background: color-mix(var(--background-primary) 80%, transparent);
--embed-actions-blur: var(--blur-s);
--embed-actions-corner-shape: var(--corner-shape);
--embed-actions-padding: var(--size-2-1);
--embed-actions-radius: calc(var(--embed-action-radius) + var(--embed-actions-padding));
--embed-actions-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 0 6px 0 rgba(0, 0, 0, 0.05);
--embed-block-shadow-hover: none;
--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-decoration-color: var(--background-modifier-border-hover);
--embed-decoration-style: solid;
--embed-max-height: none;
--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-primary);
--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: var(--praxis-line-width);
--file-margins: var(--file-margins-y) var(--file-margins-x);
--file-margins-x: var(--size-4-8);
--file-margins-y: var(--size-4-2);
--flair-background: var(--interactive-normal);
--flair-color: var(--text-normal);
--focus-animation-duration: 0.1s;
--focus-ring-color: var(--csstools-light-dark-toggle--23, #0df);
--focus-ring-outline: 2px solid light-dark(#0060df, #0df);
--folding-offset: 32px;
--font-adaptive-normal: var(--font-text-size,var(--editor-font-size));
--font-adaptive-small: calc(var(--font-ui-small) * 1.07);
--font-adaptive-smaller: var(--font-ui-small);
--font-adaptive-smallest: var(--font-ui-smaller);
--font-black: 900;
--font-bold: 700;
--font-code: calc(var(--font-adaptive-normal) * 0.9);
--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-editor-theme: var(--font-text-theme, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, 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: 11px;
--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-background: hsl(
var(--frame-background-h),
var(--frame-background-s),
var(--frame-background-l));
--frame-background-h: var(--accent-h);
--frame-background-l: calc(var(--accent-l) + 30%);
--frame-background-s: var(--accent-s);
--frame-divider-color: var(--ui1);
--frame-icon-color: var(--frame-muted-color);
--frame-left-space: 0px;
--frame-muted-color: hsl(
var(--frame-background-h),
calc(var(--frame-background-s) - 10%),
calc(var(--frame-background-l) - 35%));
--frame-outline-color: hsla(
var(--frame-background-h),
var(--frame-background-s),
calc(var(--frame-background-l) - 6.5%),
1
);
--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(--tx2));
--gutter-background: transparent;
--h1: var(--h1-size);
--h1-color: var(--praxis-heading-1-color);
--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.125em;
--h1-style: normal;
--h1-variant: normal;
--h1-weight: var(--praxis-heading-weight);
--h1l: var(--ui1);
--h2: var(--h2-size);
--h2-color: var(--praxis-heading-2-color);
--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.05em;
--h2-style: normal;
--h2-variant: normal;
--h2-weight: var(--praxis-heading-weight);
--h2l: var(--ui1);
--h3: var(--h3-size);
--h3-color: var(--praxis-heading-3-color);
--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: 1em;
--h3-style: normal;
--h3-variant: normal;
--h3-weight: var(--praxis-heading-weight);
--h3l: var(--ui1);
--h4: var(--h4-size);
--h4-color: var(--praxis-heading-4-color);
--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: 0.90em;
--h4-style: normal;
--h4-variant: normal;
--h4-weight: 500;
--h4l: var(--ui1);
--h5: var(--h5-size);
--h5-color: var(--praxis-heading-5-color);
--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: 0.85em;
--h5-style: normal;
--h5-variant: small-caps;
--h5-weight: 500;
--h5l: var(--ui1);
--h6: var(--h6-size);
--h6-color: var(--praxis-heading-6-color);
--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: 0.85em;
--h6-style: normal;
--h6-variant: small-caps;
--h6-weight: 400;
--h6l: var(--ui1);
--header-height: 55px;
--headerFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--heading-formatting: var(--text-faint);
--heading-spacing: 2em;
--hider-ribbon-display: none;
--highlight: var(--text-highlight-bg, var(--hl2));
--highlight-mix-blend-mode: darken;
--hl1: rgba(122, 96, 200, 0.2);
--hl2: rgba(185, 102, 40, 0.18);
--hr-color: var(--background-modifier-border);
--hr-thickness: 2px;
--icon-color: var(--tx2);
--icon-color-active: var(--tx1);
--icon-color-focused: var(--tx1);
--icon-color-hover: var(--tx2);
--icon-hex: var(--mono0);
--icon-l: 18px;
--icon-l-stroke-width: 1.75px;
--icon-m: 18px;
--icon-m-stroke-width: 1.75px;
--icon-muted: 0.5;
--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;
--iframe-max-width: none;
--iframe-width: auto;
--image-grid-background: transparent;
--image-grid-fit: cover;
--image-mix: normal;
--image-muted: 0.7;
--image-radius: var(--radius-s);
--img-grid-background: transparent;
--img-grid-fit: cover;
--img-grid-gap: var(--praxis-img-grid-gap);
--img-line-width: var(--content-line-width);
--img-margin-start: var(--content-margin-start);
--img-max-width: 100%;
--img-width: auto;
--img-zoom-background: rgba(0, 0, 0, 0.72);
--img-zoom-in-cursor: zoom-in;
--img-zoom-max-height: 90vh;
--img-zoom-max-width: 96%;
--img-zoom-out-cursor: zoom-out;
--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: 1rem;
--inline-title-size: var(--praxis-inline-title-size);
--inline-title-style: var(--h1-style);
--inline-title-variant: var(--h1-variant);
--inline-title-weight: var(--h1-weight);
--input-border-width: var(--border-width);
--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: 32px;
--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: 5px;
--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(--ax1);
--interactive-accent-hover: var(--ax1);
--interactive-accent-hsl: var(--color-accent-hsl);
--interactive-accent-rgb: 122, 96, 200;
--interactive-hover: var(--ui1);
--interactive-normal: var(--ui1);
--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, var(--bg1));
--lightgray: var(--background-secondary, var(--bg2));
--line-height: 1.5;
--line-height-normal: var(--line-height);
--line-height-tight: 1.3;
--line-number-color: var(--text-faint);
--line-number-color-active: var(--text-muted);
--line-width: 44.5rem;
--line-width-wide: calc(var(--line-width) + 12.5%);
--link-color: var(--text-accent);
--link-color-hover: var(--text-accent-hover);
--link-decoration: none;
--link-decoration-hover: underline;
--link-decoration-thickness: auto;
--link-external-color: var(--text-accent);
--link-external-color-hover: var(--text-accent-hover);
--link-external-decoration: none;
--link-external-decoration-hover: underline;
--link-external-filter: none;
--link-unresolved-color: var(--text-accent);
--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-weight);
--list-bullet-border: none;
--list-bullet-end-padding: 1.3rem;
--list-bullet-radius: 50%;
--list-bullet-size: 0.3em;
--list-bullet-transform: none;
--list-edit-offset: 0.5em;
--list-indent: 2em;
--list-indent-editing: 0.75em;
--list-indent-source: 0;
--list-marker-color: var(--tx3);
--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;
--map-header-padding: 2px;
--map-max-width: none;
--map-width: auto;
--max-col-width: 18em;
--max-width: 72rem;
--menu-backdrop-filter: none;
--menu-background: var(--background-secondary);
--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: transparent;
--metadata-border-color: transparent;
--metadata-border-radius: var(--radius-s);
--metadata-border-width: 0;
--metadata-display-editing: block;
--metadata-display-reading: block;
--metadata-divider-color: transparent;
--metadata-divider-color-focus: transparent;
--metadata-divider-color-hover: transparent;
--metadata-divider-width: 0;
--metadata-gap: var(--praxis-properties-gap);
--metadata-input-background: transparent;
--metadata-input-background-active: transparent;
--metadata-input-background-hover: transparent;
--metadata-input-font: var(--font-interface);
--metadata-input-font-size: var(--font-ui-small);
--metadata-input-height: var(--praxis-properties-input-height);
--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: transparent;
--metadata-label-background-active: transparent;
--metadata-label-background-hover: transparent;
--metadata-label-font: var(--font-interface);
--metadata-label-font-size: var(--font-ui-small);
--metadata-label-font-weight: 500;
--metadata-label-text-color: var(--text-muted);
--metadata-label-text-color-hover: var(--text-normal);
--metadata-label-width: clamp(112px, 24%, var(--praxis-properties-label-width));
--metadata-label-width-multiplier: 9;
--metadata-max-width: var(--file-line-width);
--metadata-padding: 0 0 var(--praxis-space-4) 0;
--metadata-property-background: transparent;
--metadata-property-background-active: transparent;
--metadata-property-background-hover: color-mix(in srgb, var(--background-modifier-hover) 34%, transparent);
--metadata-property-box-shadow-focus: 0 0 0 2px var(--background-modifier-border-focus);
--metadata-property-box-shadow-hover: 0 0 0 var(--border-width) var(--background-modifier-border-hover);
--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: var(--size-2-1) 0;
--metadata-property-radius: var(--radius-s);
--metadata-property-radius-focus: var(--radius-s);
--metadata-property-radius-hover: var(--radius-s);
--metadata-sidebar-input-font-size: var(--font-ui-smaller);
--metadata-sidebar-label-font-size: var(--font-ui-smaller);
--mobile-left-sidebar-width: 280pt;
--mobile-right-sidebar-width: 240pt;
--mobile-sidebar-background: var(--bg1);
--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;
--mono0: white;
--mono100: black;
--nav-collapse-icon-color: var(--tx2);
--nav-collapse-icon-color-collapsed: var(--tx2);
--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(--ui1);
--nav-indentation-guide-width: var(--indentation-guide-width);
--nav-item-background-active: color-mix(in srgb, var(--bg3) 72%, var(--ax1));
--nav-item-background-hover: var(--bg3);
--nav-item-background-selected: color-mix(in oklch, var(--color-accent) 15%, transparent);
--nav-item-children-margin-start: var(--size-4-3);
--nav-item-children-padding-start: var(--size-2-2);
--nav-item-color: var(--tx2);
--nav-item-color-active: var(--tx1);
--nav-item-color-highlighted: var(--text-accent);
--nav-item-color-hover: var(--tx1);
--nav-item-color-selected: var(--tx1);
--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(--radius-s);
--nav-item-size: var(--font-ui-small);
--nav-item-white-space: nowrap;
--nav-tag-background: transparent;
--nav-tag-color: var(--text-faint);
--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);
--nested-padding: 1.1em;
--normal-weight: 400;
--p-spacing: 1.75rem;
--p-spacing-empty: 0rem;
--page-border: 9px solid transparent;
--page-margin: 1px auto -8px;
--pdf-background: var(--background-primary);
--pdf-dark-opacity: 1;
--pdf-page-background: var(--background-primary);
--pdf-shadow: none;
--pdf-sidebar-background: var(--background-primary);
--pdf-spread-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
--pdf-thumbnail-shadow: none;
--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;
--praxis-cards-image-fit: contain;
--praxis-cards-image-height: 400px;
--praxis-cards-min-width: 180px;
--praxis-error: #c05050;
--praxis-heading-1-color: var(--color-red);
--praxis-heading-2-color: var(--color-orange);
--praxis-heading-3-color: var(--color-yellow);
--praxis-heading-4-color: var(--color-green);
--praxis-heading-5-color: var(--color-blue);
--praxis-heading-6-color: var(--color-purple);
--praxis-heading-weight: 500;
--praxis-icon-alarm: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2 2M5 3 2 6M22 6l-3-3M6.4 19.6 4 22M17.6 19.6 20 22'/%3E%3C/svg%3E");
--praxis-icon-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.7 18-8-14a2 2 0 0 0-3.4 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3Z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E");
--praxis-icon-bookmark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z'/%3E%3C/svg%3E");
--praxis-icon-brain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5a3 3 0 1 0-6 .1 4 4 0 0 0-2.5 5.8 4 4 0 0 0 .5 6.6A4 4 0 1 0 12 18Z'/%3E%3Cpath d='M12 5a3 3 0 1 1 6 .1 4 4 0 0 1 2.5 5.8 4 4 0 0 1-.5 6.6A4 4 0 1 1 12 18Z'/%3E%3Cpath d='M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4'/%3E%3C/svg%3E");
--praxis-icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4M16 2v4'/%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
--praxis-icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
--praxis-icon-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
--praxis-icon-flame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.4-.5-2-1-3-1.1 1.1-2 2.3-2 4a4 4 0 0 0 8 0c0-2.3-1.1-4.4-3-6 .2 1.6-.3 3-1.5 4.5'/%3E%3Cpath d='M12 22a8 8 0 0 0 8-8c0-4.8-3.4-7.7-6.2-10.6-.8 2.8-2.5 4.4-4.6 6.2C7.5 11.1 6 12.7 6 15a6 6 0 0 0 12 0'/%3E%3C/svg%3E");
--praxis-icon-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.5-1.5 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3.3.8-4.5 2.1A6 6 0 0 0 7.5 3 5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4 3 5.5l7 7 7-7z'/%3E%3C/svg%3E");
--praxis-icon-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
--praxis-icon-key: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 18v3c0 .6.4 1 1 1h4v-3h3v-3h2l1.4-1.4a6.5 6.5 0 1 0-4-4Z'/%3E%3Ccircle cx='16.5' cy='7.5' r='.5' fill='black'/%3E%3C/svg%3E");
--praxis-icon-lightbulb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 22h4M12 2v2M4.9 4.9l1.4 1.4M19.1 4.9l-1.4 1.4M2 12h2M20 12h2'/%3E%3Cpath d='M8 14a6 6 0 1 1 8 0c-.7.7-1 1.4-1 2H9c0-.6-.3-1.3-1-2Z'/%3E%3C/svg%3E");
--praxis-icon-map-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.9-8 12-8 12S4 14.9 4 10a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
--praxis-icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
--praxis-icon-note: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.4 2.6a1 1 0 0 1 3 3l-9 9a2 2 0 0 1-.9.5l-2.9.8.8-2.9a2 2 0 0 1 .5-.9Z'/%3E%3C/svg%3E");
--praxis-icon-paper-plane: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E");
--praxis-icon-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.6a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.8.3 1.7.6 2.6.7a2 2 0 0 1 2 2.3Z'/%3E%3C/svg%3E");
--praxis-icon-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
--praxis-icon-question: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.1 9a3 3 0 1 1 5.8 1c-.7 1.2-2.9 1.6-2.9 3M12 17h.01'/%3E%3C/svg%3E");
--praxis-icon-quote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21c3 0 7-1 7-8V5c0-1.3-.7-2-2-2H4c-1.3 0-2 .7-2 2v4c0 1.3.7 2 2 2h3c0 4-2 6-4 6v4Z'/%3E%3Cpath d='M15 21c3 0 7-1 7-8V5c0-1.3-.7-2-2-2h-4c-1.3 0-2 .7-2 2v4c0 1.3.7 2 2 2h3c0 4-2 6-4 6v4Z'/%3E%3C/svg%3E");
--praxis-icon-review: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Crect x='9' y='3' width='6' height='4' rx='1'/%3E%3Cpath d='m9 14 2 2 4-5'/%3E%3C/svg%3E");
--praxis-icon-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.5 2.3a.6.6 0 0 1 1 0l3 6.1 6.7 1a.6.6 0 0 1 .3 1l-4.9 4.8 1.2 6.7a.6.6 0 0 1-.9.6L12 19.3l-6 3.2a.6.6 0 0 1-.9-.6l1.2-6.7-4.9-4.8a.6.6 0 0 1 .3-1l6.7-1 3-6.1z'/%3E%3C/svg%3E");
--praxis-icon-thumbs-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14V2'/%3E%3Cpath d='M9 18.1 10 14H4.2a2 2 0 0 1-1.9-2.6l1.4-7A2 2 0 0 1 5.6 3H17a2 2 0 0 1 2 2v8.4a4 4 0 0 1-.8 2.4L14 21a2 2 0 0 1-3-2.6Z'/%3E%3C/svg%3E");
--praxis-icon-thumbs-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12'/%3E%3Cpath d='M15 5.9 14 10h5.8a2 2 0 0 1 1.9 2.6l-1.4 7a2 2 0 0 1-1.9 1.4H7a2 2 0 0 1-2-2v-8.4a4 4 0 0 1 .8-2.4L10 3a2 2 0 0 1 3 2.6Z'/%3E%3C/svg%3E");
--praxis-icon-trend-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 17-8.5-8.5-5 5L2 7'/%3E%3Cpath d='M16 17h6v-6'/%3E%3C/svg%3E");
--praxis-icon-trend-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17'/%3E%3Cpath d='M16 7h6v6'/%3E%3C/svg%3E");
--praxis-icon-trophy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4M7 4h10v5a5 5 0 0 1-10 0Z'/%3E%3Cpath d='M5 4H3v3a4 4 0 0 0 4 4M19 4h2v3a4 4 0 0 1-4 4'/%3E%3C/svg%3E");
--praxis-icon-wallet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14h.01'/%3E%3Cpath d='M7 7h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14'/%3E%3C/svg%3E");
--praxis-img-grid-gap: 8px;
--praxis-inline-title-size: 42px;
--praxis-line-width: 44.5rem;
--praxis-properties-gap: 0px;
--praxis-properties-input-height: 26px;
--praxis-properties-label-width: 128px;
--praxis-radius: 13px;
--praxis-radius-lg: 21px;
--praxis-radius-md: 13px;
--praxis-radius-sm: 8px;
--praxis-radius-xl: 34px;
--praxis-radius-xs: 5px;
--praxis-space-1: 3px;
--praxis-space-2: 5px;
--praxis-space-3: 8px;
--praxis-space-4: 13px;
--praxis-space-5: 21px;
--praxis-space-6: 34px;
--praxis-space-7: 55px;
--praxis-space-8: 89px;
--praxis-tab-text-color: var(--tx2);
--praxis-tab-text-color-active: var(--tx1);
--praxis-task-brown: #806b4d;
--praxis-task-mint: #2f8177;
--praxis-task-muted: #8a7a65;
--praxis-task-orange: #a65a2d;
--praxis-task-progress-border: color-mix(in srgb, var(--praxis-task-muted) 42%, transparent);
--praxis-task-progress-fill: var(--praxis-task-mint);
--praxis-task-progress-track: color-mix(in srgb, var(--praxis-task-muted) 14%, transparent);
--praxis-task-violet: #6f55bf;
--preferred-text-scale: 1;
--progress-complete: var(--text-accent);
--progress-outline: var(--background-modifier-border);
--prompt-backdrop-filter: none;
--prompt-background: var(--background-primary);
--prompt-border-color: var(--ui3);
--prompt-border-width: var(--border-width);
--prompt-input-height: 40px;
--prompt-max-height: 70vh;
--prompt-max-width: 80vw;
--prompt-width: 700px;
--quote-opening-modifier: var(--ui2);
--radius-l: var(--praxis-radius-lg);
--radius-m: var(--praxis-radius-lg);
--radius-s: var(--praxis-radius);
--radius-xl: 34px;
--radius-xs: 5px;
--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);
--ribbon-animation-duration: 0.1s;
--ribbon-background: var(--bg2);
--ribbon-background-collapsed: var(--background-primary);
--ribbon-padding: var(--size-4-2) var(--size-4-1) var(--size-4-3);
--ribbon-width: 44px;
--safe-area-inset-bottom: 0px;
--safe-area-inset-left: 0px;
--safe-area-inset-right: 0px;
--safe-area-inset-top: 0px;
--scrollbar-active-thumb-bg: var(--ui3);
--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: var(--ui1);
--scrollbar-width: 12px;
--search-clear-button-color: var(--text-muted);
--search-clear-button-size: 13px;
--search-icon-color: var(--text-muted);
--search-icon-size: 16px;
--search-input-corner-shape: var(--input-corner-shape);
--search-input-radius: var(--input-radius);
--search-result-background: var(--bg1);
--secondary: var(--text-accent, var(--ax1));
--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-alt);
--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);
--shadow-color: rgba(0, 0, 0, 0.08);
--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: 3px;
--size-2-2: 5px;
--size-2-3: 8px;
--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-background: white;
--slider-thumb-background-hover: white;
--slider-thumb-border-color: var(--background-modifier-border-hover);
--slider-thumb-border-width: 0.5px;
--slider-thumb-height: 18px;
--slider-thumb-height-active: var(--slider-thumb-height);
--slider-thumb-radius: var(--slider-thumb-height);
--slider-thumb-shadow: 0 0px 2px 0px rgba(0, 0, 0, 0.1), 0 2px 6px 0px rgba(0, 0, 0, 0.1);
--slider-thumb-shadow-active: var(--slider-thumb-shadow);
--slider-thumb-shadow-focus: var(--slider-thumb-shadow-active), 0 0px 0px 2px var(--background-modifier-border-focus);
--slider-thumb-shadow-hover: var(--slider-thumb-shadow);
--slider-thumb-width: 18px;
--slider-thumb-width-active: var(--slider-thumb-width);
--slider-thumb-y: -6px;
--slider-thumb-y-active: var(--slider-thumb-y);
--slider-track-background: var(--background-modifier-border-hover);
--slider-track-height: 4px;
--slider-value-font-size: var(--font-ui-small);
--slider-value-font-weight: var(--input-font-weight);
--sp1: var(--mono0);
--spreadHorizontalWrapped-margin-LR: -3.5px;
--status-bar-background: var(--background-secondary);
--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);
--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: transparent;
--tab-background-active: var(--background-primary);
--tab-container-background: var(--background-secondary);
--tab-curve: 0;
--tab-divider-color: var(--background-modifier-border-hover);
--tab-font-size: var(--font-ui-small);
--tab-height: 34px;
--tab-max-width: 320px;
--tab-outline-color: var(--ui1);
--tab-outline-width: 1px;
--tab-radius: 13px;
--tab-radius-active: 13px;
--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(--radius-xl);
--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(--tx1);
--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: 0px;
--table-background: transparent;
--table-border-color: color-mix(in srgb, var(--ui1) 60%, transparent);
--table-border-width: var(--border-width);
--table-cell-padding: var(--praxis-space-3) var(--praxis-space-4);
--table-cell-vertical-alignment: top;
--table-column-alt-background: var(--table-background);
--table-column-first-border-width: 0;
--table-column-last-border-width: 0;
--table-column-max-width: none;
--table-column-min-width: 6ch;
--table-drag-handle-background: transparent;
--table-drag-handle-background-active: var(--text-selection);
--table-drag-handle-color: var(--text-faint);
--table-drag-handle-color-active: var(--text-accent);
--table-drag-padding: var(--table-drag-space);
--table-drag-space: 16px;
--table-drop-indicator-half-width: 2px;
--table-edge-cell-padding-first: var(--praxis-space-4);
--table-edge-cell-padding-last: var(--praxis-space-4);
--table-header-background: color-mix(in srgb, var(--bg3) 60%, var(--bg2));
--table-header-border-color: var(--table-border-color);
--table-header-border-width: 1px;
--table-header-color: var(--tx1);
--table-header-size: var(--table-text-size);
--table-header-weight: 500;
--table-line-height: var(--line-height-tight);
--table-max-width: none;
--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: 0;
--table-selection: var(--text-selection);
--table-selection-blend-mode: var(--highlight-mix-blend-mode);
--table-selection-border-color: var(--text-accent);
--table-selection-border-radius: 0px;
--table-selection-border-width: 0px;
--table-text-size: calc(var(--font-adaptive-normal) * 0.875);
--table-white-space: break-spaces;
--table-width: auto;
--table-wrapper-width: fit-content;
--tag-background: transparent;
--tag-background-hover: transparent;
--tag-border-color: var(--background-modifier-border);
--tag-border-color-hover: var(--background-modifier-border-hover);
--tag-border-width: 1px;
--tag-color: var(--text-muted);
--tag-color-hover: var(--text-normal);
--tag-corner-shape: round;
--tag-decoration: none;
--tag-decoration-hover: none;
--tag-padding-x: 0.65em;
--tag-padding-y: 0.2em;
--tag-radius: 2em;
--tag-size: 0.8em;
--tertiary: var(--text-accent-hover, var(--ax2));
--text-accent: var(--ax1);
--text-accent-hover: var(--ax2);
--text-blockquote: var(--tx2);
--text-bold: var(--tx1);
--text-code: var(--tx4);
--text-error: var(--praxis-error);
--text-faint: var(--tx3);
--text-formatting: var(--tx3);
--text-highlight-bg: var(--hl2);
--text-highlight-bg-active: rgba(0, 0, 0, 0.09);
--text-highlight-bg-rgb: 255, 208, 0;
--text-italic: var(--tx1);
--text-muted: var(--tx2);
--text-normal: var(--tx1);
--text-on-accent: var(--sp1);
--text-on-accent-inverted: black;
--text-selection: var(--hl1);
--text-success: var(--color-green);
--text-warning: var(--color-orange);
--textHighlight: var(--text-highlight-bg, var(--hl2));
--title-color: var(--tx1);
--title-color-inactive: var(--tx2);
--titleFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--titlebar-background: var(--bg1);
--titlebar-background-focused: var(--background-secondary);
--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(--tx1);
--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-opacity-active: 1;
--toggle-thumb-radius: 18px;
--toggle-thumb-width: 18px;
--toggle-width: 40px;
--top-left-padding-y: 0px;
--touch-radius-l: var(--touch-size-l);
--touch-radius-m: var(--touch-size-m);
--touch-radius-s: var(--touch-size-s);
--touch-radius-xl: var(--touch-size-xl);
--touch-radius-xs: var(--touch-size-xs);
--touch-radius-xxs: var(--touch-size-xxs);
--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);
--tx1: #211d18;
--tx2: #4a3f2f;
--tx3: #7a6a54;
--tx4: #3a8f84;
--ui1: #d8cdb8;
--ui2: #c4b89a;
--ui3: rgba(122, 96, 200, 0.25);
--vault-profile-actions-display: flex;
--vault-profile-color: var(--tx1);
--vault-profile-color-hover: var(--tx1);
--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;
--workspace-background-translucent: rgba(247, 241, 231, 0.85);
--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-secondary);
color: var(--text-normal);
}
html[saved-theme="light"] body .page > div#quartz-body div.sidebar.left {
border-right-color: rgb(216, 205, 184);
border-right-style: solid;
border-right-width: 1px;
}
html[saved-theme="light"] body .page > div#quartz-body div.sidebar.right {
--background-secondary: var(--background-primary);
--bases-table-header-background: var(--background-secondary);
background-color: var(--tab-container-background);
border-left-color: rgb(216, 205, 184);
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 {
--focus-animation-duration: 0.1s;
--hider-ribbon-display: none;
--image-mix: normal;
--ribbon-animation-duration: 0.1s;
}
/* aspect: headings */
html[saved-theme="light"] body h1 {
--font-weight: var(--h1-weight);
border-bottom-color: rgb(216, 205, 184);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(185, 104, 48);
border-left-width: 0px;
border-right-color: rgb(185, 104, 48);
border-right-width: 0px;
border-top-color: rgb(185, 104, 48);
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: rgb(196, 122, 64);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(196, 122, 64);
border-left-width: 0px;
border-right-color: rgb(196, 122, 64);
border-right-width: 0px;
border-top-color: rgb(196, 122, 64);
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: rgb(160, 128, 48);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(160, 128, 48);
border-left-width: 0px;
border-right-color: rgb(160, 128, 48);
border-right-width: 0px;
border-top-color: rgb(160, 128, 48);
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: rgb(58, 143, 132);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(58, 143, 132);
border-left-width: 0px;
border-right-color: rgb(58, 143, 132);
border-right-width: 0px;
border-top-color: rgb(58, 143, 132);
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: rgb(74, 127, 176);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(74, 127, 176);
border-left-width: 0px;
border-right-color: rgb(74, 127, 176);
border-right-width: 0px;
border-top-color: rgb(74, 127, 176);
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: rgb(122, 96, 200);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(122, 96, 200);
border-left-width: 0px;
border-right-color: rgb(122, 96, 200);
border-right-width: 0px;
border-top-color: rgb(122, 96, 200);
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(--font-editor);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: rgb(33, 29, 24) none 0px;
text-decoration-color: rgb(33, 29, 24);
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(--font-editor);
font-weight: var(--normal-weight);
outline: rgb(33, 29, 24) none 0px;
text-decoration-color: rgb(33, 29, 24);
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(--font-editor);
font-weight: var(--normal-weight);
outline: rgb(33, 29, 24) none 0px;
text-decoration-color: rgb(33, 29, 24);
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(--italic-color);
cursor: grab;
font-family: var(--font-text);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: rgb(33, 29, 24) none 0px;
text-decoration-color: rgb(33, 29, 24);
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(--font-editor);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: rgb(33, 29, 24) none 0px;
text-decoration-color: rgb(33, 29, 24);
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(--font-editor);
font-weight: var(--normal-weight);
outline: rgb(33, 29, 24) none 0px;
text-decoration-color: rgb(33, 29, 24);
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(--table-text-color);
cursor: grab;
font-family: var(--font-editor);
font-weight: var(--normal-weight);
outline: rgb(33, 29, 24) none 0px;
text-decoration: line-through;
text-decoration-color: rgb(33, 29, 24);
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: var(--normal-weight);
outline: rgb(74, 63, 47) none 0px;
text-decoration-color: rgb(74, 63, 47);
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(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 32px;
padding-block-start: 4px;
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: 12px;
padding-right: 12px;
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(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
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: 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: var(--text-muted);
}
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(--font-text);
font-weight: var(--link-weight);
outline: rgb(122, 96, 200) none 0px;
text-decoration: underline;
text-decoration-color: rgb(122, 96, 200);
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(--font-text);
font-weight: var(--link-weight);
outline: rgb(122, 96, 200) none 0px;
text-decoration: underline;
text-decoration-color: rgb(122, 96, 200);
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(--font-text);
font-weight: var(--link-weight);
outline: rgb(122, 96, 200) none 0px;
text-decoration: oklch(0.564628 0.155482 292.21 / 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(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: rgb(33, 29, 24);
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-size: 16px;
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(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: rgb(33, 29, 24);
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-size: 16px;
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 {
--praxis-task-color: var(--praxis-task-muted);
--praxis-task-icon: var(--praxis-icon-paper-plane);
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 {
--praxis-task-color: var(--praxis-task-muted);
--praxis-task-icon: var(--praxis-icon-paper-plane);
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(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
/* aspect: blockquotes */
html[saved-theme="light"] body blockquote {
background-color: var(--blockquote-background-color);
border-inline-start: 1px solid rgb(196, 184, 154);
color: var(--blockquote-color);
font-family: var(--font-text);
font-style: var(--blockquote-font-style);
font-weight: var(--normal-weight);
line-height: var(--line-height-normal);
margin-inline-end: 0px;
margin-inline-start: 0px;
padding-bottom: 0px;
padding-inline-start: var(--nested-padding);
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
/* aspect: tables */
html[saved-theme="light"] body .table-container {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
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: color(srgb 0.847059 0.803922 0.721569 / 0.6);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.847059 0.803922 0.721569 / 0.6);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.847059 0.803922 0.721569 / 0.6);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.847059 0.803922 0.721569 / 0.6);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-normal);
font-family: var(--font-editor);
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: 8px;
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-editor);
}
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: rgba(0, 0, 0, 0);
border-bottom-color: color(srgb 0.847059 0.803922 0.721569 / 0.6);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.847059 0.803922 0.721569 / 0.6);
border-left-style: solid;
border-left-width: var(--table-column-first-border-width);
border-right-color: color(srgb 0.847059 0.803922 0.721569 / 0.6);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.847059 0.803922 0.721569 / 0.6);
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: var(--normal-weight);
padding-block-end: 8px;
padding-block-start: 8px;
padding-bottom: 8px;
padding-inline-end: 13px;
padding-inline-start: var(--table-edge-cell-padding-first);
padding-left: 13px;
padding-right: 13px;
padding-top: 8px;
text-align: start;
vertical-align: var(--table-cell-vertical-alignment);
}
html[saved-theme="light"] body th {
background-color: var(--table-header-background);
border-bottom-color: color(srgb 0.847059 0.803922 0.721569 / 0.6);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.847059 0.803922 0.721569 / 0.6);
border-left-style: solid;
border-left-width: var(--table-column-first-border-width);
border-right-color: color(srgb 0.847059 0.803922 0.721569 / 0.6);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.847059 0.803922 0.721569 / 0.6);
border-top-left-radius: 0px;
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: 8px;
padding-block-start: 8px;
padding-bottom: 8px;
padding-inline-end: 13px;
padding-inline-start: var(--table-edge-cell-padding-first);
padding-left: 13px;
padding-right: 13px;
padding-top: 8px;
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: color(srgb 0.847059 0.803922 0.721569 / 0.6);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: color(srgb 0.847059 0.803922 0.721569 / 0.6);
border-left-width: 0px;
border-right-color: color(srgb 0.847059 0.803922 0.721569 / 0.6);
border-right-width: 0px;
border-top-color: color(srgb 0.847059 0.803922 0.721569 / 0.6);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-editor);
}
html[saved-theme="light"] body tr {
background-color: var(--table-header-background);
border-bottom-color: color(srgb 0.847059 0.803922 0.721569 / 0.6);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: color(srgb 0.847059 0.803922 0.721569 / 0.6);
border-left-width: 0px;
border-right-color: color(srgb 0.847059 0.803922 0.721569 / 0.6);
border-right-width: 0px;
border-top-color: color(srgb 0.847059 0.803922 0.721569 / 0.6);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-editor);
}
/* aspect: code */
html[saved-theme="light"] body code {
background-color: var(--code-background);
border-bottom-color: rgb(216, 205, 184);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(216, 205, 184);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(216, 205, 184);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(216, 205, 184);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 0px;
color: var(--code-normal);
font-family: var(--font-monospace);
padding-block-end: 2.1px;
padding-block-start: 2.1px;
padding-bottom: 2.1px;
padding-inline-end: 4.2px;
padding-inline-start: 4.2px;
padding-left: 4.2px;
padding-right: 4.2px;
padding-top: 2.1px;
}
html[saved-theme="light"] body figure[data-rehype-pretty-code-figure] {
background-color: var(--code-background);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgba(0, 0, 0, 0);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgba(0, 0, 0, 0);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
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: rgba(0, 0, 0, 0);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgba(0, 0, 0, 0);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgba(0, 0, 0, 0);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--ec-uiFontFml);
}
html[saved-theme="light"] body pre > code > [data-line] {
background-color: var(--code-background);
border-left-color: rgba(0, 0, 0, 0);
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: rgba(0, 0, 0, 0);
border-left-width: 0px;
}
html[saved-theme="light"] body pre > code [data-highlighted-chars] {
background-color: var(--code-background);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgba(0, 0, 0, 0);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgba(0, 0, 0, 0);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
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: rgba(0, 0, 0, 0);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgba(0, 0, 0, 0);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgba(0, 0, 0, 0);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
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;
}
/* aspect: images */
html[saved-theme="light"] body audio {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
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(33, 29, 24);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
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: rgb(185, 104, 48);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-width: 0px;
border-left-color: rgb(185, 104, 48);
border-left-width: 0px;
border-radius: 13px;
border-right-color: rgb(185, 104, 48);
border-right-width: 0px;
border-top-color: rgb(185, 104, 48);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
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(33, 29, 24);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-radius: 13px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
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(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(122, 96, 200);
border-left-style: solid;
border-left-width: 2px;
border-radius: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-muted);
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: rgb(33, 29, 24);
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(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-style: solid;
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: rgb(33, 29, 24);
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(122, 106, 84);
border-bottom-left-radius: 55%;
border-bottom-right-radius: 55%;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(122, 106, 84);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(122, 106, 84);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(122, 106, 84);
border-top-left-radius: 55%;
border-top-right-radius: 55%;
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-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="$"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="%"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] li.task-list-item[data-task="body"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="'"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="+"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task=", html[saved-theme="light"] "] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="."] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="0"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="1"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="2"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="3"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="4"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="5"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="6"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="7"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="8"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="9"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task=":"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task=";"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="<"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="="] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="@"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="A"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="B"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="C"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="D"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="E"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="F"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="G"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="H"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="J"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="K"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="L"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="M"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="N"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="O"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="P"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="Q"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="R"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="T"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="U"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="V"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="W"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="X"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="Y"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="Z"] {
color: rgb(33, 29, 24);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="_"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="`"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="a"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="e"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="g"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="h"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="j"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="m"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="n"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="o"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="q"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="r"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="s"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="t"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="v"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="x"] {
color: var(--checklist-done-color);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="y"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="z"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="|"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="~"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task='!'] {
--praxis-task-color: var(--praxis-task-orange);
--praxis-task-icon: var(--praxis-icon-alert);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(33, 29, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task='*'] {
--praxis-task-color: var(--praxis-task-violet);
--praxis-task-icon: var(--praxis-icon-star);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(33, 29, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task='-'] {
--praxis-task-color: var(--praxis-task-muted);
--praxis-task-icon: var(--praxis-icon-minus);
color: var(--text-faint);
text-decoration: line-through 1px rgb(122, 106, 84);
text-decoration-color: var(--text-faint);
}
html[saved-theme="light"] body li.task-list-item[data-task='/'] {
--praxis-task-color: var(--praxis-task-muted);
--praxis-task-icon: var(--praxis-icon-minus);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(33, 29, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task='>'] {
--praxis-task-color: var(--praxis-task-muted);
--praxis-task-icon: var(--praxis-icon-paper-plane);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(33, 29, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task='?'] {
--praxis-task-color: var(--praxis-task-violet);
--praxis-task-icon: var(--praxis-icon-question);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(33, 29, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task='I'] {
--praxis-task-color: var(--praxis-task-violet);
--praxis-task-icon: var(--praxis-icon-lightbulb);
color: rgb(33, 29, 24);
text-decoration: none;
text-decoration-color: rgb(33, 29, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task='S'] {
--praxis-task-color: var(--praxis-task-mint);
--praxis-task-icon: var(--praxis-icon-wallet);
color: rgb(33, 29, 24);
text-decoration: none;
text-decoration-color: rgb(33, 29, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task='b'] {
--praxis-task-color: var(--praxis-task-violet);
--praxis-task-icon: var(--praxis-icon-bookmark);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(33, 29, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task='c'] {
--praxis-task-color: var(--praxis-task-orange);
--praxis-task-icon: var(--praxis-icon-thumbs-down);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(33, 29, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task='d'] {
--praxis-task-color: var(--praxis-task-orange);
--praxis-task-icon: var(--praxis-icon-trend-down);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(33, 29, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task='f'] {
--praxis-task-color: var(--praxis-task-orange);
--praxis-task-icon: var(--praxis-icon-flame);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(33, 29, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task='i'] {
--praxis-task-color: var(--praxis-task-mint);
--praxis-task-icon: var(--praxis-icon-info);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(33, 29, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task='k'] {
--praxis-task-color: var(--praxis-task-violet);
--praxis-task-icon: var(--praxis-icon-key);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(33, 29, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task='l'] {
--praxis-task-color: var(--praxis-task-orange);
--praxis-task-icon: var(--praxis-icon-map-pin);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(33, 29, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task='p'] {
--praxis-task-color: var(--praxis-task-mint);
--praxis-task-icon: var(--praxis-icon-thumbs-up);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(33, 29, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task='u'] {
--praxis-task-color: var(--praxis-task-mint);
--praxis-task-icon: var(--praxis-icon-trend-up);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(33, 29, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task='w'] {
--praxis-task-color: var(--praxis-task-violet);
--praxis-task-icon: var(--praxis-icon-trophy);
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(33, 29, 24);
}
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"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task=","] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task=";"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task=":"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="."] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="'"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="@"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="&"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="#"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="%"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="`"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="="] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="|"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="~"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="$"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="A"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="C"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="D"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="e"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="E"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="F"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="g"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="G"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="h"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="H"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="j"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="J"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="K"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="m"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="M"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="N"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="o"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="O"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="q"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="Q"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="r"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="s"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="T"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="U"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="v"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="V"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="W"] 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="X"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="y"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="Y"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="z"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="Z"] input[type="checkbox"] {
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="-"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="!"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.7 18-8-14a2 2 0 0 0-3.4 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3Z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.7 18-8-14a2 2 0 0 0-3.4 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3Z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="?"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.1 9a3 3 0 1 1 5.8 1c-.7 1.2-2.9 1.6-2.9 3M12 17h.01'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.1 9a3 3 0 1 1 5.8 1c-.7 1.2-2.9 1.6-2.9 3M12 17h.01'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="\""] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21c3 0 7-1 7-8V5c0-1.3-.7-2-2-2H4c-1.3 0-2 .7-2 2v4c0 1.3.7 2 2 2h3c0 4-2 6-4 6v4Z'/%3E%3Cpath d='M15 21c3 0 7-1 7-8V5c0-1.3-.7-2-2-2h-4c-1.3 0-2 .7-2 2v4c0 1.3.7 2 2 2h3c0 4-2 6-4 6v4Z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21c3 0 7-1 7-8V5c0-1.3-.7-2-2-2H4c-1.3 0-2 .7-2 2v4c0 1.3.7 2 2 2h3c0 4-2 6-4 6v4Z'/%3E%3Cpath d='M15 21c3 0 7-1 7-8V5c0-1.3-.7-2-2-2h-4c-1.3 0-2 .7-2 2v4c0 1.3.7 2 2 2h3c0 4-2 6-4 6v4Z'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="*"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.5 2.3a.6.6 0 0 1 1 0l3 6.1 6.7 1a.6.6 0 0 1 .3 1l-4.9 4.8 1.2 6.7a.6.6 0 0 1-.9.6L12 19.3l-6 3.2a.6.6 0 0 1-.9-.6l1.2-6.7-4.9-4.8a.6.6 0 0 1 .3-1l6.7-1 3-6.1z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.5 2.3a.6.6 0 0 1 1 0l3 6.1 6.7 1a.6.6 0 0 1 .3 1l-4.9 4.8 1.2 6.7a.6.6 0 0 1-.9.6L12 19.3l-6 3.2a.6.6 0 0 1-.9-.6l1.2-6.7-4.9-4.8a.6.6 0 0 1 .3-1l6.7-1 3-6.1z'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="/"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="+"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="<"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4M16 2v4'/%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4M16 2v4'/%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task=">"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="a"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2 2M5 3 2 6M22 6l-3-3M6.4 19.6 4 22M17.6 19.6 20 22'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2 2M5 3 2 6M22 6l-3-3M6.4 19.6 4 22M17.6 19.6 20 22'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="b"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="B"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5a3 3 0 1 0-6 .1 4 4 0 0 0-2.5 5.8 4 4 0 0 0 .5 6.6A4 4 0 1 0 12 18Z'/%3E%3Cpath d='M12 5a3 3 0 1 1 6 .1 4 4 0 0 1 2.5 5.8 4 4 0 0 1-.5 6.6A4 4 0 1 1 12 18Z'/%3E%3Cpath d='M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5a3 3 0 1 0-6 .1 4 4 0 0 0-2.5 5.8 4 4 0 0 0 .5 6.6A4 4 0 1 0 12 18Z'/%3E%3Cpath d='M12 5a3 3 0 1 1 6 .1 4 4 0 0 1 2.5 5.8 4 4 0 0 1-.5 6.6A4 4 0 1 1 12 18Z'/%3E%3Cpath d='M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="c"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14V2'/%3E%3Cpath d='M9 18.1 10 14H4.2a2 2 0 0 1-1.9-2.6l1.4-7A2 2 0 0 1 5.6 3H17a2 2 0 0 1 2 2v8.4a4 4 0 0 1-.8 2.4L14 21a2 2 0 0 1-3-2.6Z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14V2'/%3E%3Cpath d='M9 18.1 10 14H4.2a2 2 0 0 1-1.9-2.6l1.4-7A2 2 0 0 1 5.6 3H17a2 2 0 0 1 2 2v8.4a4 4 0 0 1-.8 2.4L14 21a2 2 0 0 1-3-2.6Z'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="d"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 17-8.5-8.5-5 5L2 7'/%3E%3Cpath d='M16 17h6v-6'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 17-8.5-8.5-5 5L2 7'/%3E%3Cpath d='M16 17h6v-6'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="f"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.4-.5-2-1-3-1.1 1.1-2 2.3-2 4a4 4 0 0 0 8 0c0-2.3-1.1-4.4-3-6 .2 1.6-.3 3-1.5 4.5'/%3E%3Cpath d='M12 22a8 8 0 0 0 8-8c0-4.8-3.4-7.7-6.2-10.6-.8 2.8-2.5 4.4-4.6 6.2C7.5 11.1 6 12.7 6 15a6 6 0 0 0 12 0'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.4-.5-2-1-3-1.1 1.1-2 2.3-2 4a4 4 0 0 0 8 0c0-2.3-1.1-4.4-3-6 .2 1.6-.3 3-1.5 4.5'/%3E%3Cpath d='M12 22a8 8 0 0 0 8-8c0-4.8-3.4-7.7-6.2-10.6-.8 2.8-2.5 4.4-4.6 6.2C7.5 11.1 6 12.7 6 15a6 6 0 0 0 12 0'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="i"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="I"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 22h4M12 2v2M4.9 4.9l1.4 1.4M19.1 4.9l-1.4 1.4M2 12h2M20 12h2'/%3E%3Cpath d='M8 14a6 6 0 1 1 8 0c-.7.7-1 1.4-1 2H9c0-.6-.3-1.3-1-2Z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 22h4M12 2v2M4.9 4.9l1.4 1.4M19.1 4.9l-1.4 1.4M2 12h2M20 12h2'/%3E%3Cpath d='M8 14a6 6 0 1 1 8 0c-.7.7-1 1.4-1 2H9c0-.6-.3-1.3-1-2Z'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="k"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 18v3c0 .6.4 1 1 1h4v-3h3v-3h2l1.4-1.4a6.5 6.5 0 1 0-4-4Z'/%3E%3Ccircle cx='16.5' cy='7.5' r='.5' fill='black'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 18v3c0 .6.4 1 1 1h4v-3h3v-3h2l1.4-1.4a6.5 6.5 0 1 0-4-4Z'/%3E%3Ccircle cx='16.5' cy='7.5' r='.5' fill='black'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="l"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.9-8 12-8 12S4 14.9 4 10a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.9-8 12-8 12S4 14.9 4 10a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="L"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.5-1.5 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3.3.8-4.5 2.1A6 6 0 0 0 7.5 3 5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4 3 5.5l7 7 7-7z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.5-1.5 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3.3.8-4.5 2.1A6 6 0 0 0 7.5 3 5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4 3 5.5l7 7 7-7z'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="n"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.4 2.6a1 1 0 0 1 3 3l-9 9a2 2 0 0 1-.9.5l-2.9.8.8-2.9a2 2 0 0 1 .5-.9Z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.4 2.6a1 1 0 0 1 3 3l-9 9a2 2 0 0 1-.9.5l-2.9.8.8-2.9a2 2 0 0 1 .5-.9Z'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="p"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12'/%3E%3Cpath d='M15 5.9 14 10h5.8a2 2 0 0 1 1.9 2.6l-1.4 7a2 2 0 0 1-1.9 1.4H7a2 2 0 0 1-2-2v-8.4a4 4 0 0 1 .8-2.4L10 3a2 2 0 0 1 3 2.6Z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12'/%3E%3Cpath d='M15 5.9 14 10h5.8a2 2 0 0 1 1.9 2.6l-1.4 7a2 2 0 0 1-1.9 1.4H7a2 2 0 0 1-2-2v-8.4a4 4 0 0 1 .8-2.4L10 3a2 2 0 0 1 3 2.6Z'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="P"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.6a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.8.3 1.7.6 2.6.7a2 2 0 0 1 2 2.3Z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.6a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.8.3 1.7.6 2.6.7a2 2 0 0 1 2 2.3Z'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="R"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Crect x='9' y='3' width='6' height='4' rx='1'/%3E%3Cpath d='m9 14 2 2 4-5'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Crect x='9' y='3' width='6' height='4' rx='1'/%3E%3Cpath d='m9 14 2 2 4-5'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="S"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14h.01'/%3E%3Cpath d='M7 7h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14h.01'/%3E%3Cpath d='M7 7h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="t"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="u"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17'/%3E%3Cpath d='M16 7h6v6'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17'/%3E%3Cpath d='M16 7h6v6'/%3E%3C/svg%3E");
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%;
}
html[saved-theme="light"] body li.task-list-item[data-task="w"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4M7 4h10v5a5 5 0 0 1-10 0Z'/%3E%3Cpath d='M5 4H3v3a4 4 0 0 0 4 4M19 4h2v3a4 4 0 0 1-4 4'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4M7 4h10v5a5 5 0 0 1-10 0Z'/%3E%3Cpath d='M5 4H3v3a4 4 0 0 0 4 4M19 4h2v3a4 4 0 0 1-4 4'/%3E%3C/svg%3E");
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%;
}
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=">"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="a"] 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="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="L"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="n"] 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="P"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="R"] 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="t"] 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: rgb(122, 96, 200);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(122, 96, 200);
border-left-width: 0px;
border-right-color: rgb(122, 96, 200);
border-right-width: 0px;
border-top-color: rgb(122, 96, 200);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(33, 29, 24);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-purple);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-purple);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.478431 0.376471 0.784314 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.478431 0.376471 0.784314 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.478431 0.376471 0.784314 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.478431 0.376471 0.784314 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.478431 0.376471 0.784314 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(33, 29, 24);
}
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: rgb(122, 96, 200);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(122, 96, 200);
border-left-width: 0px;
border-right-color: rgb(122, 96, 200);
border-right-width: 0px;
border-top-color: rgb(122, 96, 200);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(33, 29, 24);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-red);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-red);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.752941 0.313726 0.313726 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.752941 0.313726 0.313726 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.752941 0.313726 0.313726 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.752941 0.313726 0.313726 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.752941 0.313726 0.313726 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(33, 29, 24);
}
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: rgb(122, 96, 200);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(122, 96, 200);
border-left-width: 0px;
border-right-color: rgb(122, 96, 200);
border-right-width: 0px;
border-top-color: rgb(122, 96, 200);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(33, 29, 24);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-red);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-red);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.752941 0.313726 0.313726 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.752941 0.313726 0.313726 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.752941 0.313726 0.313726 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.752941 0.313726 0.313726 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.752941 0.313726 0.313726 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(33, 29, 24);
}
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: rgb(122, 96, 200);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(122, 96, 200);
border-left-width: 0px;
border-right-color: rgb(122, 96, 200);
border-right-width: 0px;
border-top-color: rgb(122, 96, 200);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(33, 29, 24);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-brown);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--tx2);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.501961 0.419608 0.301961 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.501961 0.419608 0.301961 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.501961 0.419608 0.301961 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.501961 0.419608 0.301961 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.501961 0.419608 0.301961 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(33, 29, 24);
}
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: rgb(122, 96, 200);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(122, 96, 200);
border-left-width: 0px;
border-right-color: rgb(122, 96, 200);
border-right-width: 0px;
border-top-color: rgb(122, 96, 200);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(33, 29, 24);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-red);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-red);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.752941 0.313726 0.313726 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.752941 0.313726 0.313726 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.752941 0.313726 0.313726 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.752941 0.313726 0.313726 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.752941 0.313726 0.313726 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(33, 29, 24);
}
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: rgb(122, 96, 200);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(122, 96, 200);
border-left-width: 0px;
border-right-color: rgb(122, 96, 200);
border-right-width: 0px;
border-top-color: rgb(122, 96, 200);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(33, 29, 24);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-purple);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-purple);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.478431 0.376471 0.784314 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.478431 0.376471 0.784314 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.478431 0.376471 0.784314 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.478431 0.376471 0.784314 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.478431 0.376471 0.784314 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(33, 29, 24);
}
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: rgb(122, 96, 200);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(122, 96, 200);
border-left-width: 0px;
border-right-color: rgb(122, 96, 200);
border-right-width: 0px;
border-top-color: rgb(122, 96, 200);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(33, 29, 24);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-purple);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-purple);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.478431 0.376471 0.784314 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.478431 0.376471 0.784314 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.478431 0.376471 0.784314 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.478431 0.376471 0.784314 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.478431 0.376471 0.784314 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(33, 29, 24);
}
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: rgb(122, 96, 200);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(122, 96, 200);
border-left-width: 0px;
border-right-color: rgb(122, 96, 200);
border-right-width: 0px;
border-top-color: rgb(122, 96, 200);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(33, 29, 24);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-yellow);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-yellow);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.627451 0.501961 0.188235 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.627451 0.501961 0.188235 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.627451 0.501961 0.188235 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.627451 0.501961 0.188235 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.627451 0.501961 0.188235 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(33, 29, 24);
}
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: rgb(122, 96, 200);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(122, 96, 200);
border-left-width: 0px;
border-right-color: rgb(122, 96, 200);
border-right-width: 0px;
border-top-color: rgb(122, 96, 200);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(33, 29, 24);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-brown);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--tx2);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.501961 0.419608 0.301961 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.501961 0.419608 0.301961 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.501961 0.419608 0.301961 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.501961 0.419608 0.301961 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.501961 0.419608 0.301961 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(33, 29, 24);
}
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: rgb(122, 96, 200);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(122, 96, 200);
border-left-width: 0px;
border-right-color: rgb(122, 96, 200);
border-right-width: 0px;
border-top-color: rgb(122, 96, 200);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(33, 29, 24);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-teal);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-teal);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.227451 0.560784 0.517647 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.227451 0.560784 0.517647 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.227451 0.560784 0.517647 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.227451 0.560784 0.517647 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.227451 0.560784 0.517647 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(33, 29, 24);
}
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: rgb(122, 96, 200);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(122, 96, 200);
border-left-width: 0px;
border-right-color: rgb(122, 96, 200);
border-right-width: 0px;
border-top-color: rgb(122, 96, 200);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(33, 29, 24);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-teal);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-teal);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.227451 0.560784 0.517647 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.227451 0.560784 0.517647 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.227451 0.560784 0.517647 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.227451 0.560784 0.517647 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.227451 0.560784 0.517647 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(33, 29, 24);
}
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: rgb(122, 96, 200);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(122, 96, 200);
border-left-width: 0px;
border-right-color: rgb(122, 96, 200);
border-right-width: 0px;
border-top-color: rgb(122, 96, 200);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(33, 29, 24);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-purple);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-purple);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.478431 0.376471 0.784314 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.478431 0.376471 0.784314 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.478431 0.376471 0.784314 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.478431 0.376471 0.784314 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.478431 0.376471 0.784314 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(33, 29, 24);
}
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: rgb(122, 96, 200);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(122, 96, 200);
border-left-width: 0px;
border-right-color: rgb(122, 96, 200);
border-right-width: 0px;
border-top-color: rgb(122, 96, 200);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(33, 29, 24);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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-orange);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-orange);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.768627 0.478431 0.25098 / 0.12) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: color(srgb 0.768627 0.478431 0.25098 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.768627 0.478431 0.25098 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.768627 0.478431 0.25098 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.768627 0.478431 0.25098 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(33, 29, 24);
}
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: rgb(122, 96, 200);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(122, 96, 200);
border-left-width: 0px;
border-right-color: rgb(122, 96, 200);
border-right-width: 0px;
border-top-color: rgb(122, 96, 200);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-title-color);
gap: 4px;
padding-block-end: 5px;
padding-block-start: 0px;
padding-bottom: 5px;
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: rgb(33, 29, 24);
padding-block-end: 0px;
padding-block-start: 5px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
}
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: var(--normal-weight);
}
html[saved-theme="light"] body .search > .search-button {
background-color: rgb(247, 241, 231);
border-bottom-color: rgb(216, 205, 184);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(216, 205, 184);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(216, 205, 184);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(216, 205, 184);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
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(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
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: var(--normal-weight);
outline: rgb(33, 29, 24) none 0px;
text-decoration-color: rgb(33, 29, 24);
text-decoration-style: solid;
transition: all;
}
html[saved-theme="light"] body .search > .search-container > .search-space > .search-layout {
border-bottom-color: rgb(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
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: var(--normal-weight);
}
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(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
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: 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(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
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: rgba(0, 0, 0, 0);
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: rgb(247, 241, 231);
border-bottom-color: rgb(216, 205, 184);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(216, 205, 184);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(216, 205, 184);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(216, 205, 184);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: 0 0 0 var(--input-border-width-focus) var(--background-modifier-border-focus);
}
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(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
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: rgba(0, 0, 0, 0);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-top-left-radius: 13px;
border-top-right-radius: 13px;
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: rgb(216, 205, 184);
border-bottom-left-radius: 26px;
border-bottom-right-radius: 26px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(216, 205, 184);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(216, 205, 184);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(216, 205, 184);
border-top-left-radius: 26px;
border-top-right-radius: 26px;
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: rgb(216, 205, 184);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(185, 104, 48);
border-left-width: 0px;
border-right-color: rgb(185, 104, 48);
border-right-width: 0px;
border-top-color: rgb(185, 104, 48);
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: 10.8px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 7.2px;
padding-block-start: 0px;
padding-bottom: 7.2px;
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: rgb(196, 122, 64);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(196, 122, 64);
border-left-width: 0px;
border-right-color: rgb(196, 122, 64);
border-right-width: 0px;
border-top-color: rgb(196, 122, 64);
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: 28px;
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: rgb(216, 205, 184);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(185, 104, 48);
border-left-width: 0px;
border-right-color: rgb(185, 104, 48);
border-right-width: 0px;
border-top-color: rgb(185, 104, 48);
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.63px;
line-height: var(--inline-title-line-height);
margin-block-end: var(--inline-title-margin-bottom);
margin-block-start: 0px;
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 14.7px;
padding-block-start: 16px;
padding-bottom: 14.7px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 16px;
}
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: rgb(160, 128, 48);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(160, 128, 48);
border-left-width: 0px;
border-right-color: rgb(160, 128, 48);
border-right-width: 0px;
border-top-color: rgb(160, 128, 48);
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: 28px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 28px;
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: rgb(58, 143, 132);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(58, 143, 132);
border-left-width: 0px;
border-right-color: rgb(58, 143, 132);
border-right-width: 0px;
border-top-color: rgb(58, 143, 132);
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: 28px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 28px;
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: rgb(74, 127, 176);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(74, 127, 176);
border-left-width: 0px;
border-right-color: rgb(74, 127, 176);
border-right-width: 0px;
border-top-color: rgb(74, 127, 176);
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: 28px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 28px;
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: rgb(122, 96, 200);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(122, 96, 200);
border-left-width: 0px;
border-right-color: rgb(122, 96, 200);
border-right-width: 0px;
border-top-color: rgb(122, 96, 200);
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: 28px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 28px;
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: rgb(216, 205, 184);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(216, 205, 184);
border-left-width: 0px;
border-right-color: rgb(216, 205, 184);
border-right-width: 0px;
border-top-color: rgb(216, 205, 184);
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: rgb(216, 205, 184);
box-shadow: 0 0 0 var(--input-border-width-focus) var(--background-modifier-border-focus);
}
/* 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-purple);
--callout-content-padding: var(--praxis-space-2) 0 0 0;
--callout-padding: var(--praxis-space-4);
--callout-title-color: var(--callout-purple);
--callout-title-padding: 0 0 var(--praxis-space-2) 0;
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
border-bottom-color: color(srgb 0.478431 0.376471 0.784314 / 0.28);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: color(srgb 0.478431 0.376471 0.784314 / 0.28);
border-left-style: solid;
border-left-width: 1px;
border-right-color: color(srgb 0.478431 0.376471 0.784314 / 0.28);
border-right-style: solid;
border-right-width: 1px;
border-top-color: color(srgb 0.478431 0.376471 0.784314 / 0.28);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
padding-block-end: 13px;
padding-block-start: 13px;
padding-bottom: 13px;
padding-inline-end: 13px;
padding-inline-start: 13px;
padding-left: 13px;
padding-right: 13px;
padding-top: 13px;
}
html[saved-theme="light"] body body {
scrollbar-width: var(--scrollbar-native-width);
}
/* aspect: explorer */
html[saved-theme="light"] body .explorer .folder-container > div {
color: var(--nav-item-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="light"] body .nav-files-container {
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-family: var(--font-interface);
}
html[saved-theme="light"] body .nav-files-container .collapse-icon {
color: var(--nav-item-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(74, 63, 47);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-width: 0px;
border-left-color: rgb(74, 63, 47);
border-left-width: 0px;
border-right-color: rgb(74, 63, 47);
border-right-width: 0px;
border-top-color: rgb(74, 63, 47);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
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: 1px solid rgb(216, 205, 184);
border-left-color: rgb(216, 205, 184);
border-left-style: solid;
border-left-width: 1px;
}
html[saved-theme="light"] body .nav-files-container li:has(> .folder-outer.open) > .nav-folder-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 li:has(> .folder-outer:not(.open)) > .nav-folder-title {
color: var(--nav-item-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: rgb(33, 29, 24);
}
/* aspect: graph */
html[saved-theme="light"] body .graph > .global-graph-outer > .global-graph-container {
background-color: var(--background-secondary);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 21px;
border-bottom-right-radius: 21px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgba(0, 0, 0, 0);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgba(0, 0, 0, 0);
border-top-left-radius: 21px;
border-top-right-radius: 21px;
border-top-style: solid;
border-top-width: 1px;
}
html[saved-theme="light"] body .graph > .graph-outer {
background-color: var(--background-secondary);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 21px;
border-bottom-right-radius: 21px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgba(0, 0, 0, 0);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgba(0, 0, 0, 0);
border-top-left-radius: 21px;
border-top-right-radius: 21px;
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: rgba(0, 0, 0, 0);
border-bottom-color: rgb(74, 63, 47);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-width: 0px;
border-left-color: rgb(74, 63, 47);
border-left-width: 0px;
border-right-color: rgb(74, 63, 47);
border-right-width: 0px;
border-top-color: rgb(74, 63, 47);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-width: 0px;
color: var(--icon-color);
cursor: var(--cursor);
}
/* aspect: footer */
html[saved-theme="light"] body footer {
background-color: var(--background-primary);
color: var(--text-faint);
font-family: var(--font-interface);
font-size: var(--font-adaptive-smallest);
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: var(--text-faint);
font-size: var(--font-adaptive-smallest);
font-weight: var(--normal-weight);
}
/* aspect: recentNotes */
html[saved-theme="light"] body .recent-notes > h3 {
color: var(--text-normal);
font-family: var(--font-interface);
font-weight: var(--normal-weight);
}
html[saved-theme="light"] body .recent-notes > ul.recent-ul > li {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
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 {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
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: rgba(0, 0, 0, 0);
border-bottom-color: rgb(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
/* aspect: darkmode */
html[saved-theme="light"] body .darkmode {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(74, 63, 47);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-width: 0px;
border-left-color: rgb(74, 63, 47);
border-left-width: 0px;
border-right-color: rgb(74, 63, 47);
border-right-width: 0px;
border-top-color: rgb(74, 63, 47);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-width: 0px;
color: var(--icon-color);
cursor: var(--cursor);
}
html[saved-theme="light"] body .darkmode svg {
color: var(--icon-color);
stroke: rgb(74, 63, 47);
}
/* aspect: breadcrumbs */
html[saved-theme="light"] body .breadcrumb-container {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(74, 63, 47);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-width: 0px;
border-left-color: rgb(74, 63, 47);
border-left-width: 0px;
border-right-color: rgb(74, 63, 47);
border-right-width: 0px;
border-top-color: rgb(74, 63, 47);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
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: calc(var(--font-adaptive-small) * 2.2);
color: var(--text-muted);
font-size: var(--font-adaptive-normal);
}
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(33, 29, 24);
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .katex > .katex-html {
font-family: var(--font-editor);
}
html[saved-theme="light"] body .katex-display {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
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-editor);
text-align: center;
}
html[saved-theme="light"] body .katex-display > .katex > .katex-html {
font-family: var(--font-editor);
}
html[saved-theme="light"] body .spacer {
background-color: rgba(0, 0, 0, 0);
}
html[saved-theme="light"] body abbr {
color: rgb(33, 29, 24);
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(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
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(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
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(--file-header-font-weight);
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(74, 63, 47);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(74, 63, 47);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(74, 63, 47);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(74, 63, 47);
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(--font-interface);
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(33, 29, 24);
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-width: 0px;
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(122, 106, 84);
border-radius: 55%;
border-width: 1px;
}
html[saved-theme="light"] body li.task-list-item input[type="checkbox"]:checked {
--praxis-task-color: var(--praxis-task-orange);
--praxis-task-icon: var(--praxis-icon-alarm);
background-color: var(--checkbox-color);
border-color: rgb(122, 96, 200);
}
html[saved-theme="light"] body pre:has(> code.mermaid) {
background-color: var(--code-background);
border: 0px solid rgb(216, 205, 184);
}
html[saved-theme="light"] body progress {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(33, 29, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(33, 29, 24);
border-left-width: 0px;
border-right-color: rgb(33, 29, 24);
border-right-width: 0px;
border-top-color: rgb(33, 29, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
height: 6px;
}
html[saved-theme="light"] body sub {
color: rgb(33, 29, 24);
font-size: 13.3333px;
vertical-align: sub;
}
html[saved-theme="light"] body summary {
background-color: rgba(0, 0, 0, 0);
color: rgb(33, 29, 24);
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-adaptive-normal);
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: rgb(216, 205, 184);
border-bottom-left-radius: 26px;
border-bottom-right-radius: 26px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(216, 205, 184);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(216, 205, 184);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(216, 205, 184);
border-top-left-radius: 26px;
border-top-right-radius: 26px;
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;
}
}
}
}
}