@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));
}
/* aspect: base */
:root:root[saved-theme="dark"] {
--accent-h: 258;
--accent-l: 66%;
--accent-s: 88%;
--anim-duration-fast: 140ms;
--anim-duration-moderate: 300ms;
--anim-duration-none: 0;
--anim-duration-slow: 560ms;
--anim-duration-superfast: 70ms;
--anim-motion-delay: cubic-bezier(0.65, 0.05, 0.36, 1);
--anim-motion-jumpy: cubic-bezier(0.68, -0.55, 0.27, 1.55);
--anim-motion-smooth: cubic-bezier(0.45, 0.05, 0.55, 0.95);
--anim-motion-swing: cubic-bezier(0, 0.55, 0.45, 1);
--background-modifier-active-hover: var(--phosphor-faint);
--background-modifier-border: var(--phosphor-faint);
--background-modifier-border-focus: var(--phosphor);
--background-modifier-border-hover: var(--phosphor-dim);
--background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
--background-modifier-cover: rgba(10, 10, 10, 0.4);
--background-modifier-error: var(--color-red);
--background-modifier-error-hover: var(--color-red);
--background-modifier-error-rgb: var(--color-red-rgb);
--background-modifier-form-field: var(--phosphor-bg-soft);
--background-modifier-form-field-hover: var(--background-modifier-form-field);
--background-modifier-hover: var(--phosphor-faint);
--background-modifier-message: color-mix(in oklch, black 90%, transparent);
--background-modifier-success: var(--color-green);
--background-modifier-success-rgb: var(--color-green-rgb);
--background-modifier-warning: var(--color-orange);
--background-modifier-warning-hover: var(--color-orange);
--background-primary: var(--phosphor-bg);
--background-primary-alt: var(--phosphor-bg);
--background-secondary: var(--phosphor-bg);
--background-secondary-alt: var(--phosphor-bg-soft);
--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-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-theme));
--bold-modifier: 200;
--bold-weight: calc(var(--font-weight) + var(--bold-modifier));
--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: var(--interactive-accent);
--checkbox-color-hover: var(--interactive-accent-hover);
--checkbox-margin-inline-start: 0.85em;
--checkbox-marker-color: var(--background-primary);
--checkbox-radius: 0;
--checkbox-size: var(--font-text-size);
--checklist-done-color: var(--text-muted);
--checklist-done-decoration: line-through;
--clickable-icon-radius: var(--radius-s);
--code-background: var(--background-primary-alt);
--code-border-color: var(--background-modifier-border);
--code-border-width: 0px;
--code-bracket-background: var(--background-modifier-hover);
--code-comment: var(--text-faint);
--code-function: var(--color-yellow);
--code-important: var(--color-orange);
--code-keyword: var(--color-pink);
--code-normal: var(--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-theme));
--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: #53dfdd;
--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: #fa99cd;
--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-yellow: #e0de71;
--color-yellow-rgb: 224, 222, 113;
--corner-shape: round;
--cursor: default;
--cursor-link: pointer;
--dark: var(--text-normal, var(--phosphor));
--darkgray: var(--text-normal, var(--phosphor));
--dialog-max-height: 85vh;
--dialog-max-width: 80vw;
--dialog-width: 560px;
--direction: 1;
--divider-color: var(--phosphor-faint);
--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-block-shadow-hover: 0 0 0 1px var(--background-modifier-border), inset 0 0 0 1px var(--background-modifier-border);
--embed-border-bottom: none;
--embed-border-end: none;
--embed-border-start: 2px solid var(--interactive-accent);
--embed-border-top: none;
--embed-canvas-max-height: 400px;
--embed-max-height: 4000px;
--embed-padding: 0 0 0 var(--size-4-6);
--file-folding-offset: 24px;
--file-header-background: var(--background-primary);
--file-header-background-focused: var(--background-primary);
--file-header-border: var(--border-width) solid transparent;
--file-header-font: var(--font-interface);
--file-header-font-size: var(--font-ui-small);
--file-header-font-weight: 400;
--file-header-justify: center;
--file-line-width: 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-interface: var(--font-interface-theme);
--font-interface-theme: var(--font-text-theme);
--font-light: 300;
--font-medium: 500;
--font-mermaid: var(--font-text);
--font-monospace: var(--font-monospace-theme);
--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: var(--font-text-theme);
--font-normal: 400;
--font-print: var(--font-print-override), var(--font-text-override), var(--font-text-theme), 'Arial';
--font-semibold: 600;
--font-small: 0.933em;
--font-smaller: 0.875em;
--font-smallest: 0.8em;
--font-text: var(--font-text-theme);
--font-text-size: 16px;
--font-text-theme: "Monaco", "Menlo", "Print Char 21", "PrintChar21", "IBM Plex Mono", "Courier New", monospace;
--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;
--glow-button: 0 0 1px var(--phosphor), 0 0 4px rgba(51, 255, 102, 0.3);
--glow-chrome: 0 0 1px var(--phosphor), 0 0 4px rgba(51, 255, 102, 0.25);
--glow-heading: 0 0 2px var(--phosphor-bright), 0 0 6px rgba(124, 255, 154, 0.5), 0 0 14px rgba(124, 255, 154, 0.2);
--glow-main: 0 0 1px var(--phosphor), 0 0 3px rgba(51, 255, 102, 0.35), 0 0 8px rgba(51, 255, 102, 0.15);
--graph-controls-width: 240px;
--graph-line: var(--color-base-35, var(--background-modifier-border-focus));
--graph-node: var(--text-muted);
--graph-node-attachment: var(--color-yellow);
--graph-node-focused: var(--text-accent);
--graph-node-tag: var(--color-green);
--graph-node-unresolved: var(--text-faint);
--graph-text: var(--text-normal);
--gray: var(--text-muted, var(--phosphor-dim));
--h1-color: var(--phosphor-bright);
--h1-letter-spacing: -0.015em;
--h1-line-height: 1.2;
--h1-size: 1.618em;
--h1-style: normal;
--h1-variant: normal;
--h1-weight: 700;
--h2-color: var(--phosphor-bright);
--h2-letter-spacing: -0.011em;
--h2-line-height: 1.2;
--h2-size: 1.462em;
--h2-style: normal;
--h2-variant: normal;
--h2-weight: 680;
--h3-color: var(--phosphor-bright);
--h3-letter-spacing: -0.008em;
--h3-line-height: 1.3;
--h3-size: 1.318em;
--h3-style: normal;
--h3-variant: normal;
--h3-weight: 660;
--h4-color: var(--phosphor-bright);
--h4-letter-spacing: -0.005em;
--h4-line-height: 1.4;
--h4-size: 1.188em;
--h4-style: normal;
--h4-variant: normal;
--h4-weight: 640;
--h5-color: var(--phosphor-bright);
--h5-letter-spacing: -0.002em;
--h5-line-height: var(--line-height-normal);
--h5-size: 1.076em;
--h5-style: normal;
--h5-variant: normal;
--h5-weight: 620;
--h6-color: var(--phosphor-bright);
--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-theme));
--heading-formatting: var(--text-faint);
--heading-spacing: calc(var(--p-spacing) * 2.5);
--highlight: var(--text-highlight-bg, var(--phosphor-faint));
--highlight-mix-blend-mode: lighten;
--hr-color: var(--background-modifier-border);
--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;
--indent-size: 4;
--indent-unit: 0.5625em;
--indentation-guide-color: color-mix(in oklch, var(--mono-100) 12%, transparent);
--indentation-guide-color-active: color-mix(in oklch, var(--mono-100) 30%, transparent);
--indentation-guide-editing-indent: 0.85em;
--indentation-guide-reading-indent: -0.85em;
--indentation-guide-source-indent: 0.25em;
--indentation-guide-width: var(--border-width);
--indentation-guide-width-active: var(--border-width);
--inline-title-color: var(--h1-color);
--inline-title-line-height: var(--h1-line-height);
--inline-title-margin-bottom: 0.5em;
--inline-title-size: var(--h1-size);
--inline-title-style: var(--h1-style);
--inline-title-variant: var(--h1-variant);
--inline-title-weight: var(--h1-weight);
--input-border-width: 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: 0;
--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(--phosphor-faint);
--interactive-accent-hover: var(--phosphor);
--interactive-accent-hsl: var(--color-accent-hsl);
--interactive-hover: var(--phosphor-faint);
--interactive-normal: var(--phosphor-bg-soft);
--keyboard-height: 0px;
--layer-cover: 5;
--layer-dragged-item: 80;
--layer-menu: 65;
--layer-modal: 50;
--layer-notice: 60;
--layer-popover: 30;
--layer-sidedock: 10;
--layer-slides: 45;
--layer-status-bar: 15;
--layer-tooltip: 70;
--light: var(--background-primary, var(--phosphor-bg));
--lightgray: var(--background-secondary, var(--phosphor-bg));
--line-height-normal: 1.5;
--line-height-tight: 1.3;
--link-color: var(--phosphor-bright);
--link-color-hover: #ffffff;
--link-decoration: underline;
--link-decoration-hover: underline;
--link-decoration-thickness: auto;
--link-external-color: var(--phosphor-bright);
--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(--phosphor-bg);
--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: 0;
--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(--phosphor);
--nav-item-background-hover: var(--phosphor-faint);
--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(--phosphor);
--nav-item-color-active: var(--phosphor-bg);
--nav-item-color-highlighted: var(--text-accent);
--nav-item-color-hover: var(--phosphor-bright);
--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);
--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;
--phosphor: #33ff66;
--phosphor-bg: #0a0f06;
--phosphor-bg-soft: #0f1608;
--phosphor-bright: #7cff9a;
--phosphor-dim: #4fcc77;
--phosphor-faint: #1a5530;
--phosphor-warn: #ffcc33;
--pill-background: transparent;
--pill-background-hover: transparent;
--pill-border-color: var(--background-modifier-border);
--pill-border-color-hover: var(--background-modifier-border-hover);
--pill-border-width: var(--border-width);
--pill-color: var(--text-muted);
--pill-color-hover: var(--text-normal);
--pill-color-remove: var(--text-faint);
--pill-color-remove-hover: var(--text-accent);
--pill-decoration: none;
--pill-decoration-hover: none;
--pill-focus-left-adjust: -4px;
--pill-focus-width: calc(100% + 6px);
--pill-padding-x: 0.65em;
--pill-padding-y: 0.25em;
--pill-radius: 2em;
--popover-font-size: var(--font-text-size);
--popover-height: 400px;
--popover-max-height: 95vh;
--popover-pdf-height: 400px;
--popover-pdf-width: 450px;
--popover-width: 450px;
--preferred-text-scale: 1;
--prompt-backdrop-filter: none;
--prompt-background: var(--background-primary);
--prompt-border-color: var(--color-base-40, var(--background-modifier-border-focus));
--prompt-border-width: var(--border-width);
--prompt-input-height: 40px;
--prompt-max-height: 70vh;
--prompt-max-width: 80vw;
--prompt-width: 700px;
--radius-l: 0;
--radius-m: 0;
--radius-s: 0;
--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: color-mix(in oklch, var(--mono-100) 5%, transparent);
--scrollbar-border-width: 3px 3px 3px 2px;
--scrollbar-height: 12px;
--scrollbar-radius: var(--radius-l);
--scrollbar-thumb-bg: color-mix(in oklch, var(--mono-100) 10%, transparent);
--scrollbar-width: 12px;
--search-clear-button-color: var(--text-muted);
--search-clear-button-size: 13px;
--search-icon-color: var(--text-muted);
--search-icon-size: 18px;
--search-input-corner-shape: var(--input-corner-shape);
--search-input-radius: var(--input-radius);
--search-result-background: var(--background-primary);
--secondary: var(--text-accent, var(--phosphor-bright));
--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-border-color: var(--background-modifier-border-hover);
--slider-thumb-border-width: var(--border-width);
--slider-thumb-height: 18px;
--slider-thumb-radius: var(--slider-thumb-height);
--slider-thumb-width: 18px;
--slider-thumb-y: -6px;
--slider-track-background: var(--background-modifier-border-hover);
--slider-track-height: 4px;
--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(--phosphor-bg-soft);
--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(--phosphor-faint);
--tab-outline-width: 1px;
--tab-radius: 0;
--tab-radius-active: 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(--phosphor-dim);
--tab-text-color-active: var(--text-muted);
--tab-text-color-focused: var(--phosphor-bright);
--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, #ffffff);
--text-accent: var(--phosphor-bright);
--text-accent-hover: #ffffff;
--text-error: var(--phosphor-warn);
--text-faint: var(--phosphor-faint);
--text-highlight-bg: var(--phosphor-faint);
--text-highlight-bg-rgb: 255, 208, 0;
--text-muted: var(--phosphor-dim);
--text-normal: var(--phosphor);
--text-on-accent: var(--phosphor-bg);
--text-on-accent-inverted: black;
--text-selection: var(--phosphor-bg);
--text-success: var(--color-green);
--text-warning: var(--color-orange);
--textHighlight: var(--text-highlight-bg, var(--phosphor-faint));
--titleFont: var(--font-text, var(--font-text-theme));
--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-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;
--workspace-background-translucent: color-mix(in oklch, var(--mono-0) 60%, transparent);
--xfa-focus-outline: auto;
--xfa-unfocused-field-background: url("data:image/svg+xml,%3Csvg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' style='fill:rgba(0, 54, 255, 0.13);'/%3E%3C/svg%3E");
--zoom-factor: 1;
--quartz-icon-color: var(--icon-color, currentColor);
--collapse-icon-color: var(--nav-collapse-icon-color);
--collapse-icon-color-collapsed: var(--nav-collapse-icon-color-collapsed);
}
html[saved-theme="dark"] body {
background-color: var(--background-primary);
color: var(--text-normal);
}
html[saved-theme="dark"] body .page > div#quartz-body div.sidebar {
background-color: var(--background-secondary);
color: var(--text-normal);
}
html[saved-theme="dark"] body .page > div#quartz-body div.sidebar.left {
border-right-color: rgb(26, 85, 48);
border-right-style: solid;
border-right-width: 1px;
}
html[saved-theme="dark"] body .page > div#quartz-body div.sidebar.right {
--bases-table-header-background: var(--background-secondary);
background-color: var(--tab-container-background);
border-left-color: rgb(26, 85, 48);
border-left-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body body[data-slug] div#quartz-root.page, html[saved-theme="dark"] .page > div#quartz-body div.sidebar.left, html[saved-theme="dark"] .page > div#quartz-body div.sidebar.left:has(.explorer), html[saved-theme="dark"] .page > div#quartz-body div.sidebar.left .explorer .explorer-content {
--bases-table-header-background: var(--background-secondary);
background-color: var(--tab-container-background);
color: var(--text-normal);
}
html[saved-theme="dark"] body body[data-slug], html[saved-theme="dark"] body[data-slug] .page > div#quartz-body, html[saved-theme="dark"] .page > div#quartz-body div.center, html[saved-theme="dark"] .page > div#quartz-body footer {
background-color: var(--background-primary);
color: var(--text-normal);
}
/* aspect: headings */
html[saved-theme="dark"] body h1 {
--font-weight: var(--h1-weight);
border-bottom-color: rgb(124, 255, 154);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(124, 255, 154);
border-left-width: 0px;
border-right-color: rgb(124, 255, 154);
border-right-width: 0px;
border-top-color: rgb(124, 255, 154);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h1-color);
font-family: var(--h1-font);
font-weight: var(--font-weight);
text-transform: uppercase;
}
html[saved-theme="dark"] body h2 {
--font-weight: var(--h2-weight);
border-bottom-color: rgb(124, 255, 154);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(124, 255, 154);
border-left-width: 0px;
border-right-color: rgb(124, 255, 154);
border-right-width: 0px;
border-top-color: rgb(124, 255, 154);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h2-color);
font-family: var(--h2-font);
font-weight: var(--font-weight);
text-transform: uppercase;
}
html[saved-theme="dark"] body h3 {
--font-weight: var(--h3-weight);
border-bottom-color: rgb(124, 255, 154);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(124, 255, 154);
border-left-width: 0px;
border-right-color: rgb(124, 255, 154);
border-right-width: 0px;
border-top-color: rgb(124, 255, 154);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h3-color);
font-family: var(--h3-font);
font-weight: var(--font-weight);
text-transform: uppercase;
}
html[saved-theme="dark"] body h4 {
--font-weight: var(--h4-weight);
border-bottom-color: rgb(124, 255, 154);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(124, 255, 154);
border-left-width: 0px;
border-right-color: rgb(124, 255, 154);
border-right-width: 0px;
border-top-color: rgb(124, 255, 154);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h4-color);
font-family: var(--h4-font);
font-weight: var(--font-weight);
text-transform: uppercase;
}
html[saved-theme="dark"] body h5 {
--font-weight: var(--h5-weight);
border-bottom-color: rgb(124, 255, 154);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(124, 255, 154);
border-left-width: 0px;
border-right-color: rgb(124, 255, 154);
border-right-width: 0px;
border-top-color: rgb(124, 255, 154);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h5-color);
font-family: var(--h5-font);
font-weight: var(--font-weight);
text-transform: uppercase;
}
html[saved-theme="dark"] body h6 {
--font-weight: var(--h6-weight);
border-bottom-color: rgb(124, 255, 154);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(124, 255, 154);
border-left-width: 0px;
border-right-color: rgb(124, 255, 154);
border-right-width: 0px;
border-top-color: rgb(124, 255, 154);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h6-color);
font-family: var(--h6-font);
font-weight: var(--font-weight);
text-transform: uppercase;
}
/* aspect: typography */
html[saved-theme="dark"] body .markdown-rendered p > b, html[saved-theme="dark"] b {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--text-accent);
cursor: grab;
font-family: var(--font-text);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: rgb(124, 255, 154) none 0px;
text-decoration-color: rgb(124, 255, 154);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="dark"] body .markdown-rendered p > em, html[saved-theme="dark"] em {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--phosphor-warn);
cursor: grab;
font-family: var(--font-text);
font-weight: 400;
outline: rgb(255, 204, 51) none 0px;
text-decoration-color: rgb(255, 204, 51);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="dark"] body .markdown-rendered p > i, html[saved-theme="dark"] i {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--phosphor-warn);
cursor: grab;
font-family: var(--font-text);
font-weight: 400;
outline: rgb(255, 204, 51) none 0px;
text-decoration-color: rgb(255, 204, 51);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="dark"] body .markdown-rendered p > strong > em, html[saved-theme="dark"] strong > em {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--phosphor-warn);
cursor: grab;
font-family: var(--font-text);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: rgb(255, 204, 51) none 0px;
text-decoration-color: rgb(255, 204, 51);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="dark"] body .markdown-rendered p > strong, html[saved-theme="dark"] strong {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--text-accent);
cursor: grab;
font-family: var(--font-text);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: rgb(124, 255, 154) none 0px;
text-decoration-color: rgb(124, 255, 154);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="dark"] body .text-highlight {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: var(--text-highlight-bg);
color: var(--text-normal);
cursor: grab;
font-family: var(--font-text);
font-weight: 400;
outline: rgb(51, 255, 102) none 0px;
text-decoration-color: rgb(51, 255, 102);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="dark"] body del {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
cursor: grab;
font-family: var(--font-text);
font-weight: 400;
outline: rgb(51, 255, 102) none 0px;
text-decoration: line-through;
text-decoration-color: rgb(51, 255, 102);
text-decoration-line: line-through;
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="dark"] body p {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--text-muted);
font-family: var(--font-interface);
font-weight: 400;
outline: rgb(79, 204, 119) none 0px;
text-decoration-color: rgb(79, 204, 119);
text-decoration-style: solid;
transition: all;
}
/* aspect: links */
html[saved-theme="dark"] body .backlinks {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 32px;
padding-block-start: 4px;
padding-bottom: max(var(--safe-area-inset-bottom), var(--size-4-8));
padding-inline-end: var(--size-4-3);
padding-inline-start: var(--size-4-3);
padding-left: 12px;
padding-right: 12px;
padding-top: var(--size-4-1);
}
html[saved-theme="dark"] body .backlinks ul li {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .backlinks ul li a {
color: var(--nav-heading-color);
}
html[saved-theme="dark"] body a.external-link, html[saved-theme="dark"] footer a {
--font-weight: var(--link-weight);
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--link-external-color);
cursor: var(--cursor-link);
filter: var(--link-external-filter);
font-family: var(--font-text);
font-weight: var(--link-weight);
outline: rgb(124, 255, 154) none 0px;
text-decoration: underline;
text-decoration-color: rgb(124, 255, 154);
text-decoration-line: var(--link-external-decoration);
text-decoration-style: solid;
text-decoration-thickness: var(--link-decoration-thickness);
transition: opacity 0.14s ease-in-out;
user-select: text;
}
html[saved-theme="dark"] body a.internal-link, html[saved-theme="dark"] .breadcrumb-container .breadcrumb-element > a {
--font-weight: var(--link-weight);
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--link-color);
cursor: var(--cursor-link);
font-family: var(--font-text);
font-weight: var(--link-weight);
outline: rgb(124, 255, 154) none 0px;
text-decoration: underline;
text-decoration-color: rgb(124, 255, 154);
text-decoration-line: var(--link-decoration);
text-decoration-style: solid;
text-decoration-thickness: var(--link-decoration-thickness);
transition: opacity 0.14s ease-in-out;
user-select: text;
}
html[saved-theme="dark"] body a.internal-link.broken {
--font-weight: var(--link-weight);
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--link-unresolved-color);
cursor: var(--cursor-link);
filter: var(--link-unresolved-filter);
font-family: var(--font-text);
font-weight: var(--link-weight);
outline: rgb(124, 255, 154) none 0px;
text-decoration: underline oklch(0.40099 0.0868325 152.447 / 0.3);
text-decoration-color: var(--link-unresolved-decoration-color);
text-decoration-line: var(--link-decoration);
text-decoration-style: var(--link-unresolved-decoration-style);
text-decoration-thickness: var(--link-decoration-thickness);
transition: opacity 0.14s ease-in-out;
user-select: text;
}
/* aspect: lists */
html[saved-theme="dark"] body dd {
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
font-size: var(--font-text-size);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 40px;
margin-left: 40px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body dl {
list-style: outside none disc;
margin-block-end: 16px;
margin-block-start: 16px;
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body dt {
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
font-size: var(--font-text-size);
font-weight: 400;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body ol > li {
color: var(--text-normal);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 1.2px;
padding-block-start: 1.2px;
padding-bottom: var(--list-spacing);
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: var(--list-spacing);
text-align: start;
}
html[saved-theme="dark"] body ul > li {
color: var(--text-normal);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 1.2px;
padding-block-start: 1.2px;
padding-bottom: var(--list-spacing);
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: var(--list-spacing);
text-align: start;
}
html[saved-theme="dark"] body ul.overflow {
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
/* aspect: blockquotes */
html[saved-theme="dark"] body blockquote {
background-color: var(--blockquote-background-color);
border-inline-start: 2px solid rgb(51, 255, 102);
color: var(--text-muted);
font-family: var(--font-text);
font-style: var(--blockquote-font-style);
font-weight: 400;
letter-spacing: 0.3px;
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[saved-theme="dark"] body .table-container {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html[saved-theme="dark"] body table {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: 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[saved-theme="dark"] body tbody {
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-family: var(--font-text);
}
html[saved-theme="dark"] body tbody tr:nth-child(even) {
background-color: var(--table-background);
}
html[saved-theme="dark"] body tbody tr:nth-child(odd) {
background-color: var(--table-row-alt-background);
}
html[saved-theme="dark"] body td {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(26, 85, 48);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(26, 85, 48);
border-left-style: solid;
border-left-width: var(--table-column-first-border-width);
border-right-color: rgb(26, 85, 48);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(26, 85, 48);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
color: var(--table-text-color);
font-weight: 400;
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
text-align: start;
vertical-align: var(--table-cell-vertical-alignment);
}
html[saved-theme="dark"] body th {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(26, 85, 48);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(26, 85, 48);
border-left-style: solid;
border-left-width: var(--table-column-first-border-width);
border-right-color: rgb(26, 85, 48);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(26, 85, 48);
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);
letter-spacing: 0.3px;
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
text-align: start;
vertical-align: var(--table-cell-vertical-alignment);
}
html[saved-theme="dark"] body thead {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: 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);
}
html[saved-theme="dark"] body tr {
background-color: var(--table-header-background);
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);
}
/* aspect: code */
html[saved-theme="dark"] body code {
background-color: var(--background-secondary-alt);
border-bottom-color: rgb(26, 85, 48);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(26, 85, 48);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(26, 85, 48);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(26, 85, 48);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-accent);
font-family: var(--font-monospace);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 4px;
padding-inline-start: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 0px;
}
html[saved-theme="dark"] body figure[data-rehype-pretty-code-figure] {
background-color: var(--code-background);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
}
html[saved-theme="dark"] body figure[data-rehype-pretty-code-figure] > [data-rehype-pretty-code-title] {
background-color: var(--code-background);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--ec-uiFontFml);
}
html[saved-theme="dark"] body pre > code > [data-line] {
background-color: var(--code-background);
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 0px;
}
html[saved-theme="dark"] body pre > code > [data-line][data-highlighted-line] {
background-color: var(--code-background);
border-left-color: rgba(0, 0, 0, 0);
border-left-width: 0px;
}
html[saved-theme="dark"] body pre > code [data-highlighted-chars] {
background-color: var(--code-background);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
}
html[saved-theme="dark"] body pre > code, html[saved-theme="dark"] pre:has(> code) {
background-color: var(--code-background);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
/* aspect: images */
html[saved-theme="dark"] body audio {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body figcaption {
color: var(--text-normal);
font-family: var(--ec-uiFontFml);
font-size: var(--ec-uiFontSize);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: start;
}
html[saved-theme="dark"] body figure {
--code-background: var(--ec-frm-edBg);
--header-border-radius: calc(var(--ec-brdRad) + var(--ec-brdWd));
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
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;
text-align: start;
}
html[saved-theme="dark"] body img {
border-bottom-color: rgb(124, 255, 154);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(124, 255, 154);
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(124, 255, 154);
border-right-width: 0px;
border-top-color: rgb(124, 255, 154);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
max-width: 100%;
}
html[saved-theme="dark"] body video {
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
max-width: 100%;
}
/* aspect: embeds */
html[saved-theme="dark"] body .transclude {
background-color: var(--embed-background);
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 85, 48);
border-left-style: solid;
border-left-width: 2px;
border-radius: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .transclude ul {
color: var(--text-normal);
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .transclude-inner {
background-color: var(--embed-background);
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-style: solid;
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
/* aspect: checkboxes */
html[saved-theme="dark"] body input[type=checkbox] {
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(51, 255, 102);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(51, 255, 102);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 8px;
margin-inline-start: calc(var(--checkbox-size) * -1.5);
margin-left: -24px;
margin-right: 8px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
transition: box-shadow 0.15s ease-in-out;
width: var(--checkbox-size);
}
html[saved-theme="dark"] body li.task-list-item[data-task="#"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="$"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="%"] {
color: var(--text-normal);
}
html[saved-theme="dark"] li.task-list-item[data-task="body"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="'"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="+"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task=", html[saved-theme="dark"] "] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="."] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="0"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="1"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="2"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="3"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="4"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="5"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="6"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="7"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="8"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="9"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task=":"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task=";"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="<"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="="] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="@"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="A"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="B"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="C"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="D"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="E"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="F"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="G"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="H"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="J"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="K"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="L"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="M"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="N"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="O"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="P"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="Q"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="R"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="T"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="U"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="V"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="W"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="X"] {
color: var(--checklist-done-color);
}
html[saved-theme="dark"] body li.task-list-item[data-task="Y"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="Z"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="_"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="`"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="a"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="e"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="g"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="h"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="j"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="m"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="n"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="o"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="q"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="r"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="s"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="t"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="v"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="x"] {
color: var(--checklist-done-color);
}
html[saved-theme="dark"] body li.task-list-item[data-task="y"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="z"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="|"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task="~"] {
color: var(--text-normal);
}
html[saved-theme="dark"] body li.task-list-item[data-task='!'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(51, 255, 102);
}
html[saved-theme="dark"] body li.task-list-item[data-task='*'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(51, 255, 102);
}
html[saved-theme="dark"] body li.task-list-item[data-task='-'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(51, 255, 102);
}
html[saved-theme="dark"] body li.task-list-item[data-task='/'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(51, 255, 102);
}
html[saved-theme="dark"] body li.task-list-item[data-task='>'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(51, 255, 102);
}
html[saved-theme="dark"] body li.task-list-item[data-task='?'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(51, 255, 102);
}
html[saved-theme="dark"] body li.task-list-item[data-task='I'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(51, 255, 102);
}
html[saved-theme="dark"] body li.task-list-item[data-task='S'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(51, 255, 102);
}
html[saved-theme="dark"] body li.task-list-item[data-task='b'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(51, 255, 102);
}
html[saved-theme="dark"] body li.task-list-item[data-task='c'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(51, 255, 102);
}
html[saved-theme="dark"] body li.task-list-item[data-task='d'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(51, 255, 102);
}
html[saved-theme="dark"] body li.task-list-item[data-task='f'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(51, 255, 102);
}
html[saved-theme="dark"] body li.task-list-item[data-task='i'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(51, 255, 102);
}
html[saved-theme="dark"] body li.task-list-item[data-task='k'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(51, 255, 102);
}
html[saved-theme="dark"] body li.task-list-item[data-task='l'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(51, 255, 102);
}
html[saved-theme="dark"] body li.task-list-item[data-task='p'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(51, 255, 102);
}
html[saved-theme="dark"] body li.task-list-item[data-task='u'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(51, 255, 102);
}
html[saved-theme="dark"] body li.task-list-item[data-task='w'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(51, 255, 102);
}
html[saved-theme="dark"] body ul > li.task-list-item {
display: list-item;
list-style: outside none none;
text-align: start;
}
html[saved-theme="dark"] body li.task-list-item[data-task="_"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="-"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task=","] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task=";"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task=":"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="!"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="?"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="."] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="'"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="\""] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="@"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="*"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="/"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="&"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="#"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="%"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="`"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="+"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="<"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="="] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task=">"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="|"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="~"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="$"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="0"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="1"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="2"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="3"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="4"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="5"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="6"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="7"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="8"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="9"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="a"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="A"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="b"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="B"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="c"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="C"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="d"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="D"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="e"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="E"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="f"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="F"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="g"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="G"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="h"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="H"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="i"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="I"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="j"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="J"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="k"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="K"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="l"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="L"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="m"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="M"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="n"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="N"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="o"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="O"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="p"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="P"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="q"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="Q"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="r"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="R"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="s"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="S"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="t"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="T"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="u"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="U"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="v"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="V"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="w"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="W"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="x"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="X"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="y"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="Y"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="z"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
html[saved-theme="dark"] body li.task-list-item[data-task="Z"] input[type="checkbox"] {
color: rgb(124, 255, 154);
}
/* aspect: callouts */
html[saved-theme="dark"] body .callout .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(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[saved-theme="dark"] body .callout .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="abstract"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-summary);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.828615 0.118893 193.752 / 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.828615 0.118893 193.752 / 0.25);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.828615 0.118893 193.752 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.828615 0.118893 193.752 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.828615 0.118893 193.752 / 0.25);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="abstract"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: 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[saved-theme="dark"] body .callout[data-callout="abstract"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="abstract"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="bug"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-bug);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.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: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="bug"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: 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[saved-theme="dark"] body .callout[data-callout="bug"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="bug"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="danger"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-error);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.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: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="danger"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: 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[saved-theme="dark"] body .callout[data-callout="danger"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="danger"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="example"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-example);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.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: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="example"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: 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[saved-theme="dark"] body .callout[data-callout="example"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="example"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="failure"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-fail);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.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: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="failure"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: 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[saved-theme="dark"] body .callout[data-callout="failure"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="failure"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="info"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-info);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.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: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="info"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: 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[saved-theme="dark"] body .callout[data-callout="info"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="info"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="note"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-default);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.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: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="note"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: 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[saved-theme="dark"] body .callout[data-callout="note"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="note"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="question"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-question);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.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: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="question"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: 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[saved-theme="dark"] body .callout[data-callout="question"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="question"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="quote"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-quote);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.699256 0.0000347234 none / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.699256 0.0000347234 none / 0.25);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="quote"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: 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[saved-theme="dark"] body .callout[data-callout="quote"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="quote"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="success"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-success);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.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: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="success"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: 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[saved-theme="dark"] body .callout[data-callout="success"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="success"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="tip"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-tip);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.828615 0.118893 193.752 / 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.828615 0.118893 193.752 / 0.25);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.828615 0.118893 193.752 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.828615 0.118893 193.752 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.828615 0.118893 193.752 / 0.25);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="tip"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: 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[saved-theme="dark"] body .callout[data-callout="tip"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="tip"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="todo"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-todo);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.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: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="todo"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: 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[saved-theme="dark"] body .callout[data-callout="todo"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="todo"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="warning"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-warning);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.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: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .callout[data-callout="warning"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: 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[saved-theme="dark"] body .callout[data-callout="warning"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="dark"] body .callout[data-callout="warning"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .callout[data-callout="note"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E");
}
html[saved-theme="dark"] body .callout[data-callout="abstract"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M12 11h4'/%3E%3Cpath d='M12 16h4'/%3E%3Cpath d='M8 11h.01'/%3E%3Cpath d='M8 16h.01'/%3E%3C/svg%3E");
}
html[saved-theme="dark"] body .callout[data-callout="bug"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20v-9'/%3E%3Cpath d='M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z'/%3E%3Cpath d='M14.12 3.88 16 2'/%3E%3Cpath d='M21 21a4 4 0 0 0-3.81-4'/%3E%3Cpath d='M21 5a4 4 0 0 1-3.55 3.97'/%3E%3Cpath d='M22 13h-4'/%3E%3Cpath d='M3 21a4 4 0 0 1 3.81-4'/%3E%3Cpath d='M3 5a4 4 0 0 0 3.55 3.97'/%3E%3Cpath d='M6 13H2'/%3E%3Cpath d='m8 2 1.88 1.88'/%3E%3Cpath d='M9 7.13V6a3 3 0 1 1 6 0v1.13'/%3E%3C/svg%3E");
}
html[saved-theme="dark"] body .callout[data-callout="danger"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E");
}
html[saved-theme="dark"] body .callout[data-callout="example"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h.01'/%3E%3Cpath d='M3 12h.01'/%3E%3Cpath d='M3 19h.01'/%3E%3Cpath d='M8 5h13'/%3E%3Cpath d='M8 12h13'/%3E%3Cpath d='M8 19h13'/%3E%3C/svg%3E");
}
html[saved-theme="dark"] body .callout[data-callout="failure"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");
}
html[saved-theme="dark"] body .callout[data-callout="info"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
}
html[saved-theme="dark"] body .callout[data-callout="note"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E");
}
html[saved-theme="dark"] body .callout[data-callout="question"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}
html[saved-theme="dark"] body .callout[data-callout="quote"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3Cpath d='M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
}
html[saved-theme="dark"] body .callout[data-callout="success"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
html[saved-theme="dark"] body .callout[data-callout="tip"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4'/%3E%3C/svg%3E");
}
html[saved-theme="dark"] body .callout[data-callout="todo"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}
html[saved-theme="dark"] body .callout[data-callout="warning"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}
/* aspect: search */
html[saved-theme="dark"] body .highlight {
background-color: var(--text-highlight-bg);
border-radius: 0px;
}
html[saved-theme="dark"] body .preview-container {
background-color: rgba(0, 0, 0, 0);
color: var(--text-muted);
font-weight: 400;
}
html[saved-theme="dark"] body .search > .search-button {
background-color: var(--background-modifier-form-field);
border-bottom-color: rgb(26, 85, 48);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(26, 85, 48);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(26, 85, 48);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(26, 85, 48);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-normal);
font-family: var(--font-monospace);
}
html[saved-theme="dark"] body .search > .search-container > .search-space {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html[saved-theme="dark"] body .search > .search-container > .search-space > * {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-family: var(--font-interface);
font-weight: 400;
outline: rgb(51, 255, 102) none 0px;
text-decoration-color: rgb(51, 255, 102);
text-decoration-style: solid;
transition: all;
}
html[saved-theme="dark"] body .search > .search-container > .search-space > .search-layout {
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html[saved-theme="dark"] body .search > .search-container > .search-space > .search-layout .highlight {
background-color: var(--text-highlight-bg);
border-radius: 0px;
}
html[saved-theme="dark"] body .search > .search-container > .search-space > .search-layout > .preview-container {
background-color: rgba(0, 0, 0, 0);
color: var(--text-muted);
font-weight: 400;
}
html[saved-theme="dark"] body .search > .search-container > .search-space > .search-layout > .results-container {
color: var(--text-normal);
}
html[saved-theme="dark"] body .search > .search-container > .search-space > .search-layout > .results-container .result-card {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover .card-title, html[saved-theme="dark"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover .card-description, html[saved-theme="dark"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus .card-title, html[saved-theme="dark"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus .card-description, html[saved-theme="dark"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme="dark"] ~ .result-card:focus)) .card-title, html[saved-theme="dark"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme="dark"] ~ .result-card:focus)) .card-description {
color: var(--nav-item-color-active);
}
html[saved-theme="dark"] body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover, html[saved-theme="dark"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus, html[saved-theme="dark"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme="dark"] ~ .result-card:focus)) {
background-color: rgba(0, 0, 0, 0);
color: var(--nav-item-color-active);
font-weight: var(--nav-item-weight);
}
html[saved-theme="dark"] body .search > .search-container > .search-space > input {
background-color: var(--background-modifier-form-field);
border-bottom-color: rgb(26, 85, 48);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(26, 85, 48);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(26, 85, 48);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(26, 85, 48);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: 0 0 0 var(--input-border-width-focus) var(--background-modifier-border-focus);
}
html[saved-theme="dark"] body .search>.search-container>.search-space>.search-layout>.results-container .result-card:has(~ .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme="dark"] ~ .result-card:focus)), html[saved-theme="dark"] ~ .result-card:focus, html[saved-theme="dark"] ~ .result-card:hover) {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .search>.search-container>.search-space>.search-layout>.results-container .result-card:hover, html[saved-theme="dark"] .search>.search-container>.search-space>.search-layout>.results-container .result-card:focus, html[saved-theme="dark"] .search>.search-container>.search-space>.search-layout>.results-container .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme="dark"] ~ .result-card:focus)) {
background-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
color: var(--nav-item-color-active);
}
html[saved-theme="dark"] body a.internal-link.tag-link, html[saved-theme="dark"] .search > .search-container > .search-space > .search-layout > .results-container .result-card > ul > li > .match-tag {
--icon-size: var(--icon-xs);
--icon-stroke: var(--icon-xs-stroke-width);
--pill-background: var(--tag-background);
--pill-background-hover: var(--tag-background-hover);
--pill-border-color: var(--tag-border-color);
--pill-border-color-hover: var(--tag-border-color-hover);
--pill-border-width: var(--tag-border-width);
--pill-color: var(--tag-color);
--pill-color-hover: var(--tag-color-hover);
--pill-color-remove: var(--tag-color);
--pill-color-remove-hover: var(--tag-color-hover);
--pill-corner-shape: var(--tag-corner-shape);
--pill-decoration: var(--tag-decoration);
--pill-decoration-hover: var(--tag-decoration-hover);
--pill-padding-x: var(--tag-padding-x);
--pill-padding-y: var(--tag-padding-y);
--pill-radius: var(--tag-radius);
background-color: var(--pill-background);
border-bottom-color: oklch(0.40099 0.0868325 152.447 / 0.15);
border-bottom-left-radius: 28px;
border-bottom-right-radius: 28px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.40099 0.0868325 152.447 / 0.15);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.40099 0.0868325 152.447 / 0.15);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.40099 0.0868325 152.447 / 0.15);
border-top-left-radius: 28px;
border-top-right-radius: 28px;
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[saved-theme="dark"] body a.internal-link.tag-link::before {
color: var(--pill-color);
}
html[saved-theme="dark"] body h1 {
--font-weight: var(--h1-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(124, 255, 154);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(124, 255, 154);
border-left-width: 0px;
border-right-color: rgb(124, 255, 154);
border-right-width: 0px;
border-top-color: rgb(124, 255, 154);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h1-color);
font-family: var(--h1-font);
font-size: var(--h1-size);
font-weight: var(--font-weight);
letter-spacing: var(--h1-letter-spacing);
line-height: var(--h1-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-shadow: var(--glow-heading);
}
html[saved-theme="dark"] body h1.article-title {
color: var(--text-accent);
font-size: var(--inline-title-size);
font-weight: var(--inline-title-weight);
}
html[saved-theme="dark"] body h1::before {
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, 204, 51);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(255, 204, 51);
border-left-width: 0px;
border-right-color: rgb(255, 204, 51);
border-right-width: 0px;
border-top-color: rgb(255, 204, 51);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--phosphor-warn);
content: "] ";
display: inline;
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;
}
html[saved-theme="dark"] body h2 {
--font-weight: var(--h2-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(124, 255, 154);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(124, 255, 154);
border-left-width: 0px;
border-right-color: rgb(124, 255, 154);
border-right-width: 0px;
border-top-color: rgb(124, 255, 154);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h2-color);
font-family: var(--h2-font);
font-size: var(--h2-size);
font-weight: var(--font-weight);
letter-spacing: var(--h2-letter-spacing);
line-height: var(--h2-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-shadow: var(--glow-heading);
}
html[saved-theme="dark"] body h2.page-title, html[saved-theme="dark"] h2.page-title a {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(124, 255, 154);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(124, 255, 154);
border-left-width: 0px;
border-right-color: rgb(124, 255, 154);
border-right-width: 0px;
border-top-color: rgb(124, 255, 154);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-accent);
font-family: var(--inline-title-font);
font-size: var(--inline-title-size);
font-weight: var(--inline-title-weight);
letter-spacing: -0.38832px;
line-height: var(--inline-title-line-height);
margin-block-end: var(--inline-title-margin-bottom);
margin-block-start: 0px;
margin-bottom: 12.944px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-shadow: var(--glow-heading);
}
html[saved-theme="dark"] body h3 {
--font-weight: var(--h3-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(124, 255, 154);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(124, 255, 154);
border-left-width: 0px;
border-right-color: rgb(124, 255, 154);
border-right-width: 0px;
border-top-color: rgb(124, 255, 154);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h3-color);
font-family: var(--h3-font);
font-size: var(--h3-size);
font-weight: var(--font-weight);
letter-spacing: var(--h3-letter-spacing);
line-height: var(--h3-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-shadow: var(--glow-heading);
}
html[saved-theme="dark"] body h4 {
--font-weight: var(--h4-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(124, 255, 154);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(124, 255, 154);
border-left-width: 0px;
border-right-color: rgb(124, 255, 154);
border-right-width: 0px;
border-top-color: rgb(124, 255, 154);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h4-color);
font-family: var(--h4-font);
font-size: var(--h4-size);
font-weight: var(--font-weight);
letter-spacing: var(--h4-letter-spacing);
line-height: var(--h4-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-shadow: var(--glow-heading);
}
html[saved-theme="dark"] body h5 {
--font-weight: var(--h5-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(124, 255, 154);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(124, 255, 154);
border-left-width: 0px;
border-right-color: rgb(124, 255, 154);
border-right-width: 0px;
border-top-color: rgb(124, 255, 154);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h5-color);
font-family: var(--h5-font);
font-size: var(--h5-size);
font-weight: var(--font-weight);
letter-spacing: var(--h5-letter-spacing);
line-height: var(--h5-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-shadow: var(--glow-heading);
}
html[saved-theme="dark"] body h6 {
--font-weight: var(--h6-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(124, 255, 154);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(124, 255, 154);
border-left-width: 0px;
border-right-color: rgb(124, 255, 154);
border-right-width: 0px;
border-top-color: rgb(124, 255, 154);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h6-color);
font-family: var(--h6-font);
font-size: var(--h6-size);
font-weight: var(--font-weight);
letter-spacing: var(--h6-letter-spacing);
line-height: var(--h6-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-shadow: var(--glow-heading);
}
html[saved-theme="dark"] body hr {
border-bottom-color: rgb(26, 85, 48);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 85, 48);
border-left-width: 0px;
border-right-color: rgb(26, 85, 48);
border-right-width: 0px;
border-top-color: rgb(26, 85, 48);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 2px;
margin-block-end: 32px;
margin-block-start: 32px;
margin-bottom: 32px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 32px;
}
html[saved-theme="dark"] body input:focus {
border-color: rgb(26, 85, 48);
box-shadow: 0 0 0 var(--input-border-width-focus) var(--background-modifier-border-focus);
}
/* aspect: scrollbars */
html[saved-theme="dark"] body .callout {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-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: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
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;
}
/* aspect: explorer */
html[saved-theme="dark"] body .explorer .folder-container > div {
color: var(--nav-item-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="dark"] body .nav-files-container {
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-family: var(--font-interface);
}
html[saved-theme="dark"] body .nav-files-container .collapse-icon {
color: var(--nav-item-color);
opacity: 1;
}
html[saved-theme="dark"] body .nav-files-container .nav-file-title {
color: var(--nav-item-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="dark"] body .nav-files-container .nav-file-title.is-active {
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--nav-item-color);
font-family: var(--font-interface);
}
html[saved-theme="dark"] body .nav-files-container .tree-item-children {
border-inline-start: 1px solid oklch(0.999994 0.0000497986 none / 0.12);
border-left-color: oklch(0.999994 0.0000497986 none / 0.12);
border-left-style: solid;
border-left-width: 1px;
}
html[saved-theme="dark"] body .nav-files-container li:has(> .folder-outer.open) > .nav-folder-title {
color: var(--nav-item-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="dark"] body .nav-files-container li:has(> .folder-outer:not(.open)) > .nav-folder-title {
color: var(--nav-item-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="dark"] body .explorer .nav-files-container a {
color: var(--nav-item-color);
}
html[saved-theme="dark"] body .explorer .nav-files-container a:hover {
color: var(--nav-item-color-hover);
}
html[saved-theme="dark"] body .explorer .nav-files-container .is-active {
color: var(--nav-item-color-active);
}
html[saved-theme="dark"] body .explorer .nav-files-container a:hover {
background-color: var(--nav-item-background-hover);
}
html[saved-theme="dark"] body .explorer .nav-files-container .collapse-icon svg {
color: var(--nav-collapse-icon-color);
}
html[saved-theme="dark"] body .explorer .nav-files-container .folder-outer > ul {
border-left-color: var(--nav-indentation-guide-color);
}
/* aspect: toc */
html[saved-theme="dark"] body details.toc summary::marker {
color: var(--text-normal);
}
/* aspect: graph */
html[saved-theme="dark"] body .graph > .global-graph-outer > .global-graph-container {
background-color: var(--background-secondary);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
}
html[saved-theme="dark"] body .graph > .graph-outer {
background-color: var(--background-secondary);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .graph > .graph-outer > .global-graph-icon {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(79, 204, 119);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(79, 204, 119);
border-left-width: 0px;
border-right-color: rgb(79, 204, 119);
border-right-width: 0px;
border-top-color: rgb(79, 204, 119);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--icon-color);
cursor: var(--cursor);
}
/* aspect: footer */
html[saved-theme="dark"] body footer {
background-color: var(--status-bar-background);
color: var(--status-bar-text-color);
font-family: var(--font-interface);
font-size: var(--status-bar-font-size);
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 4px;
padding-left: 4px;
padding-right: var(--size-4-2);
padding-top: 4px;
text-align: start;
}
html[saved-theme="dark"] body footer ul li a {
color: var(--status-bar-text-color);
font-size: var(--status-bar-font-size);
font-weight: 400;
}
/* aspect: recentNotes */
html[saved-theme="dark"] body .recent-notes > h3 {
color: var(--text-normal);
font-family: var(--font-interface);
font-weight: 400;
}
html[saved-theme="dark"] body .recent-notes > ul.recent-ul > li {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .recent-notes > ul.recent-ul > li .section > .desc > h3 > a {
color: var(--nav-item-color);
}
html[saved-theme="dark"] body .recent-notes > ul.recent-ul > li .section > .meta {
color: var(--nav-item-color);
font-family: var(--font-interface);
}
/* aspect: listPage */
html[saved-theme="dark"] body li.section-li {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html[saved-theme="dark"] body li.section-li > .section .meta {
color: var(--nav-item-color);
font-family: var(--font-interface);
}
html[saved-theme="dark"] body li.section-li > .section > .desc > h3 > a {
color: var(--nav-item-color);
}
html[saved-theme="dark"] body ul.section-ul {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
/* aspect: darkmode */
html[saved-theme="dark"] body .darkmode {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(79, 204, 119);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(79, 204, 119);
border-left-width: 0px;
border-right-color: rgb(79, 204, 119);
border-right-width: 0px;
border-top-color: rgb(79, 204, 119);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--icon-color);
cursor: var(--cursor);
}
html[saved-theme="dark"] body .darkmode svg {
color: var(--icon-color);
stroke: rgb(79, 204, 119);
}
/* aspect: breadcrumbs */
html[saved-theme="dark"] body .breadcrumb-container {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(79, 204, 119);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(79, 204, 119);
border-left-width: 0px;
border-right-color: rgb(79, 204, 119);
border-right-width: 0px;
border-top-color: rgb(79, 204, 119);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-muted);
}
html[saved-theme="dark"] body .breadcrumb-element p {
color: var(--text-faint);
font-family: var(--file-header-font);
}
/* aspect: misc */
html[saved-theme="dark"] body .content-meta {
--input-height: var(--metadata-input-height);
color: var(--text-muted);
font-size: var(--font-text-size);
}
html[saved-theme="dark"] body .data-footnote-backref {
--font-weight: var(--link-weight);
color: var(--text-faint);
}
html[saved-theme="dark"] body .footnotes {
background-color: rgba(0, 0, 0, 0);
border-top-color: rgb(51, 255, 102);
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .katex > .katex-html {
font-family: var(--font-text);
}
html[saved-theme="dark"] body .katex-display {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .katex-display > .katex {
display: block;
font-family: var(--font-text);
text-align: center;
}
html[saved-theme="dark"] body .katex-display > .katex > .katex-html {
font-family: var(--font-text);
}
html[saved-theme="dark"] body .spacer {
background-color: rgba(0, 0, 0, 0);
}
html[saved-theme="dark"] body abbr {
color: var(--text-normal);
text-decoration: underline dotted;
text-decoration-style: dotted;
}
html[saved-theme="dark"] body details {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body footer {
opacity: 1;
}
html[saved-theme="dark"] body h2.page-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
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);
letter-spacing: 0.3px;
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;
text-shadow: var(--glow-chrome);
}
html[saved-theme="dark"] body input[type=text] {
background-color: var(--background-modifier-form-field);
border-bottom-color: rgb(26, 85, 48);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(26, 85, 48);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(26, 85, 48);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(26, 85, 48);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-normal);
font-family: var(--font-monospace);
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
}
html[saved-theme="dark"] body kbd {
background-color: var(--code-background);
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--code-normal);
font-family: var(--font-monospace);
font-size: var(--code-size);
padding-block-end: 1.4px;
padding-block-start: 1.4px;
padding-bottom: 1.4px;
padding-inline-end: 3.5px;
padding-inline-start: 3.5px;
padding-left: 3.5px;
padding-right: 3.5px;
padding-top: 1.4px;
}
html[saved-theme="dark"] body li.task-list-item input[type="checkbox"] {
background-color: rgba(0, 0, 0, 0);
border-color: rgb(26, 85, 48);
border-radius: 0px;
border-width: 1px;
}
html[saved-theme="dark"] body li.task-list-item input[type="checkbox"]:checked {
background-color: var(--checkbox-color);
border-color: rgb(51, 255, 102);
}
html[saved-theme="dark"] body pre:has(> code.mermaid) {
background-color: var(--code-background);
border: 0px solid rgb(26, 85, 48);
}
html[saved-theme="dark"] body progress {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(51, 255, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(51, 255, 102);
border-left-width: 0px;
border-right-color: rgb(51, 255, 102);
border-right-width: 0px;
border-top-color: rgb(51, 255, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
height: 6px;
}
html[saved-theme="dark"] body sub {
color: var(--text-normal);
font-size: var(--font-text-size);
vertical-align: sub;
}
html[saved-theme="dark"] body summary {
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-weight: 400;
list-style: inside none disclosure-closed;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body sup {
color: var(--text-normal);
font-size: var(--font-text-size);
vertical-align: super;
}
html[saved-theme="dark"] body ul.tags > li {
--icon-size: var(--icon-xs);
--icon-stroke: var(--icon-xs-stroke-width);
--pill-background: var(--tag-background);
--pill-background-hover: var(--tag-background-hover);
--pill-border-color: var(--tag-border-color);
--pill-border-color-hover: var(--tag-border-color-hover);
--pill-border-width: var(--tag-border-width);
--pill-color: var(--tag-color);
--pill-color-hover: var(--tag-color-hover);
--pill-color-remove: var(--tag-color);
--pill-color-remove-hover: var(--tag-color-hover);
--pill-corner-shape: var(--tag-corner-shape);
--pill-decoration: var(--tag-decoration);
--pill-decoration-hover: var(--tag-decoration-hover);
--pill-padding-x: var(--tag-padding-x);
--pill-padding-y: var(--tag-padding-y);
--pill-radius: var(--tag-radius);
background-color: var(--pill-background);
border-bottom-color: oklch(0.40099 0.0868325 152.447 / 0.15);
border-bottom-left-radius: 28px;
border-bottom-right-radius: 28px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.40099 0.0868325 152.447 / 0.15);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.40099 0.0868325 152.447 / 0.15);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.40099 0.0868325 152.447 / 0.15);
border-top-left-radius: 28px;
border-top-right-radius: 28px;
border-top-style: solid;
border-top-width: 0px;
color: var(--pill-color);
}
/* 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-modifier-active-hover: var(--phosphor-faint);
--background-modifier-border: var(--phosphor-faint);
--background-modifier-border-focus: var(--phosphor);
--background-modifier-border-hover: var(--phosphor-dim);
--background-modifier-box-shadow: rgba(0, 0, 0, 0.1);
--background-modifier-cover: rgba(220, 220, 220, 0.4);
--background-modifier-error: var(--color-red);
--background-modifier-error-hover: var(--color-red);
--background-modifier-error-rgb: var(--color-red-rgb);
--background-modifier-form-field: var(--phosphor-bg-soft);
--background-modifier-form-field-hover: var(--background-modifier-form-field);
--background-modifier-hover: var(--phosphor-faint);
--background-modifier-message: color-mix(in oklch, black 90%, transparent);
--background-modifier-success: var(--color-green);
--background-modifier-success-rgb: var(--color-green-rgb);
--background-modifier-warning: var(--color-orange);
--background-modifier-warning-hover: var(--color-orange);
--background-primary: var(--phosphor-bg);
--background-primary-alt: var(--phosphor-bg);
--background-secondary: var(--phosphor-bg);
--background-secondary-alt: var(--phosphor-bg-soft);
--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-color: var(--interactive-accent);
--blockquote-border-thickness: 2px;
--blockquote-font-style: normal;
--blur-background: color-mix(in srgb, var(--background-primary) var(--blur-opacity-s), transparent) linear-gradient(var(--background-primary), color-mix(in srgb, var(--background-primary) var(--blur-opacity-s), transparent));
--blur-brightness: 1.15;
--blur-l: blur(var(--blur-radius-l)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));
--blur-m: blur(var(--blur-radius-m)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));
--blur-opacity-m: 90%;
--blur-opacity-s: 65%;
--blur-radius-l: 16px;
--blur-radius-m: 10px;
--blur-radius-s: 6px;
--blur-s: blur(var(--blur-radius-s)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));
--blur-saturation: 1.5;
--bodyFont: var(--font-text, var(--font-text-theme));
--bold-modifier: 200;
--bold-weight: calc(var(--font-weight) + var(--bold-modifier));
--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: #c0c0c0;
--canvas-color-1: var(--color-red);
--canvas-color-2: var(--color-orange);
--canvas-color-3: var(--color-yellow);
--canvas-color-4: var(--color-green);
--canvas-color-5: var(--color-cyan);
--canvas-color-6: var(--color-purple);
--canvas-controls-icon-size: var(--icon-s);
--canvas-controls-icon-stroke: var(--icon-s-stroke-width);
--canvas-controls-radius: var(--radius-s);
--canvas-dot-pattern: var(--color-base-30);
--caret-color: var(--text-normal);
--checkbox-border-color: var(--text-faint);
--checkbox-border-color-hover: var(--text-muted);
--checkbox-color: var(--interactive-accent);
--checkbox-color-hover: var(--interactive-accent-hover);
--checkbox-margin-inline-start: 0.85em;
--checkbox-marker-color: var(--background-primary);
--checkbox-radius: 0;
--checkbox-size: var(--font-text-size);
--checklist-done-color: var(--text-muted);
--checklist-done-decoration: line-through;
--clickable-icon-radius: var(--radius-s);
--code-background: var(--background-primary-alt);
--code-border-color: var(--background-modifier-border);
--code-border-width: 0px;
--code-bracket-background: var(--background-modifier-hover);
--code-comment: var(--text-faint);
--code-function: var(--color-yellow);
--code-important: var(--color-orange);
--code-keyword: var(--color-pink);
--code-normal: var(--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-theme));
--collapse-icon-color: var(--text-faint);
--collapse-icon-color-collapsed: var(--text-accent);
--color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
--color-accent-1: hsl(calc(var(--accent-h) - 1), calc(var(--accent-s) * 1.01), calc(var(--accent-l) * 1.075));
--color-accent-2: hsl(calc(var(--accent-h) - 3), calc(var(--accent-s) * 1.02), calc(var(--accent-l) * 1.15));
--color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l);
--color-base-00: #ffffff;
--color-base-05: #fcfcfc;
--color-base-10: #fafafa;
--color-base-100: #222222;
--color-base-20: #f6f6f6;
--color-base-25: #efefef;
--color-base-30: #e4e4e4;
--color-base-35: #dadada;
--color-base-40: #bdbdbd;
--color-base-50: #ababab;
--color-base-60: #707070;
--color-base-70: #5c5c5c;
--color-blue: #086ddd;
--color-blue-rgb: 8, 109, 221;
--color-cyan: #00bfbc;
--color-cyan-rgb: 0, 191, 188;
--color-green: #08b94e;
--color-green-rgb: 8, 185, 78;
--color-orange: #ec7500;
--color-orange-rgb: 236, 117, 0;
--color-pink: #d53984;
--color-pink-rgb: 213, 57, 132;
--color-purple: #7852ee;
--color-purple-rgb: 120, 82, 238;
--color-red: #e93147;
--color-red-rgb: 233, 49, 71;
--color-yellow: #e0ac00;
--color-yellow-rgb: 224, 172, 0;
--corner-shape: round;
--cursor: default;
--cursor-link: pointer;
--dark: var(--text-normal, var(--phosphor));
--darkgray: var(--text-normal, var(--phosphor));
--dialog-max-height: 85vh;
--dialog-max-width: 80vw;
--dialog-width: 560px;
--direction: 1;
--divider-color: var(--phosphor-faint);
--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-block-shadow-hover: 0 0 0 1px var(--background-modifier-border), inset 0 0 0 1px var(--background-modifier-border);
--embed-border-bottom: none;
--embed-border-end: none;
--embed-border-start: 2px solid var(--interactive-accent);
--embed-border-top: none;
--embed-canvas-max-height: 400px;
--embed-max-height: 4000px;
--embed-padding: 0 0 0 var(--size-4-6);
--file-folding-offset: 24px;
--file-header-background: var(--background-primary);
--file-header-background-focused: var(--background-primary);
--file-header-border: var(--border-width) solid transparent;
--file-header-font: var(--font-interface);
--file-header-font-size: var(--font-ui-small);
--file-header-font-weight: 400;
--file-header-justify: center;
--file-line-width: 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-interface: var(--font-interface-theme);
--font-interface-theme: var(--font-text-theme);
--font-light: 300;
--font-medium: 500;
--font-mermaid: var(--font-text);
--font-monospace: var(--font-monospace-theme);
--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: var(--font-text-theme);
--font-normal: 400;
--font-print: var(--font-print-override), var(--font-text-override), var(--font-text-theme), 'Arial';
--font-semibold: 600;
--font-small: 0.933em;
--font-smaller: 0.875em;
--font-smallest: 0.8em;
--font-text: var(--font-text-theme);
--font-text-size: 16px;
--font-text-theme: "Monaco", "Menlo", "Print Char 21", "PrintChar21", "IBM Plex Mono", "Courier New", monospace;
--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;
--glow-button: none;
--glow-chrome: none;
--glow-heading: none;
--glow-main: none;
--graph-controls-width: 240px;
--graph-line: var(--color-base-35, var(--background-modifier-border-focus));
--graph-node: var(--text-muted);
--graph-node-attachment: var(--color-yellow);
--graph-node-focused: var(--text-accent);
--graph-node-tag: var(--color-green);
--graph-node-unresolved: var(--text-faint);
--graph-text: var(--text-normal);
--gray: var(--text-muted, var(--phosphor-dim));
--h1-color: var(--phosphor-bright);
--h1-letter-spacing: -0.015em;
--h1-line-height: 1.2;
--h1-size: 1.618em;
--h1-style: normal;
--h1-variant: normal;
--h1-weight: 700;
--h2-color: var(--phosphor-bright);
--h2-letter-spacing: -0.011em;
--h2-line-height: 1.2;
--h2-size: 1.462em;
--h2-style: normal;
--h2-variant: normal;
--h2-weight: 680;
--h3-color: var(--phosphor-bright);
--h3-letter-spacing: -0.008em;
--h3-line-height: 1.3;
--h3-size: 1.318em;
--h3-style: normal;
--h3-variant: normal;
--h3-weight: 660;
--h4-color: var(--phosphor-bright);
--h4-letter-spacing: -0.005em;
--h4-line-height: 1.4;
--h4-size: 1.188em;
--h4-style: normal;
--h4-variant: normal;
--h4-weight: 640;
--h5-color: var(--phosphor-bright);
--h5-letter-spacing: -0.002em;
--h5-line-height: var(--line-height-normal);
--h5-size: 1.076em;
--h5-style: normal;
--h5-variant: normal;
--h5-weight: 620;
--h6-color: var(--phosphor-bright);
--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-theme));
--heading-formatting: var(--text-faint);
--heading-spacing: calc(var(--p-spacing) * 2.5);
--highlight: var(--text-highlight-bg, var(--phosphor-faint));
--highlight-mix-blend-mode: darken;
--hr-color: var(--background-modifier-border);
--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;
--indent-size: 4;
--indent-unit: 0.5625em;
--indentation-guide-color: color-mix(in oklch, var(--mono-100) 12%, transparent);
--indentation-guide-color-active: color-mix(in oklch, var(--mono-100) 30%, transparent);
--indentation-guide-editing-indent: 0.85em;
--indentation-guide-reading-indent: -0.85em;
--indentation-guide-source-indent: 0.25em;
--indentation-guide-width: var(--border-width);
--indentation-guide-width-active: var(--border-width);
--inline-title-color: var(--h1-color);
--inline-title-line-height: var(--h1-line-height);
--inline-title-margin-bottom: 0.5em;
--inline-title-size: var(--h1-size);
--inline-title-style: var(--h1-style);
--inline-title-variant: var(--h1-variant);
--inline-title-weight: var(--h1-weight);
--input-border-width: 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: 0;
--input-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.065), 0 0 0 0 transparent;
--input-shadow-hover: inset 0 0 0 1px rgba(0, 0, 0, 0.17), 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent;
--inset-end: right;
--inset-start: left;
--interactive-accent: var(--phosphor-faint);
--interactive-accent-hover: var(--phosphor);
--interactive-accent-hsl: var(--color-accent-hsl);
--interactive-hover: var(--phosphor-faint);
--interactive-normal: var(--phosphor-bg-soft);
--keyboard-height: 0px;
--layer-cover: 5;
--layer-dragged-item: 80;
--layer-menu: 65;
--layer-modal: 50;
--layer-notice: 60;
--layer-popover: 30;
--layer-sidedock: 10;
--layer-slides: 45;
--layer-status-bar: 15;
--layer-tooltip: 70;
--light: var(--background-primary, var(--phosphor-bg));
--lightgray: var(--background-secondary, var(--phosphor-bg));
--line-height-normal: 1.5;
--line-height-tight: 1.3;
--link-color: var(--phosphor-bright);
--link-color-hover: #000000;
--link-decoration: underline;
--link-decoration-hover: underline;
--link-decoration-thickness: auto;
--link-external-color: var(--phosphor-bright);
--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(--phosphor-bg);
--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: 0;
--modal-shadow: none;
--modal-sidebar-background: var(--modal-background);
--modal-width: 90vw;
--mono-0: white;
--mono-100: black;
--mono-rgb-0: 255, 255, 255;
--mono-rgb-100: 0, 0, 0;
--nav-collapse-icon-color: var(--collapse-icon-color);
--nav-collapse-icon-color-collapsed: var(--text-faint);
--nav-heading-color: var(--text-normal);
--nav-heading-color-collapsed: var(--text-faint);
--nav-heading-color-collapsed-hover: var(--text-muted);
--nav-heading-color-hover: var(--text-normal);
--nav-heading-weight: var(--font-medium);
--nav-heading-weight-hover: var(--font-medium);
--nav-indentation-guide-color: var(--indentation-guide-color);
--nav-indentation-guide-width: var(--indentation-guide-width);
--nav-item-background-active: var(--phosphor);
--nav-item-background-hover: var(--phosphor-faint);
--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(--phosphor);
--nav-item-color-active: var(--phosphor-bg);
--nav-item-color-highlighted: var(--text-accent);
--nav-item-color-hover: var(--phosphor-bright);
--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);
--p-spacing: 1rem;
--p-spacing-empty: 0rem;
--page-border: 9px solid transparent;
--page-margin: 1px auto -8px;
--pdf-background: var(--background-primary);
--pdf-page-background: var(--background-primary);
--pdf-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.1);
--pdf-sidebar-background: var(--background-primary);
--pdf-spread-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
--pdf-thumbnail-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.2);
--pdfViewer-padding-bottom: 0;
--phosphor: #1a5c2a;
--phosphor-bg: #f4ecd8;
--phosphor-bg-soft: #ebe3ce;
--phosphor-bright: #0d3d18;
--phosphor-dim: #3d7a4a;
--phosphor-faint: #b8cab0;
--phosphor-warn: #a85a00;
--pill-background: transparent;
--pill-background-hover: transparent;
--pill-border-color: var(--background-modifier-border);
--pill-border-color-hover: var(--background-modifier-border-hover);
--pill-border-width: var(--border-width);
--pill-color: var(--text-muted);
--pill-color-hover: var(--text-normal);
--pill-color-remove: var(--text-faint);
--pill-color-remove-hover: var(--text-accent);
--pill-decoration: none;
--pill-decoration-hover: none;
--pill-focus-left-adjust: -4px;
--pill-focus-width: calc(100% + 6px);
--pill-padding-x: 0.65em;
--pill-padding-y: 0.25em;
--pill-radius: 2em;
--popover-font-size: var(--font-text-size);
--popover-height: 400px;
--popover-max-height: 95vh;
--popover-pdf-height: 400px;
--popover-pdf-width: 450px;
--popover-width: 450px;
--preferred-text-scale: 1;
--prompt-backdrop-filter: none;
--prompt-background: var(--background-primary);
--prompt-border-color: var(--color-base-40, var(--background-modifier-border-focus));
--prompt-border-width: var(--border-width);
--prompt-input-height: 40px;
--prompt-max-height: 70vh;
--prompt-max-width: 80vw;
--prompt-width: 700px;
--radius-l: 0;
--radius-m: 0;
--radius-s: 0;
--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: linear-gradient(to bottom left, white, transparent, white) border-box no-repeat;
--raised-mask-border-width: 0;
--raised-mask-composite: exclude, add;
--raised-mask-display: block;
--raised-shadow: var(--shadow-xs);
--ribbon-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: color-mix(in oklch, var(--mono-100) 5%, transparent);
--scrollbar-border-width: 3px 3px 3px 2px;
--scrollbar-height: 12px;
--scrollbar-radius: var(--radius-l);
--scrollbar-thumb-bg: color-mix(in oklch, var(--mono-100) 10%, transparent);
--scrollbar-width: 12px;
--search-clear-button-color: var(--text-muted);
--search-clear-button-size: 13px;
--search-icon-color: var(--text-muted);
--search-icon-size: 18px;
--search-input-corner-shape: var(--input-corner-shape);
--search-input-radius: var(--input-radius);
--search-result-background: var(--background-primary);
--secondary: var(--text-accent, var(--phosphor-bright));
--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-edges: 0 0 transparent;
--shadow-l: 0px 1.8px 7.3px rgba(0, 0, 0, 0.071), 0px 6.3px 24.7px rgba(0, 0, 0, 0.112), 0px 15px 30px rgba(0, 0, 0, 0.1);
--shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.028), 0px 3.4px 6.7px rgba(0, 0, 0, 0.042), 0px 15px 30px rgba(0, 0, 0, 0.07);
--shadow-xs: 0 1px 6px rgba(0, 0, 0, 0.015), 0 4px 24px rgba(0, 0, 0, 0.065), var(--shadow-edges);
--shiki-active-tab-border-color: var(--shiki-highlight-neutral);
--shiki-active-tab-border-width: 2px;
--shiki-code-background: var(--code-background);
--shiki-code-block-border-color: transparent;
--shiki-code-block-border-radius: var(--code-radius);
--shiki-code-block-border-width: 0px;
--shiki-code-block-spacing: var(--p-spacing);
--shiki-code-comment: var(--text-faint);
--shiki-code-function: var(--color-green);
--shiki-code-important: var(--color-orange);
--shiki-code-keyword: var(--color-pink);
--shiki-code-normal: var(--text-muted);
--shiki-code-property: var(--color-cyan);
--shiki-code-punctuation: var(--text-muted);
--shiki-code-string: var(--color-yellow);
--shiki-code-value: var(--color-purple);
--shiki-gutter-border-color: var(--background-modifier-border);
--shiki-gutter-border-width: var(--border-width);
--shiki-gutter-text-color: var(--text-faint);
--shiki-gutter-text-color-highlight: var(--shiki-code-normal);
--shiki-highlight-green: rgba(var(--color-green-rgb), .5);
--shiki-highlight-green-background: rgba(var(--color-green-rgb), .1);
--shiki-highlight-neutral: var(--shiki-code-normal);
--shiki-highlight-neutral-background: rgba(var(--mono-rgb-100), .05);
--shiki-highlight-red: rgba(var(--color-red-rgb), .5);
--shiki-highlight-red-background: rgba(var(--color-red-rgb), .1);
--shiki-terminal-dots-color: var(--text-faint);
--shiki-tooltip-background: var(--background-modifier-message);
--shiki-tooltip-text-color: #fafafa;
--sidebar-left-toggle-inner-width: 8.33%;
--sidebar-left-toggle-inner-width-open: 24%;
--sidebar-markdown-font-size: calc(var(--font-text-size) * 0.9);
--sidebar-right-toggle-inner-width: 8.33%;
--sidebar-right-toggle-inner-width-open: 24%;
--sidebar-tab-text-display: none;
--size-2-1: 2px;
--size-2-2: 4px;
--size-2-3: 6px;
--size-4-1: 4px;
--size-4-10: 40px;
--size-4-12: 48px;
--size-4-16: 64px;
--size-4-18: 72px;
--size-4-2: 8px;
--size-4-3: 12px;
--size-4-4: 16px;
--size-4-5: 20px;
--size-4-6: 24px;
--size-4-8: 32px;
--size-4-9: 36px;
--slider-s-thumb-position: -5px;
--slider-s-thumb-size: 15px;
--slider-thumb-border-color: var(--background-modifier-border-hover);
--slider-thumb-border-width: var(--border-width);
--slider-thumb-height: 18px;
--slider-thumb-radius: var(--slider-thumb-height);
--slider-thumb-width: 18px;
--slider-thumb-y: -6px;
--slider-track-background: var(--background-modifier-border-hover);
--slider-track-height: 4px;
--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(--phosphor-bg-soft);
--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(--phosphor-faint);
--tab-outline-width: 1px;
--tab-radius: 0;
--tab-radius-active: 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(--phosphor-dim);
--tab-text-color-active: var(--text-muted);
--tab-text-color-focused: var(--phosphor-bright);
--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, #000000);
--text-accent: var(--phosphor-bright);
--text-accent-hover: #000000;
--text-error: var(--phosphor-warn);
--text-faint: #8a9c82;
--text-highlight-bg: var(--phosphor-faint);
--text-highlight-bg-rgb: 255, 208, 0;
--text-muted: var(--phosphor-dim);
--text-normal: var(--phosphor);
--text-on-accent: var(--phosphor-bg);
--text-on-accent-inverted: black;
--text-selection: var(--phosphor-bg);
--text-success: var(--color-green);
--text-warning: var(--color-orange);
--textHighlight: var(--text-highlight-bg, var(--phosphor-faint));
--titleFont: var(--font-text, var(--font-text-theme));
--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-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;
--workspace-background-translucent: color-mix(in oklch, var(--mono-0) 60%, transparent);
--xfa-focus-outline: auto;
--xfa-unfocused-field-background: url("data:image/svg+xml,%3Csvg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' style='fill:rgba(0, 54, 255, 0.13);'/%3E%3C/svg%3E");
--zoom-factor: 1;
--quartz-icon-color: var(--icon-color, currentColor);
--collapse-icon-color: var(--nav-collapse-icon-color);
--collapse-icon-color-collapsed: var(--nav-collapse-icon-color-collapsed);
}
html[saved-theme="light"] body {
background-color: var(--background-primary);
color: var(--text-normal);
}
html[saved-theme="light"] body .page > div#quartz-body div.sidebar {
background-color: var(--background-secondary);
color: var(--text-normal);
}
html[saved-theme="light"] body .page > div#quartz-body div.sidebar.left {
border-right-color: rgb(184, 202, 176);
border-right-style: solid;
border-right-width: 1px;
}
html[saved-theme="light"] body .page > div#quartz-body div.sidebar.right {
--bases-table-header-background: var(--background-secondary);
background-color: var(--tab-container-background);
border-left-color: rgb(184, 202, 176);
border-left-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body body[data-slug] div#quartz-root.page, html[saved-theme="light"] .page > div#quartz-body div.sidebar.left, html[saved-theme="light"] .page > div#quartz-body div.sidebar.left:has(.explorer), html[saved-theme="light"] .page > div#quartz-body div.sidebar.left .explorer .explorer-content {
--bases-table-header-background: var(--background-secondary);
background-color: var(--tab-container-background);
color: var(--text-normal);
}
html[saved-theme="light"] body body[data-slug], html[saved-theme="light"] body[data-slug] .page > div#quartz-body, html[saved-theme="light"] .page > div#quartz-body div.center, html[saved-theme="light"] .page > div#quartz-body footer {
background-color: var(--background-primary);
color: var(--text-normal);
}
/* aspect: headings */
html[saved-theme="light"] body h1 {
--font-weight: var(--h1-weight);
border-bottom-color: rgb(13, 61, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(13, 61, 24);
border-left-width: 0px;
border-right-color: rgb(13, 61, 24);
border-right-width: 0px;
border-top-color: rgb(13, 61, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h1-color);
font-family: var(--h1-font);
font-weight: var(--font-weight);
text-transform: uppercase;
}
html[saved-theme="light"] body h2 {
--font-weight: var(--h2-weight);
border-bottom-color: rgb(13, 61, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(13, 61, 24);
border-left-width: 0px;
border-right-color: rgb(13, 61, 24);
border-right-width: 0px;
border-top-color: rgb(13, 61, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h2-color);
font-family: var(--h2-font);
font-weight: var(--font-weight);
text-transform: uppercase;
}
html[saved-theme="light"] body h3 {
--font-weight: var(--h3-weight);
border-bottom-color: rgb(13, 61, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(13, 61, 24);
border-left-width: 0px;
border-right-color: rgb(13, 61, 24);
border-right-width: 0px;
border-top-color: rgb(13, 61, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h3-color);
font-family: var(--h3-font);
font-weight: var(--font-weight);
text-transform: uppercase;
}
html[saved-theme="light"] body h4 {
--font-weight: var(--h4-weight);
border-bottom-color: rgb(13, 61, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(13, 61, 24);
border-left-width: 0px;
border-right-color: rgb(13, 61, 24);
border-right-width: 0px;
border-top-color: rgb(13, 61, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h4-color);
font-family: var(--h4-font);
font-weight: var(--font-weight);
text-transform: uppercase;
}
html[saved-theme="light"] body h5 {
--font-weight: var(--h5-weight);
border-bottom-color: rgb(13, 61, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(13, 61, 24);
border-left-width: 0px;
border-right-color: rgb(13, 61, 24);
border-right-width: 0px;
border-top-color: rgb(13, 61, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h5-color);
font-family: var(--h5-font);
font-weight: var(--font-weight);
text-transform: uppercase;
}
html[saved-theme="light"] body h6 {
--font-weight: var(--h6-weight);
border-bottom-color: rgb(13, 61, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(13, 61, 24);
border-left-width: 0px;
border-right-color: rgb(13, 61, 24);
border-right-width: 0px;
border-top-color: rgb(13, 61, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h6-color);
font-family: var(--h6-font);
font-weight: var(--font-weight);
text-transform: uppercase;
}
/* aspect: typography */
html[saved-theme="light"] body .markdown-rendered p > b, html[saved-theme="light"] b {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--text-accent);
cursor: grab;
font-family: var(--font-text);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: rgb(13, 61, 24) none 0px;
text-decoration-color: rgb(13, 61, 24);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="light"] body .markdown-rendered p > em, html[saved-theme="light"] em {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--phosphor-warn);
cursor: grab;
font-family: var(--font-text);
font-weight: 400;
outline: rgb(168, 90, 0) none 0px;
text-decoration-color: rgb(168, 90, 0);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="light"] body .markdown-rendered p > i, html[saved-theme="light"] i {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--phosphor-warn);
cursor: grab;
font-family: var(--font-text);
font-weight: 400;
outline: rgb(168, 90, 0) none 0px;
text-decoration-color: rgb(168, 90, 0);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="light"] body .markdown-rendered p > strong > em, html[saved-theme="light"] strong > em {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--phosphor-warn);
cursor: grab;
font-family: var(--font-text);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: rgb(168, 90, 0) none 0px;
text-decoration-color: rgb(168, 90, 0);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="light"] body .markdown-rendered p > strong, html[saved-theme="light"] strong {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--text-accent);
cursor: grab;
font-family: var(--font-text);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: rgb(13, 61, 24) none 0px;
text-decoration-color: rgb(13, 61, 24);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="light"] body .text-highlight {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: var(--text-highlight-bg);
color: var(--text-normal);
cursor: grab;
font-family: var(--font-text);
font-weight: 400;
outline: rgb(26, 92, 42) none 0px;
text-decoration-color: rgb(26, 92, 42);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="light"] body del {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
cursor: grab;
font-family: var(--font-text);
font-weight: 400;
outline: rgb(26, 92, 42) none 0px;
text-decoration: line-through;
text-decoration-color: rgb(26, 92, 42);
text-decoration-line: line-through;
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="light"] body p {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--text-muted);
font-family: var(--font-interface);
font-weight: 400;
outline: rgb(61, 122, 74) none 0px;
text-decoration-color: rgb(61, 122, 74);
text-decoration-style: solid;
transition: all;
}
/* aspect: links */
html[saved-theme="light"] body .backlinks {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 32px;
padding-block-start: 4px;
padding-bottom: max(var(--safe-area-inset-bottom), var(--size-4-8));
padding-inline-end: var(--size-4-3);
padding-inline-start: var(--size-4-3);
padding-left: 12px;
padding-right: 12px;
padding-top: var(--size-4-1);
}
html[saved-theme="light"] body .backlinks ul li {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .backlinks ul li a {
color: var(--nav-heading-color);
}
html[saved-theme="light"] body a.external-link, html[saved-theme="light"] footer a {
--font-weight: var(--link-weight);
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--link-external-color);
cursor: var(--cursor-link);
filter: var(--link-external-filter);
font-family: var(--font-text);
font-weight: var(--link-weight);
outline: rgb(13, 61, 24) none 0px;
text-decoration: underline;
text-decoration-color: rgb(13, 61, 24);
text-decoration-line: var(--link-external-decoration);
text-decoration-style: solid;
text-decoration-thickness: var(--link-decoration-thickness);
transition: opacity 0.14s ease-in-out;
user-select: text;
}
html[saved-theme="light"] body a.internal-link, html[saved-theme="light"] .breadcrumb-container .breadcrumb-element > a {
--font-weight: var(--link-weight);
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--link-color);
cursor: var(--cursor-link);
font-family: var(--font-text);
font-weight: var(--link-weight);
outline: rgb(13, 61, 24) none 0px;
text-decoration: underline;
text-decoration-color: rgb(13, 61, 24);
text-decoration-line: var(--link-decoration);
text-decoration-style: solid;
text-decoration-thickness: var(--link-decoration-thickness);
transition: opacity 0.14s ease-in-out;
user-select: text;
}
html[saved-theme="light"] body a.internal-link.broken {
--font-weight: var(--link-weight);
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--link-unresolved-color);
cursor: var(--cursor-link);
filter: var(--link-unresolved-filter);
font-family: var(--font-text);
font-weight: var(--link-weight);
outline: rgb(13, 61, 24) none 0px;
text-decoration: underline oklch(0.818148 0.0407376 135.9 / 0.3);
text-decoration-color: var(--link-unresolved-decoration-color);
text-decoration-line: var(--link-decoration);
text-decoration-style: var(--link-unresolved-decoration-style);
text-decoration-thickness: var(--link-decoration-thickness);
transition: opacity 0.14s ease-in-out;
user-select: text;
}
/* aspect: lists */
html[saved-theme="light"] body dd {
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
font-size: var(--font-text-size);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 40px;
margin-left: 40px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body dl {
list-style: outside none disc;
margin-block-end: 16px;
margin-block-start: 16px;
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body dt {
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
font-size: var(--font-text-size);
font-weight: 400;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body ol > li {
color: var(--text-normal);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 1.2px;
padding-block-start: 1.2px;
padding-bottom: var(--list-spacing);
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: var(--list-spacing);
text-align: start;
}
html[saved-theme="light"] body ul > li {
color: var(--text-normal);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 1.2px;
padding-block-start: 1.2px;
padding-bottom: var(--list-spacing);
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: var(--list-spacing);
text-align: start;
}
html[saved-theme="light"] body ul.overflow {
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
/* aspect: blockquotes */
html[saved-theme="light"] body blockquote {
background-color: var(--blockquote-background-color);
border-inline-start: 2px solid rgb(26, 92, 42);
color: var(--text-muted);
font-family: var(--font-text);
font-style: var(--blockquote-font-style);
font-weight: 400;
letter-spacing: 0.3px;
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[saved-theme="light"] body .table-container {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html[saved-theme="light"] body table {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: 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[saved-theme="light"] body tbody {
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-family: var(--font-text);
}
html[saved-theme="light"] body tbody tr:nth-child(even) {
background-color: var(--table-background);
}
html[saved-theme="light"] body tbody tr:nth-child(odd) {
background-color: var(--table-row-alt-background);
}
html[saved-theme="light"] body td {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(184, 202, 176);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(184, 202, 176);
border-left-style: solid;
border-left-width: var(--table-column-first-border-width);
border-right-color: rgb(184, 202, 176);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(184, 202, 176);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
color: var(--table-text-color);
font-weight: 400;
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
text-align: start;
vertical-align: var(--table-cell-vertical-alignment);
}
html[saved-theme="light"] body th {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(184, 202, 176);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(184, 202, 176);
border-left-style: solid;
border-left-width: var(--table-column-first-border-width);
border-right-color: rgb(184, 202, 176);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(184, 202, 176);
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);
letter-spacing: 0.3px;
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
text-align: start;
vertical-align: var(--table-cell-vertical-alignment);
}
html[saved-theme="light"] body thead {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: 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);
}
html[saved-theme="light"] body tr {
background-color: var(--table-header-background);
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);
}
/* aspect: code */
html[saved-theme="light"] body code {
background-color: var(--background-secondary-alt);
border-bottom-color: rgb(184, 202, 176);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(184, 202, 176);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(184, 202, 176);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(184, 202, 176);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-accent);
font-family: var(--font-monospace);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 4px;
padding-inline-start: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 0px;
}
html[saved-theme="light"] body figure[data-rehype-pretty-code-figure] {
background-color: var(--code-background);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
}
html[saved-theme="light"] body figure[data-rehype-pretty-code-figure] > [data-rehype-pretty-code-title] {
background-color: var(--code-background);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--ec-uiFontFml);
}
html[saved-theme="light"] body pre > code > [data-line] {
background-color: var(--code-background);
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 0px;
}
html[saved-theme="light"] body pre > code > [data-line][data-highlighted-line] {
background-color: var(--code-background);
border-left-color: rgba(0, 0, 0, 0);
border-left-width: 0px;
}
html[saved-theme="light"] body pre > code [data-highlighted-chars] {
background-color: var(--code-background);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
}
html[saved-theme="light"] body pre > code, html[saved-theme="light"] pre:has(> code) {
background-color: var(--code-background);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
/* aspect: images */
html[saved-theme="light"] body audio {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body figcaption {
color: var(--text-normal);
font-family: var(--ec-uiFontFml);
font-size: var(--ec-uiFontSize);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: start;
}
html[saved-theme="light"] body figure {
--code-background: var(--ec-frm-edBg);
--header-border-radius: calc(var(--ec-brdRad) + var(--ec-brdWd));
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
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;
text-align: start;
}
html[saved-theme="light"] body img {
border-bottom-color: rgb(13, 61, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(13, 61, 24);
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(13, 61, 24);
border-right-width: 0px;
border-top-color: rgb(13, 61, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
max-width: 100%;
}
html[saved-theme="light"] body video {
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
max-width: 100%;
}
/* aspect: embeds */
html[saved-theme="light"] body .transclude {
background-color: var(--embed-background);
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(184, 202, 176);
border-left-style: solid;
border-left-width: 2px;
border-radius: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .transclude ul {
color: var(--text-normal);
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .transclude-inner {
background-color: var(--embed-background);
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-style: solid;
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
/* aspect: checkboxes */
html[saved-theme="light"] body input[type=checkbox] {
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(26, 92, 42);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(26, 92, 42);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 8px;
margin-inline-start: calc(var(--checkbox-size) * -1.5);
margin-left: -24px;
margin-right: 8px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
transition: box-shadow 0.15s ease-in-out;
width: var(--checkbox-size);
}
html[saved-theme="light"] body li.task-list-item[data-task="#"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="$"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="%"] {
color: var(--text-normal);
}
html[saved-theme="light"] li.task-list-item[data-task="body"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="'"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="+"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task=", html[saved-theme="light"] "] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="."] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="0"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="1"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="2"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="3"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="4"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="5"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="6"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="7"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="8"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="9"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task=":"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task=";"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="<"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="="] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="@"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="A"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="B"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="C"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="D"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="E"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="F"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="G"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="H"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="J"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="K"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="L"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="M"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="N"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="O"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="P"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="Q"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="R"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="T"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="U"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="V"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="W"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="X"] {
color: var(--checklist-done-color);
}
html[saved-theme="light"] body li.task-list-item[data-task="Y"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="Z"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="_"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="`"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="a"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="e"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="g"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="h"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="j"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="m"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="n"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="o"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="q"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="r"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="s"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="t"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="v"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="x"] {
color: var(--checklist-done-color);
}
html[saved-theme="light"] body li.task-list-item[data-task="y"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="z"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="|"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task="~"] {
color: var(--text-normal);
}
html[saved-theme="light"] body li.task-list-item[data-task='!'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(26, 92, 42);
}
html[saved-theme="light"] body li.task-list-item[data-task='*'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(26, 92, 42);
}
html[saved-theme="light"] body li.task-list-item[data-task='-'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(26, 92, 42);
}
html[saved-theme="light"] body li.task-list-item[data-task='/'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(26, 92, 42);
}
html[saved-theme="light"] body li.task-list-item[data-task='>'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(26, 92, 42);
}
html[saved-theme="light"] body li.task-list-item[data-task='?'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(26, 92, 42);
}
html[saved-theme="light"] body li.task-list-item[data-task='I'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(26, 92, 42);
}
html[saved-theme="light"] body li.task-list-item[data-task='S'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(26, 92, 42);
}
html[saved-theme="light"] body li.task-list-item[data-task='b'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(26, 92, 42);
}
html[saved-theme="light"] body li.task-list-item[data-task='c'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(26, 92, 42);
}
html[saved-theme="light"] body li.task-list-item[data-task='d'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(26, 92, 42);
}
html[saved-theme="light"] body li.task-list-item[data-task='f'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(26, 92, 42);
}
html[saved-theme="light"] body li.task-list-item[data-task='i'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(26, 92, 42);
}
html[saved-theme="light"] body li.task-list-item[data-task='k'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(26, 92, 42);
}
html[saved-theme="light"] body li.task-list-item[data-task='l'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(26, 92, 42);
}
html[saved-theme="light"] body li.task-list-item[data-task='p'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(26, 92, 42);
}
html[saved-theme="light"] body li.task-list-item[data-task='u'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(26, 92, 42);
}
html[saved-theme="light"] body li.task-list-item[data-task='w'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(26, 92, 42);
}
html[saved-theme="light"] body ul > li.task-list-item {
display: list-item;
list-style: outside none none;
text-align: start;
}
html[saved-theme="light"] body li.task-list-item[data-task="_"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="-"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task=","] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task=";"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task=":"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="!"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="?"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="."] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="'"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="\""] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="@"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="*"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="/"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="&"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="#"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="%"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="`"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="+"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="<"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="="] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task=">"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="|"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="~"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="$"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="0"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="1"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="2"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="3"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="4"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="5"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="6"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="7"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="8"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="9"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="a"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="A"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="b"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="B"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="c"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="C"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="d"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="D"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="e"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="E"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="f"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="F"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="g"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="G"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="h"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="H"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="i"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="I"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="j"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="J"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="k"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="K"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="l"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="L"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="m"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="M"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="n"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="N"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="o"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="O"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="p"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="P"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="q"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="Q"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="r"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="R"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="s"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="S"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="t"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="T"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="u"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="U"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="v"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="V"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="w"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="W"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="x"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="X"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="y"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="Y"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="z"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
html[saved-theme="light"] body li.task-list-item[data-task="Z"] input[type="checkbox"] {
color: rgb(13, 61, 24);
}
/* aspect: callouts */
html[saved-theme="light"] body .callout .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(8, 109, 221);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(8, 109, 221);
border-left-width: 0px;
border-right-color: rgb(8, 109, 221);
border-right-width: 0px;
border-top-color: rgb(8, 109, 221);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="abstract"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-summary);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.727476 0.124634 192.763 / 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.727476 0.124634 192.763 / 0.25);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.727476 0.124634 192.763 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.727476 0.124634 192.763 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.727476 0.124634 192.763 / 0.25);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="abstract"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(8, 109, 221);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(8, 109, 221);
border-left-width: 0px;
border-right-color: rgb(8, 109, 221);
border-right-width: 0px;
border-top-color: rgb(8, 109, 221);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="abstract"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="abstract"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="bug"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-bug);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.611475 0.216957 20.8417 / 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.611475 0.216957 20.8417 / 0.25);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.611475 0.216957 20.8417 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.611475 0.216957 20.8417 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.611475 0.216957 20.8417 / 0.25);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="bug"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(8, 109, 221);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(8, 109, 221);
border-left-width: 0px;
border-right-color: rgb(8, 109, 221);
border-right-width: 0px;
border-top-color: rgb(8, 109, 221);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="bug"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="bug"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="danger"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-error);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.611475 0.216957 20.8417 / 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.611475 0.216957 20.8417 / 0.25);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.611475 0.216957 20.8417 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.611475 0.216957 20.8417 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.611475 0.216957 20.8417 / 0.25);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="danger"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(8, 109, 221);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(8, 109, 221);
border-left-width: 0px;
border-right-color: rgb(8, 109, 221);
border-right-width: 0px;
border-top-color: rgb(8, 109, 221);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="danger"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="danger"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="example"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-example);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.567895 0.221884 288.456 / 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.567895 0.221884 288.456 / 0.25);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.567895 0.221884 288.456 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.567895 0.221884 288.456 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.567895 0.221884 288.456 / 0.25);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="example"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(8, 109, 221);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(8, 109, 221);
border-left-width: 0px;
border-right-color: rgb(8, 109, 221);
border-right-width: 0px;
border-top-color: rgb(8, 109, 221);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="example"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="example"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="failure"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-fail);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.611475 0.216957 20.8417 / 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.611475 0.216957 20.8417 / 0.25);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.611475 0.216957 20.8417 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.611475 0.216957 20.8417 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.611475 0.216957 20.8417 / 0.25);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="failure"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(8, 109, 221);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(8, 109, 221);
border-left-width: 0px;
border-right-color: rgb(8, 109, 221);
border-right-width: 0px;
border-top-color: rgb(8, 109, 221);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="failure"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="failure"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="info"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-info);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.550587 0.189745 256.787 / 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.550587 0.189745 256.787 / 0.25);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.550587 0.189745 256.787 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.550587 0.189745 256.787 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.550587 0.189745 256.787 / 0.25);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="info"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(8, 109, 221);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(8, 109, 221);
border-left-width: 0px;
border-right-color: rgb(8, 109, 221);
border-right-width: 0px;
border-top-color: rgb(8, 109, 221);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="info"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="info"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="note"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-default);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.550587 0.189745 256.787 / 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.550587 0.189745 256.787 / 0.25);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.550587 0.189745 256.787 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.550587 0.189745 256.787 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.550587 0.189745 256.787 / 0.25);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="note"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(8, 109, 221);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(8, 109, 221);
border-left-width: 0px;
border-right-color: rgb(8, 109, 221);
border-right-width: 0px;
border-top-color: rgb(8, 109, 221);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="note"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="note"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="question"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-question);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.688771 0.175867 52.5446 / 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.688771 0.175867 52.5446 / 0.25);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.688771 0.175867 52.5446 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.688771 0.175867 52.5446 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.688771 0.175867 52.5446 / 0.25);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="question"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(8, 109, 221);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(8, 109, 221);
border-left-width: 0px;
border-right-color: rgb(8, 109, 221);
border-right-width: 0px;
border-top-color: rgb(8, 109, 221);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="question"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="question"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="quote"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-quote);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.699256 0.0000347234 none / 0.1) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(in oklch, var(--callout-color) 10%, transparent);
border-bottom-color: oklch(0.699256 0.0000347234 none / 0.25);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="quote"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(8, 109, 221);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(8, 109, 221);
border-left-width: 0px;
border-right-color: rgb(8, 109, 221);
border-right-width: 0px;
border-top-color: rgb(8, 109, 221);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="quote"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="quote"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="success"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-success);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.686205 0.194562 148.477 / 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.686205 0.194562 148.477 / 0.25);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.686205 0.194562 148.477 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.686205 0.194562 148.477 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.686205 0.194562 148.477 / 0.25);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="success"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(8, 109, 221);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(8, 109, 221);
border-left-width: 0px;
border-right-color: rgb(8, 109, 221);
border-right-width: 0px;
border-top-color: rgb(8, 109, 221);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="success"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="success"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="tip"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-tip);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.727476 0.124634 192.763 / 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.727476 0.124634 192.763 / 0.25);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.727476 0.124634 192.763 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.727476 0.124634 192.763 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.727476 0.124634 192.763 / 0.25);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="tip"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(8, 109, 221);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(8, 109, 221);
border-left-width: 0px;
border-right-color: rgb(8, 109, 221);
border-right-width: 0px;
border-top-color: rgb(8, 109, 221);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="tip"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="tip"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="todo"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-todo);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.550587 0.189745 256.787 / 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.550587 0.189745 256.787 / 0.25);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.550587 0.189745 256.787 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.550587 0.189745 256.787 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.550587 0.189745 256.787 / 0.25);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="todo"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(8, 109, 221);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(8, 109, 221);
border-left-width: 0px;
border-right-color: rgb(8, 109, 221);
border-right-width: 0px;
border-top-color: rgb(8, 109, 221);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="todo"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="todo"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="warning"] {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-warning);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: oklch(0.688771 0.175867 52.5446 / 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.688771 0.175867 52.5446 / 0.25);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.688771 0.175867 52.5446 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.688771 0.175867 52.5446 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.688771 0.175867 52.5446 / 0.25);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .callout[data-callout="warning"] .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(8, 109, 221);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(8, 109, 221);
border-left-width: 0px;
border-right-color: rgb(8, 109, 221);
border-right-width: 0px;
border-top-color: rgb(8, 109, 221);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 4px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="warning"] .callout-title > .callout-title-inner > p {
--font-weight: var(--callout-title-weight);
color: var(--callout-title-color);
font-weight: var(--font-weight);
}
html[saved-theme="light"] body .callout[data-callout="warning"] > .callout-content {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .callout[data-callout="note"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E");
}
html[saved-theme="light"] body .callout[data-callout="abstract"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M12 11h4'/%3E%3Cpath d='M12 16h4'/%3E%3Cpath d='M8 11h.01'/%3E%3Cpath d='M8 16h.01'/%3E%3C/svg%3E");
}
html[saved-theme="light"] body .callout[data-callout="bug"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20v-9'/%3E%3Cpath d='M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z'/%3E%3Cpath d='M14.12 3.88 16 2'/%3E%3Cpath d='M21 21a4 4 0 0 0-3.81-4'/%3E%3Cpath d='M21 5a4 4 0 0 1-3.55 3.97'/%3E%3Cpath d='M22 13h-4'/%3E%3Cpath d='M3 21a4 4 0 0 1 3.81-4'/%3E%3Cpath d='M3 5a4 4 0 0 0 3.55 3.97'/%3E%3Cpath d='M6 13H2'/%3E%3Cpath d='m8 2 1.88 1.88'/%3E%3Cpath d='M9 7.13V6a3 3 0 1 1 6 0v1.13'/%3E%3C/svg%3E");
}
html[saved-theme="light"] body .callout[data-callout="danger"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E");
}
html[saved-theme="light"] body .callout[data-callout="example"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h.01'/%3E%3Cpath d='M3 12h.01'/%3E%3Cpath d='M3 19h.01'/%3E%3Cpath d='M8 5h13'/%3E%3Cpath d='M8 12h13'/%3E%3Cpath d='M8 19h13'/%3E%3C/svg%3E");
}
html[saved-theme="light"] body .callout[data-callout="failure"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");
}
html[saved-theme="light"] body .callout[data-callout="info"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
}
html[saved-theme="light"] body .callout[data-callout="note"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E");
}
html[saved-theme="light"] body .callout[data-callout="question"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}
html[saved-theme="light"] body .callout[data-callout="quote"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3Cpath d='M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
}
html[saved-theme="light"] body .callout[data-callout="success"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
html[saved-theme="light"] body .callout[data-callout="tip"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4'/%3E%3C/svg%3E");
}
html[saved-theme="light"] body .callout[data-callout="todo"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}
html[saved-theme="light"] body .callout[data-callout="warning"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}
/* aspect: search */
html[saved-theme="light"] body .highlight {
background-color: var(--text-highlight-bg);
border-radius: 0px;
}
html[saved-theme="light"] body .preview-container {
background-color: rgba(0, 0, 0, 0);
color: var(--text-muted);
font-weight: 400;
}
html[saved-theme="light"] body .search > .search-button {
background-color: var(--background-modifier-form-field);
border-bottom-color: rgb(184, 202, 176);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(184, 202, 176);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(184, 202, 176);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(184, 202, 176);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-normal);
font-family: var(--font-monospace);
}
html[saved-theme="light"] body .search > .search-container > .search-space {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html[saved-theme="light"] body .search > .search-container > .search-space > * {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-family: var(--font-interface);
font-weight: 400;
outline: rgb(26, 92, 42) none 0px;
text-decoration-color: rgb(26, 92, 42);
text-decoration-style: solid;
transition: all;
}
html[saved-theme="light"] body .search > .search-container > .search-space > .search-layout {
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html[saved-theme="light"] body .search > .search-container > .search-space > .search-layout .highlight {
background-color: var(--text-highlight-bg);
border-radius: 0px;
}
html[saved-theme="light"] body .search > .search-container > .search-space > .search-layout > .preview-container {
background-color: rgba(0, 0, 0, 0);
color: var(--text-muted);
font-weight: 400;
}
html[saved-theme="light"] body .search > .search-container > .search-space > .search-layout > .results-container {
color: var(--text-normal);
}
html[saved-theme="light"] body .search > .search-container > .search-space > .search-layout > .results-container .result-card {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover .card-title, html[saved-theme="light"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover .card-description, html[saved-theme="light"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus .card-title, html[saved-theme="light"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus .card-description, html[saved-theme="light"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme="light"] ~ .result-card:focus)) .card-title, html[saved-theme="light"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme="light"] ~ .result-card:focus)) .card-description {
color: var(--nav-item-color-active);
}
html[saved-theme="light"] body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover, html[saved-theme="light"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus, html[saved-theme="light"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme="light"] ~ .result-card:focus)) {
background-color: rgba(0, 0, 0, 0);
color: var(--nav-item-color-active);
font-weight: var(--nav-item-weight);
}
html[saved-theme="light"] body .search > .search-container > .search-space > input {
background-color: var(--background-modifier-form-field);
border-bottom-color: rgb(184, 202, 176);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(184, 202, 176);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(184, 202, 176);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(184, 202, 176);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: 0 0 0 var(--input-border-width-focus) var(--background-modifier-border-focus);
}
html[saved-theme="light"] body .search>.search-container>.search-space>.search-layout>.results-container .result-card:has(~ .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme="light"] ~ .result-card:focus)), html[saved-theme="light"] ~ .result-card:focus, html[saved-theme="light"] ~ .result-card:hover) {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .search>.search-container>.search-space>.search-layout>.results-container .result-card:hover, html[saved-theme="light"] .search>.search-container>.search-space>.search-layout>.results-container .result-card:focus, html[saved-theme="light"] .search>.search-container>.search-space>.search-layout>.results-container .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme="light"] ~ .result-card:focus)) {
background-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
color: var(--nav-item-color-active);
}
html[saved-theme="light"] body a.internal-link.tag-link, html[saved-theme="light"] .search > .search-container > .search-space > .search-layout > .results-container .result-card > ul > li > .match-tag {
--icon-size: var(--icon-xs);
--icon-stroke: var(--icon-xs-stroke-width);
--pill-background: var(--tag-background);
--pill-background-hover: var(--tag-background-hover);
--pill-border-color: var(--tag-border-color);
--pill-border-color-hover: var(--tag-border-color-hover);
--pill-border-width: var(--tag-border-width);
--pill-color: var(--tag-color);
--pill-color-hover: var(--tag-color-hover);
--pill-color-remove: var(--tag-color);
--pill-color-remove-hover: var(--tag-color-hover);
--pill-corner-shape: var(--tag-corner-shape);
--pill-decoration: var(--tag-decoration);
--pill-decoration-hover: var(--tag-decoration-hover);
--pill-padding-x: var(--tag-padding-x);
--pill-padding-y: var(--tag-padding-y);
--pill-radius: var(--tag-radius);
background-color: var(--pill-background);
border-bottom-color: oklch(0.818148 0.0407376 135.9 / 0.15);
border-bottom-left-radius: 28px;
border-bottom-right-radius: 28px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.818148 0.0407376 135.9 / 0.15);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.818148 0.0407376 135.9 / 0.15);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.818148 0.0407376 135.9 / 0.15);
border-top-left-radius: 28px;
border-top-right-radius: 28px;
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[saved-theme="light"] body a.internal-link.tag-link::before {
color: var(--pill-color);
}
html[saved-theme="light"] body h1 {
--font-weight: var(--h1-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(13, 61, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(13, 61, 24);
border-left-width: 0px;
border-right-color: rgb(13, 61, 24);
border-right-width: 0px;
border-top-color: rgb(13, 61, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h1-color);
font-family: var(--h1-font);
font-size: var(--h1-size);
font-weight: var(--font-weight);
letter-spacing: var(--h1-letter-spacing);
line-height: var(--h1-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-shadow: var(--glow-heading);
}
html[saved-theme="light"] body h1.article-title {
color: var(--text-accent);
font-size: var(--inline-title-size);
font-weight: var(--inline-title-weight);
}
html[saved-theme="light"] body h1::before {
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(168, 90, 0);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(168, 90, 0);
border-left-width: 0px;
border-right-color: rgb(168, 90, 0);
border-right-width: 0px;
border-top-color: rgb(168, 90, 0);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--phosphor-warn);
content: "] ";
display: inline;
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;
}
html[saved-theme="light"] body h2 {
--font-weight: var(--h2-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(13, 61, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(13, 61, 24);
border-left-width: 0px;
border-right-color: rgb(13, 61, 24);
border-right-width: 0px;
border-top-color: rgb(13, 61, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h2-color);
font-family: var(--h2-font);
font-size: var(--h2-size);
font-weight: var(--font-weight);
letter-spacing: var(--h2-letter-spacing);
line-height: var(--h2-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-shadow: var(--glow-heading);
}
html[saved-theme="light"] body h2.page-title, html[saved-theme="light"] h2.page-title a {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(13, 61, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(13, 61, 24);
border-left-width: 0px;
border-right-color: rgb(13, 61, 24);
border-right-width: 0px;
border-top-color: rgb(13, 61, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-accent);
font-family: var(--inline-title-font);
font-size: var(--inline-title-size);
font-weight: var(--inline-title-weight);
letter-spacing: -0.38832px;
line-height: var(--inline-title-line-height);
margin-block-end: var(--inline-title-margin-bottom);
margin-block-start: 0px;
margin-bottom: 12.944px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-shadow: var(--glow-heading);
}
html[saved-theme="light"] body h3 {
--font-weight: var(--h3-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(13, 61, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(13, 61, 24);
border-left-width: 0px;
border-right-color: rgb(13, 61, 24);
border-right-width: 0px;
border-top-color: rgb(13, 61, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h3-color);
font-family: var(--h3-font);
font-size: var(--h3-size);
font-weight: var(--font-weight);
letter-spacing: var(--h3-letter-spacing);
line-height: var(--h3-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-shadow: var(--glow-heading);
}
html[saved-theme="light"] body h4 {
--font-weight: var(--h4-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(13, 61, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(13, 61, 24);
border-left-width: 0px;
border-right-color: rgb(13, 61, 24);
border-right-width: 0px;
border-top-color: rgb(13, 61, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h4-color);
font-family: var(--h4-font);
font-size: var(--h4-size);
font-weight: var(--font-weight);
letter-spacing: var(--h4-letter-spacing);
line-height: var(--h4-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-shadow: var(--glow-heading);
}
html[saved-theme="light"] body h5 {
--font-weight: var(--h5-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(13, 61, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(13, 61, 24);
border-left-width: 0px;
border-right-color: rgb(13, 61, 24);
border-right-width: 0px;
border-top-color: rgb(13, 61, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h5-color);
font-family: var(--h5-font);
font-size: var(--h5-size);
font-weight: var(--font-weight);
letter-spacing: var(--h5-letter-spacing);
line-height: var(--h5-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-shadow: var(--glow-heading);
}
html[saved-theme="light"] body h6 {
--font-weight: var(--h6-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(13, 61, 24);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(13, 61, 24);
border-left-width: 0px;
border-right-color: rgb(13, 61, 24);
border-right-width: 0px;
border-top-color: rgb(13, 61, 24);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--h6-color);
font-family: var(--h6-font);
font-size: var(--h6-size);
font-weight: var(--font-weight);
letter-spacing: var(--h6-letter-spacing);
line-height: var(--h6-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-shadow: var(--glow-heading);
}
html[saved-theme="light"] body hr {
border-bottom-color: rgb(184, 202, 176);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(184, 202, 176);
border-left-width: 0px;
border-right-color: rgb(184, 202, 176);
border-right-width: 0px;
border-top-color: rgb(184, 202, 176);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 2px;
margin-block-end: 32px;
margin-block-start: 32px;
margin-bottom: 32px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 32px;
}
html[saved-theme="light"] body input:focus {
border-color: rgb(184, 202, 176);
box-shadow: 0 0 0 var(--input-border-width-focus) var(--background-modifier-border-focus);
}
/* aspect: scrollbars */
html[saved-theme="light"] body .callout {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-default);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
border-bottom-color: oklch(0.550587 0.189745 256.787 / 0.25);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.550587 0.189745 256.787 / 0.25);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.550587 0.189745 256.787 / 0.25);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.550587 0.189745 256.787 / 0.25);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
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;
}
/* aspect: explorer */
html[saved-theme="light"] body .explorer .folder-container > div {
color: var(--nav-item-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="light"] body .nav-files-container {
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-family: var(--font-interface);
}
html[saved-theme="light"] body .nav-files-container .collapse-icon {
color: var(--nav-item-color);
opacity: 1;
}
html[saved-theme="light"] body .nav-files-container .nav-file-title {
color: var(--nav-item-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="light"] body .nav-files-container .nav-file-title.is-active {
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--nav-item-color);
font-family: var(--font-interface);
}
html[saved-theme="light"] body .nav-files-container .tree-item-children {
border-inline-start: 1px solid oklch(0 0 none / 0.12);
border-left-color: oklch(0 0 none / 0.12);
border-left-style: solid;
border-left-width: 1px;
}
html[saved-theme="light"] body .nav-files-container li:has(> .folder-outer.open) > .nav-folder-title {
color: var(--nav-item-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="light"] body .nav-files-container li:has(> .folder-outer:not(.open)) > .nav-folder-title {
color: var(--nav-item-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="light"] body .explorer .nav-files-container a {
color: var(--nav-item-color);
}
html[saved-theme="light"] body .explorer .nav-files-container a:hover {
color: var(--nav-item-color-hover);
}
html[saved-theme="light"] body .explorer .nav-files-container .is-active {
color: var(--nav-item-color-active);
}
html[saved-theme="light"] body .explorer .nav-files-container a:hover {
background-color: var(--nav-item-background-hover);
}
html[saved-theme="light"] body .explorer .nav-files-container .collapse-icon svg {
color: var(--nav-collapse-icon-color);
}
html[saved-theme="light"] body .explorer .nav-files-container .folder-outer > ul {
border-left-color: var(--nav-indentation-guide-color);
}
/* aspect: toc */
html[saved-theme="light"] body details.toc summary::marker {
color: var(--text-normal);
}
/* aspect: graph */
html[saved-theme="light"] body .graph > .global-graph-outer > .global-graph-container {
background-color: var(--background-secondary);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
}
html[saved-theme="light"] body .graph > .graph-outer {
background-color: var(--background-secondary);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
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: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-normal);
}
html[saved-theme="light"] body .graph > .graph-outer > .global-graph-icon {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(61, 122, 74);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(61, 122, 74);
border-left-width: 0px;
border-right-color: rgb(61, 122, 74);
border-right-width: 0px;
border-top-color: rgb(61, 122, 74);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--icon-color);
cursor: var(--cursor);
}
/* aspect: footer */
html[saved-theme="light"] body footer {
background-color: var(--status-bar-background);
color: var(--status-bar-text-color);
font-family: var(--font-interface);
font-size: var(--status-bar-font-size);
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 4px;
padding-left: 4px;
padding-right: var(--size-4-2);
padding-top: 4px;
text-align: start;
}
html[saved-theme="light"] body footer ul li a {
color: var(--status-bar-text-color);
font-size: var(--status-bar-font-size);
font-weight: 400;
}
/* aspect: recentNotes */
html[saved-theme="light"] body .recent-notes > h3 {
color: var(--text-normal);
font-family: var(--font-interface);
font-weight: 400;
}
html[saved-theme="light"] body .recent-notes > ul.recent-ul > li {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .recent-notes > ul.recent-ul > li .section > .desc > h3 > a {
color: var(--nav-item-color);
}
html[saved-theme="light"] body .recent-notes > ul.recent-ul > li .section > .meta {
color: var(--nav-item-color);
font-family: var(--font-interface);
}
/* aspect: listPage */
html[saved-theme="light"] body li.section-li {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html[saved-theme="light"] body li.section-li > .section .meta {
color: var(--nav-item-color);
font-family: var(--font-interface);
}
html[saved-theme="light"] body li.section-li > .section > .desc > h3 > a {
color: var(--nav-item-color);
}
html[saved-theme="light"] body ul.section-ul {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
/* aspect: darkmode */
html[saved-theme="light"] body .darkmode {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(61, 122, 74);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(61, 122, 74);
border-left-width: 0px;
border-right-color: rgb(61, 122, 74);
border-right-width: 0px;
border-top-color: rgb(61, 122, 74);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--icon-color);
cursor: var(--cursor);
}
html[saved-theme="light"] body .darkmode svg {
color: var(--icon-color);
stroke: rgb(61, 122, 74);
}
/* aspect: breadcrumbs */
html[saved-theme="light"] body .breadcrumb-container {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(61, 122, 74);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(61, 122, 74);
border-left-width: 0px;
border-right-color: rgb(61, 122, 74);
border-right-width: 0px;
border-top-color: rgb(61, 122, 74);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-muted);
}
html[saved-theme="light"] body .breadcrumb-element p {
color: var(--text-faint);
font-family: var(--file-header-font);
}
/* aspect: misc */
html[saved-theme="light"] body .content-meta {
--input-height: var(--metadata-input-height);
color: var(--text-muted);
font-size: var(--font-text-size);
}
html[saved-theme="light"] body .data-footnote-backref {
--font-weight: var(--link-weight);
color: var(--text-faint);
}
html[saved-theme="light"] body .footnotes {
background-color: rgba(0, 0, 0, 0);
border-top-color: rgb(26, 92, 42);
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .katex > .katex-html {
font-family: var(--font-text);
}
html[saved-theme="light"] body .katex-display {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .katex-display > .katex {
display: block;
font-family: var(--font-text);
text-align: center;
}
html[saved-theme="light"] body .katex-display > .katex > .katex-html {
font-family: var(--font-text);
}
html[saved-theme="light"] body .spacer {
background-color: rgba(0, 0, 0, 0);
}
html[saved-theme="light"] body abbr {
color: var(--text-normal);
text-decoration: underline dotted;
text-decoration-style: dotted;
}
html[saved-theme="light"] body details {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body footer {
opacity: 1;
}
html[saved-theme="light"] body h2.page-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
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);
letter-spacing: 0.3px;
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;
text-shadow: var(--glow-chrome);
}
html[saved-theme="light"] body input[type=text] {
background-color: var(--background-modifier-form-field);
border-bottom-color: rgb(184, 202, 176);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(184, 202, 176);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(184, 202, 176);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(184, 202, 176);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-normal);
font-family: var(--font-monospace);
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
}
html[saved-theme="light"] body kbd {
background-color: var(--code-background);
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--code-normal);
font-family: var(--font-monospace);
font-size: var(--code-size);
padding-block-end: 1.4px;
padding-block-start: 1.4px;
padding-bottom: 1.4px;
padding-inline-end: 3.5px;
padding-inline-start: 3.5px;
padding-left: 3.5px;
padding-right: 3.5px;
padding-top: 1.4px;
}
html[saved-theme="light"] body li.task-list-item input[type="checkbox"] {
background-color: rgba(0, 0, 0, 0);
border-color: rgb(138, 156, 130);
border-radius: 0px;
border-width: 1px;
}
html[saved-theme="light"] body li.task-list-item input[type="checkbox"]:checked {
background-color: var(--checkbox-color);
border-color: rgb(26, 92, 42);
}
html[saved-theme="light"] body pre:has(> code.mermaid) {
background-color: var(--code-background);
border: 0px solid rgb(184, 202, 176);
}
html[saved-theme="light"] body progress {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(26, 92, 42);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(26, 92, 42);
border-left-width: 0px;
border-right-color: rgb(26, 92, 42);
border-right-width: 0px;
border-top-color: rgb(26, 92, 42);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
height: 6px;
}
html[saved-theme="light"] body sub {
color: var(--text-normal);
font-size: var(--font-text-size);
vertical-align: sub;
}
html[saved-theme="light"] body summary {
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-weight: 400;
list-style: inside none disclosure-closed;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body sup {
color: var(--text-normal);
font-size: var(--font-text-size);
vertical-align: super;
}
html[saved-theme="light"] body ul.tags > li {
--icon-size: var(--icon-xs);
--icon-stroke: var(--icon-xs-stroke-width);
--pill-background: var(--tag-background);
--pill-background-hover: var(--tag-background-hover);
--pill-border-color: var(--tag-border-color);
--pill-border-color-hover: var(--tag-border-color-hover);
--pill-border-width: var(--tag-border-width);
--pill-color: var(--tag-color);
--pill-color-hover: var(--tag-color-hover);
--pill-color-remove: var(--tag-color);
--pill-color-remove-hover: var(--tag-color-hover);
--pill-corner-shape: var(--tag-corner-shape);
--pill-decoration: var(--tag-decoration);
--pill-decoration-hover: var(--tag-decoration-hover);
--pill-padding-x: var(--tag-padding-x);
--pill-padding-y: var(--tag-padding-y);
--pill-radius: var(--tag-radius);
background-color: var(--pill-background);
border-bottom-color: oklch(0.818148 0.0407376 135.9 / 0.15);
border-bottom-left-radius: 28px;
border-bottom-right-radius: 28px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.818148 0.0407376 135.9 / 0.15);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.818148 0.0407376 135.9 / 0.15);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.818148 0.0407376 135.9 / 0.15);
border-top-left-radius: 28px;
border-top-right-radius: 28px;
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;
}
/* overflow fix for explorer on mobile */
.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.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;
}
}
}
}
}