@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 {
--accent-h: 258;
--accent-l: 66%;
--accent-s: 88%;
--anim-duration-fast: 140ms;
--anim-duration-moderate: 300ms;
--anim-duration-none: 0;
--anim-duration-slow: 560ms;
--anim-duration-superfast: 70ms;
--anim-motion-delay: cubic-bezier(0.65, 0.05, 0.36, 1);
--anim-motion-jumpy: cubic-bezier(0.68, -0.55, 0.27, 1.55);
--anim-motion-smooth: cubic-bezier(0.45, 0.05, 0.55, 0.95);
--anim-motion-swing: cubic-bezier(0, 0.55, 0.45, 1);
--background-accent: #f8f8f2;
--background-dracula-border: #f8f8f2;
--background-modifier-active-hover: color-mix(in oklch, var(--interactive-accent) 10%, transparent);
--background-modifier-border: var(--color-base-30);
--background-modifier-border-focus: var(--color-base-40);
--background-modifier-border-hover: var(--color-base-35);
--background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
--background-modifier-cover: rgba(0, 0, 0, 0.6);
--background-modifier-error: #3d0000;
--background-modifier-error-hover: #470000;
--background-modifier-error-rgb: 61, 0, 0;
--background-modifier-form-field: rgba(0, 0, 0, 0.2);
--background-modifier-form-field-highlighted: rgba(0, 0, 0, 0.5);
--background-modifier-form-field-hover: var(--background-modifier-form-field);
--background-modifier-hover: var(--color-user-request);
--background-modifier-message: color-mix(in oklch, black 90%, transparent);
--background-modifier-success: #50fa7b;
--background-modifier-success-rgb: var(--color-green-rgb);
--background-modifier-warning: var(--color-orange);
--background-modifier-warning-hover: var(--color-orange);
--background-primary: #020517;
--background-primary-alt: #44475a;
--background-secondary: #020517;
--background-secondary-alt: #282a36;
--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 0 var(--border-width) 0;
--bases-header-height: 40px;
--bases-header-padding-end: 2px;
--bases-header-padding-start: 2px;
--bases-table-border-color: var(--table-border-color);
--bases-table-cell-background-active: var(--background-primary);
--bases-table-cell-background-disabled: var(--background-primary-alt);
--bases-table-cell-background-selected: var(--table-selection);
--bases-table-cell-radius-active: 2px;
--bases-table-cell-radius-focus: 2px;
--bases-table-cell-shadow-active: 0 0 0 2px var(--background-modifier-border-focus);
--bases-table-cell-shadow-focus: 0 0 0 2px var(--interactive-accent);
--bases-table-column-border-width: var(--border-width);
--bases-table-column-max-width: 300;
--bases-table-column-min-width: 40;
--bases-table-container-border-radius: var(--radius-s);
--bases-table-container-border-width: var(--border-width);
--bases-table-font-size: var(--font-smaller);
--bases-table-group-background: var(--background-primary-alt);
--bases-table-group-gap: 10px;
--bases-table-header-background: var(--background-primary);
--bases-table-header-background-hover: var(--background-modifier-hover);
--bases-table-header-color: var(--text-muted);
--bases-table-header-icon-display: flex;
--bases-table-header-sort-mask: linear-gradient(to left, transparent var(--size-4-6), black var(--size-4-6));
--bases-table-header-weight: 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;
--blockquote-background-color: transparent;
--blockquote-border: #ffb86c;
--blockquote-border-color: var(--interactive-accent);
--blockquote-border-thickness: 2px;
--blockquote-font-style: normal;
--blur-background: color-mix(in srgb, var(--interactive-normal) var(--blur-opacity-s), transparent) linear-gradient(var(--interactive-normal), color-mix(in srgb, var(--interactive-normal) var(--blur-opacity-s), transparent));
--blur-brightness: 1.15;
--blur-l: blur(var(--blur-radius-l)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));
--blur-m: blur(var(--blur-radius-m)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));
--blur-opacity-m: 90%;
--blur-opacity-s: 65%;
--blur-radius-l: 16px;
--blur-radius-m: 10px;
--blur-radius-s: 6px;
--blur-s: blur(var(--blur-radius-s)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));
--blur-saturation: 1.5;
--bodyFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--bold-modifier: 200;
--bold-weight: calc(var(--font-weight) + var(--bold-modifier));
--border-color: #2b2727;
--border-modified-color: #f8f8f2;
--border-width: 1px;
--button-corner-shape: var(--corner-shape);
--button-radius: var(--input-radius);
--callout-blend-mode: var(--highlight-mix-blend-mode);
--callout-border-opacity: 0.25;
--callout-border-width: 0px;
--callout-bug: var(--color-red);
--callout-content-background: transparent;
--callout-content-padding: 0;
--callout-default: var(--color-blue);
--callout-error: var(--color-red);
--callout-example: var(--color-purple);
--callout-fail: var(--color-red);
--callout-important: var(--color-cyan);
--callout-info: var(--color-blue);
--callout-padding: var(--size-4-3) var(--size-4-3) var(--size-4-3) var(--size-4-6);
--callout-question: var(--color-orange);
--callout-quote: #9e9e9e;
--callout-radius: var(--radius-s);
--callout-success: var(--color-green);
--callout-summary: var(--color-cyan);
--callout-tip: var(--color-cyan);
--callout-title-padding: 0;
--callout-title-weight: calc(var(--font-weight) + var(--bold-modifier));
--callout-todo: var(--color-blue);
--callout-warning: var(--color-orange);
--canvas-background: var(--background-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(--color-base-30);
--caret-color: var(--text-normal);
--checkbox-border-color: var(--text-faint);
--checkbox-border-color-hover: var(--text-muted);
--checkbox-color: #bd93f9;
--checkbox-color-hover: var(--interactive-accent-hover);
--checkbox-margin-inline-start: 0.85em;
--checkbox-marker-color: var(--background-primary);
--checkbox-radius: var(--radius-s);
--checkbox-size: var(--font-text-size);
--checklist-done-color: var(--text-muted);
--checklist-done-decoration: line-through;
--clickable-icon-radius: var(--radius-s);
--close-folder-icon: url(%22data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3Cpath d='M64 480H448c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64H288c-10.1 0-19.6-4.7-25.6-12.8L243.2 57.6C231.1 41.5 212.1 32 192 32H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64z'/%3E%3C/svg%3E%22) no-repeat;
--code-background: #1d1c39;
--code-block: #8be9fd;
--code-border-color: var(--background-modifier-border);
--code-border-width: 0px;
--code-bracket-background: var(--background-modifier-hover);
--code-comment: var(--text-faint);
--code-function: var(--color-yellow);
--code-important: var(--color-orange);
--code-keyword: var(--color-pink);
--code-normal: var(--text-normal);
--code-operator: var(--color-red);
--code-property: var(--color-cyan);
--code-punctuation: var(--text-muted);
--code-radius: var(--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: #027aff;
--color-blue-rgb: 2, 122, 255;
--color-cyan: #00ffff;
--color-cyan-rgb: 83, 223, 221;
--color-green: #44cf6e;
--color-green-rgb: 68, 207, 110;
--color-orange: #e9973f;
--color-orange-rgb: 233, 151, 63;
--color-pink: #ff22b1;
--color-pink-rgb: 250, 153, 205;
--color-purple: #a882ff;
--color-purple-rgb: 168, 130, 255;
--color-red: #fb464c;
--color-red-rgb: 251, 70, 76;
--color-user-request: #ffffff13;
--color-yellow: #e9e90c;
--color-yellow-rgb: 224, 222, 113;
--corner-shape: round;
--cursor: default;
--cursor-link: pointer;
--dark: var(--text-normal, #f8f8f2);
--darkgray: var(--text-normal, #f8f8f2);
--dialog-max-height: 85vh;
--dialog-max-width: 80vw;
--dialog-width: 560px;
--direction: 1;
--divider-color: white;
--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: 0 0 0 1px var(--background-modifier-border), inset 0 0 0 1px var(--background-modifier-border);
--embed-border-bottom: none;
--embed-border-end: none;
--embed-border-start: 2px solid var(--interactive-accent);
--embed-border-top: none;
--embed-canvas-max-height: 400px;
--embed-max-height: 4000px;
--embed-padding: 0 0 0 var(--size-4-6);
--empty-line-height: 1em;
--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-icons-list: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='black' fill-opacity='.1' stroke='black' d='M14 17.5H6A1.5 1.5 0 0 1 4.5 16V4A1.5 1.5 0 0 1 6 2.5h5.086a.5.5 0 0 1 .353.146l3.915 3.915a.5.5 0 0 1 .146.353V16a1.5 1.5 0 0 1-1.5 1.5Z'/%3e%3cpath stroke='black' d='M11.5 2.5v3a1 1 0 0 0 1 1h3'/%3e%3crect width='8' height='1' x='6' y='13' fill='black' rx='.5'/%3e%3crect width='8' height='1' x='6' y='15' fill='black' rx='.5'/%3e%3cpath fill='black' d='M6.952 12c.2 0 .28-.04.28-.176 0-.168-.28-.392-.28-.648l.44-.92h2.232l.44.92c0 .256-.28.48-.28.648 0 .136.072.176.28.176h1.608c.2 0 .28-.04.28-.176 0-.168-.304-.4-.416-.648 0 0-1.96-4.008-2.096-4.52 0 0-.096-.24-.432-.24-.336 0-.424.216-.424.216-.144.528-2.168 4.544-2.168 4.544-.12.248-.416.48-.416.648 0 .136.072.176.272.176h.68Zm2.456-2.2h-1.8l.896-1.912.904 1.912Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h20v20H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
--file-line-width: 700px;
--file-margins: var(--file-margins-y) var(--file-margins-x);
--file-margins-x: var(--size-4-8);
--file-margins-y: var(--size-4-8);
--flair-background: var(--interactive-normal);
--flair-color: var(--text-normal);
--focus-ring-color: var(--csstools-light-dark-toggle--23, #0df);
--focus-ring-outline: 2px solid light-dark(#0060df, #0df);
--font-black: 900;
--font-bold: 700;
--font-default: ui-sans-serif, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Google Sans Flex", Roboto, "Inter Variable", "Inter", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
--font-extrabold: 800;
--font-extralight: 200;
--font-family-editor: Avenir, Avenir Next, sans-serif;
--font-family-preview: Avenir, Avenir Next, sans-serif;
--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-monospace-theme: "JetBrains Mono", "Fira Code", Menlo, SFMono-Regular,
Consolas, "Roboto Mono", monospace;
--font-normal: 400;
--font-print: var(--font-print-override), var(--font-text-override), var(--font-text-theme), 'Arial';
--font-semibold: 600;
--font-size-code: 16px;
--font-size-h1: 30px;
--font-size-h2: 23px;
--font-size-h3: 22px;
--font-size-h4: 21px;
--font-size-h5: 20px;
--font-size-h6: 19px;
--font-size-normal: 19px;
--font-size-side-dock: 16px;
--font-size-side-dock-title: 18px;
--font-size-status-bar: 16px;
--font-small: 0.933em;
--font-smaller: 0.875em;
--font-smallest: 0.8em;
--font-text: var(--font-text-override, var(--font-text-theme, var(--font-default)));
--font-text-size: 16px;
--font-thin: 100;
--font-ui-large: 20px;
--font-ui-medium: 15px;
--font-ui-small: 13px;
--font-ui-smaller: 12px;
--font-weight: var(--font-normal);
--footnote-divider-color: var(--metadata-divider-color);
--footnote-divider-color-active: var(--metadata-divider-color-focus);
--footnote-divider-width: var(--border-width);
--footnote-gap: var(--size-4-1);
--footnote-id-color: var(--text-muted);
--footnote-id-color-no-occurrences: var(--text-faint);
--footnote-id-delimiter: ".";
--footnote-input-background: var(--metadata-input-background);
--footnote-input-background-active: var(--metadata-input-background-active);
--footnote-line-height: var(--line-height-normal);
--footnote-padding-block: var(--size-2-3);
--footnote-padding-inline: var(--size-2-3);
--footnote-radius: var(--radius-s);
--footnote-size: var(--font-smaller);
--frame-left-space: 0px;
--frame-right-space: 126px;
--graph-controls-width: 240px;
--graph-line: var(--color-base-35, var(--background-modifier-border-focus));
--graph-node: var(--text-muted);
--graph-node-attachment: var(--color-yellow);
--graph-node-focused: var(--text-accent);
--graph-node-tag: var(--color-green);
--graph-node-unresolved: var(--text-faint);
--graph-text: var(--text-normal);
--gray: var(--text-muted, #f8f8f2);
--h1-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h1-letter-spacing: -0.015em;
--h1-line-height: 1.2;
--h1-size: 1.618em;
--h1-style: normal;
--h1-variant: normal;
--h1-weight: 700;
--h2-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h2-letter-spacing: -0.011em;
--h2-line-height: 1.2;
--h2-size: 1.462em;
--h2-style: normal;
--h2-variant: normal;
--h2-weight: 680;
--h3-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h3-letter-spacing: -0.008em;
--h3-line-height: 1.3;
--h3-size: 1.318em;
--h3-style: normal;
--h3-variant: normal;
--h3-weight: 660;
--h4-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h4-letter-spacing: -0.005em;
--h4-line-height: 1.4;
--h4-size: 1.188em;
--h4-style: normal;
--h4-variant: normal;
--h4-weight: 640;
--h5-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h5-letter-spacing: -0.002em;
--h5-line-height: var(--line-height-normal);
--h5-size: 1.076em;
--h5-style: normal;
--h5-variant: normal;
--h5-weight: 620;
--h6-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h6-letter-spacing: 0em;
--h6-line-height: var(--line-height-normal);
--h6-size: 1em;
--h6-style: normal;
--h6-variant: normal;
--h6-weight: 600;
--header-height: 40px;
--headerFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--heading-formatting: var(--text-faint);
--heading-spacing: calc(var(--p-spacing) * 2.5);
--highlight: var(--text-highlight-bg, #ff5555ce);
--highlight-mix-blend-mode: lighten;
--hr-color: white;
--hr-thickness: 2px;
--icon-color: var(--text-muted);
--icon-color-active: var(--text-accent);
--icon-color-focused: var(--text-normal);
--icon-color-hover: var(--text-muted);
--icon-l: 18px;
--icon-l-stroke-width: 1.75px;
--icon-m: 18px;
--icon-m-stroke-width: 1.75px;
--icon-opacity: 0.85;
--icon-opacity-active: 1;
--icon-opacity-hover: 1;
--icon-s: 16px;
--icon-s-stroke-width: 2px;
--icon-size: var(--icon-m);
--icon-stroke: var(--icon-m-stroke-width);
--icon-xl: 32px;
--icon-xl-stroke-width: 1.25px;
--icon-xs: 14px;
--icon-xs-stroke-width: 2px;
--image-iocns-badge: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cg fill='black' clip-path='url(%23a)'%3e%3cpath d='M16 4.5H4c-.83 0-1.5.67-1.5 1.5v8c0 .83.67 1.5 1.5 1.5h12c.83 0 1.5-.67 1.5-1.5V6c0-.83-.67-1.5-1.5-1.5ZM5.25 6A1.23 1.23 0 0 1 6.5 7.25 1.23 1.23 0 0 1 5.25 8.5 1.23 1.23 0 0 1 4 7.25 1.23 1.23 0 0 1 5.25 6ZM4 12.4 6 10l2 1.07L12 7l4 3.27V14H4v-1.6Z' opacity='.1'/%3e%3cpath d='M16 4H4c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2Zm1 10c0 .55-.45 1-1 1H4c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v8Z'/%3e%3cpath fill-opacity='.8' d='M16 10.27V14H4v-1.6L6 10l2 1.07L12 7l4 3.27ZM6.5 7.25A1.23 1.23 0 0 1 5.25 8.5 1.23 1.23 0 0 1 4 7.25 1.23 1.23 0 0 1 5.25 6 1.23 1.23 0 0 1 6.5 7.25Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h20v20H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
--image-radius: 4px;
--indent-size: 4;
--indent-unit: 0.5625em;
--indentation-guide-color: #ffffff30;
--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-code: #e9e90c;
--inline-title-line-height: var(--h1-line-height);
--inline-title-margin-bottom: 0.5em;
--inline-title-size: var(--h1-size);
--inline-title-style: var(--h1-style);
--inline-title-variant: var(--h1-variant);
--inline-title-weight: var(--h1-weight);
--input-border-width: 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: 30px;
--input-icon-inset: var(--size-4-1);
--input-padding: var(--size-4-1) var(--size-4-2);
--input-placeholder-color: var(--text-faint);
--input-radius: 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(--color-accent);
--interactive-accent-hover: var(--color-accent-1);
--interactive-accent-hsl: var(--color-accent-hsl);
--interactive-accent-rgb: 123, 108, 217;
--interactive-hover: #ff5555;
--interactive-normal: #44475a;
--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, #020517);
--lightgray: var(--background-secondary, #020517);
--line-height-normal: 1.5;
--line-height-tight: 1.3;
--link-color: var(--text-accent);
--link-color-hover: var(--text-accent-hover);
--link-decoration: underline;
--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: underline;
--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-indent: calc(var(--indent-unit) * var(--indent-size));
--list-indent-editing: 0.75em;
--list-indent-source: 0;
--list-marker-color: var(--text-faint);
--list-marker-color-collapsed: var(--text-accent);
--list-marker-color-hover: var(--text-muted);
--list-numbered-style: decimal;
--list-spacing: 0.075em;
--loading-icon-delay: 400ms;
--menu-backdrop-filter: none;
--menu-background: var(--background-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: var(--background-modifier-border);
--metadata-border-radius: 0;
--metadata-border-width: 0;
--metadata-display-editing: block;
--metadata-display-reading: block;
--metadata-divider-color: var(--background-modifier-border);
--metadata-divider-color-focus: transparent;
--metadata-divider-color-hover: transparent;
--metadata-divider-width: 0;
--metadata-gap: 3px;
--metadata-input-background: transparent;
--metadata-input-background-active: var(--background-modifier-hover);
--metadata-input-background-hover: transparent;
--metadata-input-font: var(--font-interface);
--metadata-input-font-size: var(--font-smaller);
--metadata-input-height: calc(var(--font-text-size) * 1.75);
--metadata-input-longtext-lines: 3;
--metadata-input-padding: var(--size-4-1) var(--size-4-2);
--metadata-input-text-color: var(--text-normal);
--metadata-label-background: transparent;
--metadata-label-background-active: var(--background-modifier-hover);
--metadata-label-background-hover: transparent;
--metadata-label-font: var(--font-interface);
--metadata-label-font-size: var(--font-smaller);
--metadata-label-text-color: var(--text-muted);
--metadata-label-text-color-hover: var(--text-muted);
--metadata-label-width: 9em;
--metadata-max-width: none;
--metadata-padding: var(--size-4-2) 0;
--metadata-property-background: transparent;
--metadata-property-background-active: var(--background-modifier-hover);
--metadata-property-background-hover: 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: 0;
--metadata-property-radius: 6px;
--metadata-property-radius-focus: 6px;
--metadata-property-radius-hover: 6px;
--metadata-sidebar-input-font-size: var(--font-ui-small);
--metadata-sidebar-label-font-size: var(--font-ui-small);
--modal-background: var(--background-primary);
--modal-border-color: var(--color-base-40, var(--background-modifier-border-focus));
--modal-border-width: var(--border-width);
--modal-community-sidebar-width: 280px;
--modal-header-height: auto;
--modal-height: 85vh;
--modal-max-height: 1000px;
--modal-max-width: 1100px;
--modal-max-width-narrow: 800px;
--modal-radius: var(--radius-l);
--modal-shadow: none;
--modal-sidebar-background: var(--modal-background);
--modal-width: 90vw;
--mono-0: black;
--mono-100: white;
--mono-rgb-0: 0, 0, 0;
--mono-rgb-100: 255, 255, 255;
--nav-collapse-icon-color: var(--collapse-icon-color);
--nav-collapse-icon-color-collapsed: var(--text-faint);
--nav-heading-color: var(--text-normal);
--nav-heading-color-collapsed: var(--text-faint);
--nav-heading-color-collapsed-hover: var(--text-muted);
--nav-heading-color-hover: var(--text-normal);
--nav-heading-weight: var(--font-medium);
--nav-heading-weight-hover: var(--font-medium);
--nav-indentation-guide-color: var(--indentation-guide-color);
--nav-indentation-guide-width: var(--indentation-guide-width);
--nav-item-background-active: var(--color-user-request);
--nav-item-background-hover: var(--color-user-request);
--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(--text-muted);
--nav-item-color-active: var(--text-normal);
--nav-item-color-highlighted: var(--text-accent);
--nav-item-color-hover: var(--text-normal);
--nav-item-color-selected: var(--text-normal);
--nav-item-margin-bottom: var(--size-2-1);
--nav-item-padding: var(--size-4-1) var(--size-4-2) var(--size-4-1) var(--size-4-6);
--nav-item-parent-padding: var(--nav-item-padding);
--nav-item-radius: var(--radius-s);
--nav-item-size: var(--font-ui-small);
--nav-item-white-space: pre;
--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);
--open-folder-icon: url(%22data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3Cpath d='M384 480h48c11.4 0 21.9-6 27.6-15.9l112-192c5.8-9.9 5.8-22.1 .1-32.1S555.5 224 544 224H144c-11.4 0-21.9 6-27.6 15.9L48 357.1V96c0-8.8 7.2-16 16-16H181.5c4.2 0 8.3 1.7 11.3 4.7l26.5 26.5c21 21 49.5 32.8 79.2 32.8H416c8.8 0 16 7.2 16 16v32h48V160c0-35.3-28.7-64-64-64H298.5c-17 0-33.3-6.7-45.3-18.7L226.7 50.7c-12-12-28.3-18.7-45.3-18.7H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H87.7 384z'/%3E%3C/svg%3E%22) no-repeat;
--p-spacing: 1rem;
--p-spacing-empty: 0rem;
--page-border: 9px solid transparent;
--page-margin: 1px auto -8px;
--pdf-background: var(--background-primary);
--pdf-page-background: var(--background-primary);
--pdf-shadow: 0 0 0 1px var(--background-modifier-border);
--pdf-sidebar-background: var(--background-primary);
--pdf-spread-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
--pdf-thumbnail-shadow: 0 0 0 1px var(--background-modifier-border);
--pdfViewer-padding-bottom: 0;
--pill-background: transparent;
--pill-background-hover: transparent;
--pill-border-color: var(--background-modifier-border);
--pill-border-color-hover: var(--background-modifier-border-hover);
--pill-border-width: var(--border-width);
--pill-color: var(--text-muted);
--pill-color-hover: var(--text-normal);
--pill-color-remove: var(--text-faint);
--pill-color-remove-hover: var(--text-accent);
--pill-decoration: none;
--pill-decoration-hover: none;
--pill-focus-left-adjust: -4px;
--pill-focus-width: calc(100% + 6px);
--pill-padding-x: 0.65em;
--pill-padding-y: 0.25em;
--pill-radius: 2em;
--popover-font-size: var(--font-text-size);
--popover-height: 400px;
--popover-max-height: 95vh;
--popover-pdf-height: 400px;
--popover-pdf-width: 450px;
--popover-width: 450px;
--pre-code: #1d1c39;
--preferred-text-scale: 1;
--prompt-backdrop-filter: none;
--prompt-background: var(--background-primary);
--prompt-border-color: var(--color-base-40, var(--background-modifier-border-focus));
--prompt-border-width: var(--border-width);
--prompt-input-height: 40px;
--prompt-max-height: 70vh;
--prompt-max-width: 80vw;
--prompt-width: 700px;
--radius-l: 12px;
--radius-m: 8px;
--radius-s: 4px;
--radius-xl: 24px;
--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-background: var(--background-secondary);
--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: color-mix(in oklch, var(--mono-100) 20%, transparent);
--scrollbar-bg: transparent;
--scrollbar-border-width: 3px 3px 3px 2px;
--scrollbar-height: 12px;
--scrollbar-native-width: auto;
--scrollbar-radius: var(--radius-l);
--scrollbar-thumb-bg: color-mix(in oklch, var(--mono-100) 10%, transparent);
--scrollbar-width: 12px;
--search-clear-button-color: var(--text-muted);
--search-clear-button-size: 13px;
--search-icon-color: var(--text-muted);
--search-icon-size: 16px;
--search-input-corner-shape: var(--input-corner-shape);
--search-input-radius: var(--input-radius);
--search-result-background: var(--background-primary);
--secondary: var(--text-accent, #ffb86c);
--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-l: 0px 1.8px 7.3px rgba(0, 0, 0, 0.071), 0px 6.3px 24.7px rgba(0, 0, 0, 0.112), 0px 30px 90px rgba(0, 0, 0, 0.2);
--shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.121), 0px 3.4px 6.7px rgba(0, 0, 0, 0.179), 0px 15px 30px rgba(0, 0, 0, 0.3);
--shiki-active-tab-border-color: var(--shiki-highlight-neutral);
--shiki-active-tab-border-width: 2px;
--shiki-code-background: var(--code-background);
--shiki-code-block-border-color: transparent;
--shiki-code-block-border-radius: var(--code-radius);
--shiki-code-block-border-width: 0px;
--shiki-code-block-spacing: var(--p-spacing);
--shiki-code-comment: var(--text-faint);
--shiki-code-function: var(--color-green);
--shiki-code-important: var(--color-orange);
--shiki-code-keyword: var(--color-pink);
--shiki-code-normal: var(--text-muted);
--shiki-code-property: var(--color-cyan);
--shiki-code-punctuation: var(--text-muted);
--shiki-code-string: var(--color-yellow);
--shiki-code-value: var(--color-purple);
--shiki-gutter-border-color: var(--background-modifier-border);
--shiki-gutter-border-width: var(--border-width);
--shiki-gutter-text-color: var(--text-faint);
--shiki-gutter-text-color-highlight: var(--shiki-code-normal);
--shiki-highlight-green: rgba(var(--color-green-rgb), .5);
--shiki-highlight-green-background: rgba(var(--color-green-rgb), .1);
--shiki-highlight-neutral: var(--shiki-code-normal);
--shiki-highlight-neutral-background: rgba(var(--mono-rgb-100), .05);
--shiki-highlight-red: rgba(var(--color-red-rgb), .5);
--shiki-highlight-red-background: rgba(var(--color-red-rgb), .1);
--shiki-terminal-dots-color: var(--text-faint);
--shiki-tooltip-background: var(--background-modifier-message);
--shiki-tooltip-text-color: #fafafa;
--sidebar-left-toggle-inner-width: 8.33%;
--sidebar-left-toggle-inner-width-open: 24%;
--sidebar-markdown-font-size: calc(var(--font-text-size) * 0.9);
--sidebar-right-toggle-inner-width: 8.33%;
--sidebar-right-toggle-inner-width-open: 24%;
--sidebar-tab-text-display: none;
--size-2-1: 2px;
--size-2-2: 4px;
--size-2-3: 6px;
--size-4-1: 4px;
--size-4-10: 40px;
--size-4-12: 48px;
--size-4-16: 64px;
--size-4-18: 72px;
--size-4-2: 8px;
--size-4-3: 12px;
--size-4-4: 16px;
--size-4-5: 20px;
--size-4-6: 24px;
--size-4-8: 32px;
--size-4-9: 36px;
--slider-s-thumb-position: -5px;
--slider-s-thumb-size: 15px;
--slider-thumb-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);
--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-active: var(--background-primary);
--tab-container-background: var(--background-secondary);
--tab-curve: 6px;
--tab-divider-color: var(--background-modifier-border-hover);
--tab-font-size: var(--font-ui-small);
--tab-max-width: 320px;
--tab-outline-color: var(--divider-color);
--tab-outline-width: 1px;
--tab-radius: var(--radius-s);
--tab-radius-active: 6px 6px 0 0;
--tab-stacked-font-size: var(--font-ui-small);
--tab-stacked-font-weight: 400;
--tab-stacked-header-width: var(--header-height);
--tab-stacked-pane-width: 700px;
--tab-stacked-shadow: -8px 0 8px 0 rgba(0, 0, 0, 0.05);
--tab-stacked-text-align: start;
--tab-stacked-text-transform: rotate(0deg);
--tab-stacked-text-writing-mode: vertical-lr;
--tab-switcher-background: var(--background-secondary);
--tab-switcher-menubar-background: linear-gradient(to top, var(--background-secondary), transparent);
--tab-switcher-preview-background-shadow: 0 4px 30px 2px rgba(0, 0, 0, 0.2);
--tab-switcher-preview-radius: var(--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(--text-muted);
--tab-text-color-focused-active-current: var(--text-normal);
--tab-text-color-focused-highlighted: var(--text-accent);
--tab-width: 200px;
--table-add-button-background: transparent;
--table-add-button-border-color: var(--background-modifier-border);
--table-add-button-border-width: var(--table-border-width);
--table-background: transparent;
--table-border-color: var(--background-modifier-border);
--table-border-width: 1px;
--table-cell-vertical-alignment: top;
--table-column-alt-background: var(--table-background);
--table-column-first-border-width: var(--table-border-width);
--table-column-last-border-width: var(--table-border-width);
--table-column-max-width: none;
--table-column-min-width: 6ch;
--table-drag-handle-background: transparent;
--table-drag-handle-background-active: var(--table-selection-border-color);
--table-drag-handle-color: var(--text-faint);
--table-drag-handle-color-active: var(--text-on-accent);
--table-drop-indicator-half-width: 2px;
--table-header-background: var(--table-background);
--table-header-border-color: var(--table-border-color);
--table-header-border-width: var(--table-border-width);
--table-header-color: var(--text-normal);
--table-header-size: var(--table-text-size);
--table-header-weight: calc(var(--font-weight) + var(--bold-modifier));
--table-line-height: var(--line-height-tight);
--table-row-alt-background: var(--table-background);
--table-row-alt-background-hover: var(--table-background);
--table-row-background-hover: var(--table-background);
--table-row-last-border-width: var(--table-border-width);
--table-selection: color-mix(in oklch, var(--color-accent) 10%, transparent);
--table-selection-blend-mode: var(--highlight-mix-blend-mode);
--table-selection-border-color: var(--interactive-accent);
--table-selection-border-radius: 4px;
--table-selection-border-width: 2px;
--table-text-size: var(--font-text-size);
--table-white-space: break-spaces;
--tag-background: color-mix(in oklch, var(--interactive-accent) 10%, transparent);
--tag-background-hover: color-mix(in oklch, var(--interactive-accent) 20%, transparent);
--tag-border-color: color-mix(in oklch, var(--interactive-accent) 15%, transparent);
--tag-border-color-hover: color-mix(in oklch, var(--interactive-accent) 15%, transparent);
--tag-border-width: 0px;
--tag-color: var(--text-accent);
--tag-color-hover: var(--text-accent);
--tag-corner-shape: round;
--tag-decoration: none;
--tag-decoration-hover: none;
--tag-padding-x: 0.65em;
--tag-padding-y: 0.25em;
--tag-radius: 2em;
--tag-size: var(--font-smaller);
--tertiary: var(--text-accent-hover, #8be9fd);
--text-accent: #ffb86c;
--text-accent-hover: #8be9fd;
--text-error: #ff79c6;
--text-error-hover: #ff79c6;
--text-faint: #bd93f9;
--text-highlight-bg: #ff5555ce;
--text-highlight-bg-rgb: 255, 208, 0;
--text-muted: #f8f8f2;
--text-normal: #f8f8f2;
--text-on-accent: white;
--text-on-accent-inverted: black;
--text-selection: #6272a4;
--text-success: var(--color-green);
--text-title-h1: #ff79c6;
--text-title-h2: #bd93f9;
--text-title-h3: #ff5555;
--text-title-h4: #ffb86c;
--text-title-h5: #50fa7b;
--text-title-h6: #8be9fd;
--text-warning: var(--color-orange);
--textHighlight: var(--text-highlight-bg, #ff5555ce);
--titleFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--titlebar-background: var(--background-secondary);
--titlebar-background-focused: var(--background-secondary-alt);
--titlebar-border-color: var(--background-modifier-border);
--titlebar-border-width: 0px;
--titlebar-height: 30px;
--titlebar-text-color: var(--text-muted);
--titlebar-text-color-focused: var(--text-normal);
--titlebar-text-weight: var(--font-bold);
--toggle-border-width: 2px;
--toggle-radius: 18px;
--toggle-s-border-width: 2px;
--toggle-s-thumb-height: 15px;
--toggle-s-thumb-width: 15px;
--toggle-s-width: 34px;
--toggle-thumb-color: white;
--toggle-thumb-height: 18px;
--toggle-thumb-opacity-active: 1;
--toggle-thumb-radius: 18px;
--toggle-thumb-width: 18px;
--toggle-width: 40px;
--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);
--vault-profile-actions-display: flex;
--vault-profile-color: var(--text-normal);
--vault-profile-color-hover: var(--vault-profile-color);
--vault-profile-display: flex;
--vault-profile-font-size: var(--font-ui-small);
--vault-profile-font-weight: var(--font-medium);
--vault-profile-order: 2;
--vault-profile-radius: var(--radius-s);
--viewer-container-height: 0;
--vim-cursor: #ff5555;
--vt-fsize: 28px;
--vt-ml: 0px;
--vtcolor1: rgb(130, 57, 226);
--vtcolor2: rgb(82, 236, 247);
--workspace-background-translucent: color-mix(in oklch, var(--mono-0) 60%, transparent);
--xfa-focus-outline: auto;
--xfa-unfocused-field-background: url("data:image/svg+xml,%3Csvg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' style='fill:rgba(0, 54, 255, 0.13);'/%3E%3C/svg%3E");
--zoom-factor: 1;
--quartz-icon-color: var(--icon-color, currentColor);
--collapse-icon-color: var(--nav-collapse-icon-color);
--collapse-icon-color-collapsed: var(--nav-collapse-icon-color-collapsed);
}
html body {
background-color: var(--background-primary);
color: var(--text-normal);
}
html body .page > div#quartz-body div.sidebar {
background-color: var(--background-secondary);
color: var(--text-normal);
}
html body .page > div#quartz-body div.sidebar.left {
border-right-color: rgb(255, 255, 255);
border-right-style: solid;
border-right-width: 1px;
}
html body .page > div#quartz-body div.sidebar.right {
--bases-table-header-background: var(--background-secondary);
background-color: var(--tab-container-background);
border-left-color: rgb(255, 255, 255);
border-left-width: 0px;
color: var(--text-normal);
}
html body body[data-slug] div#quartz-root.page, html .page > div#quartz-body div.sidebar.left, html .page > div#quartz-body div.sidebar.left:has(.explorer), html .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 body body[data-slug], html body[data-slug] .page > div#quartz-body, html .page > div#quartz-body div.center, html .page > div#quartz-body footer {
background-color: var(--background-primary);
color: var(--text-normal);
}
html body html {
--font-family-editor: Avenir, Avenir Next, sans-serif;
--font-family-preview: Avenir, Avenir Next, sans-serif;
--font-size-code: 16px;
--font-size-h1: 30px;
--font-size-h2: 23px;
--font-size-h3: 22px;
--font-size-h4: 21px;
--font-size-h5: 20px;
--font-size-h6: 19px;
--font-size-normal: 19px;
--font-size-side-dock: 16px;
--font-size-side-dock-title: 18px;
--font-size-status-bar: 16px;
--vt-fsize: 28px;
--vt-ml: 0px;
}
/* aspect: headings */
html body h1 {
--font-weight: var(--h1-weight);
border-bottom-color: rgb(255, 121, 198);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(255, 121, 198);
border-left-width: 0px;
border-right-color: rgb(255, 121, 198);
border-right-width: 0px;
border-top-color: rgb(255, 121, 198);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-title-h1);
font-family: var(--font-family-editor);
font-weight: var(--font-weight);
}
html body h2 {
--font-weight: var(--h2-weight);
border-bottom-color: rgb(189, 147, 249);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(189, 147, 249);
border-left-width: 0px;
border-right-color: rgb(189, 147, 249);
border-right-width: 0px;
border-top-color: rgb(189, 147, 249);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-title-h2);
font-family: var(--font-family-editor);
font-weight: var(--font-weight);
}
html body h3 {
--font-weight: var(--h3-weight);
border-bottom-color: rgb(255, 85, 85);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(255, 85, 85);
border-left-width: 0px;
border-right-color: rgb(255, 85, 85);
border-right-width: 0px;
border-top-color: rgb(255, 85, 85);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-title-h3);
font-family: var(--font-family-editor);
font-weight: var(--font-weight);
}
html body h4 {
--font-weight: var(--h4-weight);
border-bottom-color: rgb(255, 184, 108);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(255, 184, 108);
border-left-width: 0px;
border-right-color: rgb(255, 184, 108);
border-right-width: 0px;
border-top-color: rgb(255, 184, 108);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-title-h4);
font-family: var(--font-family-editor);
font-weight: var(--font-weight);
}
html body h5 {
--font-weight: var(--h5-weight);
border-bottom-color: rgb(80, 250, 123);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(80, 250, 123);
border-left-width: 0px;
border-right-color: rgb(80, 250, 123);
border-right-width: 0px;
border-top-color: rgb(80, 250, 123);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-title-h5);
font-family: var(--font-family-editor);
font-weight: var(--font-weight);
}
html body h6 {
--font-weight: var(--h6-weight);
border-bottom-color: rgb(139, 233, 253);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(139, 233, 253);
border-left-width: 0px;
border-right-color: rgb(139, 233, 253);
border-right-width: 0px;
border-top-color: rgb(139, 233, 253);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-title-h6);
font-family: var(--font-family-editor);
font-weight: var(--font-weight);
}
/* aspect: typography */
html body .markdown-rendered p > b, html 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(80, 250, 123) none 0px;
text-decoration-color: rgb(80, 250, 123);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html body .markdown-rendered p > em, html 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(--text-accent);
cursor: grab;
font-family: var(--font-text);
font-weight: 400;
outline: rgb(255, 184, 108) none 0px;
text-decoration-color: rgb(255, 184, 108);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html body .markdown-rendered p > i, html 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(--text-accent);
cursor: grab;
font-family: var(--font-text);
font-weight: 400;
outline: rgb(255, 184, 108) none 0px;
text-decoration-color: rgb(255, 184, 108);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html body .markdown-rendered p > strong > em, html 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(--text-accent);
cursor: grab;
font-family: var(--font-text);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: rgb(255, 184, 108) none 0px;
text-decoration-color: rgb(255, 184, 108);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html body .markdown-rendered p > strong, html 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(80, 250, 123) none 0px;
text-decoration-color: rgb(80, 250, 123);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html 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: 400;
outline: rgb(248, 248, 242) none 0px;
text-decoration-color: rgb(248, 248, 242);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html 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: 400;
outline: rgb(248, 248, 242) none 0px;
text-decoration: line-through;
text-decoration-color: rgb(248, 248, 242);
text-decoration-line: line-through;
text-decoration-style: solid;
transition: all;
user-select: text;
}
html 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-family-preview);
font-weight: 400;
outline: rgb(248, 248, 242) none 0px;
text-decoration-color: rgb(248, 248, 242);
text-decoration-style: solid;
transition: all;
}
/* aspect: links */
html body .backlinks {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
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 body .backlinks ul li {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
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 body .backlinks ul li a {
color: var(--nav-heading-color);
}
html body a.external-link, html 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(255, 184, 108) none 0px;
text-decoration: underline;
text-decoration-color: rgb(255, 184, 108);
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 body a.internal-link, html .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(255, 184, 108) none 0px;
text-decoration: underline;
text-decoration-color: rgb(255, 184, 108);
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 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(255, 184, 108) none 0px;
text-decoration: underline oklch(0.603458 0.21722 292.49 / 0.3);
text-decoration-color: var(--link-unresolved-decoration-color);
text-decoration-line: var(--link-decoration);
text-decoration-style: var(--link-unresolved-decoration-style);
text-decoration-thickness: var(--link-decoration-thickness);
transition: opacity 0.14s ease-in-out;
user-select: text;
}
/* aspect: lists */
html body dd {
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
font-size: var(--font-size-normal);
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 body dl {
list-style: outside none disc;
margin-block-end: 19px;
margin-block-start: 19px;
margin-bottom: 19px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 19px;
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 body dt {
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
font-size: var(--font-size-normal);
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 body ol > li {
color: var(--text-normal);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 1.425px;
padding-block-start: 1.425px;
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 body ul > li {
color: var(--text-normal);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 1.425px;
padding-block-start: 1.425px;
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 body ul.overflow {
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
/* aspect: blockquotes */
html body blockquote {
background-color: var(--pre-code);
border-inline-start: 4px solid rgb(255, 184, 108);
color: var(--blockquote-color);
font-family: var(--font-text);
font-style: var(--blockquote-font-style);
font-weight: 400;
line-height: var(--line-height-normal);
margin-inline-end: 0px;
margin-inline-start: 0px;
padding-bottom: 0px;
padding-inline-start: var(--size-4-6);
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
/* aspect: tables */
html body .table-container {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html body table {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(128, 128, 128);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(128, 128, 128);
border-left-width: 0px;
border-right-color: rgb(128, 128, 128);
border-right-width: 0px;
border-top-color: rgb(128, 128, 128);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: start;
}
html body tbody {
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-family: var(--font-text);
}
html body tbody tr:nth-child(even) {
background-color: var(--table-background);
}
html body tbody tr:nth-child(odd) {
background-color: var(--table-row-alt-background);
}
html body td {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(51, 51, 51);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(51, 51, 51);
border-left-style: solid;
border-left-width: var(--table-column-first-border-width);
border-right-color: rgb(51, 51, 51);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(51, 51, 51);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
color: var(--table-text-color);
font-weight: 400;
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
text-align: start;
vertical-align: var(--table-cell-vertical-alignment);
}
html body th {
background-color: var(--background-secondary);
border-bottom-color: rgb(51, 51, 51);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(51, 51, 51);
border-left-style: solid;
border-left-width: var(--table-column-first-border-width);
border-right-color: rgb(51, 51, 51);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(51, 51, 51);
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: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
text-align: start;
vertical-align: var(--table-cell-vertical-alignment);
}
html body thead {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 3px;
border-left-color: rgb(128, 128, 128);
border-left-width: 0px;
border-right-color: rgb(128, 128, 128);
border-right-width: 0px;
border-top-color: rgb(128, 128, 128);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
}
html body tr {
background-color: var(--table-header-background);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(128, 128, 128);
border-left-width: 0px;
border-right-color: rgb(128, 128, 128);
border-right-width: 0px;
border-top-color: rgb(128, 128, 128);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
}
/* aspect: code */
html body code {
background-color: var(--code-background);
border-bottom-color: rgb(139, 233, 253);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(139, 233, 253);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(139, 233, 253);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(139, 233, 253);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--code-block);
font-family: var(--ec-codeFontFml);
padding-block-end: 6px;
padding-block-start: 6px;
padding-bottom: 6px;
padding-inline-end: 6px;
padding-inline-start: 6px;
padding-left: 6px;
padding-right: 6px;
padding-top: 6px;
}
html body figure[data-rehype-pretty-code-figure] {
background-color: var(--pre-code);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
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: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 0px;
}
html body figure[data-rehype-pretty-code-figure] > [data-rehype-pretty-code-title] {
background-color: var(--pre-code);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
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: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--ec-uiFontFml);
}
html body pre > code > [data-line] {
background-color: var(--pre-code);
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 0px;
}
html body pre > code > [data-line][data-highlighted-line] {
background-color: var(--pre-code);
border-left-color: rgba(0, 0, 0, 0);
border-left-width: 0px;
}
html body pre > code [data-highlighted-chars] {
background-color: var(--pre-code);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
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: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 0px;
}
html body pre > code, html pre:has(> code) {
background-color: var(--pre-code);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
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: 4px;
border-top-right-radius: 4px;
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 body audio {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
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 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 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(248, 248, 242);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
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 body img {
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
max-width: 100%;
}
html body video {
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
max-width: 100%;
}
/* aspect: embeds */
html body .transclude {
background-color: var(--embed-background);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(138, 92, 245);
border-left-style: solid;
border-left-width: 2px;
border-radius: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html body .transclude ul {
color: var(--text-normal);
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html body .transclude-inner {
background-color: var(--embed-background);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-style: solid;
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
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 body input[type=checkbox] {
border-bottom-color: rgb(189, 147, 249);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(189, 147, 249);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(189, 147, 249);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(189, 147, 249);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
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 body li.task-list-item[data-task="#"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="$"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="%"] {
color: var(--text-faint);
text-decoration-line: none;
}
html li.task-list-item[data-task="body"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="'"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="+"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task=", html "] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="."] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="0"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="1"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="2"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="3"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="4"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="5"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="6"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="7"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="8"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="9"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task=":"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task=";"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="<"] {
color: var(--text-normal);
text-decoration-line: none;
}
html body li.task-list-item[data-task="="] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="@"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="A"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="B"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="C"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="D"] {
color: var(--text-normal);
text-decoration-line: none;
}
html body li.task-list-item[data-task="E"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="F"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="G"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="H"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="J"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="K"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="L"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="M"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="N"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="O"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="P"] {
color: var(--text-normal);
text-decoration-line: none;
}
html body li.task-list-item[data-task="Q"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="R"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="T"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="U"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="V"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="W"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="X"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="Y"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="Z"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="_"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="`"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="a"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="e"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="g"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="h"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="j"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="m"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="n"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="o"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="q"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="r"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="s"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="t"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="v"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="x"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="y"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="z"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="|"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task="~"] {
color: var(--text-faint);
text-decoration-line: none;
}
html body li.task-list-item[data-task='!'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(248, 248, 242);
}
html body li.task-list-item[data-task='*'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(248, 248, 242);
}
html body li.task-list-item[data-task='-'] {
color: var(--text-faint);
text-decoration: line-through 1px rgb(189, 147, 249);
text-decoration-color: rgb(189, 147, 249);
}
html body li.task-list-item[data-task='/'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(248, 248, 242);
}
html body li.task-list-item[data-task='>'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(248, 248, 242);
}
html body li.task-list-item[data-task='?'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(248, 248, 242);
}
html body li.task-list-item[data-task='I'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(248, 248, 242);
}
html body li.task-list-item[data-task='S'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(248, 248, 242);
}
html body li.task-list-item[data-task='b'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(248, 248, 242);
}
html body li.task-list-item[data-task='c'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(248, 248, 242);
}
html body li.task-list-item[data-task='d'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(248, 248, 242);
}
html body li.task-list-item[data-task='f'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(248, 248, 242);
}
html body li.task-list-item[data-task='i'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(248, 248, 242);
}
html body li.task-list-item[data-task='k'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(248, 248, 242);
}
html body li.task-list-item[data-task='l'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(248, 248, 242);
}
html body li.task-list-item[data-task='p'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(248, 248, 242);
}
html body li.task-list-item[data-task='u'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(248, 248, 242);
}
html body li.task-list-item[data-task='w'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(248, 248, 242);
}
html body ul > li.task-list-item {
display: list-item;
list-style: outside none none;
text-align: start;
}
html body li.task-list-item[data-task="_"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task=","] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task=";"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task=":"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="."] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="'"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="@"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="/"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="&"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="#"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="%"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="`"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="+"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="="] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="|"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="~"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="$"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="0"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="1"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="2"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="3"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="4"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="5"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="6"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="7"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="8"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="9"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="a"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="A"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="B"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="C"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="e"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="E"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="F"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="g"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="G"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="h"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="H"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="j"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="J"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="K"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="L"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="m"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html 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 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M32 32C32 14.3 46.3 0 64 0H320c17.7 0 32 14.3 32 32s-14.3 32-32 32H290.5l11.4 148.2c36.7 19.9 65.7 53.2 79.5 94.7l1 3c3.3 9.8 1.6 20.5-4.4 28.8s-15.7 13.3-26 13.3H32c-10.3 0-19.9-4.9-26-13.3s-7.7-19.1-4.4-28.8l1-3c13.8-41.5 42.8-74.8 79.5-94.7L93.5 64H64C46.3 64 32 49.7 32 32zM160 384h64v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V384z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M32 32C32 14.3 46.3 0 64 0H320c17.7 0 32 14.3 32 32s-14.3 32-32 32H290.5l11.4 148.2c36.7 19.9 65.7 53.2 79.5 94.7l1 3c3.3 9.8 1.6 20.5-4.4 28.8s-15.7 13.3-26 13.3H32c-10.3 0-19.9-4.9-26-13.3s-7.7-19.1-4.4-28.8l1-3c13.8-41.5 42.8-74.8 79.5-94.7L93.5 64H64C46.3 64 32 49.7 32 32zM160 384h64v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V384z'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="N"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="o"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="O"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="q"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="Q"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="r"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="R"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="s"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="T"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="U"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="v"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="V"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="W"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="x"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="X"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="y"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="Y"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="z"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="Z"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html 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' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z' clip-rule='evenodd' /%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%;
color: rgb(189, 147, 249);
}
html 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' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z' clip-rule='evenodd' /%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%;
color: rgb(233, 151, 63);
}
html 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 512 512'%3E%3Cpath d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z'/%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%;
color: rgb(255, 255, 255);
}
html body li.task-list-item[data-task="\""] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns=\%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\%22 width=\%2220\%22 height=\%2220\%22 preserveAspectRatio=\%22xMidYMid meet\%22 viewBox=\%220 0 24 24\%22%3E%3Cpath fill=\%22black\%22 fill-opacity=\%220.7\%22 d=\%22M6.5 10c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.318.142-.686.238-1.028.466c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.945c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.317.143-.686.238-1.028.467c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.944c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 17.5 10z\%22%2F%3E%3C%2Fsvg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=\%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\%22 width=\%2220\%22 height=\%2220\%22 preserveAspectRatio=\%22xMidYMid meet\%22 viewBox=\%220 0 24 24\%22%3E%3Cpath fill=\%22black\%22 fill-opacity=\%220.7\%22 d=\%22M6.5 10c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.318.142-.686.238-1.028.466c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.945c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.317.143-.686.238-1.028.467c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.944c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 17.5 10z\%22%2F%3E%3C%2Fsvg%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%;
color: rgb(255, 255, 255);
}
html 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' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z' /%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%;
color: rgb(233, 233, 12);
}
html 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' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd' /%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%;
color: rgb(189, 147, 249);
}
html 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' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M10.894 2.553a1 1 0 00-1.788 0l-7 14a1 1 0 001.169 1.409l5-1.429A1 1 0 009 15.571V11a1 1 0 112 0v4.571a1 1 0 00.725.962l5 1.428a1 1 0 001.17-1.408l-7-14z' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M10.894 2.553a1 1 0 00-1.788 0l-7 14a1 1 0 001.169 1.409l5-1.429A1 1 0 009 15.571V11a1 1 0 112 0v4.571a1 1 0 00.725.962l5 1.428a1 1 0 001.17-1.408l-7-14z' /%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%;
color: rgb(189, 147, 249);
}
html 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' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M5 4a2 2 0 012-2h6a2 2 0 012 2v14l-5-2.5L5 18V4z' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M5 4a2 2 0 012-2h6a2 2 0 012 2v14l-5-2.5L5 18V4z' /%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%;
color: rgb(233, 151, 63);
}
html 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' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M18 9.5a1.5 1.5 0 11-3 0v-6a1.5 1.5 0 013 0v6zM14 9.667v-5.43a2 2 0 00-1.105-1.79l-.05-.025A4 4 0 0011.055 2H5.64a2 2 0 00-1.962 1.608l-1.2 6A2 2 0 004.44 12H8v4a2 2 0 002 2 1 1 0 001-1v-.667a4 4 0 01.8-2.4l1.4-1.866a4 4 0 00.8-2.4z' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M18 9.5a1.5 1.5 0 11-3 0v-6a1.5 1.5 0 013 0v6zM14 9.667v-5.43a2 2 0 00-1.105-1.79l-.05-.025A4 4 0 0011.055 2H5.64a2 2 0 00-1.962 1.608l-1.2 6A2 2 0 004.44 12H8v4a2 2 0 002 2 1 1 0 001-1v-.667a4 4 0 01.8-2.4l1.4-1.866a4 4 0 00.8-2.4z' /%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%;
color: rgb(233, 151, 63);
}
html 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' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 13a1 1 0 100 2h5a1 1 0 001-1V9a1 1 0 10-2 0v2.586l-4.293-4.293a1 1 0 00-1.414 0L8 9.586 3.707 5.293a1 1 0 00-1.414 1.414l5 5a1 1 0 001.414 0L11 9.414 14.586 13H12z' clip-rule='evenodd' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 13a1 1 0 100 2h5a1 1 0 001-1V9a1 1 0 10-2 0v2.586l-4.293-4.293a1 1 0 00-1.414 0L8 9.586 3.707 5.293a1 1 0 00-1.414 1.414l5 5a1 1 0 001.414 0L11 9.414 14.586 13H12z' clip-rule='evenodd' /%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(251, 70, 76);
}
html body li.task-list-item[data-task="D"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' version='1.1' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ccircle cy='12.5' cx='12.5' r='1.75'%3E%3C/circle%3E%3Ccircle cy='12.5' cx='3.5' r='1.75'%3E%3C/circle%3E%3Ccircle cy='3.5' cx='3.5' r='1.75'%3E%3C/circle%3E%3Cpath d='m7.75 2.75h.5m2.5 0h.5m1.5 2.5v-.5m0 3v.5m-9-2.5v4.5'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' version='1.1' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ccircle cy='12.5' cx='12.5' r='1.75'%3E%3C/circle%3E%3Ccircle cy='12.5' cx='3.5' r='1.75'%3E%3C/circle%3E%3Ccircle cy='3.5' cx='3.5' r='1.75'%3E%3C/circle%3E%3Cpath d='m7.75 2.75h.5m2.5 0h.5m1.5 2.5v-.5m0 3v.5m-9-2.5v4.5'%3E%3C/path%3E%3C/g%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%;
color: rgb(102, 102, 102);
}
html 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' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z' clip-rule='evenodd' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z' clip-rule='evenodd' /%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(251, 70, 76);
}
html 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 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-144c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-144c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32z'/%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%;
color: rgb(255, 255, 255);
}
html 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' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M11 3a1 1 0 10-2 0v1a1 1 0 102 0V3zM15.657 5.757a1 1 0 00-1.414-1.414l-.707.707a1 1 0 001.414 1.414l.707-.707zM18 10a1 1 0 01-1 1h-1a1 1 0 110-2h1a1 1 0 011 1zM5.05 6.464A1 1 0 106.464 5.05l-.707-.707a1 1 0 00-1.414 1.414l.707.707zM5 10a1 1 0 01-1 1H3a1 1 0 110-2h1a1 1 0 011 1zM8 16v-1h4v1a2 2 0 11-4 0zM12 14c.015-.34.208-.646.477-.859a4 4 0 10-4.954 0c.27.213.462.519.476.859h4.002z' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M11 3a1 1 0 10-2 0v1a1 1 0 102 0V3zM15.657 5.757a1 1 0 00-1.414-1.414l-.707.707a1 1 0 001.414 1.414l.707-.707zM18 10a1 1 0 01-1 1h-1a1 1 0 110-2h1a1 1 0 011 1zM5.05 6.464A1 1 0 106.464 5.05l-.707-.707a1 1 0 00-1.414 1.414l.707.707zM5 10a1 1 0 01-1 1H3a1 1 0 110-2h1a1 1 0 011 1zM8 16v-1h4v1a2 2 0 11-4 0zM12 14c.015-.34.208-.646.477-.859a4 4 0 10-4.954 0c.27.213.462.519.476.859h4.002z' /%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%;
color: rgb(233, 233, 12);
}
html 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' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z' clip-rule='evenodd' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z' clip-rule='evenodd' /%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(233, 233, 12);
}
html 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' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z' clip-rule='evenodd' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z' clip-rule='evenodd' /%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%;
color: rgb(251, 70, 76);
}
html body li.task-list-item[data-task="M"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'/%3E%3Ccircle cx='68' cy='68' r='28' opacity='0.2'/%3E%3Ccircle cx='68' cy='188' r='28' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Ccircle cx='68' cy='68' r='28' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Ccircle cx='188' cy='140' r='28' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M160,144H130.5a47.8,47.8,0,0,1-36.9-17.3L68,96v64' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'/%3E%3Ccircle cx='68' cy='68' r='28' opacity='0.2'/%3E%3Ccircle cx='68' cy='188' r='28' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Ccircle cx='68' cy='68' r='28' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Ccircle cx='188' cy='140' r='28' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M160,144H130.5a47.8,47.8,0,0,1-36.9-17.3L68,96v64' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%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%;
color: rgb(168, 130, 255);
}
html 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' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M2 10.5a1.5 1.5 0 113 0v6a1.5 1.5 0 01-3 0v-6zM6 10.333v5.43a2 2 0 001.106 1.79l.05.025A4 4 0 008.943 18h5.416a2 2 0 001.962-1.608l1.2-6A2 2 0 0015.56 8H12V4a2 2 0 00-2-2 1 1 0 00-1 1v.667a4 4 0 01-.8 2.4L6.8 7.933a4 4 0 00-.8 2.4z' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M2 10.5a1.5 1.5 0 113 0v6a1.5 1.5 0 01-3 0v-6zM6 10.333v5.43a2 2 0 001.106 1.79l.05.025A4 4 0 008.943 18h5.416a2 2 0 001.962-1.608l1.2-6A2 2 0 0015.56 8H12V4a2 2 0 00-2-2 1 1 0 00-1 1v.667a4 4 0 01-.8 2.4L6.8 7.933a4 4 0 00-.8 2.4z' /%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%;
color: rgb(68, 207, 110);
}
html 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 512 512'%3E%3C!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M305.8 2.076C314.4 5.932 320 14.52 320 24V64H336C406.7 64 464 121.3 464 192V358.7C492.3 371 512 399.2 512 432C512 476.2 476.2 512 432 512C387.8 512 352 476.2 352 432C352 399.2 371.7 371 400 358.7V192C400 156.7 371.3 128 336 128H320V168C320 177.5 314.4 186.1 305.8 189.9C297.1 193.8 286.1 192.2 279.9 185.8L199.9 113.8C194.9 109.3 192 102.8 192 96C192 89.2 194.9 82.71 199.9 78.16L279.9 6.161C286.1-.1791 297.1-1.779 305.8 2.077V2.076zM432 456C445.3 456 456 445.3 456 432C456 418.7 445.3 408 432 408C418.7 408 408 418.7 408 432C408 445.3 418.7 456 432 456zM112 358.7C140.3 371 160 399.2 160 432C160 476.2 124.2 512 80 512C35.82 512 0 476.2 0 432C0 399.2 19.75 371 48 358.7V153.3C19.75 140.1 0 112.8 0 80C0 35.82 35.82 .0004 80 .0004C124.2 .0004 160 35.82 160 80C160 112.8 140.3 140.1 112 153.3V358.7zM80 56C66.75 56 56 66.75 56 80C56 93.25 66.75 104 80 104C93.25 104 104 93.25 104 80C104 66.75 93.25 56 80 56zM80 408C66.75 408 56 418.7 56 432C56 445.3 66.75 456 80 456C93.25 456 104 445.3 104 432C104 418.7 93.25 408 80 408z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M305.8 2.076C314.4 5.932 320 14.52 320 24V64H336C406.7 64 464 121.3 464 192V358.7C492.3 371 512 399.2 512 432C512 476.2 476.2 512 432 512C387.8 512 352 476.2 352 432C352 399.2 371.7 371 400 358.7V192C400 156.7 371.3 128 336 128H320V168C320 177.5 314.4 186.1 305.8 189.9C297.1 193.8 286.1 192.2 279.9 185.8L199.9 113.8C194.9 109.3 192 102.8 192 96C192 89.2 194.9 82.71 199.9 78.16L279.9 6.161C286.1-.1791 297.1-1.779 305.8 2.077V2.076zM432 456C445.3 456 456 445.3 456 432C456 418.7 445.3 408 432 408C418.7 408 408 418.7 408 432C408 445.3 418.7 456 432 456zM112 358.7C140.3 371 160 399.2 160 432C160 476.2 124.2 512 80 512C35.82 512 0 476.2 0 432C0 399.2 19.75 371 48 358.7V153.3C19.75 140.1 0 112.8 0 80C0 35.82 35.82 .0004 80 .0004C124.2 .0004 160 35.82 160 80C160 112.8 140.3 140.1 112 153.3V358.7zM80 56C66.75 56 56 66.75 56 80C56 93.25 66.75 104 80 104C93.25 104 104 93.25 104 80C104 66.75 93.25 56 80 56zM80 408C66.75 408 56 418.7 56 432C56 445.3 66.75 456 80 456C93.25 456 104 445.3 104 432C104 418.7 93.25 408 80 408z'/%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%;
color: rgb(68, 207, 110);
}
html 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 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M320 96H192L144.6 24.9C137.5 14.2 145.1 0 157.9 0H354.1c12.8 0 20.4 14.2 13.3 24.9L320 96zM192 128H320c3.8 2.5 8.1 5.3 13 8.4C389.7 172.7 512 250.9 512 416c0 53-43 96-96 96H96c-53 0-96-43-96-96C0 250.9 122.3 172.7 179 136.4l0 0 0 0c4.8-3.1 9.2-5.9 13-8.4zm84.1 96c0-11.1-9-20.1-20.1-20.1s-20.1 9-20.1 20.1v6c-5.6 1.2-10.9 2.9-15.9 5.1c-15 6.8-27.9 19.4-31.1 37.7c-1.8 10.2-.8 20 3.4 29c4.2 8.8 10.7 15 17.3 19.5c11.6 7.9 26.9 12.5 38.6 16l2.2 .7c13.9 4.2 23.4 7.4 29.3 11.7c2.5 1.8 3.4 3.2 3.8 4.1c.3 .8 .9 2.6 .2 6.7c-.6 3.5-2.5 6.4-8 8.8c-6.1 2.6-16 3.9-28.8 1.9c-6-1-16.7-4.6-26.2-7.9l0 0 0 0 0 0 0 0c-2.2-.8-4.3-1.5-6.3-2.1c-10.5-3.5-21.8 2.2-25.3 12.7s2.2 21.8 12.7 25.3c1.2 .4 2.7 .9 4.4 1.5c7.9 2.7 20.3 6.9 29.8 9.1V416c0 11.1 9 20.1 20.1 20.1s20.1-9 20.1-20.1v-5.5c5.4-1 10.5-2.5 15.4-4.6c15.7-6.7 28.4-19.7 31.6-38.7c1.8-10.4 1-20.3-3-29.4c-3.9-9-10.2-15.6-16.9-20.5c-12.2-8.8-28.3-13.7-40.4-17.4l-.8-.2c-14.2-4.3-23.8-7.3-29.9-11.4c-2.6-1.8-3.4-3-3.6-3.5c-.2-.3-.7-1.6-.1-5c.3-1.9 1.9-5.2 8.2-8.1c6.4-2.9 16.4-4.5 28.6-2.6c4.3 .7 17.9 3.3 21.7 4.3c10.7 2.8 21.6-3.5 24.5-14.2s-3.5-21.6-14.2-24.5c-4.4-1.2-14.4-3.2-21-4.4V224z'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M320 96H192L144.6 24.9C137.5 14.2 145.1 0 157.9 0H354.1c12.8 0 20.4 14.2 13.3 24.9L320 96zM192 128H320c3.8 2.5 8.1 5.3 13 8.4C389.7 172.7 512 250.9 512 416c0 53-43 96-96 96H96c-53 0-96-43-96-96C0 250.9 122.3 172.7 179 136.4l0 0 0 0c4.8-3.1 9.2-5.9 13-8.4zm84.1 96c0-11.1-9-20.1-20.1-20.1s-20.1 9-20.1 20.1v6c-5.6 1.2-10.9 2.9-15.9 5.1c-15 6.8-27.9 19.4-31.1 37.7c-1.8 10.2-.8 20 3.4 29c4.2 8.8 10.7 15 17.3 19.5c11.6 7.9 26.9 12.5 38.6 16l2.2 .7c13.9 4.2 23.4 7.4 29.3 11.7c2.5 1.8 3.4 3.2 3.8 4.1c.3 .8 .9 2.6 .2 6.7c-.6 3.5-2.5 6.4-8 8.8c-6.1 2.6-16 3.9-28.8 1.9c-6-1-16.7-4.6-26.2-7.9l0 0 0 0 0 0 0 0c-2.2-.8-4.3-1.5-6.3-2.1c-10.5-3.5-21.8 2.2-25.3 12.7s2.2 21.8 12.7 25.3c1.2 .4 2.7 .9 4.4 1.5c7.9 2.7 20.3 6.9 29.8 9.1V416c0 11.1 9 20.1 20.1 20.1s20.1-9 20.1-20.1v-5.5c5.4-1 10.5-2.5 15.4-4.6c15.7-6.7 28.4-19.7 31.6-38.7c1.8-10.4 1-20.3-3-29.4c-3.9-9-10.2-15.6-16.9-20.5c-12.2-8.8-28.3-13.7-40.4-17.4l-.8-.2c-14.2-4.3-23.8-7.3-29.9-11.4c-2.6-1.8-3.4-3-3.6-3.5c-.2-.3-.7-1.6-.1-5c.3-1.9 1.9-5.2 8.2-8.1c6.4-2.9 16.4-4.5 28.6-2.6c4.3 .7 17.9 3.3 21.7 4.3c10.7 2.8 21.6-3.5 24.5-14.2s-3.5-21.6-14.2-24.5c-4.4-1.2-14.4-3.2-21-4.4V224z'/%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%;
color: rgb(68, 207, 110);
}
html 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' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z' clip-rule='evenodd' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z' clip-rule='evenodd' /%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%;
color: rgb(189, 147, 249);
}
html 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' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 7a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0V8.414l-4.293 4.293a1 1 0 01-1.414 0L8 10.414l-4.293 4.293a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0L11 10.586 14.586 7H12z' clip-rule='evenodd' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 7a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0V8.414l-4.293 4.293a1 1 0 01-1.414 0L8 10.414l-4.293 4.293a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0L11 10.586 14.586 7H12z' clip-rule='evenodd' /%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(68, 207, 110);
}
html 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' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M6 3a1 1 0 011-1h.01a1 1 0 010 2H7a1 1 0 01-1-1zm2 3a1 1 0 00-2 0v1a2 2 0 00-2 2v1a2 2 0 00-2 2v.683a3.7 3.7 0 011.055.485 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0A3.7 3.7 0 0118 12.683V12a2 2 0 00-2-2V9a2 2 0 00-2-2V6a1 1 0 10-2 0v1h-1V6a1 1 0 10-2 0v1H8V6zm10 8.868a3.704 3.704 0 01-4.055-.036 1.704 1.704 0 00-1.89 0 3.704 3.704 0 01-4.11 0 1.704 1.704 0 00-1.89 0A3.704 3.704 0 012 14.868V17a1 1 0 001 1h14a1 1 0 001-1v-2.132zM9 3a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1zm3 0a1 1 0 011-1h.01a1 1 0 110 2H13a1 1 0 01-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M6 3a1 1 0 011-1h.01a1 1 0 010 2H7a1 1 0 01-1-1zm2 3a1 1 0 00-2 0v1a2 2 0 00-2 2v1a2 2 0 00-2 2v.683a3.7 3.7 0 011.055.485 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0A3.7 3.7 0 0118 12.683V12a2 2 0 00-2-2V9a2 2 0 00-2-2V6a1 1 0 10-2 0v1h-1V6a1 1 0 10-2 0v1H8V6zm10 8.868a3.704 3.704 0 01-4.055-.036 1.704 1.704 0 00-1.89 0 3.704 3.704 0 01-4.11 0 1.704 1.704 0 00-1.89 0A3.704 3.704 0 012 14.868V17a1 1 0 001 1h14a1 1 0 001-1v-2.132zM9 3a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1zm3 0a1 1 0 011-1h.01a1 1 0 110 2H13a1 1 0 01-1-1z' clip-rule='evenodd' /%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%;
color: rgb(168, 130, 255);
}
html body li.task-list-item[data-task="n"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="-"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="!"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="?"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="\""] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="*"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="<"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task=">"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="b"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="c"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="d"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="D"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="f"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="i"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="I"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="k"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="l"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="M"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="p"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="P"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="S"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="t"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="u"] input[type="checkbox"]::after { content: none; }
html body li.task-list-item[data-task="w"] input[type="checkbox"]::after { content: none; }
/* aspect: callouts */
html 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(2, 122, 255);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(2, 122, 255);
border-left-width: 0px;
border-right-color: rgb(2, 122, 255);
border-right-width: 0px;
border-top-color: rgb(2, 122, 255);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html 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 body .callout > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html body .callout[data-callout="abstract"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-summary);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.905387 0.154506 194.767 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.905387 0.154506 194.767 / 0.25);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.905387 0.154506 194.767 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.905387 0.154506 194.767 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.905387 0.154506 194.767 / 0.25);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html 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(2, 122, 255);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(2, 122, 255);
border-left-width: 0px;
border-right-color: rgb(2, 122, 255);
border-right-width: 0px;
border-top-color: rgb(2, 122, 255);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html 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 body .callout[data-callout="abstract"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html body .callout[data-callout="bug"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-bug);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.659737 0.216875 23.8105 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.659737 0.216875 23.8105 / 0.25);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.659737 0.216875 23.8105 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.659737 0.216875 23.8105 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.659737 0.216875 23.8105 / 0.25);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html 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(2, 122, 255);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(2, 122, 255);
border-left-width: 0px;
border-right-color: rgb(2, 122, 255);
border-right-width: 0px;
border-top-color: rgb(2, 122, 255);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html 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 body .callout[data-callout="bug"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html body .callout[data-callout="danger"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-error);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.659737 0.216875 23.8105 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.659737 0.216875 23.8105 / 0.25);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.659737 0.216875 23.8105 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.659737 0.216875 23.8105 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.659737 0.216875 23.8105 / 0.25);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html 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(2, 122, 255);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(2, 122, 255);
border-left-width: 0px;
border-right-color: rgb(2, 122, 255);
border-right-width: 0px;
border-top-color: rgb(2, 122, 255);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html 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 body .callout[data-callout="danger"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html body .callout[data-callout="example"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-example);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.697304 0.17906 295.405 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.697305 0.17906 295.405 / 0.25);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.697305 0.17906 295.405 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.697305 0.17906 295.405 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.697305 0.17906 295.405 / 0.25);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html 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(2, 122, 255);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(2, 122, 255);
border-left-width: 0px;
border-right-color: rgb(2, 122, 255);
border-right-width: 0px;
border-top-color: rgb(2, 122, 255);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html 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 body .callout[data-callout="example"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html body .callout[data-callout="failure"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-fail);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.659737 0.216875 23.8105 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.659737 0.216875 23.8105 / 0.25);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.659737 0.216875 23.8105 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.659737 0.216875 23.8105 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.659737 0.216875 23.8105 / 0.25);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html 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(2, 122, 255);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(2, 122, 255);
border-left-width: 0px;
border-right-color: rgb(2, 122, 255);
border-right-width: 0px;
border-top-color: rgb(2, 122, 255);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html 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 body .callout[data-callout="failure"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html body .callout[data-callout="info"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-info);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.602893 0.217554 257.503 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.602893 0.217554 257.503 / 0.25);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.602893 0.217554 257.503 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.602893 0.217554 257.503 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.602893 0.217554 257.503 / 0.25);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html 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(2, 122, 255);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(2, 122, 255);
border-left-width: 0px;
border-right-color: rgb(2, 122, 255);
border-right-width: 0px;
border-top-color: rgb(2, 122, 255);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html 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 body .callout[data-callout="info"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html body .callout[data-callout="note"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-default);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.602893 0.217554 257.503 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.602893 0.217554 257.503 / 0.25);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.602893 0.217554 257.503 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.602893 0.217554 257.503 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.602893 0.217554 257.503 / 0.25);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html 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(2, 122, 255);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(2, 122, 255);
border-left-width: 0px;
border-right-color: rgb(2, 122, 255);
border-right-width: 0px;
border-top-color: rgb(2, 122, 255);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html 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 body .callout[data-callout="note"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html body .callout[data-callout="question"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-question);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.744355 0.140765 64.0894 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.744355 0.140765 64.0894 / 0.25);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.744355 0.140765 64.0894 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.744355 0.140765 64.0894 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.744355 0.140765 64.0894 / 0.25);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html 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(2, 122, 255);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(2, 122, 255);
border-left-width: 0px;
border-right-color: rgb(2, 122, 255);
border-right-width: 0px;
border-top-color: rgb(2, 122, 255);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html 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 body .callout[data-callout="question"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html body .callout[data-callout="quote"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-quote);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.699256 0.0000347234 none / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.699256 0.0000347234 none / 0.25);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.699256 0.0000347234 none / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.699256 0.0000347234 none / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.699256 0.0000347234 none / 0.25);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html 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(2, 122, 255);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(2, 122, 255);
border-left-width: 0px;
border-right-color: rgb(2, 122, 255);
border-right-width: 0px;
border-top-color: rgb(2, 122, 255);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html 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 body .callout[data-callout="quote"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html body .callout[data-callout="success"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-success);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.757772 0.180999 149.614 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.757772 0.180999 149.614 / 0.25);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.757772 0.180999 149.614 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.757772 0.180999 149.614 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.757772 0.180999 149.614 / 0.25);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html 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(2, 122, 255);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(2, 122, 255);
border-left-width: 0px;
border-right-color: rgb(2, 122, 255);
border-right-width: 0px;
border-top-color: rgb(2, 122, 255);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html 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 body .callout[data-callout="success"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html body .callout[data-callout="tip"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-tip);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.905387 0.154506 194.767 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.905387 0.154506 194.767 / 0.25);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.905387 0.154506 194.767 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.905387 0.154506 194.767 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.905387 0.154506 194.767 / 0.25);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html 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(2, 122, 255);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(2, 122, 255);
border-left-width: 0px;
border-right-color: rgb(2, 122, 255);
border-right-width: 0px;
border-top-color: rgb(2, 122, 255);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html 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 body .callout[data-callout="tip"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html body .callout[data-callout="todo"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-todo);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.602893 0.217554 257.503 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.602893 0.217554 257.503 / 0.25);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.602893 0.217554 257.503 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.602893 0.217554 257.503 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.602893 0.217554 257.503 / 0.25);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html 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(2, 122, 255);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(2, 122, 255);
border-left-width: 0px;
border-right-color: rgb(2, 122, 255);
border-right-width: 0px;
border-top-color: rgb(2, 122, 255);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html 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 body .callout[data-callout="todo"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html body .callout[data-callout="warning"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-warning);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.744355 0.140765 64.0894 / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.744355 0.140765 64.0894 / 0.25);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.744355 0.140765 64.0894 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.744355 0.140765 64.0894 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.744355 0.140765 64.0894 / 0.25);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html 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(2, 122, 255);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(2, 122, 255);
border-left-width: 0px;
border-right-color: rgb(2, 122, 255);
border-right-width: 0px;
border-top-color: rgb(2, 122, 255);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html 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 body .callout[data-callout="warning"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html 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 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 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 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 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 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 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 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 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 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 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 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 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 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 body .highlight {
background-color: var(--text-highlight-bg);
border-radius: 0px;
}
html body .preview-container {
background-color: rgba(0, 0, 0, 0);
color: var(--text-muted);
font-weight: 400;
}
html body .search > .search-button {
background-color: rgba(0, 0, 0, 0.2);
border-bottom-color: rgb(51, 51, 51);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(51, 51, 51);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(51, 51, 51);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(51, 51, 51);
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-family-preview);
}
html body .search > .search-container > .search-space {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html 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-family-preview);
font-weight: 400;
outline: rgb(248, 248, 242) none 0px;
text-decoration-color: rgb(248, 248, 242);
text-decoration-style: solid;
transition: all;
}
html body .search > .search-container > .search-space > .search-layout {
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html body .search > .search-container > .search-space > .search-layout .highlight {
background-color: var(--text-highlight-bg);
border-radius: 0px;
}
html body .search > .search-container > .search-space > .search-layout > .preview-container {
background-color: rgba(0, 0, 0, 0);
color: var(--text-muted);
font-weight: 400;
}
html body .search > .search-container > .search-space > .search-layout > .results-container {
color: var(--text-normal);
}
html body .search > .search-container > .search-space > .search-layout > .results-container .result-card {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
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 body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
}
html body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover .card-title, html .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover .card-description, html .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus .card-title, html .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus .card-description, html .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html ~ .result-card:focus)) .card-title, html .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html ~ .result-card:focus)) .card-description {
color: var(--nav-item-color-active);
}
html body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover, html .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus, html .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html ~ .result-card:focus)) {
background-color: rgba(0, 0, 0, 0);
color: var(--nav-item-color-active);
font-weight: var(--nav-item-weight);
}
html body .search > .search-container > .search-space > input {
background-color: rgba(0, 0, 0, 0.2);
border-bottom-color: rgb(51, 51, 51);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(51, 51, 51);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(51, 51, 51);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(51, 51, 51);
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 body .search>.search-container>.search-space>.search-layout>.results-container .result-card:has(~ .result-card.focus:not(:has(~ .result-card:hover, html ~ .result-card:focus)), html ~ .result-card:focus, html ~ .result-card:hover) {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
}
html body .search>.search-container>.search-space>.search-layout>.results-container .result-card:hover, html .search>.search-container>.search-space>.search-layout>.results-container .result-card:focus, html .search>.search-container>.search-space>.search-layout>.results-container .result-card.focus:not(:has(~ .result-card:hover, html ~ .result-card:focus)) {
background-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: var(--nav-item-color-active);
}
html body a.internal-link.tag-link, html .search > .search-container > .search-space > .search-layout > .results-container .result-card > ul > li > .match-tag {
--icon-size: var(--icon-xs);
--icon-stroke: var(--icon-xs-stroke-width);
--pill-background: var(--tag-background);
--pill-background-hover: var(--tag-background-hover);
--pill-border-color: var(--tag-border-color);
--pill-border-color-hover: var(--tag-border-color-hover);
--pill-border-width: var(--tag-border-width);
--pill-color: var(--tag-color);
--pill-color-hover: var(--tag-color-hover);
--pill-color-remove: var(--tag-color);
--pill-color-remove-hover: var(--tag-color-hover);
--pill-corner-shape: var(--tag-corner-shape);
--pill-decoration: var(--tag-decoration);
--pill-decoration-hover: var(--tag-decoration-hover);
--pill-padding-x: var(--tag-padding-x);
--pill-padding-y: var(--tag-padding-y);
--pill-radius: var(--tag-radius);
background-color: var(--pill-background);
border-bottom-color: oklch(0.603458 0.21722 292.49 / 0.15);
border-bottom-left-radius: 33.25px;
border-bottom-right-radius: 33.25px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.603458 0.21722 292.49 / 0.15);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.603458 0.21722 292.49 / 0.15);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.603458 0.21722 292.49 / 0.15);
border-top-left-radius: 33.25px;
border-top-right-radius: 33.25px;
border-top-style: solid;
border-top-width: 0px;
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 body a.internal-link.tag-link::before {
color: var(--pill-color);
}
html 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(255, 121, 198);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(255, 121, 198);
border-left-width: 0px;
border-right-color: rgb(255, 121, 198);
border-right-width: 0px;
border-top-color: rgb(255, 121, 198);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-title-h1);
font-family: var(--font-family-editor);
font-size: var(--font-size-h1);
font-weight: var(--font-weight);
letter-spacing: var(--h1-letter-spacing);
line-height: var(--h1-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html body h1.article-title {
color: var(--inline-title-color);
font-size: var(--inline-title-size);
font-weight: var(--inline-title-weight);
}
html 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(189, 147, 249);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(189, 147, 249);
border-left-width: 0px;
border-right-color: rgb(189, 147, 249);
border-right-width: 0px;
border-top-color: rgb(189, 147, 249);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-title-h2);
font-family: var(--font-family-editor);
font-size: var(--font-size-h2);
font-weight: var(--font-weight);
letter-spacing: var(--h2-letter-spacing);
line-height: var(--h2-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html body h2.page-title, html 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(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
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.46113px;
line-height: var(--inline-title-line-height);
margin-block-end: var(--inline-title-margin-bottom);
margin-block-start: 0px;
margin-bottom: 15.371px;
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 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(255, 85, 85);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(255, 85, 85);
border-left-width: 0px;
border-right-color: rgb(255, 85, 85);
border-right-width: 0px;
border-top-color: rgb(255, 85, 85);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-title-h3);
font-family: var(--font-family-editor);
font-size: var(--font-size-h3);
font-weight: var(--font-weight);
letter-spacing: var(--h3-letter-spacing);
line-height: var(--h3-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html 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(255, 184, 108);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(255, 184, 108);
border-left-width: 0px;
border-right-color: rgb(255, 184, 108);
border-right-width: 0px;
border-top-color: rgb(255, 184, 108);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-title-h4);
font-family: var(--font-family-editor);
font-size: var(--font-size-h4);
font-weight: var(--font-weight);
letter-spacing: var(--h4-letter-spacing);
line-height: var(--h4-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html 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(80, 250, 123);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(80, 250, 123);
border-left-width: 0px;
border-right-color: rgb(80, 250, 123);
border-right-width: 0px;
border-top-color: rgb(80, 250, 123);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-title-h5);
font-family: var(--font-family-editor);
font-size: var(--font-size-h5);
font-weight: var(--font-weight);
letter-spacing: var(--h5-letter-spacing);
line-height: var(--h5-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html 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(139, 233, 253);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(139, 233, 253);
border-left-width: 0px;
border-right-color: rgb(139, 233, 253);
border-right-width: 0px;
border-top-color: rgb(139, 233, 253);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-title-h6);
font-family: var(--font-family-editor);
font-size: var(--font-size-h6);
font-weight: var(--font-weight);
letter-spacing: var(--h6-letter-spacing);
line-height: var(--h6-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html body hr {
border-bottom-color: rgb(255, 255, 255);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(255, 255, 255);
border-left-width: 0px;
border-right-color: rgb(255, 255, 255);
border-right-width: 0px;
border-top-color: rgb(255, 255, 255);
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 body input:focus {
border-color: rgb(51, 51, 51);
box-shadow: 0 0 0 var(--input-border-width-focus) var(--background-modifier-border-focus);
}
/* aspect: scrollbars */
html body .callout {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-default);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
border-bottom-color: oklch(0.602893 0.217554 257.503 / 0.25);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.602893 0.217554 257.503 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.602893 0.217554 257.503 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.602893 0.217554 257.503 / 0.25);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 0px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 12px;
padding-inline-start: 24px;
padding-left: 24px;
padding-right: 12px;
padding-top: 12px;
}
html body body {
scrollbar-width: var(--scrollbar-native-width);
}
/* aspect: explorer */
html body .explorer .explorer-content li:has(> .folder-outer.open) > .folder-container::before {
background-color: var(--interactive-accent);
color: rgb(248, 248, 242);
font-family: Avenir, "Avenir Next", sans-serif;
font-weight: 400;
opacity: 1;
}
html body .explorer .explorer-content li:has(> .folder-outer:not(.open)) > .folder-container::before {
background-color: var(--interactive-accent);
color: rgb(248, 248, 242);
font-family: Avenir, "Avenir Next", sans-serif;
font-weight: 400;
opacity: 1;
}
html body .explorer .explorer-content ul.explorer-ul li > a::before {
background-color: rgb(255, 255, 255);
color: rgb(248, 248, 242);
font-family: Avenir, "Avenir Next", sans-serif;
font-weight: 400;
opacity: 1;
}
html body .explorer .folder-container > div {
color: var(--nav-item-color);
font-family: var(--font-family-preview);
font-weight: var(--nav-item-weight);
}
html body .nav-files-container {
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-family: var(--font-family-preview);
}
html body .nav-files-container .collapse-icon {
color: var(--nav-item-color);
opacity: 1;
}
html body .nav-files-container .nav-file-title {
color: var(--nav-item-color);
font-family: var(--font-family-preview);
font-weight: var(--nav-item-weight);
}
html body .nav-files-container .nav-file-title.is-active {
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--nav-item-color);
font-family: var(--font-family-preview);
}
html body .nav-files-container .tree-item-children {
border-inline-start: 1px solid rgba(255, 255, 255, 0.19);
border-left-color: rgba(255, 255, 255, 0.19);
border-left-style: solid;
border-left-width: 1px;
}
html body .nav-files-container li:has(> .folder-outer.open) > .nav-folder-title {
color: var(--nav-item-color);
font-family: var(--font-family-preview);
font-weight: var(--nav-item-weight);
}
html body .nav-files-container li:has(> .folder-outer:not(.open)) > .nav-folder-title {
color: var(--nav-item-color);
font-family: var(--font-family-preview);
font-weight: var(--nav-item-weight);
}
html body .explorer .nav-files-container a {
color: var(--nav-item-color);
}
html body .explorer .nav-files-container a:hover {
color: var(--nav-item-color-hover);
}
html body .explorer .nav-files-container .is-active {
color: var(--nav-item-color-active);
}
html body .explorer .nav-files-container a:hover {
background-color: var(--nav-item-background-hover);
}
html body .explorer .nav-files-container .collapse-icon svg {
color: var(--nav-collapse-icon-color);
}
html body .explorer .nav-files-container .folder-outer > ul {
border-left-color: var(--nav-indentation-guide-color);
}
/* aspect: toc */
html body details.toc summary::marker {
color: var(--text-normal);
}
/* aspect: graph */
html 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: 8px;
border-bottom-right-radius: 8px;
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: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
}
html body .graph > .graph-outer {
background-color: var(--background-secondary);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
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: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-normal);
}
html body .graph > .graph-outer > .global-graph-icon {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-width: 0px;
color: var(--icon-color);
cursor: var(--cursor);
}
/* aspect: footer */
html body footer {
background-color: var(--background-secondary-alt);
color: var(--status-bar-text-color);
font-family: var(--font-family-preview);
font-size: var(--font-size-status-bar);
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 body footer ul li a {
color: var(--status-bar-text-color);
font-size: var(--font-size-status-bar);
font-weight: 400;
}
/* aspect: recentNotes */
html body .recent-notes > h3 {
color: var(--text-normal);
font-family: var(--font-family-preview);
font-weight: 400;
}
html body .recent-notes > ul.recent-ul > li {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
}
html body .recent-notes > ul.recent-ul > li .section > .desc > h3 > a {
color: var(--nav-item-color);
}
html body .recent-notes > ul.recent-ul > li .section > .meta {
color: var(--nav-item-color);
font-family: var(--font-family-preview);
}
/* aspect: listPage */
html body li.section-li {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html body li.section-li > .section .meta {
color: var(--nav-item-color);
font-family: var(--font-family-preview);
}
html body li.section-li > .section > .desc > h3 > a {
color: var(--nav-item-color);
}
html body ul.section-ul {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
/* aspect: darkmode */
html body .darkmode {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-width: 0px;
color: var(--icon-color);
cursor: var(--cursor);
}
html body .darkmode svg {
color: var(--icon-color);
stroke: rgb(248, 248, 242);
}
/* aspect: breadcrumbs */
html body .breadcrumb-container {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-width: 0px;
color: var(--text-muted);
}
html body .breadcrumb-element p {
color: var(--text-faint);
font-family: var(--file-header-font);
}
/* aspect: misc */
html body .content-meta {
--input-height: var(--metadata-input-height);
color: var(--text-muted);
font-size: var(--font-size-normal);
}
html body .data-footnote-backref {
--font-weight: var(--link-weight);
color: var(--text-faint);
}
html body .footnotes {
background-color: rgba(0, 0, 0, 0);
border-top-color: rgb(248, 248, 242);
border-top-width: 0px;
color: var(--text-normal);
}
html body .katex > .katex-html {
font-family: var(--font-text);
}
html body .katex-display {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
}
html body .katex-display > .katex {
display: block;
font-family: var(--font-text);
text-align: center;
}
html body .katex-display > .katex > .katex-html {
font-family: var(--font-text);
}
html body .spacer {
background-color: rgba(0, 0, 0, 0);
}
html body abbr {
color: var(--text-normal);
text-decoration: underline dotted;
text-decoration-style: dotted;
}
html body details {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
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 body footer {
opacity: 1;
}
html 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(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
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 body input[type=text] {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--metadata-label-font);
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
}
html body kbd {
background-color: var(--code-background);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-width: 0px;
color: var(--code-normal);
font-family: var(--font-monospace);
font-size: var(--code-size);
padding-block-end: 1.6625px;
padding-block-start: 1.6625px;
padding-bottom: 1.6625px;
padding-inline-end: 4.15625px;
padding-inline-start: 4.15625px;
padding-left: 4.15625px;
padding-right: 4.15625px;
padding-top: 1.6625px;
}
html body li.task-list-item input[type="checkbox"] {
background-color: rgba(0, 0, 0, 0);
border-color: rgb(189, 147, 249);
border-radius: 4px;
border-width: 1px;
}
html body li.task-list-item input[type="checkbox"]:checked {
background-color: var(--checkbox-color);
border-color: rgb(189, 147, 249);
}
html body pre:has(> code.mermaid) {
background-color: var(--pre-code);
border: 0px solid rgb(51, 51, 51);
}
html body progress {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(248, 248, 242);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(248, 248, 242);
border-left-width: 0px;
border-right-color: rgb(248, 248, 242);
border-right-width: 0px;
border-top-color: rgb(248, 248, 242);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
height: 6px;
}
html body sub {
color: var(--text-normal);
font-size: var(--font-size-normal);
vertical-align: sub;
}
html body summary {
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-weight: 400;
list-style: inside none disclosure-closed;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html body sup {
color: var(--text-normal);
font-size: var(--font-size-normal);
vertical-align: super;
}
html body ul.tags > li {
--icon-size: var(--icon-xs);
--icon-stroke: var(--icon-xs-stroke-width);
--pill-background: var(--tag-background);
--pill-background-hover: var(--tag-background-hover);
--pill-border-color: var(--tag-border-color);
--pill-border-color-hover: var(--tag-border-color-hover);
--pill-border-width: var(--tag-border-width);
--pill-color: var(--tag-color);
--pill-color-hover: var(--tag-color-hover);
--pill-color-remove: var(--tag-color);
--pill-color-remove-hover: var(--tag-color-hover);
--pill-corner-shape: var(--tag-corner-shape);
--pill-decoration: var(--tag-decoration);
--pill-decoration-hover: var(--tag-decoration-hover);
--pill-padding-x: var(--tag-padding-x);
--pill-padding-y: var(--tag-padding-y);
--pill-radius: var(--tag-radius);
background-color: var(--pill-background);
border-bottom-color: oklch(0.603458 0.21722 292.49 / 0.15);
border-bottom-left-radius: 33.25px;
border-bottom-right-radius: 33.25px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.603458 0.21722 292.49 / 0.15);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.603458 0.21722 292.49 / 0.15);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.603458 0.21722 292.49 / 0.15);
border-top-left-radius: 33.25px;
border-top-right-radius: 33.25px;
border-top-style: solid;
border-top-width: 0px;
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;
}
}
}
}
}