@layer quartz-base, obsidian-theme, quartz-themes-base, obsidian-theme-overrides;
@layer obsidian-theme {
.callout {
--callout-icon-note: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E");
--callout-icon-abstract: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M12 11h4'/%3E%3Cpath d='M12 16h4'/%3E%3Cpath d='M8 11h.01'/%3E%3Cpath d='M8 16h.01'/%3E%3C/svg%3E");
--callout-icon-info: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
--callout-icon-todo: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
--callout-icon-tip: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4'/%3E%3C/svg%3E");
--callout-icon-success: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
--callout-icon-question: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
--callout-icon-warning: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
--callout-icon-failure: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");
--callout-icon-danger: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E");
--callout-icon-bug: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20v-9'/%3E%3Cpath d='M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z'/%3E%3Cpath d='M14.12 3.88 16 2'/%3E%3Cpath d='M21 21a4 4 0 0 0-3.81-4'/%3E%3Cpath d='M21 5a4 4 0 0 1-3.55 3.97'/%3E%3Cpath d='M22 13h-4'/%3E%3Cpath d='M3 21a4 4 0 0 1 3.81-4'/%3E%3Cpath d='M3 5a4 4 0 0 0 3.55 3.97'/%3E%3Cpath d='M6 13H2'/%3E%3Cpath d='m8 2 1.88 1.88'/%3E%3Cpath d='M9 7.13V6a3 3 0 1 1 6 0v1.13'/%3E%3C/svg%3E");
--callout-icon-example: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h.01'/%3E%3Cpath d='M3 12h.01'/%3E%3Cpath d='M3 19h.01'/%3E%3Cpath d='M8 5h13'/%3E%3Cpath d='M8 12h13'/%3E%3Cpath d='M8 19h13'/%3E%3C/svg%3E");
--callout-icon-quote: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3Cpath d='M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
&[data-callout] { --callout-icon: var(--callout-icon-note); }
&[data-callout="note"] { --callout-icon: var(--callout-icon-note); }
&[data-callout="abstract"] { --callout-icon: var(--callout-icon-abstract); }
&[data-callout="info"] { --callout-icon: var(--callout-icon-info); }
&[data-callout="todo"] { --callout-icon: var(--callout-icon-todo); }
&[data-callout="tip"] { --callout-icon: var(--callout-icon-tip); }
&[data-callout="success"] { --callout-icon: var(--callout-icon-success); }
&[data-callout="question"] { --callout-icon: var(--callout-icon-question); }
&[data-callout="warning"] { --callout-icon: var(--callout-icon-warning); }
&[data-callout="failure"] { --callout-icon: var(--callout-icon-failure); }
&[data-callout="danger"] { --callout-icon: var(--callout-icon-danger); }
&[data-callout="bug"] { --callout-icon: var(--callout-icon-bug); }
&[data-callout="example"] { --callout-icon: var(--callout-icon-example); }
&[data-callout="quote"] { --callout-icon: var(--callout-icon-quote); }
&[data-callout="summary"] { --callout-icon: var(--callout-icon-abstract); }
&[data-callout="tldr"] { --callout-icon: var(--callout-icon-abstract); }
&[data-callout="hint"] { --callout-icon: var(--callout-icon-tip); }
&[data-callout="important"] { --callout-icon: var(--callout-icon-tip); }
&[data-callout="check"] { --callout-icon: var(--callout-icon-success); }
&[data-callout="done"] { --callout-icon: var(--callout-icon-success); }
&[data-callout="help"] { --callout-icon: var(--callout-icon-question); }
&[data-callout="faq"] { --callout-icon: var(--callout-icon-question); }
&[data-callout="caution"] { --callout-icon: var(--callout-icon-warning); }
&[data-callout="attention"] { --callout-icon: var(--callout-icon-warning); }
&[data-callout="fail"] { --callout-icon: var(--callout-icon-failure); }
&[data-callout="missing"] { --callout-icon: var(--callout-icon-failure); }
&[data-callout="error"] { --callout-icon: var(--callout-icon-danger); }
&[data-callout="cite"] { --callout-icon: var(--callout-icon-quote); }
}
body .page article li:has(> input[type="checkbox"]:checked):not([data-task="x"]):not([data-task="X"]) {
text-decoration: none;
color: inherit;
}
body .page article li.task-list-item.is-checked:not([data-task="x"]):not([data-task="X"]) {
text-decoration: none;
color: inherit;
}
body .page article li.task-list-item[data-task="x"],
body .page article li.task-list-item[data-task="X"] {
text-decoration: line-through;
text-decoration-color: var(--checkbox-color, var(--secondary));
color: var(--checkbox-color, var(--secondary));
}
:root {
--font-default-obsidian: ui-sans-serif, -apple-system, BlinkMacSystemFont,
system-ui, "Segoe UI", Roboto, "Inter", "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
--font-monospace-default-obsidian: ui-monospace, SFMono-Regular,
"Cascadia Mono", "Roboto Mono", "DejaVu Sans Mono", "Liberation Mono",
Menlo, Monaco, "Consolas", "Source Code Pro", monospace;
--font-default: var(--font-default-obsidian);
--font-monospace-default: var(--font-monospace-default-obsidian);
/* Resolved font stacks — themes override these in their base aspect.
The baseline just ensures usable defaults before theme CSS loads. */
--font-text: var(--font-default);
--font-interface: var(--font-default);
--font-monospace: var(--font-monospace-default);
--h1-font: inherit;
--h2-font: inherit;
--h3-font: inherit;
--h4-font: inherit;
--h5-font: inherit;
--h6-font: inherit;
}
/* aspect: base */
:root:root[saved-theme="dark"] {
--accent-h: 31;
--accent-l: 24%;
--accent-s: 27%;
--active-line-bg: var(--color-base-20);
--alternating-color-1: var(--color-d-yellow-30);
--alternating-color-1-hover-active: var(--color-d-yellow-40);
--alternating-color-2: var(--color-d-red-30);
--alternating-color-2-hover-active: var(--color-d-red-40);
--alternating-color-3: var(--color-d-blue-30);
--alternating-color-3-hover-active: var(--color-d-blue-40);
--amount-chbx-color: hsla(152, 46%, 38%, 1);
--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);
--anim-popdown: 0.4s slideDown forwards;
--anim-popup: 0.3s slideUp forwards;
--anim-popup-alt: 0.335s slideUpAlt forwards;
--background-anim: background var(--anim-duration-fast)
var(--anim-motion-smooth);
--background-modifier-active-hover: var(--color-d-gray-70);
--background-modifier-border: var(--color-d-gray-80);
--background-modifier-border-focus: color-mix(
in srgb,
var(--color-d-gray-70) 40%,
var(--color-d-gray-80)
);
--background-modifier-border-hover: color-mix(
in srgb,
var(--color-d-gray-70) 40%,
var(--color-d-gray-80)
);
--background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
--background-modifier-cover: rgba(10, 10, 10, 0.4);
--background-modifier-error: var(--color-d-red-40);
--background-modifier-error-hover: var(--color-d-red-30);
--background-modifier-error-rgb: var(--color-red-rgb);
--background-modifier-form-field: var(--color-d-gray-130);
--background-modifier-form-field-hover: var(--background-modifier-form-field);
--background-modifier-hover: rgba(0, 0, 0, 0.3);
--background-modifier-message: var(--color-d-gray-70);
--background-modifier-success: var(--color-d-green-30);
--background-modifier-success-rgb: var(--color-green-rgb);
--background-modifier-warning: var(--color-d-orange-40);
--background-modifier-warning-hover: var(--color-d-orange-30);
--background-primary: var(--color-d-gray-100);
--background-primary-alt: var(--color-d-gray-110);
--background-secondary: var(--color-d-gray-120);
--background-secondary-alt: var(--color-d-gray-120);
--bases-cards-background: var(--background-primary);
--bases-cards-border-width: 1px;
--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-m);
--bases-embed-border-width: 1px;
--bases-embed-padding: var(--size-4-2);
--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 1px 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: var(--radius-s);
--bases-table-cell-radius-focus: var(--radius-s);
--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-m);
--bases-table-container-border-width: 1px;
--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;
--bases-view-padding: var(--size-4-4);
--blocked-chbx-color: hsla(0, 70%, 55%, 1);
--blockquote-background-color: var(--color-d-gray-120);
--blockquote-border-color: var(--background-modifier-border);
--blockquote-border-thickness: 2px;
--blockquote-font-style: normal;
--blur-background: color-mix(in srgb, var(--interactive-normal) var(--blur-opacity-s), transparent) linear-gradient(var(--interactive-normal), color-mix(in srgb, var(--interactive-normal) var(--blur-opacity-s), transparent));
--blur-brightness: 1.15;
--blur-l: blur(var(--blur-radius-l)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));
--blur-m: blur(var(--blur-radius-m)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));
--blur-opacity-m: 90%;
--blur-opacity-s: 65%;
--blur-radius-l: 16px;
--blur-radius-m: 10px;
--blur-radius-s: 6px;
--blur-s: blur(var(--blur-radius-s)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness));
--blur-saturation: 1.5;
--bodyFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--bold-color: var(--color-d-red-30);
--bold-highlight-bg: var(--color-d-alpha-red);
--bold-highlight-color: var(--text-normal);
--bold-italic-color: var(--color-d-gray-10);
--bold-italic-highlight-bg: var(--color-d-alpha-green);
--bold-italic-highlight-color: var(--bold-italic-color);
--bold-italic-strikethrough-color: var(--color-d-gray-40);
--bold-italic-weight: var(--font-bold);
--bold-modifier: 200;
--bold-weight: var(--font-bold);
--bookmark-chbx-color: hsla(21, 81%, 54%, 1);
--border-width: 1px;
--breadcrumb-bg-hover: var(--color-d-gray-80);
--breadcrumb-color: var(--color-d-gray-50);
--breadcrumb-color-hover: var(--color-d-gray-50);
--breadcrumb-separator-color: var(--background-modifier-border);
--button-accent-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1),
inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3),
inset 0px calc(-1 * var(--button-inset-shadow-size)) 0px 2px
rgba(0, 0, 0, 0.26),
inset 0px -2px 4px 0px rgba(0, 0, 0, 0.35),
0px 4px 4px -5.6px rgba(0, 0, 0, 0.37),
0px 2px 4px -2.7px rgba(0, 0, 0, 0.27), 0px 2px 4px -1px rgba(0, 0, 0, 0.14);
--button-accent-shadow-active: var(--input-shadow-active);
--button-accent-shadow-focus: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.12),
inset 0px 0px 0px 1px rgba(0, 0, 0, 0.28),
inset 0px calc(-1 * var(--button-inset-shadow-size)) 0px 2px
rgba(0, 0, 0, 0.11),
inset 0px -2px 4px 0px rgba(0, 0, 0, 0.2),
0px 4px 4px -5.6px rgba(0, 0, 0, 0.52),
0px 2px 4px -2.7px rgba(0, 0, 0, 0.27),
0px 2px 6px -1px rgba(0, 0, 0, 0.24),
0px 0px 0px 3px var(--color-d-alpha-gray);
--button-accent-shadow-hover: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.15),
inset 0px 0px 0px 1px rgba(0, 0, 0, 0.34),
inset 0px calc(-1 * var(--button-inset-shadow-size)) 0px 2px
rgba(0, 0, 0, 0.26),
inset 0px -2px 4px 0px rgba(0, 0, 0, 0.35),
0px 4px 4px -5.6px rgba(0, 0, 0, 0.37),
0px 2px 4px -2.7px rgba(0, 0, 0, 0.3), 0px 2px 6px -1px rgba(0, 0, 0, 0.19);
--button-anim: var(--anim-duration-fast) var(--anim-motion-jumpy);
--button-axis-offset: 2px;
--button-corner-shape: var(--corner-shape);
--button-inset-shadow-size: 2px;
--button-metadata-padding: var(--size-2-3) var(--size-4-2)
calc(var(--size-2-3) + var(--button-inset-shadow-size)) var(--size-2-3);
--button-metadata-padding-active: calc(
var(--size-2-2) + var(--button-inset-shadow-size)
)
var(--size-4-2) var(--size-2-3) var(--size-2-3);
--button-opacity-active: 0.5;
--button-padding: var(--size-4-2) var(--size-4-3)
calc(var(--size-4-2) + var(--button-inset-shadow-size)) var(--size-4-3);
--button-padding-active: calc(
var(--size-4-2) + var(--button-inset-shadow-size)
)
var(--size-4-3) var(--size-4-2) var(--size-4-3);
--button-radius: var(--size-4-2);
--button-s-padding: var(--size-2-2) var(--size-4-2) var(--size-2-2)
var(--size-4-2);
--button-s-radius: calc(var(--button-radius) * 0.8);
--button-shadow: var(--input-shadow);
--button-shadow-active: var(--input-shadow-active);
--button-shadow-focus: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.05),
inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3),
inset 0px calc(-1 * var(--button-inset-shadow-size)) 0px 2px
rgba(0, 0, 0, 0.24),
inset 0px -2px 4px 0px rgba(0, 0, 0, 0.25),
0px 4px 4px -5.6px rgba(0, 0, 0, 0.55),
0px 2px 4px -2.7px rgba(0, 0, 0, 0.3), 0px 2px 6px -1px rgba(0, 0, 0, 0.25),
0px 0px 0px 3px var(--color-d-alpha-gray);
--button-shadow-hover: var(--input-shadow-hover);
--callout-abstract: rgb(34 152 225);
--callout-attention: rgb(255 161 32);
--callout-blend-mode: var(--highlight-mix-blend-mode);
--callout-border-opacity: 0.1;
--callout-border-width: 0px;
--callout-bug: rgb(153 93 133);
--callout-caution: rgb(255 161 32);
--callout-check: rgb(87 200 83);
--callout-cite: rgb(237 217 162);
--callout-color-opacity: 32.5%;
--callout-container-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.18),
0px 2px 6px 0px rgba(0, 0, 0, 0.28);
--callout-content-background: color-mix(
in srgb,
var(--background-primary-alt) 50%,
var(--editor-bg-color)
);
--callout-content-padding: var(--size-4-1) var(--size-4-4)
calc(var(--size-4-1) + var(--callout-shadow-offset)) var(--size-4-4);
--callout-content-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.18),
inset 0px calc(-1 * var(--callout-shadow-offset) - 1px)
var(--callout-content-shadow-blur) 0px rgba(0, 0, 0, 0.3);
--callout-content-shadow-blur: 3px;
--callout-danger: rgb(226 72 86);
--callout-default: var(--color-blue);
--callout-done: rgb(87 200 83);
--callout-error: rgb(226 72 86);
--callout-example: rgb(216 141 130);
--callout-fail: rgb(226 72 86);
--callout-faq: rgb(130 190 235);
--callout-general: rgb(182 196 182);
--callout-help: rgb(250 128 96);
--callout-hint: rgb(70 206 185);
--callout-icon-abstract: clipboard-list;
--callout-icon-attention: megaphone;
--callout-icon-bug: bug;
--callout-icon-caution: construction;
--callout-icon-check: check-check;
--callout-icon-cite: book-marked;
--callout-icon-danger: shield-alert;
--callout-icon-done: check-check;
--callout-icon-error: ban;
--callout-icon-example: scroll-text;
--callout-icon-fail: circle-slash;
--callout-icon-faq: circle-help;
--callout-icon-fold-filter: brightness(1);
--callout-icon-general: shapes;
--callout-icon-help: life-buoy;
--callout-icon-hint: lightbulb;
--callout-icon-important: square-asterisk;
--callout-icon-info: badge-info;
--callout-icon-missing: search;
--callout-icon-note: notebook-pen;
--callout-icon-question: circle-help;
--callout-icon-quote: message-square-note;
--callout-icon-success: check-check;
--callout-icon-summary: align-justify;
--callout-icon-tip: clover;
--callout-icon-tldr: book-open-text;
--callout-icon-todo: list-todo;
--callout-icon-warning: triangle-alert;
--callout-important: rgb(246 113 118);
--callout-info: rgb(71 162 187);
--callout-missing: rgb(226 72 86);
--callout-note: rgb(200 175 155);
--callout-padding: var(--size-4-3) var(--size-4-3) var(--size-4-3) var(--size-4-6);
--callout-question: rgb(130 190 235);
--callout-quote: rgb(173 214 171);
--callout-radius: var(--radius-m);
--callout-shadow-offset: 4px;
--callout-success: rgb(87 200 83);
--callout-summary: rgb(234 181 52);
--callout-tip: rgb(70 206 185);
--callout-title-color: var(--text-normal);
--callout-title-padding: var(--size-4-3) var(--size-4-4);
--callout-title-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.25),
inset 0px 1px 1px 0px rgba(255, 255, 255, 0.1);
--callout-title-weight: calc(var(--font-weight) + var(--bold-modifier));
--callout-tldr: rgb(240 180 225);
--callout-todo: rgb(58 173 252);
--callout-warning: rgb(255 161 32);
--cancelled-chbx-color: hsla(32, 10%, 58%, 1);
--cancelled-chbx-text-color: var(--text-faint);
--cancelled-chbx-text-decoration: line-through;
--canvas-background: var(--editor-bg-color);
--canvas-card-label-color: var(--text-faint);
--canvas-color: #7e7e7e;
--canvas-color-1: var(--color-red-rgb);
--canvas-color-2: var(--color-orange-rgb);
--canvas-color-3: var(--color-yellow-rgb);
--canvas-color-4: var(--color-green-rgb);
--canvas-color-5: var(--color-blue-rgb);
--canvas-color-6: var(--color-purple-rgb);
--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);
--canvas-icon-color: var(--color-d-gray-50);
--canvas-icon-color-disabled: var(--color-d-gray-70);
--canvas-icon-color-hover: var(--color-d-gray-30);
--canvas-menu-bg: color-mix(
in srgb,
var(--color-d-gray-90) 60%,
var(--color-d-gray-100)
);
--canvas-menu-bg-hover: color-mix(
in srgb,
var(--color-d-gray-90) 10%,
var(--color-d-gray-100)
);
--canvas-menu-border: 1px solid var(--background-modifier-border);
--canvas-menu-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.14), 0px 1px 4px -2.1px rgba(0, 0, 0, 0.22),
0px 2px 8px -1.2px rgba(0, 0, 0, 0.15);
--cards-aspect-ratio: auto;
--cards-columns: repeat(auto-fit, minmax(var(--cards-min-width), 1fr));
--cards-image-fit: contain;
--cards-min-width: 180px;
--caret-color: var(--color-d-gray-50);
--checkbox-border-color: var(--color-d-gray-70);
--checkbox-border-color-hover: var(--color-d-gray-60);
--checkbox-color: var(--color-d-green-40);
--checkbox-color-hover: var(--color-d-green-30);
--checkbox-margin-inline-start: 0.85em;
--checkbox-marker-color: white;
--checkbox-radius: var(--radius-s);
--checkbox-size: var(--font-text-size);
--checked-border-color: rgba(255, 255, 255, 0.15);
--checked-border-color-hover: rgba(255, 255, 255, 0.1);
--checklist-bg: var(--color-d-gray-110);
--checklist-done-color: var(--color-d-gray-50);
--checklist-done-decoration: line-through;
--checklist-shadow-hover: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
--clickable-icon-radius: calc(var(--radius-s) + 1px);
--clock-chbx-color: hsla(210, 39%, 52%, 1);
--close-button-radius: var(--radius-l);
--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-m);
--code-size: var(--font-smaller);
--code-string: var(--color-green);
--code-tag: var(--color-red);
--code-value: var(--color-purple);
--code-white-space: pre-wrap;
--codeFont: var(--font-monospace, var(--font-monospace-override, var(--font-monospace-theme, var(--font-monospace-default))));
--collapse-icon-color: var(--color-d-gray-60);
--collapse-icon-color-collapsed: var(--color-d-gray-60);
--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.16),
calc(var(--accent-l) * 1.34)
);
--color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l);
--color-base-00: var(--color-d-gray-140);
--color-base-05: var(--color-d-gray-120);
--color-base-10: var(--color-d-gray-100);
--color-base-100: var(--color-d-gray-10);
--color-base-20: var(--color-d-gray-90);
--color-base-25: var(--color-d-gray-80);
--color-base-30: var(--color-d-gray-70);
--color-base-35: var(--color-d-gray-60);
--color-base-40: var(--color-d-gray-50);
--color-base-50: var(--color-d-gray-40);
--color-base-60: var(--color-d-gray-30);
--color-base-70: var(--color-d-gray-20);
--color-blue: rgb(63, 137, 176);
--color-blue-rgb: 99, 156, 192;
--color-cyan: rgb(70, 169, 180);
--color-cyan-rgb: 91, 175, 183;
--color-d-alpha-blue: hsla(186, 64%, 46%, 0.2);
--color-d-alpha-gray: hsla(34, 24%, 40%, 0.2);
--color-d-alpha-green: hsla(74, 69%, 44%, 0.2);
--color-d-alpha-orange: hsla(27, 100%, 50%, 0.2);
--color-d-alpha-purple: hsla(236, 100%, 72%, 0.2);
--color-d-alpha-red: hsla(350, 84%, 63%, 0.2);
--color-d-alpha-yellow: hsla(44, 100%, 50%, 0.2);
--color-d-blue-10: hsla(191, 54%, 62%, 1);
--color-d-blue-20: hsla(194, 59%, 56%, 1);
--color-d-blue-30: hsla(197, 48%, 49%, 1);
--color-d-blue-40: hsla(201, 45%, 40%, 1);
--color-d-gray-10: hsla(32, 48%, 85%, 1);
--color-d-gray-100: hsla(30, 19%, 15%, 1);
--color-d-gray-110: hsla(30, 17%, 14%, 1);
--color-d-gray-120: hsla(29, 16%, 13%, 1);
--color-d-gray-130: hsla(24, 18%, 11%, 1);
--color-d-gray-140: hsla(32, 21%, 9%, 1);
--color-d-gray-20: hsla(34, 39%, 74%, 1);
--color-d-gray-30: hsla(34, 31%, 68%, 1);
--color-d-gray-40: hsla(35, 27%, 55%, 1);
--color-d-gray-50: hsla(34, 24%, 46%, 1);
--color-d-gray-60: hsla(33, 27%, 33%, 1);
--color-d-gray-70: hsla(31, 27%, 25%, 1);
--color-d-gray-80: hsla(28, 22%, 19%, 1);
--color-d-gray-90: hsla(33, 20%, 17%, 1);
--color-d-green-10: hsla(152, 51%, 54%, 1);
--color-d-green-20: hsla(154, 57%, 42%, 1);
--color-d-green-30: hsla(155, 78%, 29%, 1);
--color-d-green-40: hsla(154, 75%, 26%, 1);
--color-d-orange-10: hsla(26, 85%, 58%, 1);
--color-d-orange-20: hsla(24, 84%, 50%, 1);
--color-d-orange-30: hsla(22, 82%, 47%, 1);
--color-d-orange-40: hsla(19, 81%, 41%, 1);
--color-d-purple-10: hsla(242, 52%, 69%, 1);
--color-d-purple-20: hsla(241, 45%, 57%, 1);
--color-d-purple-30: hsla(239, 45%, 51%, 1);
--color-d-purple-40: hsla(238, 47%, 48%, 1);
--color-d-red-10: hsla(5, 94%, 73%, 1);
--color-d-red-20: hsla(4, 91%, 67%, 1);
--color-d-red-30: hsla(4, 88%, 61%, 1);
--color-d-red-40: hsla(2, 75%, 52%, 1);
--color-d-yellow-10: hsla(43, 69%, 63%, 1);
--color-d-yellow-20: hsla(42, 79%, 51%, 1);
--color-d-yellow-30: hsla(40, 78%, 48%, 1);
--color-d-yellow-40: hsla(38, 76%, 42%, 1);
--color-gray: rgb(166, 150, 141);
--color-gray-rgb: 166, 150, 142;
--color-green: rgb(80, 196, 101);
--color-green-rgb: 100, 194, 113;
--color-orange: rgb(203, 128, 53);
--color-orange-rgb: 238, 163, 89;
--color-pink: rgb(180, 100, 100);
--color-pink-rgb: 224, 108, 138;
--color-purple: rgb(113, 97, 194);
--color-purple-rgb: 139, 113, 185;
--color-red: rgb(192, 78, 78);
--color-red-rgb: 228, 87, 78;
--color-yellow: rgb(225, 178, 67);
--color-yellow-rgb: 249, 207, 81;
--community-item-flair-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
--community-item-selected-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.18),
0px 1px 3px -2.6px rgba(0, 0, 0, 0.33),
0px 2px 6px -4.2px rgba(0, 0, 0, 0.29), 0px 4px 12px -6px rgba(0, 0, 0, 0.9);
--community-item-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.03);
--community-item-shadow-hover: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
--component-font-weight: var(--font-medium);
--con-chbx-color: hsla(12, 64%, 47%, 1);
--copy-code-btn-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.39),
0px 2px 4px -2px rgba(0, 0, 0, 0.39);
--copy-code-button-radius: var(--radius-s);
--corner-shape: round;
--cursor: pointer;
--cursor-link: pointer;
--dark: var(--text-normal, var(--color-d-gray-20));
--darkgray: var(--text-normal, var(--color-d-gray-20));
--deadline-chbx-color: hsla(8, 80%, 58%, 1);
--delegated-chbx-color: hsla(210, 65%, 60%, 1);
--dialog-max-height: 85vh;
--dialog-max-width: 80vw;
--dialog-width: 560px;
--direction: 1;
--disabled-component-opacity: 0.3;
--divider-color: var(--background-modifier-border);
--divider-color-hover: var(--background-modifier-border-hover);
--divider-radius: var(--radius-m);
--divider-vertical-height: 100%;
--divider-width: 1px;
--divider-width-hover: 4px;
--down-chbx-color: hsla(4, 56%, 54%, 1);
--drag-ghost-background: var(--interactive-accent);
--drag-ghost-text-color: var(--text-on-accent);
--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-height: calc(
var(--font-ui-small) +
calc(var(--size-4-4) + var(--button-inset-shadow-size))
);
--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;
--editor-bg-color: var(--background-primary);
--editor-bgpattern-color: var(--color-d-gray-70);
--editor-bgpattern-size: 50px 50px;
--editor-border-color: var(--background-modifier-border);
--editor-border-radius: var(--radius-l);
--editor-border-width: 1px;
--editor-header-icon: var(--icon-s);
--editor-pane-margin: 10px;
--editor-tab-icon: var(--icon-s);
--embed-action-color: var(--text-normal);
--embed-action-radius: var(--clickable-icon-radius);
--embed-actions-background: color-mix(var(--background-primary) 80%, transparent);
--embed-actions-blur: var(--blur-s);
--embed-actions-corner-shape: var(--corner-shape);
--embed-actions-padding: var(--size-2-1);
--embed-actions-radius: calc(var(--embed-action-radius) + var(--embed-actions-padding));
--embed-actions-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 0 6px 0 rgba(0, 0, 0, 0.05);
--embed-background: var(--embed-bg-color-mix);
--embed-bg-color-mix: color-mix(
in srgb,
var(--background-primary-alt) 50%,
var(--editor-bg-color)
);
--embed-block-shadow-hover: none;
--embed-border-bottom: var(--embed-border-bottom-width)
var(--embed-border-bottom-style) var(--embed-border-bottom-color);
--embed-border-bottom-color: var(--background-modifier-border);
--embed-border-bottom-style: solid;
--embed-border-bottom-width: 1px;
--embed-border-end: var(--embed-border-end-width)
var(--embed-border-end-style) var(--embed-border-end-color);
--embed-border-end-color: var(--background-modifier-border);
--embed-border-end-style: solid;
--embed-border-end-width: 1px;
--embed-border-radius: var(--radius-l);
--embed-border-start: var(--embed-border-start-width)
var(--embed-border-start-style) var(--embed-border-start-color);
--embed-border-start-color: var(--background-modifier-border);
--embed-border-start-style: solid;
--embed-border-start-width: 1px;
--embed-border-top: var(--embed-border-top-width)
var(--embed-border-top-style) var(--embed-border-top-color);
--embed-border-top-color: var(--background-modifier-border);
--embed-border-top-style: solid;
--embed-border-top-width: 1px;
--embed-canvas-max-height: 400px;
--embed-edit-btn-bg: color-mix(
in srgb,
var(--color-d-gray-130) 70%,
transparent
);
--embed-edit-btn-bg-hover: color-mix(
in srgb,
var(--color-d-gray-130) 100%,
transparent
);
--embed-edit-btn-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.5),
inset 0px -2px 1px 1px rgba(0, 0, 0, 0.5);
--embed-edit-btn-shadow-hover: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.5),
inset 0px -2px 1px 1px rgba(0, 0, 0, 0.5),
0px 1px 2px 0px rgba(0, 0, 0, 0.5);
--embed-left-right-padding: var(--size-4-4);
--embed-max-height: 4000px;
--embed-media-border-radius: var(--radius-m);
--embed-padding: var(--size-2-3) var(--embed-left-right-padding) 0px;
--embed-title-border: var(--embed-title-border-width)
var(--embed-title-border-style) var(--embed-title-border-color);
--embed-title-border-color: var(--background-modifier-border);
--embed-title-border-style: solid;
--embed-title-border-width: 1px;
--embed-title-color: var(--color-d-gray-50);
--embed-title-font-size: var(--font-text-size);
--embed-title-font-weight: var(--font-medium);
--embed-title-letter-spacing: normal;
--embed-title-margin-bottom: var(--size-4-2);
--embed-title-text-transform: none;
--empty-state-action-btn-bg: var(--background-primary-alt);
--file-folding-offset: 24px;
--file-header-background: var(--background-primary);
--file-header-background-focused: var(--background-primary);
--file-header-border: var(--file-header-border-width) solid
var(--file-header-border-color);
--file-header-border-color: var(--background-modifier-border);
--file-header-border-width: 1px;
--file-header-font: var(--font-interface);
--file-header-font-size: var(--font-ui-small);
--file-header-font-weight: 400;
--file-header-justify: center;
--file-header-title-color: var(--color-d-gray-40);
--file-line-width: 40rem;
--file-margins: var(--file-margins-y) var(--file-margins-x);
--file-margins-x: var(--size-4-8);
--file-margins-y: var(--size-4-8);
--file-max-line-width: 88%;
--file-tab-gap: 0px;
--fire-chbx-color: hsla(14, 82%, 58%, 1);
--flair-background: var(--interactive-normal);
--flair-color: var(--text-normal);
--flair-count-bg-color: var(--color-d-gray-120);
--flair-count-color: var(--color-d-gray-60);
--flair-count-padding: 2px 4px;
--flair-count-radius: calc(var(--radius-s) + 1px);
--focus-ring-color: var(--csstools-light-dark-toggle--23, #0df);
--focus-ring-outline: 2px solid light-dark(#0060df, #0df);
--font-black: 900;
--font-bold: 750;
--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: 850;
--font-extralight: 250;
--font-interface: var(--font-interface-override, var(--font-interface-theme, var(--default-font, var(--font-default))));
--font-light: 350;
--font-medium: 550;
--font-mermaid: var(--font-text);
--font-monospace: var(--font-monospace-override, var(--font-monospace-theme, var(--font-monospace-default)));
--font-monospace-default: ui-monospace, SFMono-Regular, "Cascadia Mono", "Roboto Mono", "DejaVu Sans Mono", "Liberation Mono", Menlo, Monaco, "Consolas", "Source Code Pro", monospace;
--font-normal: 450;
--font-print: var(--font-print-override), var(--font-text-override), var(--font-text-theme), 'Arial';
--font-semibold: 650;
--font-small: 0.933em;
--font-smaller: 0.875em;
--font-smallest: 0.8em;
--font-text: var(--font-text-override, var(--font-text-theme, var(--font-default)));
--font-text-size: 16px;
--font-thin: 150;
--font-ui-large: 20px;
--font-ui-medium: 15px;
--font-ui-small: 13px;
--font-ui-smaller: 12px;
--font-ui-smallest: 11px;
--font-weight: var(--font-normal);
--footnote-divider-color: var(--metadata-divider-color);
--footnote-divider-color-active: var(--metadata-divider-color-focus);
--footnote-divider-width: var(--border-width);
--footnote-gap: var(--size-4-1);
--footnote-id-color: var(--text-muted);
--footnote-id-color-no-occurrences: var(--text-faint);
--footnote-id-delimiter: ".";
--footnote-input-background: var(--metadata-input-background);
--footnote-input-background-active: var(--metadata-input-background-active);
--footnote-line-height: var(--line-height-normal);
--footnote-padding-block: var(--size-2-3);
--footnote-padding-inline: var(--size-2-3);
--footnote-radius: var(--radius-s);
--footnote-size: var(--font-smaller);
--frame-left-space: 0px;
--frame-right-space: 126px;
--graph-arrow: var(--color-d-gray-50);
--graph-controls-width: 240px;
--graph-line: var(--background-modifier-border);
--graph-node: var(--color-d-blue-30);
--graph-node-attachment: var(--color-d-green-30);
--graph-node-focused: var(--color-d-gray-20);
--graph-node-highlight-fill: var(--color-d-gray-30);
--graph-node-highlight-line: var(--color-d-gray-60);
--graph-node-tag: var(--color-d-red-30);
--graph-node-unresolved: var(--color-d-yellow-20);
--graph-node-unresolved-opacity: 1;
--graph-text: var(--color-d-gray-50);
--gray: var(--text-muted, var(--color-d-gray-40));
--gutter-color: color-mix(
in srgb,
var(--color-d-gray-60) 40%,
var(--color-d-gray-70)
);
--gutter-color-active: var(--color-d-gray-50);
--h1-bg-color: transparent;
--h1-border-bottom-color: var(--background-modifier-border);
--h1-border-left-color: var(--background-modifier-border);
--h1-border-radius: 0px;
--h1-border-right-color: var(--background-modifier-border);
--h1-border-style: solid;
--h1-border-top-color: var(--background-modifier-border);
--h1-border-width: 0px;
--h1-color: var(--color-d-gray-10);
--h1-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h1-letter-spacing: -0.015em;
--h1-line-height: 1.2;
--h1-size: 1.618em;
--h1-style: normal;
--h1-text-align: left;
--h1-text-transform: normal;
--h1-variant: normal;
--h1-weight: var(--font-semibold);
--h2-bg-color: transparent;
--h2-border-bottom-color: var(--background-modifier-border);
--h2-border-left-color: var(--background-modifier-border);
--h2-border-radius: 0px;
--h2-border-right-color: var(--background-modifier-border);
--h2-border-style: solid;
--h2-border-top-color: var(--background-modifier-border);
--h2-border-width: 0px;
--h2-color: var(--color-d-gray-10);
--h2-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h2-letter-spacing: -0.011em;
--h2-line-height: 1.2;
--h2-size: 1.462em;
--h2-style: normal;
--h2-text-align: left;
--h2-text-transform: normal;
--h2-variant: normal;
--h2-weight: var(--font-semibold);
--h3-bg-color: transparent;
--h3-border-bottom-color: var(--background-modifier-border);
--h3-border-left-color: var(--background-modifier-border);
--h3-border-radius: 0px;
--h3-border-right-color: var(--background-modifier-border);
--h3-border-style: solid;
--h3-border-top-color: var(--background-modifier-border);
--h3-border-width: 0px;
--h3-color: var(--color-d-gray-10);
--h3-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h3-letter-spacing: -0.008em;
--h3-line-height: 1.3;
--h3-size: 1.318em;
--h3-style: normal;
--h3-text-align: left;
--h3-text-transform: normal;
--h3-variant: normal;
--h3-weight: var(--font-semibold);
--h4-bg-color: transparent;
--h4-border-bottom-color: var(--background-modifier-border);
--h4-border-left-color: var(--background-modifier-border);
--h4-border-radius: 0px;
--h4-border-right-color: var(--background-modifier-border);
--h4-border-style: solid;
--h4-border-top-color: var(--background-modifier-border);
--h4-border-width: 0px;
--h4-color: var(--color-d-gray-10);
--h4-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h4-letter-spacing: -0.005em;
--h4-line-height: 1.4;
--h4-size: 1.188em;
--h4-style: normal;
--h4-text-align: left;
--h4-text-transform: normal;
--h4-variant: normal;
--h4-weight: var(--font-semibold);
--h5-bg-color: transparent;
--h5-border-bottom-color: var(--background-modifier-border);
--h5-border-left-color: var(--background-modifier-border);
--h5-border-radius: 0px;
--h5-border-right-color: var(--background-modifier-border);
--h5-border-style: solid;
--h5-border-top-color: var(--background-modifier-border);
--h5-border-width: 0px;
--h5-color: var(--color-d-gray-10);
--h5-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h5-letter-spacing: -0.002em;
--h5-line-height: var(--line-height-normal);
--h5-size: 1.076em;
--h5-style: normal;
--h5-text-align: left;
--h5-text-transform: normal;
--h5-variant: normal;
--h5-weight: var(--font-semibold);
--h6-bg-color: transparent;
--h6-border-bottom-color: var(--background-modifier-border);
--h6-border-left-color: var(--background-modifier-border);
--h6-border-radius: 0px;
--h6-border-right-color: var(--background-modifier-border);
--h6-border-style: solid;
--h6-border-top-color: var(--background-modifier-border);
--h6-border-width: 0px;
--h6-color: var(--color-d-gray-10);
--h6-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h6-letter-spacing: 0em;
--h6-line-height: var(--line-height-normal);
--h6-size: 1em;
--h6-style: normal;
--h6-text-align: left;
--h6-text-transform: normal;
--h6-variant: normal;
--h6-weight: var(--font-semibold);
--header-height: 46px;
--headerFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--heading-formatting: var(--text-faint);
--heading-spacing: calc(var(--p-spacing) * 2.5);
--health-chbx-color: hsla(350, 65%, 62%, 1);
--highlight: var(--text-highlight-bg, var(--color-d-alpha-yellow));
--highlight-mix-blend-mode: lighten;
--home-chbx-color: hsla(28, 45%, 50%, 1);
--hr-color: var(--background-modifier-border-hover);
--hr-thickness: 1px;
--icon-bg: transparent;
--icon-bg-active: var(--color-d-gray-80);
--icon-bg-active-menu: transparent;
--icon-bg-hover: transparent;
--icon-bg-pressed: transparent;
--icon-color: color-mix(
in srgb,
var(--color-d-gray-60) 30%,
var(--color-d-gray-50)
);
--icon-color-active: var(--color-d-gray-40);
--icon-color-focused: var(--color-d-gray-50);
--icon-color-hover: color-mix(
in srgb,
var(--color-d-gray-50) 70%,
var(--color-d-gray-40)
);
--icon-container-radius: 0px;
--icon-l: 18px;
--icon-l-stroke-width: 1.75px;
--icon-m: 16px;
--icon-m-stroke-width: 1.75px;
--icon-opacity: 1;
--icon-opacity-active: 1;
--icon-opacity-hover: 1;
--icon-s: 15px;
--icon-s-stroke-width: 2px;
--icon-size: var(--icon-m);
--icon-stroke: var(--icon-m-stroke-width);
--icon-xl: 24px;
--icon-xl-stroke-width: 1.25px;
--icon-xs: 13px;
--icon-xs-stroke-width: 2px;
--idea-chbx-color: hsla(30, 72%, 62%, 1);
--image-radius: 4px;
--important-chbx-color: hsla(17, 83%, 47%);
--indent-size: 4;
--indent-unit: 0.5625em;
--indentation-guide-color: var(--background-modifier-border);
--indentation-guide-color-active: var(--background-modifier-border-focus);
--indentation-guide-editing-indent: 0.85em;
--indentation-guide-reading-indent: -1em;
--indentation-guide-source-indent: 0.25em;
--indentation-guide-width: var(--border-width);
--indentation-guide-width-active: var(--border-width);
--info-chbx-color: hsla(178, 31%, 41%, 1);
--inline-code-bg: var(--color-d-gray-130);
--inline-code-color: var(--color-d-red-20);
--inline-code-radius: var(--radius-s);
--inline-query-bg: color-mix(
in srgb,
var(--background-secondary) 25%,
var(--background-primary)
);
--inline-query-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.26);
--inline-title-color: var(--color-d-gray-10);
--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);
--inprogress-chbx-border-color: color-mix(
in srgb,
var(--inprogress-chbx-color) 15%,
var(--color-base-60)
);
--inprogress-chbx-color: hsla(31, 85%, 59%, 1);
--inprogress-chbx-color-hover: hsla(32, 95%, 65%, 1);
--input-border-width: var(--border-width);
--input-border-width-focus: 2px;
--input-corner-shape: var(--corner-shape);
--input-date-separator: var(--text-faint);
--input-font-weight: var(--font-normal);
--input-height: 32px;
--input-icon-inset: var(--size-4-1);
--input-padding: var(--size-4-1) var(--size-4-2);
--input-placeholder-color: var(--text-faint);
--input-radius: var(--button-radius);
--input-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.02),
inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25),
inset 0px calc(-1 * var(--button-inset-shadow-size)) 0px 2px
rgba(0, 0, 0, 0.2),
inset 0px -2px 4px 0px rgba(0, 0, 0, 0.25),
0px 4px 4px -5.6px rgba(0, 0, 0, 0.55),
0px 2px 4px -2.7px rgba(0, 0, 0, 0.25), 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
--input-shadow-active: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.45),
inset 0px 0px 0px calc(1px + var(--button-inset-shadow-size))
rgba(0, 0, 0, 0.15),
inset 0px 2px 8px 0px rgba(0, 0, 0, 0.57),
0px 0px 0px 1px rgba(255, 255, 255, 0.02);
--input-shadow-hover: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.06),
inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3),
inset 0px calc(-1 * var(--button-inset-shadow-size)) 0px 2px
rgba(0, 0, 0, 0.2),
inset 0px -2px 4px 0px rgba(0, 0, 0, 0.25),
0px 4px 4px -5.6px rgba(0, 0, 0, 0.55),
0px 2px 4px -2.7px rgba(0, 0, 0, 0.3), 0px 2px 6px -1px rgba(0, 0, 0, 0.25);
--inset-end: right;
--inset-start: left;
--interactive-accent: var(--color-accent-1);
--interactive-accent-hover: var(--color-accent-2);
--interactive-accent-hsl: var(--color-accent-hsl);
--interactive-hover: color-mix(
in hsl,
var(--color-d-gray-100) 50%,
var(--interactive-normal)
);
--interactive-normal: var(--color-d-gray-120);
--interface-font-feature: "calt" 1, "case" 0, "ccmp" 1, "ss03" 1, "cv01" 1, "cv05" 1, "cv06" 1,
"cv08" 0, "cv11" 1, "cv12" 0, "cv13" 0;
--italic-color: var(--color-d-blue-20);
--italic-highlight-bg: var(--color-d-alpha-blue);
--italic-highlight-color: var(--text-normal);
--kbd-background: var(--color-d-gray-110);
--kbd-color: var(--color-d-red-20);
--kbd-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.17),
inset 0px calc(-1 * var(--button-inset-shadow-size)) 0px 0px
rgba(0, 0, 0, 0.2);
--key-chbx-color: hsla(45, 50%, 55%, 1);
--keyboard-height: 0px;
--language-chbx-color: hsla(7, 63%, 62%, 1);
--law-chbx-color: hsla(34, 34%, 52%, 1);
--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(--color-d-gray-100));
--lightgray: var(--background-secondary, var(--color-d-gray-120));
--line-height-normal: 1.5;
--line-height-tight: 1.3;
--link-ahref-color: var(--color-d-red-20);
--link-ahref-color-hover: color-mix(
in srgb,
var(--link-ahref-color) 75%,
var(--text-normal)
);
--link-ahref-decoration-color: color-mix(
in srgb,
currentColor var(--link-decoration-opacity),
transparent
);
--link-ahref-decoration-color-hover: color-mix(
in srgb,
var(--link-ahref-color-hover) var(--link-decoration-opacity),
transparent
);
--link-color: var(--color-d-yellow-20);
--link-color-hover: color-mix(
in srgb,
var(--link-color) 75%,
var(--text-normal)
);
--link-decoration: underline;
--link-decoration-color: color-mix(
in srgb,
var(--link-color) var(--link-decoration-opacity),
transparent
);
--link-decoration-color-hover: color-mix(
in srgb,
var(--link-color-hover) var(--link-decoration-opacity),
transparent
);
--link-decoration-hover: underline;
--link-decoration-opacity: 22%;
--link-decoration-thickness: 1.5px;
--link-external-color: var(--color-d-green-20);
--link-external-color-hover: color-mix(
in srgb,
var(--link-external-color) 75%,
var(--text-normal)
);
--link-external-decoration: underline;
--link-external-decoration-color: color-mix(
in srgb,
var(--link-external-color) var(--link-decoration-opacity),
transparent
);
--link-external-decoration-color-hover: color-mix(
in srgb,
var(--link-external-color-hover) var(--link-decoration-opacity),
transparent
);
--link-external-decoration-hover: underline;
--link-external-filter: none;
--link-opacity-active: 0.5;
--link-underline-offset: 2px;
--link-unresolved-color: var(--color-d-gray-50);
--link-unresolved-color-hover: color-mix(
in srgb,
var(--link-unresolved-color) 75%,
var(--text-normal)
);
--link-unresolved-decoration-color: color-mix(
in srgb,
var(--link-unresolved-color) var(--link-decoration-opacity),
transparent
);
--link-unresolved-decoration-color-hover: color-mix(
in srgb,
var(--link-unresolved-color-hover) var(--link-decoration-opacity),
transparent
);
--link-unresolved-decoration-style: solid;
--link-unresolved-filter: none;
--link-unresolved-opacity: 1;
--link-weight: var(--font-weight);
--list-bullet-border: none;
--list-bullet-end-padding: 1.3rem;
--list-bullet-indent-reading: -1em;
--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.6em;
--list-indent-source: 0;
--list-marker-color: var(--color-d-gray-50);
--list-marker-color-collapsed: var(--color-d-gray-40);
--list-marker-color-hover: var(--color-d-gray-30);
--list-numbered-style: decimal;
--list-spacing: 0.075em;
--loading-icon-delay: 400ms;
--loading-line-bg-color: var(--background-secondary);
--loading-line-color: var(--color-d-blue-10);
--loading-line-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
--location-chbox-color: hsla(0, 56%, 48%, 1);
--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-item-bg-active: var(--color-d-gray-130);
--menu-item-bg-hover: rgba(0, 0, 0, 0.25);
--menu-item-color-active: var(--color-d-gray-60);
--menu-item-icon-color: var(--color-d-gray-50);
--menu-item-icon-color-active: var(--color-d-gray-60);
--menu-item-radius: calc(var(--radius-m) - 1px);
--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: color-mix(
in srgb,
var(--editor-bg-color) 50%,
var(--background-primary-alt)
);
--metadata-border-color: var(--background-modifier-border);
--metadata-border-radius: var(--radius-m);
--metadata-border-width: 1px;
--metadata-container-padding: var(--size-4-3) var(--size-4-3);
--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: 0px;
--metadata-gap: 3px;
--metadata-input-background: transparent;
--metadata-input-background-active: rgba(0, 0, 0, 0.2);
--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-shadow-active: inset 0px 0px 0px 1px var(--background-modifier-border),
0px 0px 0px 1px var(--background-modifier-border);
--metadata-input-shadow-hover: none;
--metadata-input-text-color: var(--color-d-gray-40);
--metadata-key-input-color: var(--color-d-gray-50);
--metadata-key-input-color-active: var(--color-d-gray-30);
--metadata-label-background: transparent;
--metadata-label-background-active: var(--metadata-input-background-active);
--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-properties-title-color: var(--color-d-gray-60);
--metadata-properties-title-color-collapsed: var(--color-d-gray-60);
--metadata-properties-title-color-hover: var(--color-d-gray-50);
--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: calc(var(--radius-m) - 1px);
--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);
--metadata-tab-background: var(--background-secondary);
--milestone-chbx-color: hsla(265, 45%, 62%, 1);
--modal-background: var(--background-primary);
--modal-border-color: var(--background-modifier-border-hover);
--modal-border-width: var(--border-width);
--modal-close-button-size: 20px;
--modal-community-sidebar-width: 280px;
--modal-header-height: auto;
--modal-height: 85vh;
--modal-max-height: 1000px;
--modal-max-width: 1100px;
--modal-max-width-narrow: 800px;
--modal-radius: var(--radius-xl);
--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;
--monospace-font-feature: "calt" 1, "ss01" 1, "ss02" 1, "ss03" 1, "ss05" 1, "ss19" 1, "zero" 1;
--nav-collapse-icon-color: var(--collapse-icon-color);
--nav-collapse-icon-color-collapsed: var(--text-faint);
--nav-file-padding-active: calc(var(--size-4-1)) var(--size-4-2)
calc(var(--size-4-1) + var(--button-inset-shadow-size)) var(--size-4-6);
--nav-file-shadow-active: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.27),
inset 0px calc(-1 * var(--button-axis-offset)) 0px var(--button-axis-offset)
rgba(0, 0, 0, 0.24),
0px 2px 3px 0px rgba(0, 0, 0, 0.22);
--nav-file-tag-bg: transparent;
--nav-file-tag-color: var(--color-d-gray-60);
--nav-folder-1-bg-color: color-mix(
in srgb,
var(--color-d-alpha-red) 60%,
transparent
);
--nav-folder-1-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-1-bg-color) 70%,
transparent
);
--nav-folder-1-collapse-color: color-mix(
in srgb,
var(--nav-folder-1-color) 50%,
transparent
);
--nav-folder-1-color: var(--color-d-red-30);
--nav-folder-1-indent-color: color-mix(
in srgb,
var(--nav-folder-1-color) 25%,
transparent
);
--nav-folder-10-bg-color: color-mix(
in srgb,
var(--color-d-alpha-green) 60%,
transparent
);
--nav-folder-10-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-10-bg-color) 70%,
transparent
);
--nav-folder-10-collapse-color: color-mix(
in srgb,
var(--nav-folder-10-color) 50%,
transparent
);
--nav-folder-10-color: var(--color-d-green-20);
--nav-folder-10-indent-color: color-mix(
in srgb,
var(--nav-folder-10-color) 25%,
transparent
);
--nav-folder-11-bg-color: color-mix(
in srgb,
var(--color-d-alpha-blue) 60%,
transparent
);
--nav-folder-11-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-11-bg-color) 70%,
transparent
);
--nav-folder-11-collapse-color: color-mix(
in srgb,
var(--nav-folder-11-color) 50%,
transparent
);
--nav-folder-11-color: var(--color-d-blue-20);
--nav-folder-11-indent-color: color-mix(
in srgb,
var(--nav-folder-11-color) 25%,
transparent
);
--nav-folder-12-bg-color: color-mix(
in srgb,
var(--color-d-alpha-purple) 60%,
transparent
);
--nav-folder-12-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-12-bg-color) 70%,
transparent
);
--nav-folder-12-collapse-color: color-mix(
in srgb,
var(--nav-folder-12-color) 50%,
transparent
);
--nav-folder-12-color: var(--color-d-purple-10);
--nav-folder-12-indent-color: color-mix(
in srgb,
var(--nav-folder-12-color) 25%,
transparent
);
--nav-folder-2-bg-color: color-mix(
in srgb,
var(--color-d-alpha-orange) 60%,
transparent
);
--nav-folder-2-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-2-bg-color) 70%,
transparent
);
--nav-folder-2-collapse-color: color-mix(
in srgb,
var(--nav-folder-2-color) 50%,
transparent
);
--nav-folder-2-color: var(--color-d-orange-20);
--nav-folder-2-indent-color: color-mix(
in srgb,
var(--nav-folder-2-color) 25%,
transparent
);
--nav-folder-3-bg-color: color-mix(
in srgb,
var(--color-d-alpha-yellow) 60%,
transparent
);
--nav-folder-3-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-3-bg-color) 70%,
transparent
);
--nav-folder-3-collapse-color: color-mix(
in srgb,
var(--nav-folder-3-color) 50%,
transparent
);
--nav-folder-3-color: var(--color-d-yellow-20);
--nav-folder-3-indent-color: color-mix(
in srgb,
var(--nav-folder-3-color) 25%,
transparent
);
--nav-folder-4-bg-color: color-mix(
in srgb,
var(--color-d-alpha-green) 60%,
transparent
);
--nav-folder-4-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-4-bg-color) 70%,
transparent
);
--nav-folder-4-collapse-color: color-mix(
in srgb,
var(--nav-folder-4-color) 50%,
transparent
);
--nav-folder-4-color: var(--color-d-green-20);
--nav-folder-4-indent-color: color-mix(
in srgb,
var(--nav-folder-4-color) 25%,
transparent
);
--nav-folder-5-bg-color: color-mix(
in srgb,
var(--color-d-alpha-blue) 60%,
transparent
);
--nav-folder-5-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-5-bg-color) 70%,
transparent
);
--nav-folder-5-collapse-color: color-mix(
in srgb,
var(--nav-folder-5-color) 50%,
transparent
);
--nav-folder-5-color: var(--color-d-blue-20);
--nav-folder-5-indent-color: color-mix(
in srgb,
var(--nav-folder-5-color) 25%,
transparent
);
--nav-folder-6-bg-color: color-mix(
in srgb,
var(--color-d-alpha-purple) 60%,
transparent
);
--nav-folder-6-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-6-bg-color) 70%,
transparent
);
--nav-folder-6-collapse-color: color-mix(
in srgb,
var(--nav-folder-6-color) 50%,
transparent
);
--nav-folder-6-color: var(--color-d-purple-10);
--nav-folder-6-indent-color: color-mix(
in srgb,
var(--nav-folder-6-color) 25%,
transparent
);
--nav-folder-7-bg-color: color-mix(
in srgb,
var(--color-d-alpha-red) 60%,
transparent
);
--nav-folder-7-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-7-bg-color) 70%,
transparent
);
--nav-folder-7-collapse-color: color-mix(
in srgb,
var(--nav-folder-7-color) 50%,
transparent
);
--nav-folder-7-color: var(--color-d-red-30);
--nav-folder-7-indent-color: color-mix(
in srgb,
var(--nav-folder-7-color) 25%,
transparent
);
--nav-folder-8-bg-color: color-mix(
in srgb,
var(--color-d-alpha-orange) 60%,
transparent
);
--nav-folder-8-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-8-bg-color) 70%,
transparent
);
--nav-folder-8-collapse-color: color-mix(
in srgb,
var(--nav-folder-8-color) 50%,
transparent
);
--nav-folder-8-color: var(--color-d-orange-20);
--nav-folder-8-indent-color: color-mix(
in srgb,
var(--nav-folder-8-color) 25%,
transparent
);
--nav-folder-9-bg-color: color-mix(
in srgb,
var(--color-d-alpha-yellow) 60%,
transparent
);
--nav-folder-9-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-9-bg-color) 70%,
transparent
);
--nav-folder-9-collapse-color: color-mix(
in srgb,
var(--nav-folder-9-color) 50%,
transparent
);
--nav-folder-9-color: var(--color-d-yellow-20);
--nav-folder-9-indent-color: color-mix(
in srgb,
var(--nav-folder-9-color) 25%,
transparent
);
--nav-folder-bg-color: transparent;
--nav-folder-bg-color-hover: var(--nav-item-background-hover);
--nav-folder-collapse-color: var(--nav-collapse-icon-color);
--nav-folder-color: var(--nav-item-color);
--nav-heading-color: var(--color-d-gray-50);
--nav-heading-color-collapsed: var(--color-d-gray-50);
--nav-heading-color-collapsed-hover: var(--color-d-gray-50);
--nav-heading-color-hover: var(--color-d-gray-50);
--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: rgba(0, 0, 0, 0.125);
--nav-item-background-hover: rgba(0, 0, 0, 0.125);
--nav-item-background-selected: hsla(197, 45%, 29%, 0.5);
--nav-item-background-selected-hover: hsla(197, 45%, 29%, 0.4);
--nav-item-children-margin-start: var(--size-4-3);
--nav-item-children-padding-start: var(--size-2-2);
--nav-item-color: var(--color-d-gray-40);
--nav-item-color-active: var(--color-d-gray-40);
--nav-item-color-highlighted: var(--text-accent-hover);
--nav-item-color-hover: var(--color-d-gray-40);
--nav-item-color-selected: var(--color-d-gray-20);
--nav-item-margin-bottom: var(--size-2-1);
--nav-item-padding: calc(var(--size-4-1) + 1px) var(--size-4-2)
calc(var(--size-4-1) + 1px) var(--size-4-6);
--nav-item-parent-padding: var(--nav-item-padding);
--nav-item-radius: 6px;
--nav-item-shadow-active: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.23);
--nav-item-size: var(--font-ui-small);
--nav-item-white-space: nowrap;
--nav-tag-background: transparent;
--nav-tag-color: var(--text-faint);
--nav-tag-color-active: var(--text-muted);
--nav-tag-color-hover: var(--text-muted);
--nav-tag-radius: var(--radius-s);
--nav-tag-weight: var(--font-semibold);
--new-tab-btn-radius: 2em;
--non-alternating-color: var(--color-d-gray-60);
--non-alternating-color-hover-active: var(--color-d-gray-70);
--normal-highlight-bg: var(--color-d-alpha-yellow);
--normal-highlight-color: var(--text-normal);
--note-chbx-color: hsla(8, 51%, 53%, 1);
--notice-color: var(--text-normal);
--notice-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.09),
0px 2px 9px -2.1px rgba(0, 0, 0, 0.4),
0px 3px 17px -4.3px rgba(0, 0, 0, 0.3),
0px 7px 30px -5.5px rgba(0, 0, 0, 0.2);
--p-spacing: 1rem;
--p-spacing-empty: 0rem;
--page-border: 9px solid transparent;
--page-margin: 1px auto -8px;
--pcr-btn-shadow: inset 0px 0px 0px 1.5px rgba(255, 255, 255, 0.2);
--pdf-background: var(--background-primary);
--pdf-page-background: var(--background-primary);
--pdf-shadow: 0 0 0 1px var(--background-modifier-border);
--pdf-sidebar-background: var(--background-primary);
--pdf-spread-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
--pdf-thumbnail-shadow: 0 0 0 1px var(--background-modifier-border);
--pdfViewer-padding-bottom: 0;
--pill-background: rgba(0, 0, 0, 0.2);
--pill-background-hover: var(--pill-background);
--pill-border-color: color-mix(
in srgb,
var(--background-modifier-border) 50%,
transparent
);
--pill-border-color-hover: color-mix(
in srgb,
var(--background-modifier-border-hover) 50%,
transparent
);
--pill-border-width: var(--border-width);
--pill-color: var(--color-d-gray-30);
--pill-color-hover: var(--color-d-gray-20);
--pill-color-remove: var(--color-d-gray-60);
--pill-color-remove-hover: var(--color-d-gray-60);
--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;
--pill-tag-bg-1: var(--color-d-alpha-yellow);
--pill-tag-bg-2: var(--color-d-alpha-red);
--pill-tag-bg-3: var(--color-d-alpha-blue);
--pill-tag-color-1: var(--color-d-yellow-20);
--pill-tag-color-2: var(--color-d-red-20);
--pill-tag-color-3: var(--color-d-blue-20);
--pill-tag-shadow-hover: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05);
--pill-tag-weight: var(--component-font-weight);
--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;
--popup-bg-blur: 3px;
--preferred-text-scale: 1;
--pro-chbx-color: hsla(149, 36%, 47%, 1);
--progress-background: var(--color-d-gray-120);
--progress-bar-outline: rgba(255, 255, 255, 0.1);
--progress-border-width: 1px;
--progress-color-1: var(--color-d-red-30);
--progress-color-2: var(--color-d-orange-30);
--progress-color-3: var(--color-d-yellow-30);
--progress-color-4: var(--color-d-green-40);
--progress-color-5: linear-gradient(
45deg,
var(--progress-gradient-1),
var(--progress-gradient-2),
var(--progress-gradient-3)
);
--progress-gradient-1: var(--color-d-red-30);
--progress-gradient-2: var(--color-d-yellow-20);
--progress-gradient-3: var(--color-d-blue-20);
--progress-height: 8px;
--progress-value-outline: rgba(255, 255, 255, 0.21);
--progress-value-radius: var(--progress-height);
--progress-width: 220px;
--prompt-backdrop-filter: none;
--prompt-background: var(--background-primary);
--prompt-border-color: var(--background-modifier-border-focus);
--prompt-border-width: var(--border-width);
--prompt-input-background: var(--background-primary);
--prompt-input-height: 40px;
--prompt-instructions-background: color-mix(
in hsl,
var(--editor-bg-color) 60%,
var(--background-secondary)
);
--prompt-max-height: 70vh;
--prompt-max-width: 80vw;
--prompt-results-background: var(--background-primary);
--prompt-separator-border: 1px solid var(--color-d-gray-90);
--prompt-suggestion-background-selected: rgba(0, 0, 0, 0.1);
--prompt-suggestion-color: var(--color-d-gray-40);
--prompt-suggestion-color-selected: var(--color-d-gray-20);
--prompt-suggestion-highlight-color: color-mix(
in srgb,
var(--prompt-suggestion-color) 70%,
white
);
--prompt-suggestion-highlight-color-selected: var(--color-d-gray-20);
--prompt-suggestion-shadow-selected: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.14),
0px 2px 6px 0px rgba(0, 0, 0, 0.12);
--prompt-width: 700px;
--question-chbx-color: hsla(281, 37%, 54%, 1);
--quote-chbx-color: hsla(206, 47%, 48%, 1);
--radius-l: 12px;
--radius-m: 8px;
--radius-s: 4px;
--radius-xl: 24px;
--radius-xs: 2px;
--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;
--recurring-chbx-color: hsla(185, 45%, 50%, 1);
--resched-chbx-color: hsla(178, 19%, 55%, 1);
--ribbon-background: var(--background-secondary);
--ribbon-background-collapsed: var(--background-primary);
--ribbon-border-width: 1px;
--ribbon-icon: var(--icon-s);
--ribbon-icon-spacing: var(--size-2-2);
--ribbon-margin-bottom: var(--editor-pane-margin);
--ribbon-padding: var(--size-4-2) var(--size-4-1) var(--size-4-3);
--ribbon-radius: var(--editor-border-radius);
--ribbon-slideout-background: var(--color-d-gray-110);
--ribbon-slideout-shadow: 8px 7px 21px -4px rgba(0, 0, 0, 0.35), 0px 5px 5px -5px rgba(0, 0, 0, 0.38);
--ribbon-width: 44px;
--safe-area-inset-bottom: 0px;
--safe-area-inset-left: 0px;
--safe-area-inset-right: 0px;
--safe-area-inset-top: 0px;
--sched-chbx-color: hsla(32, 10%, 58%, 1);
--scrollbar-active-thumb-bg: var(--background-modifier-border-hover);
--scrollbar-bg: transparent;
--scrollbar-border-width: 3px 3px 3px 2px;
--scrollbar-height: 12px;
--scrollbar-native-width: auto;
--scrollbar-radius: var(--radius-l);
--scrollbar-thumb-bg: var(--background-modifier-border);
--scrollbar-width: 12px;
--search-clear-button-color: var(--icon-color);
--search-clear-button-color-hover: var(--background-modifier-error-hover);
--search-clear-button-size: 12px;
--search-icon-color: var(--icon-color);
--search-icon-size: 14px;
--search-input-corner-shape: var(--input-corner-shape);
--search-input-radius: var(--input-radius);
--search-result-background: var(--background-primary-alt);
--search-result-background-hover: color-mix(
in srgb,
var(--color-d-gray-130) 50%,
var(--color-d-gray-140)
);
--search-result-dest-file-bg: var(--color-d-gray-120);
--search-result-dest-file-bg-hover: var(--color-d-gray-140);
--search-result-dest-file-color: var(--color-d-gray-50);
--search-result-dest-file-icon-color: var(--color-d-gray-70);
--search-result-dest-file-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3),
inset 0px -2px 0px 0px rgba(0, 0, 0, 0.25);
--search-result-dest-file-shadow-hover: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3),
inset 0px -2px 0px 0px rgba(0, 0, 0, 0.25),
0px 2px 3px 0px rgba(0, 0, 0, 0.29);
--secondary: var(--text-accent, var(--color-accent));
--setting-group-heading-color: var(--text-normal);
--setting-group-heading-size: var(--font-ui-medium);
--setting-group-heading-weight: var(--font-semibold);
--setting-group-max-width: 700px;
--setting-items-background: var(--background-primary-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);
--settings-nav-group-title-color: var(--color-d-gray-60);
--settings-nav-item-active-color: var(--color-d-gray-100);
--settings-nav-item-bg-active: var(--color-d-gray-130);
--settings-nav-item-bg-hover: transparent;
--settings-nav-item-padding: calc(var(--size-2-3) + 1px) var(--size-4-3)
calc(var(--size-2-3) + 1px) var(--size-4-3);
--settings-nav-item-padding-active: var(--size-2-3) var(--size-4-3)
calc(var(--size-2-3) + var(--button-inset-shadow-size)) var(--size-4-5);
--settings-nav-item-padding-hover: calc(var(--size-2-3) + 1px) var(--size-4-3)
calc(var(--size-2-3) + 1px) var(--size-4-5);
--settings-nav-item-radius: calc(var(--radius-m) - 1px);
--settings-nav-item-text-color: var(--color-d-gray-40);
--settings-nav-item-text-color-active: var(--color-d-gray-70);
--settings-nav-item-text-color-hover: var(--color-d-gray-20);
--shadow-l: 0px 1.8px 7.3px rgba(0, 0, 0, 0.271), 0px 6.3px 24.7px rgba(0, 0, 0, 0.312),
0px 30px 90px rgba(0, 0, 0, 0.4);
--shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.228), 0px 3.4px 6.7px rgba(0, 0, 0, 0.242),
0px 15px 30px rgba(0, 0, 0, 0.27);
--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;
--shopping-chbx-color: hsla(140, 50%, 50%, 1);
--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-nav-icon: var(--icon-s);
--sidebar-right-toggle-inner-width: 8.33%;
--sidebar-right-toggle-inner-width-open: 24%;
--sidebar-tab-icon: var(--icon-s);
--sidebar-tab-text-display: none;
--size-2-1: 2px;
--size-2-2: 4px;
--size-2-3: 6px;
--size-4-1: 4px;
--size-4-10: 40px;
--size-4-12: 48px;
--size-4-16: 64px;
--size-4-18: 72px;
--size-4-2: 8px;
--size-4-3: 12px;
--size-4-4: 16px;
--size-4-5: 20px;
--size-4-6: 24px;
--size-4-8: 32px;
--size-4-9: 36px;
--slider-s-thumb-position: -5px;
--slider-s-thumb-size: 15px;
--slider-thumb-background: white;
--slider-thumb-background-hover: white;
--slider-thumb-bg: var(--color-d-gray-20);
--slider-thumb-border-color: var(--background-modifier-border-hover);
--slider-thumb-border-width: 0px;
--slider-thumb-height: 18px;
--slider-thumb-height-active: var(--slider-thumb-height);
--slider-thumb-radius: var(--slider-thumb-height);
--slider-thumb-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.35),
inset 0pc 1px 0px 1px rgba(255, 255, 255, 0.3),
inset 0px -1px 0px 1px rgba(0, 0, 0, 0.29),
0px 1px 2px 0px rgba(0, 0, 0, 0.5);
--slider-thumb-shadow-active: var(--slider-thumb-shadow);
--slider-thumb-shadow-focus: var(--slider-thumb-shadow-active), 0 0px 0px 2px var(--background-modifier-border-focus);
--slider-thumb-shadow-hover: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.35),
inset 0pc 1px 0px 1px rgba(255, 255, 255, 0.3),
inset 0px -1px 0px 1px rgba(0, 0, 0, 0.29),
0px 1px 2px 0px rgba(0, 0, 0, 0.5),
0px 0px 0px 6px rgba(255, 255, 255, 0.08);
--slider-thumb-width: 18px;
--slider-thumb-width-active: var(--slider-thumb-width);
--slider-thumb-y: -6px;
--slider-thumb-y-active: var(--slider-thumb-y);
--slider-track-background: var(--color-d-gray-120);
--slider-track-height: 5px;
--slider-track-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2),
0px 0px 0px 1px rgba(255, 255, 255, 0.04);
--slider-value-font-size: var(--font-ui-small);
--slider-value-font-weight: var(--input-font-weight);
--speech-bubble-5: var(--callout-note);
--speech-bubble-6: var(--callout-tip);
--speech-bubble-7: var(--callout-success);
--speech-bubble-8: var(--callout-warning);
--speech-bubble-9: var(--callout-danger);
--speech-bubble-opacity: 20%;
--spreadHorizontalWrapped-margin-LR: -3.5px;
--star-chbx-color: hsla(40, 95%, 46%, 1);
--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-floating-bg: var(--color-d-gray-110);
--status-bar-floating-offset: var(--size-2-2);
--status-bar-floating-opacity: 0.5;
--status-bar-floating-opacity-hover: 1;
--status-bar-floating-shadow: 8px 7px 21px -4px rgba(0, 0, 0, 0.35), 0px 5px 5px -5px rgba(0, 0, 0, 0.38);
--status-bar-font-size: var(--font-ui-smaller);
--status-bar-item-bg-hover: transparent;
--status-bar-item-clickable-bg-active: transparent;
--status-bar-item-clickable-color-active: var(--color-d-gray-60);
--status-bar-item-color: var(--color-d-gray-50);
--status-bar-item-color-hover: var(--color-d-gray-30);
--status-bar-position: fixed;
--status-bar-radius: var(--radius-m) 0 0 0;
--status-bar-text-color: var(--text-muted);
--strikethrough-color: var(--color-d-gray-50);
--strikethrough-highlight-bg: var(--color-d-alpha-yellow);
--strikethrough-highlight-color: var(--strikethrough-color);
--style-settings-container-bg: color-mix(
in srgb,
var(--background-primary-alt) 50%,
transparent
);
--suggestion-backdrop-filter: none;
--suggestion-background: var(--background-primary);
--swatch-height: 22px;
--swatch-radius: 14px;
--swatch-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3);
--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;
--sync-icon-success: var(--color-d-green-40);
--sync-icon-success-active: var(--status-bar-item-clickable-color-active);
--sync-icon-success-hover: var(--color-d-green-30);
--sync-icon-working: var(--color-d-orange-40);
--sync-icon-working-active: var(--status-bar-item-clickable-color-active);
--sync-icon-working-hover: var(--color-d-orange-30);
--tab-active-bg: var(--background-primary);
--tab-active-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1),
inset 0px calc(-1 * var(--button-inset-shadow-size)) 0px 1px
rgba(0, 0, 0, 0.25),
0px 1px 2px -0.1px rgba(0, 0, 0, 0.47);
--tab-background-active: var(--background-primary);
--tab-bg: transparent;
--tab-container-background: var(--background-secondary);
--tab-curve: 6px;
--tab-curves-display: none;
--tab-divider-color: var(--background-modifier-border-hover);
--tab-font-size: var(--font-ui-small);
--tab-header-container-border-bottom: none;
--tab-header-container-inner-margin: default;
--tab-header-container-inner-padding: var(--button-axis-offset);
--tab-header-container-padding: 0 var(--editor-border-radius) var(--size-4-1)
var(--editor-border-radius);
--tab-header-container-transition: padding-bottom none;
--tab-max-width: 320px;
--tab-outline-color: transparent;
--tab-outline-width: 1px;
--tab-radius: var(--radius-s);
--tab-radius-active: 6px 6px 0 0;
--tab-stacked-font-size: var(--font-ui-small);
--tab-stacked-font-weight: 400;
--tab-stacked-header-width: var(--header-height);
--tab-stacked-pane-width: 700px;
--tab-stacked-shadow: -2.9px 0 10.5px -6.2px rgba(0, 0, 0, 0.31),
-6.2px 0 3.6px -5.2px rgba(0, 0, 0, 0.27),
-9.4px 0 8.4px -4.1px rgba(0, 0, 0, 0.2);
--tab-stacked-text-align: start;
--tab-stacked-text-transform: rotate(0deg);
--tab-stacked-text-writing-mode: vertical-lr;
--tab-status-radius: var(--radius-s);
--tab-switcher-background: var(--background-secondary);
--tab-switcher-menubar-background: linear-gradient(to top, var(--background-secondary), transparent);
--tab-switcher-preview-background-shadow: 0 4px 30px 2px rgba(0, 0, 0, 0.2);
--tab-switcher-preview-radius: var(--radius-xl);
--tab-switcher-preview-shadow: 0 0 0 1px color-mix(in oklch, var(--mono-100) 5%, transparent);
--tab-switcher-preview-shadow-active: 0 0 0 2px var(--color-accent);
--tab-text-color: var(--text-faint);
--tab-text-color-active: var(--text-muted);
--tab-text-color-focused: var(--text-muted);
--tab-text-color-focused-active: var(--text-muted);
--tab-text-color-focused-active-current: var(--text-normal);
--tab-text-color-focused-highlighted: var(--text-accent);
--tab-width: 200px;
--tab-z-index: 1;
--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: var(--color-d-gray-120);
--table-border-color: var(--background-modifier-border);
--table-border-width: 1px;
--table-cell-vertical-alignment: top;
--table-column-alt-background: var(--color-d-gray-130);
--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(--color-d-gray-130);
--table-header-background-hover: var(--table-header-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: rgba(0, 0, 0, 0.3);
--tag-background-hover: rgba(0, 0, 0, 0.2);
--tag-border-color: rgba(0, 0, 0, 0.25);
--tag-border-color-hover: rgba(0, 0, 0, 0.35);
--tag-border-width: 1px;
--tag-color: var(--color-d-blue-30);
--tag-color-hover: var(--color-d-blue-20);
--tag-corner-shape: round;
--tag-decoration: none;
--tag-decoration-hover: none;
--tag-padding-x: 0.6em;
--tag-padding-y: 0.15em;
--tag-radius: 1em;
--tag-shadow: inset 0px -0.1em 0px 0px rgba(0, 0, 0, 0.2);
--tag-shadow-active: inset 0px -0.1em 0px 0px rgba(0, 0, 0, 0.2);
--tag-shadow-hover: inset 0px -0.1em 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 3px rgba(0, 0, 0, 0.15);
--tag-size: var(--font-smaller);
--task-progress-fill: var(--interactive-accent);
--task-progress-track: var(--background-modifier-border);
--task-progress-track-border: var(--background-modifier-border-hover);
--telephone-chbx-color: hsla(148, 48%, 42%, 1);
--tertiary: var(--text-accent-hover, var(--color-accent-2));
--text-accent: var(--color-accent);
--text-accent-hover: var(--color-accent-2);
--text-error: var(--color-d-red-30);
--text-faint: var(--color-d-gray-50);
--text-font-feature: "calt" 1, "case" 0, "ccmp" 1, "ss03" 1, "cv01" 1, "cv05" 1, "cv06" 1,
"cv08" 0, "cv11" 1, "cv12" 0, "cv13" 0;
--text-highlight-bg: var(--color-d-alpha-yellow);
--text-highlight-bg-rgb: var(--color-yellow-rgb);
--text-input-bg-active: var(--color-d-gray-140);
--text-input-border-color: var(--color-d-gray-140);
--text-input-color: var(--color-d-gray-20);
--text-input-color-focused: var(--color-d-gray-20);
--text-input-shadow-active: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.03),
inset 0px -1px 0px 0px rgba(0, 0, 0, 0.39),
0px 1px 6px 0px rgba(0, 0, 0, 0.37);
--text-muted: var(--color-d-gray-40);
--text-normal: var(--color-d-gray-20);
--text-on-accent: var(--color-d-gray-10);
--text-on-accent-inverted: var(--color-d-gray-140);
--text-selection: var(--color-d-alpha-gray);
--text-selection-theme-bg: color-mix(
in srgb,
var(--color-d-gray-50) 30%,
transparent
);
--text-selection-theme-text-color: color-mix(
in srgb,
currentColor 70%,
white
);
--text-success: var(--color-d-green-30);
--text-warning: var(--color-d-orange-30);
--textHighlight: var(--text-highlight-bg, var(--color-d-alpha-yellow));
--titleFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--titlebar-background: var(--background-secondary);
--titlebar-background-focused: var(--background-secondary);
--titlebar-border-color: var(--background-modifier-border);
--titlebar-border-width: 0px;
--titlebar-height: 30px;
--titlebar-text-color: var(--color-d-gray-70);
--titlebar-text-color-focused: var(--color-d-gray-60);
--titlebar-text-weight: var(--font-normal);
--toggle-bg: color-mix(
in srgb,
var(--color-d-gray-70) 50%,
var(--color-d-gray-60)
);
--toggle-bg-enabled: var(--color-d-green-40);
--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-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.19),
inset 0px 0px 0px 1px rgba(255, 255, 255, 0.09),
inset 0 0 1px rgba(0, 0, 0, 0.4);
--toggle-shadow-focus: inset 0 6px 20px rgba(0, 0, 0, 0.28),
inset 0px 0px 0px 1px rgba(255, 255, 255, 0.09),
inset 0 0 1px rgba(0, 0, 0, 0.44), 0px 0px 0px 5px rgba(255, 255, 255, 0.08);
--toggle-shadow-hover: inset 0 6px 20px rgba(0, 0, 0, 0.28),
inset 0px 0px 0px 1px rgba(255, 255, 255, 0.09),
inset 0 0 1px rgba(0, 0, 0, 0.44);
--toggle-thumb-color: var(--color-d-gray-10);
--toggle-thumb-height: 18px;
--toggle-thumb-opacity-active: 1;
--toggle-thumb-radius: 18px;
--toggle-thumb-shadow: inset 0px 1px 0px 1px rgba(255, 255, 255, 0.5),
inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), 0 2px 2px rgba(0, 0, 0, 0.35);
--toggle-thumb-width: 18px;
--toggle-width: 40px;
--tooltip-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.3),
0px 2px 4px -1.4px rgba(0, 0, 0, 0.3),
0px 3px 10px -1.7px rgba(0, 0, 0, 0.14);
--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);
--underline-color: var(--text-normal);
--underline-decoration-color: color-mix(
in srgb,
currentColor var(--link-decoration-opacity),
transparent
);
--underline-decoration-opacity: 22%;
--up-chbx-color: hsla(146, 38%, 51%, 1);
--vault-name-background: var(--color-d-gray-110);
--vault-name-border: 1px solid var(--background-modifier-border);
--vault-name-border-width: 1px;
--vault-name-color: var(--color-d-gray-40);
--vault-name-color-hover: var(--color-d-gray-30);
--vault-profile-actions-display: flex;
--vault-profile-color: var(--vault-name-color);
--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-semibold);
--vault-profile-order: 2;
--vault-profile-radius: var(--radius-s);
--viewer-container-height: 0;
--win-chbx-color: hsla(45, 78%, 53%, 1);
--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");
--yaml-atom-color: var(--color-d-blue-10);
--yaml-base-color: var(--color-d-red-20);
--yaml-def-meta-color: var(--color-d-gray-50);
--yaml-keyword-color: var(--color-d-yellow-30);
--yaml-number-color: var(--color-d-red-20);
--yaml-string-color: var(--color-d-yellow-30);
--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 {
--divider-vertical-height: calc(
100% - calc(var(--header-height) + var(--editor-pane-margin)) -
calc(var(--editor-border-radius) * 2)
);
border-right-color: rgba(0, 0, 0, 0);
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);
--divider-vertical-height: calc(
100% - calc(var(--header-height) + var(--editor-pane-margin)) -
calc(var(--editor-border-radius) * 2)
);
background-color: var(--tab-container-background);
border-left-color: rgba(0, 0, 0, 0);
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: var(--h1-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h1-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h1-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h1-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h1-color);
font-family: var(--h1-font);
font-weight: var(--font-weight);
text-transform: var(--h1-text-transform);
}
html[saved-theme="dark"] body h2 {
--font-weight: var(--h2-weight);
border-bottom-color: var(--h2-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h2-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h2-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h2-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h2-color);
font-family: var(--h2-font);
font-weight: var(--font-weight);
text-transform: var(--h2-text-transform);
}
html[saved-theme="dark"] body h3 {
--font-weight: var(--h3-weight);
border-bottom-color: var(--h3-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h3-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h3-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h3-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h3-color);
font-family: var(--h3-font);
font-weight: var(--font-weight);
text-transform: var(--h3-text-transform);
}
html[saved-theme="dark"] body h4 {
--font-weight: var(--h4-weight);
border-bottom-color: var(--h4-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h4-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h4-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h4-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h4-color);
font-family: var(--h4-font);
font-weight: var(--font-weight);
text-transform: var(--h4-text-transform);
}
html[saved-theme="dark"] body h5 {
--font-weight: var(--h5-weight);
border-bottom-color: var(--h5-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h5-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h5-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h5-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h5-color);
font-family: var(--h5-font);
font-weight: var(--font-weight);
text-transform: var(--h5-text-transform);
}
html[saved-theme="dark"] body h6 {
--font-weight: var(--h6-weight);
border-bottom-color: var(--h6-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h6-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h6-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h6-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h6-color);
font-family: var(--h6-font);
font-weight: var(--font-weight);
text-transform: var(--h6-text-transform);
}
/* aspect: typography */
html[saved-theme="dark"] body .markdown-rendered p > b, html[saved-theme="dark"] b {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--bold-color);
cursor: grab;
font-family: var(--font-text);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: rgb(243, 80, 68) none 0px;
text-decoration-color: rgb(243, 80, 68);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="dark"] body .markdown-rendered p > em, html[saved-theme="dark"] em {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--italic-color);
cursor: grab;
font-family: var(--font-text);
font-weight: var(--font-normal);
outline: rgb(77, 178, 209) none 0px;
text-decoration-color: rgb(77, 178, 209);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="dark"] body .markdown-rendered p > i, html[saved-theme="dark"] i {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--italic-color);
cursor: grab;
font-family: var(--font-text);
font-weight: var(--font-normal);
outline: rgb(77, 178, 209) none 0px;
text-decoration-color: rgb(77, 178, 209);
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(--bold-italic-color);
cursor: grab;
font-family: var(--font-text);
font-weight: var(--bold-italic-weight);
outline: rgb(235, 218, 198) none 0px;
text-decoration-color: rgb(235, 218, 198);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="dark"] body .markdown-rendered p > strong, html[saved-theme="dark"] strong {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--bold-color);
cursor: grab;
font-family: var(--font-text);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: rgb(243, 80, 68) none 0px;
text-decoration-color: rgb(243, 80, 68);
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(--normal-highlight-bg);
color: var(--normal-highlight-color);
cursor: grab;
font-family: var(--font-text);
font-weight: var(--font-normal);
outline: rgb(215, 192, 163) none 0px;
text-decoration-color: rgb(215, 192, 163);
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(--strikethrough-color);
cursor: grab;
font-family: var(--font-text);
font-weight: var(--font-normal);
outline: rgb(145, 121, 89) none 0px;
text-decoration: line-through;
text-decoration-color: rgb(145, 121, 89);
text-decoration-line: line-through;
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="dark"] body p {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--text-muted);
font-family: var(--font-interface);
font-weight: var(--font-normal);
outline: rgb(171, 145, 109) none 0px;
text-decoration-color: rgb(171, 145, 109);
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(215, 192, 163);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-width: 0px;
border-right-color: rgb(215, 192, 163);
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
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(215, 192, 163);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-width: 0px;
border-right-color: rgb(215, 192, 163);
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
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(46, 168, 115) none 0px;
text-decoration: underline 1.5px color(srgb 0.1806 0.6594 0.45192 / 0.22);
text-decoration-color: var(--link-external-decoration-color);
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(229, 170, 31) none 0px;
text-decoration: underline 1.5px color(srgb 0.8971 0.66484 0.1229 / 0.22);
text-decoration-color: var(--link-decoration-color);
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(145, 121, 89) none 0px;
text-decoration: underline 1.5px color(srgb 0.5704 0.47472 0.3496 / 0.22);
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(215, 192, 163);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-width: 0px;
border-right-color: rgb(215, 192, 163);
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
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(215, 192, 163);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-width: 0px;
border-right-color: rgb(215, 192, 163);
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
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: var(--font-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 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(215, 192, 163);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-width: 0px;
border-right-color: rgb(215, 192, 163);
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
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(59, 48, 38);
color: var(--blockquote-color);
font-family: var(--font-text);
font-style: var(--blockquote-font-style);
font-weight: var(--font-normal);
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(215, 192, 163);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-width: 0px;
border-right-color: rgb(215, 192, 163);
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
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(59, 48, 38);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(59, 48, 38);
border-left-style: solid;
border-left-width: var(--table-column-first-border-width);
border-right-color: rgb(59, 48, 38);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(59, 48, 38);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
color: var(--table-text-color);
font-weight: var(--font-normal);
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(59, 48, 38);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(59, 48, 38);
border-left-style: solid;
border-left-width: var(--table-column-first-border-width);
border-right-color: rgb(59, 48, 38);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(59, 48, 38);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: var(--table-header-border-width);
color: var(--table-header-color);
font-weight: var(--table-header-weight);
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
text-align: start;
vertical-align: var(--table-cell-vertical-alignment);
}
html[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(--code-background);
border-bottom-color: rgb(59, 48, 38);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(59, 48, 38);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(59, 48, 38);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(59, 48, 38);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 0px;
color: var(--inline-code-color);
font-family: var(--font-monospace);
padding-block-end: 2.1px;
padding-block-start: 2.1px;
padding-bottom: 2.1px;
padding-inline-end: 4.2px;
padding-inline-start: 4.2px;
padding-left: 4.2px;
padding-right: 4.2px;
padding-top: 2.1px;
}
html[saved-theme="dark"] body figure[data-rehype-pretty-code-figure] {
background-color: var(--code-background);
border-bottom-color: rgb(59, 48, 38);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(59, 48, 38);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(59, 48, 38);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(59, 48, 38);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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: rgb(59, 48, 38);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(59, 48, 38);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(59, 48, 38);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(59, 48, 38);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
}
html[saved-theme="dark"] body pre > code > [data-line] {
background-color: var(--code-background);
border-left-color: rgb(59, 48, 38);
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: rgb(59, 48, 38);
border-left-width: 0px;
}
html[saved-theme="dark"] body pre > code [data-highlighted-chars] {
background-color: var(--code-background);
border-bottom-color: rgb(59, 48, 38);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(59, 48, 38);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(59, 48, 38);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(59, 48, 38);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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: rgb(59, 48, 38);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(59, 48, 38);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(59, 48, 38);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(59, 48, 38);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
/* aspect: images */
html[saved-theme="dark"] body audio {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(215, 192, 163);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-width: 0px;
border-right-color: rgb(215, 192, 163);
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(215, 192, 163);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-width: 0px;
border-right-color: rgb(215, 192, 163);
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(235, 218, 198);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-width: 0px;
border-left-color: rgb(235, 218, 198);
border-left-width: 0px;
border-radius: 8px;
border-right-color: rgb(235, 218, 198);
border-right-width: 0px;
border-top-color: rgb(235, 218, 198);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(215, 192, 163);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-width: 0px;
border-radius: 8px;
border-right-color: rgb(215, 192, 163);
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(59, 48, 38);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(59, 48, 38);
border-left-style: solid;
border-left-width: 1px;
border-radius: 12px;
border-right-color: rgb(59, 48, 38);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(59, 48, 38);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 1px;
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(215, 192, 163);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-style: solid;
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(215, 192, 163);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
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(81, 64, 47);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(81, 64, 47);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(81, 64, 47);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(81, 64, 47);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 1px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 8px;
margin-inline-start: calc(var(--checkbox-size) * -1.5);
margin-left: -24px;
margin-right: 8px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
transition: box-shadow 0.15s ease-in-out;
width: var(--checkbox-size);
}
html[saved-theme="dark"] body li.task-list-item[data-task="#"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="$"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="%"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] li.task-list-item[data-task="body"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="'"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="+"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task=", html[saved-theme="dark"] "] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="."] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="0"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="1"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="2"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="3"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="4"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="5"] {
color: var(--speech-bubble-5);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="6"] {
color: var(--speech-bubble-6);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="7"] {
color: var(--speech-bubble-7);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="8"] {
color: var(--speech-bubble-8);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="9"] {
color: var(--speech-bubble-9);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task=":"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task=";"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="<"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="="] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="@"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="A"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="B"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="C"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="D"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="E"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="F"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="G"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="H"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="J"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="K"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="L"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="M"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="N"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="O"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="P"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="Q"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="R"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="T"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="U"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="V"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="W"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="X"] {
color: var(--checklist-done-color);
text-decoration-line: line-through;
}
html[saved-theme="dark"] body li.task-list-item[data-task="Y"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="Z"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="_"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="`"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="a"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="e"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="g"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="h"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="j"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="m"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="n"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="o"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="q"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="r"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="s"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="t"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="v"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="x"] {
color: var(--checklist-done-color);
text-decoration-line: line-through;
}
html[saved-theme="dark"] body li.task-list-item[data-task="y"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="z"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="|"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task="~"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="dark"] body li.task-list-item[data-task='!'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(215, 192, 163);
}
html[saved-theme="dark"] body li.task-list-item[data-task='*'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(215, 192, 163);
}
html[saved-theme="dark"] body li.task-list-item[data-task='-'] {
color: var(--cancelled-chbx-text-color);
text-decoration: line-through;
text-decoration-color: rgb(145, 121, 89);
}
html[saved-theme="dark"] body li.task-list-item[data-task='/'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(215, 192, 163);
}
html[saved-theme="dark"] body li.task-list-item[data-task='>'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(215, 192, 163);
}
html[saved-theme="dark"] body li.task-list-item[data-task='?'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(215, 192, 163);
}
html[saved-theme="dark"] body li.task-list-item[data-task='I'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(215, 192, 163);
}
html[saved-theme="dark"] body li.task-list-item[data-task='S'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(215, 192, 163);
}
html[saved-theme="dark"] body li.task-list-item[data-task='b'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(215, 192, 163);
}
html[saved-theme="dark"] body li.task-list-item[data-task='c'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(215, 192, 163);
}
html[saved-theme="dark"] body li.task-list-item[data-task='d'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(215, 192, 163);
}
html[saved-theme="dark"] body li.task-list-item[data-task='f'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(215, 192, 163);
}
html[saved-theme="dark"] body li.task-list-item[data-task='i'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(215, 192, 163);
}
html[saved-theme="dark"] body li.task-list-item[data-task='k'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(215, 192, 163);
}
html[saved-theme="dark"] body li.task-list-item[data-task='l'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(215, 192, 163);
}
html[saved-theme="dark"] body li.task-list-item[data-task='p'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(215, 192, 163);
}
html[saved-theme="dark"] body li.task-list-item[data-task='u'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(215, 192, 163);
}
html[saved-theme="dark"] body li.task-list-item[data-task='w'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(215, 192, 163);
}
html[saved-theme="dark"] body ul > li.task-list-item {
display: list-item;
list-style: outside none none;
text-align: start;
}
html[saved-theme="dark"] body li.task-list-item[data-task="_"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="-"] input[type="checkbox"] {
mask-image: 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' class='lucide lucide-circle-x'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-circle-x'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task=","] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task=";"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task=":"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="!"] input[type="checkbox"] {
mask-image: 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' class='lucide lucide-triangle-alert'%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");
-webkit-mask-image: 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' class='lucide lucide-triangle-alert'%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");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="?"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-circle-help'%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");
-webkit-mask-image: 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' class='lucide lucide-circle-help'%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");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="."] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="'"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="\""] input[type="checkbox"] {
mask-image: 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' class='lucide lucide-quote'%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");
-webkit-mask-image: 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' class='lucide lucide-quote'%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");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="@"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="*"] input[type="checkbox"] {
mask-image: 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' class='lucide lucide-star'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-star'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="&"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="#"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="%"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="`"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="+"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="<"] input[type="checkbox"] {
mask-image: 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' class='lucide lucide-calendar-clock'%3E%3Cpath d='M16 14v2.2l1.6 1'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5'/%3E%3Cpath d='M3 10h5'/%3E%3Cpath d='M8 2v4'/%3E%3Ccircle cx='16' cy='16' r='6'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-calendar-clock'%3E%3Cpath d='M16 14v2.2l1.6 1'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5'/%3E%3Cpath d='M3 10h5'/%3E%3Cpath d='M8 2v4'/%3E%3Ccircle cx='16' cy='16' r='6'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="="] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task=">"] input[type="checkbox"] {
mask-image: 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' class='lucide lucide-redo-2'%3E%3Cpath d='m15 14 5-5-5-5'/%3E%3Cpath d='M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-redo-2'%3E%3Cpath d='m15 14 5-5-5-5'/%3E%3Cpath d='M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="|"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="~"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="$"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="5"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="6"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="7"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="8"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="9"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="a"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="A"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="b"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-bookmark'%3E%3Cpath d='M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-bookmark'%3E%3Cpath d='M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="B"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-octagon-x'%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='M2.586 16.726A2 2 0 0 1 2 15.414V8.586a2 2 0 0 1 .586-1.414l4.586-4.586A2 2 0 0 1 8.586 2h6.828a2 2 0 0 1 1.414.586l4.586 4.586A2 2 0 0 1 22 8.586v6.828a2 2 0 0 1-.586 1.414l-4.586 4.586a2 2 0 0 1-1.414.586H8.586a2 2 0 0 1-1.414-.586z'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-octagon-x'%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='M2.586 16.726A2 2 0 0 1 2 15.414V8.586a2 2 0 0 1 .586-1.414l4.586-4.586A2 2 0 0 1 8.586 2h6.828a2 2 0 0 1 1.414.586l4.586 4.586A2 2 0 0 1 22 8.586v6.828a2 2 0 0 1-.586 1.414l-4.586 4.586a2 2 0 0 1-1.414.586H8.586a2 2 0 0 1-1.414-.586z'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="c"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-thumbs-down'%3E%3Cpath d='M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z'/%3E%3Cpath d='M17 14V2'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-thumbs-down'%3E%3Cpath d='M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z'/%3E%3Cpath d='M17 14V2'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="C"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="d"] input[type="checkbox"] {
mask-image: 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' class='lucide lucide-trending-down'%3E%3Cpath d='M16 17h6v-6'/%3E%3Cpath d='m22 17-8.5-8.5-5 5L2 7'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-trending-down'%3E%3Cpath d='M16 17h6v-6'/%3E%3Cpath d='m22 17-8.5-8.5-5 5L2 7'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="D"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-hourglass'%3E%3Cpath d='M5 22h14'/%3E%3Cpath d='M5 2h14'/%3E%3Cpath d='M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22'/%3E%3Cpath d='M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-hourglass'%3E%3Cpath d='M5 22h14'/%3E%3Cpath d='M5 2h14'/%3E%3Cpath d='M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22'/%3E%3Cpath d='M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="e"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="E"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="f"] input[type="checkbox"] {
mask-image: 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' class='lucide lucide-flame'%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");
-webkit-mask-image: 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' class='lucide lucide-flame'%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");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="F"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="g"] input[type="checkbox"] {
mask-image: 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' class='lucide lucide-send'%3E%3Cpath d='M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z'/%3E%3Cpath d='m21.854 2.147-10.94 10.939'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-send'%3E%3Cpath d='M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z'/%3E%3Cpath d='m21.854 2.147-10.94 10.939'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="G"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="h"] input[type="checkbox"] {
mask-image: 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' class='lucide lucide-heart-pulse'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3Cpath d='M3.22 8.5h1.66a2 2 0 0 1 1.79 1.11l.85 1.7a2 2 0 0 0 3.69-.2l.49-1.47a1 1 0 0 1 1.74-.3l.91 1.16a2 2 0 0 0 1.57.76h2.05'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-heart-pulse'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3Cpath d='M3.22 8.5h1.66a2 2 0 0 1 1.79 1.11l.85 1.7a2 2 0 0 0 3.69-.2l.49-1.47a1 1 0 0 1 1.74-.3l.91 1.16a2 2 0 0 0 1.57.76h2.05'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="H"] input[type="checkbox"] {
mask-image: 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' class='lucide lucide-house'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-house'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="i"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-info'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-info'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="I"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-lightbulb'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-lightbulb'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="j"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="J"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="k"] input[type="checkbox"] {
mask-image: 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' class='lucide lucide-key'%3E%3Cpath d='m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4'/%3E%3Cpath d='m21 2-9.6 9.6'/%3E%3Ccircle cx='7.5' cy='15.5' r='5.5'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-key'%3E%3Cpath d='m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4'/%3E%3Cpath d='m21 2-9.6 9.6'/%3E%3Ccircle cx='7.5' cy='15.5' r='5.5'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="K"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="l"] input[type="checkbox"] {
mask-image: 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' class='lucide lucide-map-pin'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-map-pin'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="L"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-languages'%3E%3Cpath d='m5 8 6 6'/%3E%3Cpath d='m4 14 6-6 2-3'/%3E%3Cpath d='M2 5h12'/%3E%3Cpath d='M7 2h1'/%3E%3Cpath d='m22 22-5-10-5 10'/%3E%3Cpath d='M14 18h6'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-languages'%3E%3Cpath d='m5 8 6 6'/%3E%3Cpath d='m4 14 6-6 2-3'/%3E%3Cpath d='M2 5h12'/%3E%3Cpath d='M7 2h1'/%3E%3Cpath d='m22 22-5-10-5 10'/%3E%3Cpath d='M14 18h6'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="m"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="M"] input[type="checkbox"] {
mask-image: 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' class='lucide lucide-milestone'%3E%3Cpath d='M12 13v8'/%3E%3Cpath d='M12 3v3'/%3E%3Cpath d='M4 6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h13a2 2 0 0 0 1.524-.704l2.226-2.628a1 1 0 0 0 0-1.336l-2.226-2.628A2 2 0 0 0 17 6Z'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-milestone'%3E%3Cpath d='M12 13v8'/%3E%3Cpath d='M12 3v3'/%3E%3Cpath d='M4 6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h13a2 2 0 0 0 1.524-.704l2.226-2.628a1 1 0 0 0 0-1.336l-2.226-2.628A2 2 0 0 0 17 6Z'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="n"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-pin'%3E%3Cpath d='M12 17v5'/%3E%3Cpath d='M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-pin'%3E%3Cpath d='M12 17v5'/%3E%3Cpath d='M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="N"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="o"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="O"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="p"] input[type="checkbox"] {
mask-image: 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' class='lucide lucide-thumbs-up'%3E%3Cpath d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z'/%3E%3Cpath d='M7 10v12'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-thumbs-up'%3E%3Cpath d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z'/%3E%3Cpath d='M7 10v12'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="P"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="q"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="Q"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="r"] input[type="checkbox"] {
mask-image: 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' class='lucide lucide-scale'%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='m19 8 3 8a5 5 0 0 1-6 0zV7'/%3E%3Cpath d='M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1'/%3E%3Cpath d='m5 8 3 8a5 5 0 0 1-6 0zV7'/%3E%3Cpath d='M7 21h10'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-scale'%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='m19 8 3 8a5 5 0 0 1-6 0zV7'/%3E%3Cpath d='M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1'/%3E%3Cpath d='m5 8 3 8a5 5 0 0 1-6 0zV7'/%3E%3Cpath d='M7 21h10'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="R"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-repeat'%3E%3Cpath d='m17 2 4 4-4 4'/%3E%3Cpath d='M3 11v-1a4 4 0 0 1 4-4h14'/%3E%3Cpath d='m7 22-4-4 4-4'/%3E%3Cpath d='M21 13v1a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-repeat'%3E%3Cpath d='m17 2 4 4-4 4'/%3E%3Cpath d='M3 11v-1a4 4 0 0 1 4-4h14'/%3E%3Cpath d='m7 22-4-4 4-4'/%3E%3Cpath d='M21 13v1a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="s"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-shopping-cart'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-shopping-cart'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="S"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-circle-dollar-sign'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8'/%3E%3Cpath d='M12 18V6'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-circle-dollar-sign'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8'/%3E%3Cpath d='M12 18V6'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="t"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-clock'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-clock'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="T"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-phone'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-phone'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="u"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-trending-up'%3E%3Cpath d='M16 7h6v6'/%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-trending-up'%3E%3Cpath d='M16 7h6v6'/%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="U"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="v"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="V"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="w"] input[type="checkbox"] {
mask-image: 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' class='lucide lucide-trophy'%3E%3Cpath d='M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978'/%3E%3Cpath d='M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978'/%3E%3Cpath d='M18 9h1.5a1 1 0 0 0 0-5H18'/%3E%3Cpath d='M4 22h16'/%3E%3Cpath d='M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z'/%3E%3Cpath d='M6 9H4.5a1 1 0 0 1 0-5H6'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-trophy'%3E%3Cpath d='M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978'/%3E%3Cpath d='M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978'/%3E%3Cpath d='M18 9h1.5a1 1 0 0 0 0-5H18'/%3E%3Cpath d='M4 22h16'/%3E%3Cpath d='M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z'/%3E%3Cpath d='M6 9H4.5a1 1 0 0 1 0-5H6'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="W"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="x"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="X"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="y"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="Y"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="z"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="Z"] input[type="checkbox"] {
color: rgb(255, 255, 255);
}
html[saved-theme="dark"] body li.task-list-item[data-task="-"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="!"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="?"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="\""] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="*"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="<"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task=">"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="b"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="B"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="c"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="d"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="D"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="f"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="g"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="h"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="H"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="i"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="I"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="k"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="l"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="L"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="M"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="n"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="p"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="r"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="R"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="s"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="S"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="t"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="T"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="u"] input[type="checkbox"]::after { content: none; }
html[saved-theme="dark"] body li.task-list-item[data-task="w"] input[type="checkbox"]::after { content: none; }
/* aspect: callouts */
html[saved-theme="dark"] body .callout .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="dark"] body .callout > .callout-content {
background: color(srgb 0.17115 0.145 0.11885) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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-abstract);
--callout-icon: var(--callout-icon-abstract);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.163821 0.294975 0.368777) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.652532 0.14621 242.663 / 0.1);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.652532 0.14621 242.663 / 0.1);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.652532 0.14621 242.663 / 0.1);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.652532 0.14621 242.663 / 0.1);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="dark"] body .callout[data-callout="abstract"] > .callout-content {
background: color(srgb 0.17115 0.145 0.11885) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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);
--callout-icon: var(--callout-icon-bug);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.315488 0.219779 0.251522) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.558303 0.0947333 340.445 / 0.1);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.558303 0.0947333 340.445 / 0.1);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.558303 0.0947333 340.445 / 0.1);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.558303 0.0947333 340.445 / 0.1);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="dark"] body .callout[data-callout="bug"] > .callout-content {
background: color(srgb 0.17115 0.145 0.11885) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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-danger);
--callout-icon: var(--callout-icon-danger);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.408527 0.193015 0.19162) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.622243 0.189674 19.5752 / 0.1);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.622243 0.189674 19.5752 / 0.1);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.622243 0.189674 19.5752 / 0.1);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.622243 0.189674 19.5752 / 0.1);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="dark"] body .callout[data-callout="danger"] > .callout-content {
background: color(srgb 0.17115 0.145 0.11885) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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);
--callout-icon: var(--callout-icon-example);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.395782 0.280956 0.247699) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.716811 0.0937282 28.7138 / 0.1);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.716811 0.0937282 28.7138 / 0.1);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.716811 0.0937282 28.7138 / 0.1);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.716811 0.0937282 28.7138 / 0.1);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="dark"] body .callout[data-callout="example"] > .callout-content {
background: color(srgb 0.17115 0.145 0.11885) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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);
--callout-icon: var(--callout-icon-fail);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.408527 0.193015 0.19162) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.622243 0.189674 19.5752 / 0.1);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.622243 0.189674 19.5752 / 0.1);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.622243 0.189674 19.5752 / 0.1);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.622243 0.189674 19.5752 / 0.1);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="dark"] body .callout[data-callout="failure"] > .callout-content {
background: color(srgb 0.17115 0.145 0.11885) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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);
--callout-icon: var(--callout-icon-info);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.210978 0.307721 0.320346) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.667331 0.0930421 218.791 / 0.1);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.667331 0.0930421 218.791 / 0.1);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.667331 0.0930421 218.791 / 0.1);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.667331 0.0930421 218.791 / 0.1);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="dark"] body .callout[data-callout="info"] > .callout-content {
background: color(srgb 0.17115 0.145 0.11885) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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-note);
--callout-icon: var(--callout-icon-note);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.375389 0.324289 0.279562) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.770277 0.0402154 60.7904 / 0.1);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.770277 0.0402154 60.7904 / 0.1);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.770277 0.0402154 60.7904 / 0.1);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.770277 0.0402154 60.7904 / 0.1);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="dark"] body .callout[data-callout="note"] > .callout-content {
background: color(srgb 0.17115 0.145 0.11885) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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: color(srgb 0.286174 0.343407 0.381522) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.777258 0.0894709 241.74 / 0.1);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.777258 0.0894709 241.74 / 0.1);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.777258 0.0894709 241.74 / 0.1);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.777258 0.0894709 241.74 / 0.1);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="dark"] body .callout[data-callout="question"] > .callout-content {
background: color(srgb 0.17115 0.145 0.11885) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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: color(srgb 0.340978 0.373995 0.299954) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.835264 0.0732145 143.665 / 0.1);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.835264 0.0732145 143.665 / 0.1);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.835264 0.0732145 143.665 / 0.1);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.835264 0.0732145 143.665 / 0.1);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="dark"] body .callout[data-callout="quote"] > .callout-content {
background: color(srgb 0.17115 0.145 0.11885) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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);
--callout-icon: var(--callout-icon-success);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.23137 0.356152 0.187797) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.7419 0.18775 142.824 / 0.1);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.7419 0.18775 142.824 / 0.1);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.7419 0.18775 142.824 / 0.1);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.7419 0.18775 142.824 / 0.1);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="dark"] body .callout[data-callout="success"] > .callout-content {
background: color(srgb 0.17115 0.145 0.11885) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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);
--callout-icon: var(--callout-icon-tip);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.209703 0.363799 0.317797) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.773016 0.120108 180.683 / 0.1);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.773016 0.120108 180.683 / 0.1);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.773016 0.120108 180.683 / 0.1);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.773016 0.120108 180.683 / 0.1);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="dark"] body .callout[data-callout="tip"] > .callout-content {
background: color(srgb 0.17115 0.145 0.11885) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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);
--callout-icon: var(--callout-icon-todo);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.194409 0.32174 0.403189) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.719625 0.152718 243.555 / 0.1);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.719625 0.152718 243.555 / 0.1);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.719625 0.152718 243.555 / 0.1);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.719625 0.152718 243.555 / 0.1);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="dark"] body .callout[data-callout="todo"] > .callout-content {
background: color(srgb 0.17115 0.145 0.11885) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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: color(srgb 0.445487 0.306446 0.122797) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.786413 0.166593 66.9135 / 0.1);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.786413 0.166593 66.9135 / 0.1);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.786413 0.166593 66.9135 / 0.1);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.786413 0.166593 66.9135 / 0.1);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="dark"] body .callout[data-callout="warning"] > .callout-content {
background: color(srgb 0.17115 0.145 0.11885) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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='M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4'/%3E%3Cpath d='M2 6h4'/%3E%3Cpath d='M2 10h4'/%3E%3Cpath d='M2 14h4'/%3E%3Cpath d='M2 18h4'/%3E%3Cpath d='M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3C/svg%3E");
}
html[saved-theme="dark"] body .callout[data-callout="abstract"] {
--callout-icon: var(--callout-icon-abstract);
}
html[saved-theme="dark"] body .callout[data-callout="bug"] {
--callout-icon: var(--callout-icon-bug);
}
html[saved-theme="dark"] body .callout[data-callout="danger"] {
--callout-icon: var(--callout-icon-danger);
}
html[saved-theme="dark"] body .callout[data-callout="example"] {
--callout-icon: var(--callout-icon-example);
}
html[saved-theme="dark"] body .callout[data-callout="failure"] {
--callout-icon: var(--callout-icon-fail);
}
html[saved-theme="dark"] body .callout[data-callout="info"] {
--callout-icon: var(--callout-icon-info);
}
html[saved-theme="dark"] body .callout[data-callout="note"] {
--callout-icon: var(--callout-icon-note);
}
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: var(--callout-icon-success);
}
html[saved-theme="dark"] body .callout[data-callout="tip"] {
--callout-icon: var(--callout-icon-tip);
}
html[saved-theme="dark"] body .callout[data-callout="todo"] {
--callout-icon: var(--callout-icon-todo);
}
html[saved-theme="dark"] body .callout[data-callout="warning"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}
/* aspect: search */
html[saved-theme="dark"] body .highlight {
background-color: var(--text-highlight-bg);
border-radius: 0px;
}
html[saved-theme="dark"] body .preview-container {
background-color: rgba(0, 0, 0, 0);
color: var(--text-muted);
font-weight: var(--font-normal);
}
html[saved-theme="dark"] body .search > .search-button {
background-color: rgb(33, 27, 23);
border-bottom-color: rgb(59, 48, 38);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(59, 48, 38);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(59, 48, 38);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(59, 48, 38);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-input-color);
font-family: var(--font-interface);
}
html[saved-theme="dark"] body .search > .search-container > .search-space {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(215, 192, 163);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-width: 0px;
border-right-color: rgb(215, 192, 163);
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html[saved-theme="dark"] body .search > .search-container > .search-space > * {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-family: var(--font-interface);
font-weight: var(--font-normal);
outline: rgb(215, 192, 163) none 0px;
text-decoration-color: rgb(215, 192, 163);
text-decoration-style: solid;
transition: all;
}
html[saved-theme="dark"] body .search > .search-container > .search-space > .search-layout {
border-bottom-color: rgb(215, 192, 163);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-width: 0px;
border-right-color: rgb(215, 192, 163);
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html[saved-theme="dark"] body .search > .search-container > .search-space > .search-layout .highlight {
background-color: var(--text-highlight-bg);
border-radius: 0px;
}
html[saved-theme="dark"] body .search > .search-container > .search-space > .search-layout > .preview-container {
background-color: rgba(0, 0, 0, 0);
color: var(--text-muted);
font-weight: var(--font-normal);
}
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(215, 192, 163);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(215, 192, 163);
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
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(215, 192, 163);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-width: 0px;
border-right-color: rgb(215, 192, 163);
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover .card-title, html[saved-theme="dark"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover .card-description, html[saved-theme="dark"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus .card-title, html[saved-theme="dark"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus .card-description, html[saved-theme="dark"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme="dark"] ~ .result-card:focus)) .card-title, html[saved-theme="dark"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme="dark"] ~ .result-card:focus)) .card-description {
color: var(--nav-item-color-active);
}
html[saved-theme="dark"] body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover, html[saved-theme="dark"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus, html[saved-theme="dark"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme="dark"] ~ .result-card:focus)) {
background-color: rgba(0, 0, 0, 0);
color: var(--nav-item-color-active);
font-weight: var(--nav-item-weight);
}
html[saved-theme="dark"] body .search > .search-container > .search-space > input {
background-color: rgb(33, 27, 23);
border-bottom-color: rgb(59, 48, 38);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(59, 48, 38);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(59, 48, 38);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(59, 48, 38);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: var(--text-input-shadow-active);
}
html[saved-theme="dark"] body .search>.search-container>.search-space>.search-layout>.results-container .result-card:has(~ .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme="dark"] ~ .result-card:focus)), html[saved-theme="dark"] ~ .result-card:focus, html[saved-theme="dark"] ~ .result-card:hover) {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(215, 192, 163);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-width: 0px;
border-right-color: rgb(215, 192, 163);
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
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: 6px;
border-bottom-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
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);
--pill-weight: var(--pill-tag-weight);
background-color: var(--pill-background);
border-bottom-color: rgb(229, 170, 31);
border-bottom-left-radius: 13.062px;
border-bottom-right-radius: 13.062px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(229, 170, 31);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(229, 170, 31);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(229, 170, 31);
border-top-left-radius: 13.062px;
border-top-right-radius: 13.062px;
border-top-style: solid;
border-top-width: 0px;
color: var(--pill-tag-color-1);
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-tag-color-1);
}
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: var(--h1-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h1-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h1-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h1-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h1-color);
font-family: var(--h1-font);
font-size: var(--h1-size);
font-weight: var(--font-weight);
letter-spacing: var(--h1-letter-spacing);
line-height: var(--h1-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body h1.article-title {
color: var(--inline-title-color);
font-size: var(--inline-title-size);
font-weight: var(--inline-title-weight);
}
html[saved-theme="dark"] body h2 {
--font-weight: var(--h2-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: var(--h2-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h2-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h2-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h2-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h2-color);
font-family: var(--h2-font);
font-size: var(--h2-size);
font-weight: var(--font-weight);
letter-spacing: var(--h2-letter-spacing);
line-height: var(--h2-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body h2.page-title, html[saved-theme="dark"] h2.page-title a {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(235, 218, 198);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(235, 218, 198);
border-left-width: 0px;
border-right-color: rgb(235, 218, 198);
border-right-width: 0px;
border-top-color: rgb(235, 218, 198);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--inline-title-color);
font-family: var(--inline-title-font);
font-size: var(--inline-title-size);
font-weight: var(--inline-title-weight);
letter-spacing: -0.38832px;
line-height: var(--inline-title-line-height);
margin-block-end: var(--inline-title-margin-bottom);
margin-block-start: 0px;
margin-bottom: 12.944px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body h3 {
--font-weight: var(--h3-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: var(--h3-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h3-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h3-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h3-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h3-color);
font-family: var(--h3-font);
font-size: var(--h3-size);
font-weight: var(--font-weight);
letter-spacing: var(--h3-letter-spacing);
line-height: var(--h3-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body h4 {
--font-weight: var(--h4-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: var(--h4-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h4-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h4-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h4-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h4-color);
font-family: var(--h4-font);
font-size: var(--h4-size);
font-weight: var(--font-weight);
letter-spacing: var(--h4-letter-spacing);
line-height: var(--h4-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body h5 {
--font-weight: var(--h5-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: var(--h5-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h5-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h5-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h5-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h5-color);
font-family: var(--h5-font);
font-size: var(--h5-size);
font-weight: var(--font-weight);
letter-spacing: var(--h5-letter-spacing);
line-height: var(--h5-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body h6 {
--font-weight: var(--h6-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: var(--h6-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h6-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h6-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h6-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h6-color);
font-family: var(--h6-font);
font-size: var(--h6-size);
font-weight: var(--font-weight);
letter-spacing: var(--h6-letter-spacing);
line-height: var(--h6-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body hr {
border-bottom-color: color(srgb 0.26608 0.213228 0.16192);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: color(srgb 0.26608 0.213228 0.16192);
border-left-width: 0px;
border-right-color: color(srgb 0.26608 0.213228 0.16192);
border-right-width: 0px;
border-top-color: color(srgb 0.26608 0.213228 0.16192);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
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(59, 48, 38);
box-shadow: var(--text-input-shadow-active);
}
/* aspect: scrollbars */
html[saved-theme="dark"] body .callout {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-note);
--callout-icon: var(--callout-icon-note);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
border-bottom-color: oklch(0.770277 0.0402154 60.7904 / 0.1);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.770277 0.0402154 60.7904 / 0.1);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.770277 0.0402154 60.7904 / 0.1);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.770277 0.0402154 60.7904 / 0.1);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
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 body {
scrollbar-width: var(--scrollbar-native-width);
}
/* aspect: explorer */
html[saved-theme="dark"] body .explorer .folder-container > div {
color: var(--nav-folder-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-folder-color);
opacity: 1;
}
html[saved-theme="dark"] body .nav-files-container .nav-file-title {
color: var(--nav-item-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="dark"] body .nav-files-container .nav-file-title.is-active {
border-bottom-color: rgb(171, 145, 109);
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-width: 0px;
border-left-color: rgb(171, 145, 109);
border-left-width: 0px;
border-right-color: rgb(171, 145, 109);
border-right-width: 0px;
border-top-color: rgb(171, 145, 109);
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-top-width: 0px;
color: var(--nav-item-color);
font-family: var(--font-interface);
}
html[saved-theme="dark"] body .nav-files-container .tree-item-children {
border-inline-start: 1px solid rgb(59, 48, 38);
border-left-color: rgb(59, 48, 38);
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-folder-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="dark"] body .nav-files-container li:has(> .folder-outer:not(.open)) > .nav-folder-title {
color: var(--nav-folder-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="dark"] body .explorer .nav-files-container a {
color: var(--nav-item-color);
}
html[saved-theme="dark"] body .explorer .nav-files-container a:hover {
color: var(--nav-item-color-hover);
}
html[saved-theme="dark"] body .explorer .nav-files-container .is-active {
color: var(--nav-item-color-active);
}
html[saved-theme="dark"] body .explorer .nav-files-container a:hover {
background-color: var(--nav-item-background-hover);
}
html[saved-theme="dark"] body .explorer .nav-files-container .collapse-icon svg {
color: var(--nav-collapse-icon-color);
}
html[saved-theme="dark"] body .explorer .nav-files-container .folder-outer > ul {
border-left-color: var(--nav-indentation-guide-color);
}
/* aspect: toc */
html[saved-theme="dark"] body details.toc summary::marker {
color: var(--text-normal);
}
/* aspect: graph */
html[saved-theme="dark"] body .graph > .global-graph-outer > .global-graph-container {
background-color: var(--background-secondary);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgba(0, 0, 0, 0);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgba(0, 0, 0, 0);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
}
html[saved-theme="dark"] body .graph > .graph-outer {
background-color: var(--background-secondary);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgba(0, 0, 0, 0);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgba(0, 0, 0, 0);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-normal);
}
html[saved-theme="dark"] body .graph > .graph-outer > .global-graph-icon {
--icon-size: var(--icon-s);
background-color: rgba(0, 0, 0, 0);
border-bottom-color: color(srgb 0.52501 0.433977 0.31699);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-width: 0px;
border-left-color: color(srgb 0.52501 0.433977 0.31699);
border-left-width: 0px;
border-right-color: color(srgb 0.52501 0.433977 0.31699);
border-right-width: 0px;
border-top-color: color(srgb 0.52501 0.433977 0.31699);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
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-item-color);
font-size: var(--status-bar-font-size);
font-weight: var(--font-normal);
}
/* aspect: recentNotes */
html[saved-theme="dark"] body .recent-notes > h3 {
color: var(--text-normal);
font-family: var(--font-interface);
font-weight: var(--font-normal);
}
html[saved-theme="dark"] body .recent-notes > ul.recent-ul > li {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(215, 192, 163);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-width: 0px;
border-right-color: rgb(215, 192, 163);
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
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(215, 192, 163);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-width: 0px;
border-right-color: rgb(215, 192, 163);
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
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(215, 192, 163);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-width: 0px;
border-right-color: rgb(215, 192, 163);
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
/* aspect: darkmode */
html[saved-theme="dark"] body .darkmode {
--icon-size: var(--icon-s);
background-color: rgba(0, 0, 0, 0);
border-bottom-color: color(srgb 0.52501 0.433977 0.31699);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-width: 0px;
border-left-color: color(srgb 0.52501 0.433977 0.31699);
border-left-width: 0px;
border-right-color: color(srgb 0.52501 0.433977 0.31699);
border-right-width: 0px;
border-top-color: color(srgb 0.52501 0.433977 0.31699);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-width: 0px;
color: var(--icon-color);
cursor: var(--cursor);
}
html[saved-theme="dark"] body .darkmode svg {
color: var(--icon-color);
stroke: color(srgb 0.52501 0.433977 0.31699);
}
/* aspect: breadcrumbs */
html[saved-theme="dark"] body .breadcrumb-container {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(145, 121, 89);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-width: 0px;
border-left-color: rgb(145, 121, 89);
border-left-width: 0px;
border-right-color: rgb(145, 121, 89);
border-right-width: 0px;
border-top-color: rgb(145, 121, 89);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-width: 0px;
color: var(--breadcrumb-color);
}
html[saved-theme="dark"] body .breadcrumb-element p {
color: var(--breadcrumb-separator-color);
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(215, 192, 163);
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(215, 192, 163);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-width: 0px;
border-right-color: rgb(215, 192, 163);
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
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(215, 192, 163);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-width: 0px;
border-right-color: rgb(215, 192, 163);
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
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(171, 145, 109);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(171, 145, 109);
border-left-width: 0px;
border-right-color: rgb(171, 145, 109);
border-right-width: 0px;
border-top-color: rgb(171, 145, 109);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--file-header-title-color);
font-family: var(--file-header-font);
font-size: var(--file-header-font-size);
font-weight: var(--file-header-font-weight);
line-height: var(--line-height-tight);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="dark"] body input[type=text] {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(145, 121, 89);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(145, 121, 89);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(145, 121, 89);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(145, 121, 89);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--metadata-key-input-color);
font-family: var(--metadata-label-font);
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
}
html[saved-theme="dark"] body kbd {
background-color: var(--code-background);
border-bottom-color: rgb(247, 104, 94);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-width: 0px;
border-left-color: rgb(247, 104, 94);
border-left-width: 0px;
border-right-color: rgb(247, 104, 94);
border-right-width: 0px;
border-top-color: rgb(247, 104, 94);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-width: 0px;
box-shadow: var(--kbd-shadow);
color: var(--kbd-color);
font-family: var(--font-monospace);
font-size: var(--code-size);
padding-block-end: 2px;
padding-block-start: 2px;
padding-bottom: 2px;
padding-inline-end: 6px;
padding-inline-start: 6px;
padding-left: 6px;
padding-right: 6px;
padding-top: 2px;
}
html[saved-theme="dark"] body li.task-list-item input[type="checkbox"] {
background-color: rgb(42, 36, 30);
border-color: rgb(81, 64, 47);
border-radius: 4px;
border-width: 1px;
}
html[saved-theme="dark"] body li.task-list-item input[type="checkbox"]:checked {
background-color: var(--checkbox-color);
border-color: rgba(255, 255, 255, 0.15);
}
html[saved-theme="dark"] body pre:has(> code.mermaid) {
background-color: var(--code-background);
border: 0px solid rgb(59, 48, 38);
}
html[saved-theme="dark"] body progress {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(215, 192, 163);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(215, 192, 163);
border-left-width: 0px;
border-right-color: rgb(215, 192, 163);
border-right-width: 0px;
border-top-color: rgb(215, 192, 163);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
height: var(--progress-height);
}
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: var(--font-normal);
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);
--pill-weight: var(--pill-tag-weight);
background-color: var(--pill-background);
border-bottom-color: rgb(229, 170, 31);
border-bottom-left-radius: 13.062px;
border-bottom-right-radius: 13.062px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(229, 170, 31);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(229, 170, 31);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(229, 170, 31);
border-top-left-radius: 13.062px;
border-top-right-radius: 13.062px;
border-top-style: solid;
border-top-width: 0px;
color: var(--pill-tag-color-1);
}
/* aspect: base */
:root:root {
--accent-h: 31;
--accent-l: 50%;
--accent-s: 23%;
--active-line-bg: var(--color-base-00);
--alternating-color-1: var(--color-l-yellow-30);
--alternating-color-1-hover-active: var(--color-l-yellow-40);
--alternating-color-2: var(--color-l-red-30);
--alternating-color-2-hover-active: var(--color-l-red-40);
--alternating-color-3: var(--color-l-blue-30);
--alternating-color-3-hover-active: var(--color-l-blue-40);
--amount-chbx-color: hsla(152, 42%, 41%, 1);
--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);
--anim-popdown: 0.4s slideDown forwards;
--anim-popup: 0.3s slideUp forwards;
--anim-popup-alt: 0.335s slideUpAlt forwards;
--background-anim: background var(--anim-duration-fast)
var(--anim-motion-smooth);
--background-modifier-active-hover: var(--color-l-gray-60);
--background-modifier-border: var(--color-l-gray-60);
--background-modifier-border-focus: color-mix(
in hsl,
var(--color-l-gray-70) 60%,
var(--color-l-gray-60)
);
--background-modifier-border-hover: color-mix(
in hsl,
var(--color-l-gray-70) 60%,
var(--color-l-gray-60)
);
--background-modifier-box-shadow: rgba(0, 0, 0, 0.1);
--background-modifier-cover: rgba(220, 220, 220, 0.4);
--background-modifier-error: var(--color-l-red-30);
--background-modifier-error-hover: var(--color-l-red-20);
--background-modifier-error-rgb: var(--color-red-rgb);
--background-modifier-form-field: var(--color-l-gray-30);
--background-modifier-form-field-hover: var(--background-modifier-form-field);
--background-modifier-hover: rgba(255, 255, 255, 0.5);
--background-modifier-message: var(--color-l-gray-100);
--background-modifier-success: var(--color-l-green-30);
--background-modifier-success-rgb: var(--color-green-rgb);
--background-modifier-warning: var(--color-l-orange-30);
--background-modifier-warning-hover: var(--color-l-orange-20);
--background-primary: var(--color-l-gray-20);
--background-primary-alt: var(--color-l-gray-30);
--background-secondary: var(--color-l-gray-40);
--background-secondary-alt: var(--color-l-gray-40);
--bases-cards-background: var(--background-primary);
--bases-cards-border-width: 1px;
--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-m);
--bases-embed-border-width: 1px;
--bases-embed-padding: var(--size-4-2);
--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 1px 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: var(--radius-s);
--bases-table-cell-radius-focus: var(--radius-s);
--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-m);
--bases-table-container-border-width: 1px;
--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;
--bases-view-padding: var(--size-4-4);
--blocked-chbx-color: hsla(0, 70%, 50%, 1);
--blockquote-background-color: var(--color-l-gray-10);
--blockquote-border-color: var(--background-modifier-border);
--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-override, var(--font-text-theme, var(--font-default))));
--bold-color: var(--color-l-red-30);
--bold-highlight-bg: var(--color-l-alpha-red);
--bold-highlight-color: var(--text-normal);
--bold-italic-color: var(--color-l-gray-140);
--bold-italic-highlight-bg: var(--color-l-alpha-green);
--bold-italic-highlight-color: var(--bold-italic-color);
--bold-italic-strikethrough-color: var(--color-l-gray-90);
--bold-italic-weight: var(--font-bold);
--bold-modifier: 200;
--bold-weight: var(--font-bold);
--bookmark-chbx-color: hsla(21, 81%, 59%, 1);
--border-width: 1px;
--breadcrumb-bg-hover: var(--color-l-gray-40);
--breadcrumb-color: var(--color-l-gray-90);
--breadcrumb-color-hover: var(--color-l-gray-90);
--breadcrumb-separator-color: var(--background-modifier-border);
--button-accent-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.09),
inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15),
inset 0px calc(-1 * var(--button-inset-shadow-size)) 0px 2px
rgba(0, 0, 0, 0.15),
inset 0px -2px 4px 0px rgba(0, 0, 0, 0.2),
0px 4px 4px -5.6px rgba(0, 0, 0, 0.52),
0px 2px 4px -2.7px rgba(0, 0, 0, 0.22), 0px 2px 4px -1px rgba(0, 0, 0, 0.19);
--button-accent-shadow-active: var(--input-shadow-active);
--button-accent-shadow-focus: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.12),
inset 0px 0px 0px 1px rgba(0, 0, 0, 0.28),
inset 0px calc(-1 * var(--button-inset-shadow-size)) 0px 2px
rgba(0, 0, 0, 0.15),
inset 0px -2px 4px 0px rgba(0, 0, 0, 0.2),
0px 4px 4px -5.6px rgba(0, 0, 0, 0.52),
0px 2px 4px -2.7px rgba(0, 0, 0, 0.27),
0px 2px 6px -1px rgba(0, 0, 0, 0.24),
0px 0px 0px 3px var(--color-l-alpha-gray);
--button-accent-shadow-hover: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.12),
inset 0px 0px 0px 1px rgba(0, 0, 0, 0.19),
inset 0px calc(-1 * var(--button-inset-shadow-size)) 0px 2px
rgba(0, 0, 0, 0.15),
inset 0px -2px 4px 0px rgba(0, 0, 0, 0.2),
0px 4px 4px -5.6px rgba(0, 0, 0, 0.52),
0px 2px 4px -2.7px rgba(0, 0, 0, 0.27), 0px 2px 6px -1px rgba(0, 0, 0, 0.24);
--button-anim: var(--anim-duration-fast) var(--anim-motion-jumpy);
--button-axis-offset: 2px;
--button-corner-shape: var(--corner-shape);
--button-inset-shadow-size: 2px;
--button-metadata-padding: var(--size-2-3) var(--size-4-2)
calc(var(--size-2-3) + var(--button-inset-shadow-size)) var(--size-2-3);
--button-metadata-padding-active: calc(
var(--size-2-2) + var(--button-inset-shadow-size)
)
var(--size-4-2) var(--size-2-3) var(--size-2-3);
--button-opacity-active: 0.5;
--button-padding: var(--size-4-2) var(--size-4-3)
calc(var(--size-4-2) + var(--button-inset-shadow-size)) var(--size-4-3);
--button-padding-active: calc(
var(--size-4-2) + var(--button-inset-shadow-size)
)
var(--size-4-3) var(--size-4-2) var(--size-4-3);
--button-radius: var(--size-4-2);
--button-s-padding: var(--size-2-2) var(--size-4-2) var(--size-2-2)
var(--size-4-2);
--button-s-radius: calc(var(--button-radius) * 0.8);
--button-shadow: var(--input-shadow);
--button-shadow-active: var(--input-shadow-active);
--button-shadow-focus: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2),
inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1),
inset 0px calc(-1 * var(--button-inset-shadow-size)) 0px 2px
rgba(0, 0, 0, 0.09),
inset 0px -2px 4px 0px rgba(0, 0, 0, 0.1),
0px 4px 4px -5.6px rgba(0, 0, 0, 0.4),
0px 2px 4px -2.7px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.05),
0px 0px 0px 3px var(--color-l-alpha-gray);
--button-shadow-hover: var(--input-shadow-hover);
--callout-abstract: rgb(34 152 225);
--callout-attention: rgb(255 161 32);
--callout-blend-mode: var(--highlight-mix-blend-mode);
--callout-border-opacity: 0.2;
--callout-border-width: 0px;
--callout-bug: rgb(153 93 133);
--callout-caution: rgb(255 161 32);
--callout-check: rgb(87 200 83);
--callout-cite: rgb(237 217 162);
--callout-color-opacity: 32.5%;
--callout-container-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.08),
0px 1px 6px 0px rgba(0, 0, 0, 0.12);
--callout-content-background: color-mix(
in srgb,
var(--background-primary-alt) 50%,
var(--background-primary)
);
--callout-content-padding: var(--size-4-1) var(--size-4-4)
calc(var(--size-4-1) + var(--callout-shadow-offset)) var(--size-4-4);
--callout-content-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.08),
inset 0px calc(-1 * var(--callout-shadow-offset))
var(--callout-content-shadow-blur) 0px rgba(100, 100, 100, 0.13);
--callout-content-shadow-blur: 3px;
--callout-danger: rgb(226 72 86);
--callout-default: var(--color-blue);
--callout-done: rgb(87 200 83);
--callout-error: rgb(226 72 86);
--callout-example: rgb(216 141 130);
--callout-fail: rgb(226 72 86);
--callout-faq: rgb(130 190 235);
--callout-general: rgb(182 196 182);
--callout-help: rgb(250 128 96);
--callout-hint: rgb(70 206 185);
--callout-icon-abstract: clipboard-list;
--callout-icon-attention: megaphone;
--callout-icon-bug: bug;
--callout-icon-caution: construction;
--callout-icon-check: check-check;
--callout-icon-cite: book-marked;
--callout-icon-danger: shield-alert;
--callout-icon-done: check-check;
--callout-icon-error: ban;
--callout-icon-example: scroll-text;
--callout-icon-fail: circle-slash;
--callout-icon-faq: circle-help;
--callout-icon-fold-filter: brightness(0.8);
--callout-icon-general: shapes;
--callout-icon-help: life-buoy;
--callout-icon-hint: lightbulb;
--callout-icon-important: square-asterisk;
--callout-icon-info: badge-info;
--callout-icon-missing: search;
--callout-icon-note: notebook-pen;
--callout-icon-question: circle-help;
--callout-icon-quote: message-square-note;
--callout-icon-success: check-check;
--callout-icon-summary: align-justify;
--callout-icon-tip: clover;
--callout-icon-tldr: book-open-text;
--callout-icon-todo: list-todo;
--callout-icon-warning: triangle-alert;
--callout-important: rgb(246 113 118);
--callout-info: rgb(71 162 187);
--callout-missing: rgb(226 72 86);
--callout-note: rgb(200 175 155);
--callout-padding: var(--size-4-3) var(--size-4-3) var(--size-4-3) var(--size-4-6);
--callout-question: rgb(130 190 235);
--callout-quote: rgb(173 214 171);
--callout-radius: var(--radius-m);
--callout-shadow-offset: 4px;
--callout-success: rgb(87 200 83);
--callout-summary: rgb(234 181 52);
--callout-tip: rgb(70 206 185);
--callout-title-color: var(--text-normal);
--callout-title-padding: var(--size-4-3) var(--size-4-4);
--callout-title-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.05),
inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2);
--callout-title-weight: calc(var(--font-weight) + var(--bold-modifier));
--callout-tldr: rgb(240 180 225);
--callout-todo: rgb(58 173 252);
--callout-warning: rgb(255 161 32);
--cancelled-chbx-color: hsla(32, 10%, 68%, 1);
--cancelled-chbx-text-color: var(--text-faint);
--cancelled-chbx-text-decoration: line-through;
--canvas-background: var(--editor-bg-color);
--canvas-card-label-color: var(--text-faint);
--canvas-color: var(--color-gray-rgb);
--canvas-color-1: var(--color-red-rgb);
--canvas-color-2: var(--color-orange-rgb);
--canvas-color-3: var(--color-yellow-rgb);
--canvas-color-4: var(--color-green-rgb);
--canvas-color-5: var(--color-blue-rgb);
--canvas-color-6: var(--color-purple-rgb);
--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);
--canvas-icon-color: var(--color-l-gray-80);
--canvas-icon-color-disabled: var(--color-l-gray-60);
--canvas-icon-color-hover: var(--color-l-gray-120);
--canvas-menu-bg: color-mix(
in hsl,
var(--color-l-gray-10) 50%,
var(--color-l-gray-20)
);
--canvas-menu-bg-hover: var(--color-l-gray-10);
--canvas-menu-border: 1px solid var(--background-modifier-border);
--canvas-menu-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.02), 0px 1px 4px -2.1px rgba(0, 0, 0, 0.1),
0px 2px 8px -1.2px rgba(0, 0, 0, 0.03);
--cards-aspect-ratio: auto;
--cards-columns: repeat(auto-fit, minmax(var(--cards-min-width), 1fr));
--cards-image-fit: contain;
--cards-min-width: 180px;
--caret-color: var(--color-l-gray-80);
--checkbox-border-color: var(--color-l-gray-60);
--checkbox-border-color-hover: var(--color-l-gray-70);
--checkbox-color: var(--color-l-green-30);
--checkbox-color-hover: var(--color-l-green-20);
--checkbox-margin-inline-start: 0.85em;
--checkbox-marker-color: white;
--checkbox-radius: var(--radius-s);
--checkbox-size: var(--font-text-size);
--checked-border-color: rgba(0, 0, 0, 0.15);
--checked-border-color-hover: rgba(0, 0, 0, 0.1);
--checklist-bg: var(--color-l-gray-10);
--checklist-done-color: var(--color-l-gray-80);
--checklist-done-decoration: line-through;
--checklist-shadow-hover: 0px 0px 0px 3px rgba(0, 0, 0, 0.07);
--clickable-icon-radius: calc(var(--radius-s) + 1px);
--clock-chbx-color: hsla(210, 39%, 49%, 1);
--close-button-radius: var(--radius-l);
--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-m);
--code-size: var(--font-smaller);
--code-string: var(--color-green);
--code-tag: var(--color-red);
--code-value: var(--color-purple);
--code-white-space: pre-wrap;
--codeFont: var(--font-monospace, var(--font-monospace-override, var(--font-monospace-theme, var(--font-monospace-default))));
--collapse-icon-color: var(--color-l-gray-70);
--collapse-icon-color-collapsed: var(--color-l-gray-70);
--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.33),
calc(var(--accent-l) * 1.19)
);
--color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l);
--color-base-00: var(--color-l-gray-10);
--color-base-05: var(--color-l-gray-20);
--color-base-10: var(--color-l-gray-30);
--color-base-100: var(--color-l-gray-140);
--color-base-20: var(--color-l-gray-40);
--color-base-25: var(--color-l-gray-50);
--color-base-30: var(--color-l-gray-60);
--color-base-35: var(--color-l-gray-70);
--color-base-40: var(--color-l-gray-80);
--color-base-50: var(--color-l-gray-90);
--color-base-60: var(--color-l-gray-100);
--color-base-70: var(--color-l-gray-120);
--color-blue: hsla(206, 57%, 44%, 1);
--color-blue-rgb: 99, 164, 198;
--color-cyan: hsla(178, 39%, 49%, 1);
--color-cyan-rgb: 124, 180, 206;
--color-gray: hsla(34, 9.9%, 68.2%, 1);
--color-gray-rgb: 182, 175, 166;
--color-green: hsla(146, 37%, 49%, 1);
--color-green-rgb: 87, 185, 132;
--color-l-alpha-blue: hsla(186, 64%, 46%, 0.2);
--color-l-alpha-gray: hsla(34, 37%, 70%, 0.15);
--color-l-alpha-green: hsla(74, 69%, 44%, 0.2);
--color-l-alpha-orange: hsla(27, 100%, 50%, 0.2);
--color-l-alpha-purple: hsla(236, 100%, 72%, 0.2);
--color-l-alpha-red: hsla(350, 84%, 63%, 0.2);
--color-l-alpha-yellow: hsla(44, 100%, 50%, 0.2);
--color-l-blue-10: hsla(197, 39%, 56%, 1);
--color-l-blue-20: hsla(202, 66%, 48%, 1);
--color-l-blue-30: hsla(200, 64%, 37%, 1);
--color-l-blue-40: hsla(205, 85%, 25%, 1);
--color-l-gray-10: hsla(36, 38%, 98%, 1);
--color-l-gray-100: hsla(35, 28%, 40%, 1);
--color-l-gray-110: hsla(34, 30%, 37%, 1);
--color-l-gray-120: hsla(36, 32%, 30%, 1);
--color-l-gray-130: hsla(31, 45%, 24%, 1);
--color-l-gray-140: hsla(33, 54%, 17%, 1);
--color-l-gray-20: hsla(35, 36%, 96%, 1);
--color-l-gray-30: hsla(35, 37%, 92%, 1);
--color-l-gray-40: hsla(34, 34%, 90%, 1);
--color-l-gray-50: hsla(36, 35%, 88%, 1);
--color-l-gray-60: hsla(37, 38%, 83%, 1);
--color-l-gray-70: hsla(34, 37%, 70%, 1);
--color-l-gray-80: hsla(34, 29%, 60%, 1);
--color-l-gray-90: hsla(31, 23%, 50%, 1);
--color-l-green-10: hsla(148, 30%, 65%, 1);
--color-l-green-20: hsla(148, 48%, 47%, 1);
--color-l-green-30: hsla(149, 50%, 39%, 1);
--color-l-green-40: hsla(153, 65%, 29%, 1);
--color-l-orange-10: hsla(26, 70%, 63%, 1);
--color-l-orange-20: hsla(21, 81%, 59%, 1);
--color-l-orange-30: hsla(18, 69%, 50%, 1);
--color-l-orange-40: hsla(18, 96%, 35%, 1);
--color-l-purple-10: hsla(280, 43%, 76%, 1);
--color-l-purple-20: hsla(277, 35%, 59%, 1);
--color-l-purple-30: hsla(275, 37%, 43%, 1);
--color-l-purple-40: hsla(265, 70%, 30%, 1);
--color-l-red-10: hsla(4, 59%, 64%, 1);
--color-l-red-20: hsla(4, 72%, 55%, 1);
--color-l-red-30: hsla(4, 56%, 48%, 1);
--color-l-red-40: hsla(4, 72%, 35%, 1);
--color-l-yellow-10: hsla(43, 71%, 67%, 1);
--color-l-yellow-20: hsla(43, 83%, 57%, 1);
--color-l-yellow-30: hsla(40, 79%, 47%, 1);
--color-l-yellow-40: hsla(40, 98%, 36%, 1);
--color-orange: hsla(30, 66%, 52%, 1);
--color-orange-rgb: 231, 130, 63;
--color-pink: hsla(351, 44%, 61%, 1);
--color-pink-rgb: 217, 102, 122;
--color-purple: hsla(249, 39%, 60%, 1);
--color-purple-rgb: 135, 106, 193;
--color-red: hsla(0, 58%, 53%, 1);
--color-red-rgb: 223, 90, 90;
--color-yellow: hsla(42, 89%, 46%, 1);
--color-yellow-rgb: 248, 197, 46;
--community-item-flair-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
--community-item-selected-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.23),
0px 1px 3px -2.6px rgba(0, 0, 0, 0.23),
0px 2px 6px -4.2px rgba(0, 0, 0, 0.19), 0px 4px 12px -6px rgba(0, 0, 0, 0.9);
--community-item-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
--community-item-shadow-hover: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
--component-font-weight: var(--font-medium);
--con-chbx-color: hsla(12, 62%, 45%, 1);
--copy-code-btn-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.09),
0px 2px 4px -2px rgba(0, 0, 0, 0.06);
--copy-code-button-radius: var(--radius-s);
--corner-shape: round;
--cursor: pointer;
--cursor-link: pointer;
--dark: var(--text-normal, var(--color-l-gray-130));
--darkgray: var(--text-normal, var(--color-l-gray-130));
--deadline-chbx-color: hsla(8, 75%, 55%, 1);
--delegated-chbx-color: hsla(210, 60%, 55%, 1);
--dialog-max-height: 85vh;
--dialog-max-width: 80vw;
--dialog-width: 560px;
--direction: 1;
--disabled-component-opacity: 0.3;
--divider-color: var(--background-modifier-border);
--divider-color-hover: var(--background-modifier-border-hover);
--divider-radius: var(--radius-m);
--divider-vertical-height: 100%;
--divider-width: 1px;
--divider-width-hover: 4px;
--down-chbx-color: hsla(4, 56%, 48%, 1);
--drag-ghost-background: var(--interactive-accent);
--drag-ghost-text-color: var(--text-on-accent);
--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-height: calc(
var(--font-ui-small) +
calc(var(--size-4-4) + var(--button-inset-shadow-size))
);
--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;
--editor-bg-color: var(--background-primary);
--editor-bgpattern-color: var(--color-l-gray-60);
--editor-bgpattern-size: 50px 50px;
--editor-border-color: var(--background-modifier-border);
--editor-border-radius: var(--radius-l);
--editor-border-width: 1px;
--editor-header-icon: var(--icon-s);
--editor-pane-margin: 10px;
--editor-tab-icon: var(--icon-s);
--embed-action-color: var(--text-normal);
--embed-action-radius: var(--clickable-icon-radius);
--embed-actions-background: color-mix(var(--background-primary) 80%, transparent);
--embed-actions-blur: var(--blur-s);
--embed-actions-corner-shape: var(--corner-shape);
--embed-actions-padding: var(--size-2-1);
--embed-actions-radius: calc(var(--embed-action-radius) + var(--embed-actions-padding));
--embed-actions-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 0 6px 0 rgba(0, 0, 0, 0.05);
--embed-background: var(--embed-bg-color-mix);
--embed-bg-color-mix: color-mix(
in srgb,
var(--background-primary-alt) 50%,
var(--editor-bg-color)
);
--embed-block-shadow-hover: none;
--embed-border-bottom: var(--embed-border-bottom-width)
var(--embed-border-bottom-style) var(--embed-border-bottom-color);
--embed-border-bottom-color: var(--background-modifier-border);
--embed-border-bottom-style: solid;
--embed-border-bottom-width: 1px;
--embed-border-end: var(--embed-border-end-width)
var(--embed-border-end-style) var(--embed-border-end-color);
--embed-border-end-color: var(--background-modifier-border);
--embed-border-end-style: solid;
--embed-border-end-width: 1px;
--embed-border-radius: var(--radius-l);
--embed-border-start: var(--embed-border-start-width)
var(--embed-border-start-style) var(--embed-border-start-color);
--embed-border-start-color: var(--background-modifier-border);
--embed-border-start-style: solid;
--embed-border-start-width: 1px;
--embed-border-top: var(--embed-border-top-width)
var(--embed-border-top-style) var(--embed-border-top-color);
--embed-border-top-color: var(--background-modifier-border);
--embed-border-top-style: solid;
--embed-border-top-width: 1px;
--embed-canvas-max-height: 400px;
--embed-edit-btn-bg: color-mix(
in srgb,
var(--color-l-gray-20) 70%,
transparent
);
--embed-edit-btn-bg-hover: color-mix(
in srgb,
var(--color-l-gray-20) 100%,
transparent
);
--embed-edit-btn-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1),
inset 0px -2px 1px 1px rgba(0, 0, 0, 0.1);
--embed-edit-btn-shadow-hover: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1),
inset 0px -2px 1px 1px rgba(0, 0, 0, 0.1),
0px 1px 2px 0px rgba(0, 0, 0, 0.1);
--embed-left-right-padding: var(--size-4-4);
--embed-max-height: 4000px;
--embed-media-border-radius: var(--radius-m);
--embed-padding: var(--size-2-3) var(--embed-left-right-padding) 0px;
--embed-title-border: var(--embed-title-border-width)
var(--embed-title-border-style) var(--embed-title-border-color);
--embed-title-border-color: var(--background-modifier-border);
--embed-title-border-style: solid;
--embed-title-border-width: 1px;
--embed-title-color: var(--color-l-gray-90);
--embed-title-font-size: var(--font-text-size);
--embed-title-font-weight: var(--font-medium);
--embed-title-letter-spacing: normal;
--embed-title-margin-bottom: var(--size-4-2);
--embed-title-text-transform: none;
--empty-state-action-btn-bg: color-mix(
in srgb,
var(--background-primary-alt) 50%,
transparent
);
--file-folding-offset: 24px;
--file-header-background: var(--background-primary);
--file-header-background-focused: var(--background-primary);
--file-header-border: var(--file-header-border-width) solid
var(--file-header-border-color);
--file-header-border-color: var(--background-modifier-border);
--file-header-border-width: 1px;
--file-header-font: var(--font-interface);
--file-header-font-size: var(--font-ui-small);
--file-header-font-weight: 400;
--file-header-justify: center;
--file-header-title-color: var(--color-l-gray-120);
--file-line-width: 40rem;
--file-margins: var(--file-margins-y) var(--file-margins-x);
--file-margins-x: var(--size-4-8);
--file-margins-y: var(--size-4-8);
--file-max-line-width: 88%;
--file-tab-gap: 0px;
--fire-chbx-color: hsla(14, 80%, 53%, 1);
--flair-background: var(--interactive-normal);
--flair-color: var(--text-normal);
--flair-count-bg-color: var(--color-l-gray-40);
--flair-count-color: var(--color-l-gray-80);
--flair-count-padding: 2px 4px;
--flair-count-radius: calc(var(--radius-s) + 1px);
--focus-ring-color: var(--csstools-light-dark-toggle--23, #0df);
--focus-ring-outline: 2px solid light-dark(#0060df, #0df);
--font-black: 900;
--font-bold: 750;
--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: 850;
--font-extralight: 250;
--font-interface: var(--font-interface-override, var(--font-interface-theme, var(--default-font, var(--font-default))));
--font-light: 350;
--font-medium: 550;
--font-mermaid: var(--font-text);
--font-monospace: var(--font-monospace-override, var(--font-monospace-theme, var(--font-monospace-default)));
--font-monospace-default: ui-monospace, SFMono-Regular, "Cascadia Mono", "Roboto Mono", "DejaVu Sans Mono", "Liberation Mono", Menlo, Monaco, "Consolas", "Source Code Pro", monospace;
--font-normal: 450;
--font-print: var(--font-print-override), var(--font-text-override), var(--font-text-theme), 'Arial';
--font-semibold: 650;
--font-small: 0.933em;
--font-smaller: 0.875em;
--font-smallest: 0.8em;
--font-text: var(--font-text-override, var(--font-text-theme, var(--font-default)));
--font-text-size: 16px;
--font-thin: 150;
--font-ui-large: 20px;
--font-ui-medium: 15px;
--font-ui-small: 13px;
--font-ui-smaller: 12px;
--font-ui-smallest: 11px;
--font-weight: var(--font-normal);
--footnote-divider-color: var(--metadata-divider-color);
--footnote-divider-color-active: var(--metadata-divider-color-focus);
--footnote-divider-width: var(--border-width);
--footnote-gap: var(--size-4-1);
--footnote-id-color: var(--text-muted);
--footnote-id-color-no-occurrences: var(--text-faint);
--footnote-id-delimiter: ".";
--footnote-input-background: var(--metadata-input-background);
--footnote-input-background-active: var(--metadata-input-background-active);
--footnote-line-height: var(--line-height-normal);
--footnote-padding-block: var(--size-2-3);
--footnote-padding-inline: var(--size-2-3);
--footnote-radius: var(--radius-s);
--footnote-size: var(--font-smaller);
--frame-left-space: 0px;
--frame-right-space: 126px;
--graph-arrow: var(--color-l-gray-90);
--graph-controls-width: 240px;
--graph-line: var(--background-modifier-border);
--graph-node: var(--color-l-blue-20);
--graph-node-attachment: var(--color-l-green-10);
--graph-node-focused: var(--color-l-gray-130);
--graph-node-highlight-fill: var(--color-l-gray-90);
--graph-node-highlight-line: var(--color-l-gray-70);
--graph-node-tag: var(--color-l-red-20);
--graph-node-unresolved: var(--color-l-yellow-20);
--graph-node-unresolved-opacity: 1;
--graph-text: var(--color-l-gray-80);
--gray: var(--text-muted, var(--color-l-gray-100));
--gutter-color: color-mix(
in hsl,
var(--color-l-gray-60) 40%,
var(--color-l-gray-70)
);
--gutter-color-active: var(--color-l-gray-90);
--h1-bg-color: transparent;
--h1-border-bottom-color: var(--background-modifier-border);
--h1-border-left-color: var(--background-modifier-border);
--h1-border-radius: 0px;
--h1-border-right-color: var(--background-modifier-border);
--h1-border-style: solid;
--h1-border-top-color: var(--background-modifier-border);
--h1-border-width: 0px;
--h1-color: var(--color-l-gray-140);
--h1-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h1-letter-spacing: -0.015em;
--h1-line-height: 1.2;
--h1-size: 1.618em;
--h1-style: normal;
--h1-text-align: left;
--h1-text-transform: normal;
--h1-variant: normal;
--h1-weight: var(--font-semibold);
--h2-bg-color: transparent;
--h2-border-bottom-color: var(--background-modifier-border);
--h2-border-left-color: var(--background-modifier-border);
--h2-border-radius: 0px;
--h2-border-right-color: var(--background-modifier-border);
--h2-border-style: solid;
--h2-border-top-color: var(--background-modifier-border);
--h2-border-width: 0px;
--h2-color: var(--color-l-gray-140);
--h2-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h2-letter-spacing: -0.011em;
--h2-line-height: 1.2;
--h2-size: 1.462em;
--h2-style: normal;
--h2-text-align: left;
--h2-text-transform: normal;
--h2-variant: normal;
--h2-weight: var(--font-semibold);
--h3-bg-color: transparent;
--h3-border-bottom-color: var(--background-modifier-border);
--h3-border-left-color: var(--background-modifier-border);
--h3-border-radius: 0px;
--h3-border-right-color: var(--background-modifier-border);
--h3-border-style: solid;
--h3-border-top-color: var(--background-modifier-border);
--h3-border-width: 0px;
--h3-color: var(--color-l-gray-140);
--h3-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h3-letter-spacing: -0.008em;
--h3-line-height: 1.3;
--h3-size: 1.318em;
--h3-style: normal;
--h3-text-align: left;
--h3-text-transform: normal;
--h3-variant: normal;
--h3-weight: var(--font-semibold);
--h4-bg-color: transparent;
--h4-border-bottom-color: var(--background-modifier-border);
--h4-border-left-color: var(--background-modifier-border);
--h4-border-radius: 0px;
--h4-border-right-color: var(--background-modifier-border);
--h4-border-style: solid;
--h4-border-top-color: var(--background-modifier-border);
--h4-border-width: 0px;
--h4-color: var(--color-l-gray-140);
--h4-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h4-letter-spacing: -0.005em;
--h4-line-height: 1.4;
--h4-size: 1.188em;
--h4-style: normal;
--h4-text-align: left;
--h4-text-transform: normal;
--h4-variant: normal;
--h4-weight: var(--font-semibold);
--h5-bg-color: transparent;
--h5-border-bottom-color: var(--background-modifier-border);
--h5-border-left-color: var(--background-modifier-border);
--h5-border-radius: 0px;
--h5-border-right-color: var(--background-modifier-border);
--h5-border-style: solid;
--h5-border-top-color: var(--background-modifier-border);
--h5-border-width: 0px;
--h5-color: var(--color-l-gray-140);
--h5-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h5-letter-spacing: -0.002em;
--h5-line-height: var(--line-height-normal);
--h5-size: 1.076em;
--h5-style: normal;
--h5-text-align: left;
--h5-text-transform: normal;
--h5-variant: normal;
--h5-weight: var(--font-semibold);
--h6-bg-color: transparent;
--h6-border-bottom-color: var(--background-modifier-border);
--h6-border-left-color: var(--background-modifier-border);
--h6-border-radius: 0px;
--h6-border-right-color: var(--background-modifier-border);
--h6-border-style: solid;
--h6-border-top-color: var(--background-modifier-border);
--h6-border-width: 0px;
--h6-color: var(--color-l-gray-140);
--h6-font: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--h6-letter-spacing: 0em;
--h6-line-height: var(--line-height-normal);
--h6-size: 1em;
--h6-style: normal;
--h6-text-align: left;
--h6-text-transform: normal;
--h6-variant: normal;
--h6-weight: var(--font-semibold);
--header-height: 46px;
--headerFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--heading-formatting: var(--text-faint);
--heading-spacing: calc(var(--p-spacing) * 2.5);
--health-chbx-color: hsla(350, 65%, 58%, 1);
--highlight: var(--text-highlight-bg, var(--color-l-alpha-yellow));
--highlight-mix-blend-mode: darken;
--home-chbx-color: hsla(28, 45%, 45%, 1);
--hr-color: var(--background-modifier-border);
--hr-thickness: 1px;
--icon-bg: transparent;
--icon-bg-active: var(--color-l-gray-60);
--icon-bg-active-menu: transparent;
--icon-bg-hover: transparent;
--icon-bg-pressed: transparent;
--icon-color: var(--color-l-gray-80);
--icon-color-active: var(--color-l-gray-100);
--icon-color-focused: var(--color-l-gray-90);
--icon-color-hover: var(--color-l-gray-90);
--icon-container-radius: 0px;
--icon-l: 18px;
--icon-l-stroke-width: 1.75px;
--icon-m: 16px;
--icon-m-stroke-width: 1.75px;
--icon-opacity: 1;
--icon-opacity-active: 1;
--icon-opacity-hover: 1;
--icon-s: 15px;
--icon-s-stroke-width: 2px;
--icon-size: var(--icon-m);
--icon-stroke: var(--icon-m-stroke-width);
--icon-xl: 24px;
--icon-xl-stroke-width: 1.25px;
--icon-xs: 13px;
--icon-xs-stroke-width: 2px;
--idea-chbx-color: hsla(30, 72%, 62%, 1);
--image-radius: 4px;
--important-chbx-color: hsla(17, 83%, 52%, 1);
--indent-size: 4;
--indent-unit: 0.5625em;
--indentation-guide-color: var(--background-modifier-border);
--indentation-guide-color-active: var(--background-modifier-border-focus);
--indentation-guide-editing-indent: 0.85em;
--indentation-guide-reading-indent: -1em;
--indentation-guide-source-indent: 0.25em;
--indentation-guide-width: var(--border-width);
--indentation-guide-width-active: var(--border-width);
--info-chbx-color: hsla(178, 29%, 45%, 1);
--inline-code-bg: var(--color-l-gray-10);
--inline-code-color: var(--color-l-red-10);
--inline-code-radius: var(--radius-s);
--inline-query-bg: color-mix(
in srgb,
var(--background-secondary) 20%,
var(--editor-bg-color)
);
--inline-query-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.06);
--inline-title-color: var(--color-l-gray-140);
--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);
--inprogress-chbx-border-color: color-mix(
in srgb,
var(--inprogress-chbx-color) 65%,
var(--color-base-60)
);
--inprogress-chbx-color: hsla(34, 82%, 57%, 1);
--inprogress-chbx-color-hover: hsla(34, 82%, 64%, 1);
--input-border-width: var(--border-width);
--input-border-width-focus: 2px;
--input-corner-shape: var(--corner-shape);
--input-date-separator: var(--text-faint);
--input-font-weight: var(--font-normal);
--input-height: 32px;
--input-icon-inset: var(--size-4-1);
--input-padding: var(--size-4-1) var(--size-4-2);
--input-placeholder-color: var(--text-faint);
--input-radius: var(--button-radius);
--input-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2),
inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1),
inset 0px calc(-1 * var(--button-inset-shadow-size)) 0px 2px
rgba(0, 0, 0, 0.09),
inset 0px -2px 4px 0px rgba(0, 0, 0, 0.1),
0px 4px 4px -5.6px rgba(0, 0, 0, 0.4),
0px 2px 4px -2.7px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.05);
--input-shadow-active: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15),
inset 0px 0px 0px calc(1px + var(--button-inset-shadow-size))
rgba(0, 0, 0, 0.09),
inset 0px 2px 8px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 1px rgba(255, 255, 255, 0.6);
--input-shadow-hover: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4),
inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15),
inset 0px calc(-1 * var(--button-inset-shadow-size)) 0px 2px
rgba(0, 0, 0, 0.09),
inset 0px -2px 4px 0px rgba(0, 0, 0, 0.1),
0px 4px 4px -5.6px rgba(0, 0, 0, 0.4),
0px 2px 4px -2.7px rgba(0, 0, 0, 0.15), 0px 2px 6px -1px rgba(0, 0, 0, 0.1);
--inset-end: right;
--inset-start: left;
--interactive-accent: var(--color-accent-1);
--interactive-accent-hover: var(--color-accent-2);
--interactive-accent-hsl: var(--color-accent-hsl);
--interactive-hover: color-mix(
in hsl,
var(--color-l-gray-10) 50%,
var(--interactive-normal)
);
--interactive-normal: var(--color-l-gray-30);
--interface-font-feature: "calt" 1, "case" 0, "ccmp" 1, "ss03" 1, "cv01" 1, "cv05" 1, "cv06" 1,
"cv08" 0, "cv11" 1, "cv12" 0, "cv13" 0;
--italic-color: var(--color-l-blue-30);
--italic-highlight-bg: var(--color-l-alpha-blue);
--italic-highlight-color: var(--text-normal);
--kbd-background: var(--color-l-gray-40);
--kbd-color: var(--color-l-red-10);
--kbd-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03),
inset 0px calc(-1 * var(--button-inset-shadow-size)) 0px 0px
rgba(0, 0, 0, 0.06);
--key-chbx-color: hsla(45, 50%, 45%, 1);
--keyboard-height: 0px;
--language-chbx-color: hsla(7, 59%, 64%, 1);
--law-chbx-color: hsla(34, 34%, 52%, 1);
--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(--color-l-gray-20));
--lightgray: var(--background-secondary, var(--color-l-gray-40));
--line-height-normal: 1.5;
--line-height-tight: 1.3;
--link-ahref-color: var(--color-l-red-30);
--link-ahref-color-hover: color-mix(
in srgb,
var(--link-ahref-color) 75%,
var(--text-normal)
);
--link-ahref-decoration-color: color-mix(
in srgb,
currentColor var(--link-decoration-opacity),
transparent
);
--link-ahref-decoration-color-hover: color-mix(
in srgb,
var(--link-ahref-color-hover) var(--link-decoration-opacity),
transparent
);
--link-color: hsl(40 90% 29%);
--link-color-hover: color-mix(
in srgb,
var(--link-color) 75%,
var(--text-normal)
);
--link-decoration: underline;
--link-decoration-color: color-mix(
in srgb,
var(--link-color) var(--link-decoration-opacity),
transparent
);
--link-decoration-color-hover: color-mix(
in srgb,
var(--link-color-hover) var(--link-decoration-opacity),
transparent
);
--link-decoration-hover: underline;
--link-decoration-opacity: 22%;
--link-decoration-thickness: 1.5px;
--link-external-color: var(--color-l-green-40);
--link-external-color-hover: color-mix(
in srgb,
var(--link-external-color) 75%,
var(--text-normal)
);
--link-external-decoration: underline;
--link-external-decoration-color: color-mix(
in srgb,
var(--link-external-color) var(--link-decoration-opacity),
transparent
);
--link-external-decoration-color-hover: color-mix(
in srgb,
var(--link-external-color-hover) var(--link-decoration-opacity),
transparent
);
--link-external-decoration-hover: underline;
--link-external-filter: none;
--link-opacity-active: 0.5;
--link-underline-offset: 2px;
--link-unresolved-color: var(--color-l-gray-100);
--link-unresolved-color-hover: color-mix(
in srgb,
var(--link-unresolved-color) 75%,
var(--text-normal)
);
--link-unresolved-decoration-color: color-mix(
in srgb,
var(--link-unresolved-color) var(--link-decoration-opacity),
transparent
);
--link-unresolved-decoration-color-hover: color-mix(
in srgb,
var(--link-unresolved-color-hover) var(--link-decoration-opacity),
transparent
);
--link-unresolved-decoration-style: solid;
--link-unresolved-filter: none;
--link-unresolved-opacity: 1;
--link-weight: var(--font-weight);
--list-bullet-border: none;
--list-bullet-end-padding: 1.3rem;
--list-bullet-indent-reading: -1em;
--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.6em;
--list-indent-source: 0;
--list-marker-color: var(--color-l-gray-80);
--list-marker-color-collapsed: var(--color-l-gray-90);
--list-marker-color-hover: var(--color-l-gray-100);
--list-numbered-style: decimal;
--list-spacing: 0.075em;
--loading-icon-delay: 400ms;
--loading-line-bg-color: var(--background-secondary);
--loading-line-color: var(--color-l-blue-10);
--loading-line-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
--location-chbox-color: hsla(0, 56%, 48%, 1);
--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-item-bg-active: var(--color-l-gray-50);
--menu-item-bg-hover: rgba(255, 255, 255, 0.35);
--menu-item-color-active: var(--color-l-gray-70);
--menu-item-icon-color: var(--color-l-gray-80);
--menu-item-icon-color-active: var(--color-l-gray-70);
--menu-item-radius: calc(var(--radius-m) - 1px);
--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: color-mix(
in srgb,
var(--editor-bg-color) 50%,
var(--background-primary-alt)
);
--metadata-border-color: var(--background-modifier-border);
--metadata-border-radius: var(--radius-m);
--metadata-border-width: 1px;
--metadata-container-padding: var(--size-4-3) var(--size-4-3);
--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: 0px;
--metadata-gap: 3px;
--metadata-input-background: transparent;
--metadata-input-background-active: rgba(255, 255, 255, 0.45);
--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-shadow-active: inset 0px 0px 0px 1px var(--background-modifier-border),
0px 0px 0px 1px var(--background-modifier-border);
--metadata-input-shadow-hover: none;
--metadata-input-text-color: var(--color-l-gray-120);
--metadata-key-input-color: var(--color-l-gray-100);
--metadata-key-input-color-active: var(--color-l-gray-120);
--metadata-label-background: transparent;
--metadata-label-background-active: var(--metadata-input-background-active);
--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-properties-title-color: var(--color-l-gray-70);
--metadata-properties-title-color-collapsed: var(--color-l-gray-70);
--metadata-properties-title-color-hover: var(--color-l-gray-80);
--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: calc(var(--radius-m) - 1px);
--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);
--metadata-tab-background: var(--background-secondary);
--milestone-chbx-color: hsla(265, 40%, 58%, 1);
--modal-background: var(--background-primary);
--modal-border-color: var(--background-modifier-border-hover);
--modal-border-width: var(--border-width);
--modal-close-button-size: 20px;
--modal-community-sidebar-width: 280px;
--modal-header-height: auto;
--modal-height: 85vh;
--modal-max-height: 1000px;
--modal-max-width: 1100px;
--modal-max-width-narrow: 800px;
--modal-radius: var(--radius-xl);
--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;
--monospace-font-feature: "calt" 1, "ss01" 1, "ss02" 1, "ss03" 1, "ss05" 1, "ss19" 1, "zero" 1;
--nav-collapse-icon-color: var(--collapse-icon-color);
--nav-collapse-icon-color-collapsed: var(--text-faint);
--nav-file-padding-active: calc(var(--size-4-1)) var(--size-4-2)
calc(var(--size-4-1) + var(--button-inset-shadow-size)) var(--size-4-6);
--nav-file-shadow-active: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.09),
inset 0px calc(-1 * var(--button-axis-offset)) 0px var(--button-axis-offset)
rgba(0, 0, 0, 0.07),
0px 2px 3px 0px rgba(0, 0, 0, 0.05);
--nav-file-tag-bg: transparent;
--nav-file-tag-color: var(--color-l-gray-90);
--nav-folder-1-bg-color: color-mix(
in srgb,
var(--color-l-alpha-red) 60%,
transparent
);
--nav-folder-1-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-1-bg-color) 70%,
transparent
);
--nav-folder-1-collapse-color: color-mix(
in srgb,
var(--nav-folder-1-color) 50%,
transparent
);
--nav-folder-1-color: var(--color-l-red-30);
--nav-folder-1-indent-color: color-mix(
in srgb,
var(--nav-folder-1-color) 25%,
transparent
);
--nav-folder-10-bg-color: color-mix(
in srgb,
var(--color-l-alpha-green) 60%,
transparent
);
--nav-folder-10-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-10-bg-color) 70%,
transparent
);
--nav-folder-10-collapse-color: color-mix(
in srgb,
var(--nav-folder-10-color) 50%,
transparent
);
--nav-folder-10-color: var(--color-l-green-40);
--nav-folder-10-indent-color: color-mix(
in srgb,
var(--nav-folder-10-color) 25%,
transparent
);
--nav-folder-11-bg-color: color-mix(
in srgb,
var(--color-l-alpha-blue) 60%,
transparent
);
--nav-folder-11-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-11-bg-color) 70%,
transparent
);
--nav-folder-11-collapse-color: color-mix(
in srgb,
var(--nav-folder-11-color) 50%,
transparent
);
--nav-folder-11-color: var(--color-l-blue-30);
--nav-folder-11-indent-color: color-mix(
in srgb,
var(--nav-folder-11-color) 25%,
transparent
);
--nav-folder-12-bg-color: color-mix(
in srgb,
var(--color-l-alpha-purple) 60%,
transparent
);
--nav-folder-12-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-12-bg-color) 70%,
transparent
);
--nav-folder-12-collapse-color: color-mix(
in srgb,
var(--nav-folder-12-color) 50%,
transparent
);
--nav-folder-12-color: var(--color-l-purple-30);
--nav-folder-12-indent-color: color-mix(
in srgb,
var(--nav-folder-12-color) 25%,
transparent
);
--nav-folder-2-bg-color: color-mix(
in srgb,
var(--color-l-alpha-orange) 60%,
transparent
);
--nav-folder-2-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-2-bg-color) 70%,
transparent
);
--nav-folder-2-collapse-color: color-mix(
in srgb,
var(--nav-folder-2-color) 50%,
transparent
);
--nav-folder-2-color: var(--color-l-orange-30);
--nav-folder-2-indent-color: color-mix(
in srgb,
var(--nav-folder-2-color) 25%,
transparent
);
--nav-folder-3-bg-color: color-mix(
in srgb,
var(--color-l-alpha-yellow) 60%,
transparent
);
--nav-folder-3-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-3-bg-color) 70%,
transparent
);
--nav-folder-3-collapse-color: color-mix(
in srgb,
var(--nav-folder-3-color) 50%,
transparent
);
--nav-folder-3-color: var(--color-l-yellow-40);
--nav-folder-3-indent-color: color-mix(
in srgb,
var(--nav-folder-3-color) 25%,
transparent
);
--nav-folder-4-bg-color: color-mix(
in srgb,
var(--color-l-alpha-green) 60%,
transparent
);
--nav-folder-4-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-4-bg-color) 70%,
transparent
);
--nav-folder-4-collapse-color: color-mix(
in srgb,
var(--nav-folder-4-color) 50%,
transparent
);
--nav-folder-4-color: var(--color-l-green-40);
--nav-folder-4-indent-color: color-mix(
in srgb,
var(--nav-folder-4-color) 25%,
transparent
);
--nav-folder-5-bg-color: color-mix(
in srgb,
var(--color-l-alpha-blue) 60%,
transparent
);
--nav-folder-5-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-5-bg-color) 70%,
transparent
);
--nav-folder-5-collapse-color: color-mix(
in srgb,
var(--nav-folder-5-color) 50%,
transparent
);
--nav-folder-5-color: var(--color-l-blue-30);
--nav-folder-5-indent-color: color-mix(
in srgb,
var(--nav-folder-5-color) 25%,
transparent
);
--nav-folder-6-bg-color: color-mix(
in srgb,
var(--color-l-alpha-purple) 60%,
transparent
);
--nav-folder-6-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-6-bg-color) 70%,
transparent
);
--nav-folder-6-collapse-color: color-mix(
in srgb,
var(--nav-folder-6-color) 50%,
transparent
);
--nav-folder-6-color: var(--color-l-purple-30);
--nav-folder-6-indent-color: color-mix(
in srgb,
var(--nav-folder-6-color) 25%,
transparent
);
--nav-folder-7-bg-color: color-mix(
in srgb,
var(--color-l-alpha-red) 60%,
transparent
);
--nav-folder-7-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-7-bg-color) 70%,
transparent
);
--nav-folder-7-collapse-color: color-mix(
in srgb,
var(--nav-folder-7-color) 50%,
transparent
);
--nav-folder-7-color: var(--color-l-red-30);
--nav-folder-7-indent-color: color-mix(
in srgb,
var(--nav-folder-7-color) 25%,
transparent
);
--nav-folder-8-bg-color: color-mix(
in srgb,
var(--color-l-alpha-orange) 60%,
transparent
);
--nav-folder-8-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-8-bg-color) 70%,
transparent
);
--nav-folder-8-collapse-color: color-mix(
in srgb,
var(--nav-folder-8-color) 50%,
transparent
);
--nav-folder-8-color: var(--color-l-orange-30);
--nav-folder-8-indent-color: color-mix(
in srgb,
var(--nav-folder-8-color) 25%,
transparent
);
--nav-folder-9-bg-color: color-mix(
in srgb,
var(--color-l-alpha-yellow) 60%,
transparent
);
--nav-folder-9-bg-color-hover: color-mix(
in srgb,
var(--nav-folder-9-bg-color) 70%,
transparent
);
--nav-folder-9-collapse-color: color-mix(
in srgb,
var(--nav-folder-9-color) 50%,
transparent
);
--nav-folder-9-color: var(--color-l-yellow-40);
--nav-folder-9-indent-color: color-mix(
in srgb,
var(--nav-folder-9-color) 25%,
transparent
);
--nav-folder-bg-color: transparent;
--nav-folder-bg-color-hover: var(--nav-item-background-hover);
--nav-folder-collapse-color: var(--nav-collapse-icon-color);
--nav-folder-color: var(--nav-item-color);
--nav-heading-color: var(--color-l-gray-100);
--nav-heading-color-collapsed: var(--color-l-gray-100);
--nav-heading-color-collapsed-hover: var(--color-l-gray-100);
--nav-heading-color-hover: var(--color-l-gray-100);
--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: rgba(255, 255, 255, 0.25);
--nav-item-background-hover: rgba(255, 255, 255, 0.25);
--nav-item-background-selected: hsla(197, 82%, 27%, 0.5);
--nav-item-background-selected-hover: hsla(197, 82%, 27%, 0.4);
--nav-item-children-margin-start: var(--size-4-3);
--nav-item-children-padding-start: var(--size-2-2);
--nav-item-color: var(--color-l-gray-110);
--nav-item-color-active: var(--color-l-gray-110);
--nav-item-color-highlighted: var(--text-accent-hover);
--nav-item-color-hover: var(--color-l-gray-110);
--nav-item-color-selected: var(--color-l-gray-20);
--nav-item-margin-bottom: var(--size-2-1);
--nav-item-padding: calc(var(--size-4-1) + 1px) var(--size-4-2)
calc(var(--size-4-1) + 1px) var(--size-4-6);
--nav-item-parent-padding: var(--nav-item-padding);
--nav-item-radius: 6px;
--nav-item-shadow-active: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
--nav-item-size: var(--font-ui-small);
--nav-item-white-space: nowrap;
--nav-tag-background: transparent;
--nav-tag-color: var(--text-faint);
--nav-tag-color-active: var(--text-muted);
--nav-tag-color-hover: var(--text-muted);
--nav-tag-radius: var(--radius-s);
--nav-tag-weight: var(--font-semibold);
--new-tab-btn-radius: 2em;
--non-alternating-color: var(--color-l-gray-70);
--non-alternating-color-hover-active: var(--color-l-gray-60);
--normal-highlight-bg: var(--color-l-alpha-yellow);
--normal-highlight-color: var(--text-normal);
--note-chbx-color: hsla(8, 51%, 53%, 1);
--notice-color: var(--text-on-accent);
--notice-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12),
0px 2px 9px -2.1px rgba(0, 0, 0, 0.38),
0px 3px 17px -4.3px rgba(0, 0, 0, 0.12),
0px 7px 30px -5.5px rgba(0, 0, 0, 0.09);
--p-spacing: 1rem;
--p-spacing-empty: 0rem;
--page-border: 9px solid transparent;
--page-margin: 1px auto -8px;
--pcr-btn-shadow: inset 0px 0px 0px 1.5px rgba(0, 0, 0, 0.2);
--pdf-background: var(--background-primary);
--pdf-page-background: var(--background-primary);
--pdf-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.1);
--pdf-sidebar-background: var(--background-primary);
--pdf-spread-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
--pdf-thumbnail-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.2);
--pdfViewer-padding-bottom: 0;
--pill-background: rgba(255, 255, 255, 0.4);
--pill-background-hover: var(--pill-background);
--pill-border-color: color-mix(
in srgb,
var(--background-modifier-border) 50%,
transparent
);
--pill-border-color-hover: color-mix(
in srgb,
var(--background-modifier-border-hover) 50%,
transparent
);
--pill-border-width: var(--border-width);
--pill-color: var(--color-l-gray-120);
--pill-color-hover: var(--color-l-gray-140);
--pill-color-remove: var(--color-l-gray-70);
--pill-color-remove-hover: var(--color-l-gray-70);
--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;
--pill-tag-bg-1: var(--color-l-alpha-yellow);
--pill-tag-bg-2: var(--color-l-alpha-red);
--pill-tag-bg-3: var(--color-l-alpha-blue);
--pill-tag-color-1: var(--color-l-yellow-40);
--pill-tag-color-2: var(--color-l-red-40);
--pill-tag-color-3: var(--color-l-blue-40);
--pill-tag-shadow-hover: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
--pill-tag-weight: var(--component-font-weight);
--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;
--popup-bg-blur: 3px;
--preferred-text-scale: 1;
--pro-chbx-color: hsla(149, 34%, 44%, 1);
--progress-background: var(--color-l-gray-40);
--progress-bar-outline: rgba(0, 0, 0, 0.1);
--progress-border-width: 1px;
--progress-color-1: var(--color-l-red-20);
--progress-color-2: var(--color-l-orange-20);
--progress-color-3: var(--color-l-yellow-20);
--progress-color-4: var(--color-l-green-30);
--progress-color-5: linear-gradient(
45deg,
var(--progress-gradient-1),
var(--progress-gradient-2),
var(--progress-gradient-3)
);
--progress-gradient-1: var(--color-l-red-10);
--progress-gradient-2: var(--color-l-yellow-10);
--progress-gradient-3: var(--color-l-blue-10);
--progress-height: 8px;
--progress-value-outline: rgba(0, 0, 0, 0.18);
--progress-value-radius: var(--progress-height);
--progress-width: 220px;
--prompt-backdrop-filter: none;
--prompt-background: var(--background-primary);
--prompt-border-color: var(--background-modifier-border-focus);
--prompt-border-width: var(--border-width);
--prompt-input-background: var(--background-primary);
--prompt-input-height: 40px;
--prompt-instructions-background: color-mix(
in hsl,
var(--background-primary) 60%,
var(--background-secondary)
);
--prompt-max-height: 70vh;
--prompt-max-width: 80vw;
--prompt-results-background: var(--background-primary);
--prompt-separator-border: 1px solid var(--color-l-gray-40);
--prompt-suggestion-background-selected: rgba(255, 255, 255, 0.35);
--prompt-suggestion-color: var(--color-l-gray-90);
--prompt-suggestion-color-selected: var(--color-l-gray-130);
--prompt-suggestion-highlight-color: color-mix(
in srgb,
var(--prompt-suggestion-color) 70%,
black
);
--prompt-suggestion-highlight-color-selected: var(--color-l-gray-130);
--prompt-suggestion-shadow-selected: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.08),
0px 2px 6px 0px rgba(0, 0, 0, 0.03);
--prompt-width: 700px;
--question-chbx-color: hsla(281, 33%, 54%, 1);
--quote-chbx-color: hsla(206, 47%, 48%, 1);
--radius-l: 12px;
--radius-m: 8px;
--radius-s: 4px;
--radius-xl: 24px;
--radius-xs: 2px;
--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);
--recurring-chbx-color: hsla(185, 45%, 45%, 1);
--resched-chbx-color: hsla(178, 18%, 59%, 1);
--ribbon-background: var(--background-secondary);
--ribbon-background-collapsed: var(--background-primary);
--ribbon-border-width: 1px;
--ribbon-icon: var(--icon-s);
--ribbon-icon-spacing: var(--size-2-2);
--ribbon-margin-bottom: var(--editor-pane-margin);
--ribbon-padding: var(--size-4-2) var(--size-4-1) var(--size-4-3);
--ribbon-radius: var(--editor-border-radius);
--ribbon-slideout-background: var(--color-l-gray-30);
--ribbon-slideout-shadow: 8px 7px 21px -4px rgba(0, 0, 0, 0.12), 0px 5px 5px -5px rgba(0, 0, 0, 0.15);
--ribbon-width: 44px;
--safe-area-inset-bottom: 0px;
--safe-area-inset-left: 0px;
--safe-area-inset-right: 0px;
--safe-area-inset-top: 0px;
--sched-chbx-color: hsla(32, 10%, 68%, 1);
--scrollbar-active-thumb-bg: var(--background-modifier-border-hover);
--scrollbar-bg: transparent;
--scrollbar-border-width: 3px 3px 3px 2px;
--scrollbar-height: 12px;
--scrollbar-native-width: auto;
--scrollbar-radius: var(--radius-l);
--scrollbar-thumb-bg: var(--background-modifier-border);
--scrollbar-width: 12px;
--search-clear-button-color: var(--icon-color);
--search-clear-button-color-hover: var(--background-modifier-error-hover);
--search-clear-button-size: 12px;
--search-icon-color: var(--color-l-gray-80);
--search-icon-size: 14px;
--search-input-corner-shape: var(--input-corner-shape);
--search-input-radius: var(--input-radius);
--search-result-background: var(--background-primary-alt);
--search-result-background-hover: color-mix(
in srgb,
var(--color-l-gray-10) 50%,
var(--color-l-gray-20)
);
--search-result-dest-file-bg: var(--color-l-gray-20);
--search-result-dest-file-bg-hover: color-mix(
in srgb,
var(--color-l-gray-20) 50%,
var(--color-l-gray-10)
);
--search-result-dest-file-color: var(--color-l-gray-100);
--search-result-dest-file-icon-color: var(--color-l-gray-70);
--search-result-dest-file-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1),
inset 0px -2px 0px 0px rgba(0, 0, 0, 0.05);
--search-result-dest-file-shadow-hover: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1),
inset 0px -2px 0px 0px rgba(0, 0, 0, 0.05),
0px 2px 3px 0px rgba(0, 0, 0, 0.09);
--secondary: var(--text-accent, var(--color-accent));
--setting-group-heading-color: var(--text-normal);
--setting-group-heading-size: var(--font-ui-medium);
--setting-group-heading-weight: var(--font-semibold);
--setting-group-max-width: 700px;
--setting-items-background: var(--background-primary-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);
--settings-nav-group-title-color: var(--color-l-gray-70);
--settings-nav-item-active-color: var(--color-l-gray-10);
--settings-nav-item-bg-hover: transparent;
--settings-nav-item-padding: calc(var(--size-2-3) + 1px) var(--size-4-3)
calc(var(--size-2-3) + 1px) var(--size-4-3);
--settings-nav-item-padding-active: var(--size-2-3) var(--size-4-3)
calc(var(--size-2-3) + var(--button-inset-shadow-size)) var(--size-4-5);
--settings-nav-item-padding-hover: calc(var(--size-2-3) + 1px) var(--size-4-3)
calc(var(--size-2-3) + 1px) var(--size-4-5);
--settings-nav-item-radius: calc(var(--radius-m) - 1px);
--settings-nav-item-text-color: var(--color-l-gray-110);
--settings-nav-item-text-color-active: var(--color-l-gray-80);
--settings-nav-item-text-color-hover: var(--color-l-gray-130);
--shadow-edges: 0 0 transparent;
--shadow-l: 0px 1.8px 7.3px rgba(0, 0, 0, 0.091), 0px 6.3px 24.7px rgba(0, 0, 0, 0.132),
0px 30px 90px rgba(0, 0, 0, 0.22);
--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;
--shopping-chbx-color: hsla(140, 45%, 45%, 1);
--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-nav-icon: var(--icon-s);
--sidebar-right-toggle-inner-width: 8.33%;
--sidebar-right-toggle-inner-width-open: 24%;
--sidebar-tab-icon: var(--icon-s);
--sidebar-tab-text-display: none;
--size-2-1: 2px;
--size-2-2: 4px;
--size-2-3: 6px;
--size-4-1: 4px;
--size-4-10: 40px;
--size-4-12: 48px;
--size-4-16: 64px;
--size-4-18: 72px;
--size-4-2: 8px;
--size-4-3: 12px;
--size-4-4: 16px;
--size-4-5: 20px;
--size-4-6: 24px;
--size-4-8: 32px;
--size-4-9: 36px;
--slider-s-thumb-position: -5px;
--slider-s-thumb-size: 15px;
--slider-thumb-background: white;
--slider-thumb-background-hover: white;
--slider-thumb-bg: var(--color-l-gray-10);
--slider-thumb-border-color: var(--background-modifier-border-hover);
--slider-thumb-border-width: 0px;
--slider-thumb-height: 18px;
--slider-thumb-height-active: var(--slider-thumb-height);
--slider-thumb-radius: var(--slider-thumb-height);
--slider-thumb-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15),
inset 0pc 1px 0px 1px rgba(255, 255, 255, 1),
inset 0px -1px 0px 1px rgba(0, 0, 0, 0.09),
0px 1px 2px 0px rgba(0, 0, 0, 0.1);
--slider-thumb-shadow-active: var(--slider-thumb-shadow);
--slider-thumb-shadow-focus: var(--slider-thumb-shadow-active), 0 0px 0px 2px var(--background-modifier-border-focus);
--slider-thumb-shadow-hover: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15),
inset 0pc 1px 0px 1px rgba(255, 255, 255, 1),
inset 0px -1px 0px 1px rgba(0, 0, 0, 0.09),
0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 0px 0px 6px rgba(0, 0, 0, 0.05);
--slider-thumb-width: 18px;
--slider-thumb-width-active: var(--slider-thumb-width);
--slider-thumb-y: -6px;
--slider-thumb-y-active: var(--slider-thumb-y);
--slider-track-background: var(--color-l-gray-60);
--slider-track-height: 5px;
--slider-track-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.08),
0px 0px 0px 1px rgba(255, 255, 255, 0.08);
--slider-value-font-size: var(--font-ui-small);
--slider-value-font-weight: var(--input-font-weight);
--speech-bubble-5: var(--callout-note);
--speech-bubble-6: var(--callout-tip);
--speech-bubble-7: var(--callout-success);
--speech-bubble-8: var(--callout-warning);
--speech-bubble-9: var(--callout-danger);
--speech-bubble-opacity: 20%;
--spreadHorizontalWrapped-margin-LR: -3.5px;
--star-chbx-color: hsla(40, 93%, 51%, 1);
--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-floating-bg: var(--color-l-gray-30);
--status-bar-floating-offset: var(--size-2-2);
--status-bar-floating-opacity: 0.5;
--status-bar-floating-opacity-hover: 1;
--status-bar-floating-shadow: 8px 7px 21px -4px rgba(0, 0, 0, 0.12), 0px 5px 5px -5px rgba(0, 0, 0, 0.15);
--status-bar-font-size: var(--font-ui-smaller);
--status-bar-item-bg-hover: transparent;
--status-bar-item-clickable-bg-active: transparent;
--status-bar-item-clickable-color-active: var(--color-l-gray-70);
--status-bar-item-color: var(--color-l-gray-80);
--status-bar-item-color-hover: var(--color-l-gray-100);
--status-bar-position: fixed;
--status-bar-radius: var(--radius-m) 0 0 0;
--status-bar-text-color: var(--text-muted);
--strikethrough-color: var(--color-l-gray-80);
--strikethrough-highlight-bg: var(--color-l-alpha-yellow);
--strikethrough-highlight-color: var(--strikethrough-color);
--style-settings-container-bg: color-mix(
in srgb,
var(--background-primary-alt) 50%,
transparent
);
--suggestion-backdrop-filter: none;
--suggestion-background: var(--background-primary);
--swatch-height: 22px;
--swatch-radius: 14px;
--swatch-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
--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;
--sync-icon-success: var(--color-l-green-30);
--sync-icon-success-active: var(--status-bar-item-clickable-color-active);
--sync-icon-success-hover: var(--color-l-green-20);
--sync-icon-working: var(--color-l-orange-10);
--sync-icon-working-active: var(--status-bar-item-clickable-color-active);
--sync-icon-working-hover: var(--color-l-orange-20);
--tab-active-bg: var(--background-primary);
--tab-active-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1),
inset 0px calc(-1 * var(--button-inset-shadow-size)) 0px 1px
rgba(0, 0, 0, 0.09),
0px 1px 2px -0.1px rgba(0, 0, 0, 0.15);
--tab-background-active: var(--background-primary);
--tab-bg: transparent;
--tab-container-background: var(--background-secondary);
--tab-curve: 6px;
--tab-curves-display: none;
--tab-divider-color: var(--background-modifier-border-hover);
--tab-font-size: var(--font-ui-small);
--tab-header-container-border-bottom: none;
--tab-header-container-inner-margin: default;
--tab-header-container-inner-padding: var(--button-axis-offset);
--tab-header-container-padding: 0 var(--editor-border-radius) var(--size-4-1)
var(--editor-border-radius);
--tab-header-container-transition: padding-bottom none;
--tab-max-width: 320px;
--tab-outline-color: transparent;
--tab-outline-width: 1px;
--tab-radius: var(--radius-s);
--tab-radius-active: 6px 6px 0 0;
--tab-stacked-font-size: var(--font-ui-small);
--tab-stacked-font-weight: 400;
--tab-stacked-header-width: var(--header-height);
--tab-stacked-pane-width: 700px;
--tab-stacked-shadow: -2.9px 0 10.5px -6.2px rgba(0, 0, 0, 0.08),
-6.2px 0 3.6px -5.2px rgba(0, 0, 0, 0.04),
-9.4px 0 8.4px -4.1px rgba(0, 0, 0, 0.06);
--tab-stacked-text-align: start;
--tab-stacked-text-transform: rotate(0deg);
--tab-stacked-text-writing-mode: vertical-lr;
--tab-status-radius: var(--radius-s);
--tab-switcher-background: var(--background-secondary);
--tab-switcher-menubar-background: linear-gradient(to top, var(--background-secondary), transparent);
--tab-switcher-preview-background-shadow: 0 4px 30px 2px rgba(0, 0, 0, 0.2);
--tab-switcher-preview-radius: var(--radius-xl);
--tab-switcher-preview-shadow: 0 0 0 1px color-mix(in oklch, var(--mono-100) 5%, transparent);
--tab-switcher-preview-shadow-active: 0 0 0 2px var(--color-accent);
--tab-text-color: var(--text-faint);
--tab-text-color-active: var(--text-muted);
--tab-text-color-focused: var(--text-muted);
--tab-text-color-focused-active: var(--text-muted);
--tab-text-color-focused-active-current: var(--text-normal);
--tab-text-color-focused-highlighted: var(--text-accent);
--tab-width: 200px;
--tab-z-index: 1;
--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: var(--color-l-gray-10);
--table-border-color: var(--background-modifier-border);
--table-border-width: 1px;
--table-cell-vertical-alignment: top;
--table-column-alt-background: var(--color-l-gray-30);
--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(--color-l-gray-30);
--table-header-background-hover: var(--table-header-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: rgba(255, 255, 255, 0.5);
--tag-background-hover: rgba(255, 255, 255, 0.8);
--tag-border-color: rgba(0, 0, 0, 0.15);
--tag-border-color-hover: rgba(0, 0, 0, 0.25);
--tag-border-width: 1px;
--tag-color: var(--color-l-blue-30);
--tag-color-hover: var(--color-l-blue-20);
--tag-corner-shape: round;
--tag-decoration: none;
--tag-decoration-hover: none;
--tag-padding-x: 0.6em;
--tag-padding-y: 0.15em;
--tag-radius: 1em;
--tag-shadow: inset 0px -0.1em 0px 0px rgba(0, 0, 0, 0.1);
--tag-shadow-active: inset 0px -0.1em 0px 0px rgba(0, 0, 0, 0.1);
--tag-shadow-hover: inset 0px -0.1em 0px 0px rgba(0, 0, 0, 0.1),
0px 0px 0px 3px rgba(0, 0, 0, 0.03);
--tag-size: var(--font-smaller);
--task-progress-fill: var(--interactive-accent);
--task-progress-track: var(--background-modifier-border);
--task-progress-track-border: var(--background-modifier-border-hover);
--telephone-chbx-color: hsla(148, 47%, 47%, 1);
--tertiary: var(--text-accent-hover, var(--color-accent-2));
--text-accent: var(--color-accent);
--text-accent-hover: var(--color-accent-2);
--text-error: var(--color-l-red-30);
--text-faint: var(--color-l-gray-100);
--text-font-feature: "calt" 1, "case" 0, "ccmp" 1, "ss03" 1, "cv01" 1, "cv05" 1, "cv06" 1,
"cv08" 0, "cv11" 1, "cv12" 0, "cv13" 0;
--text-highlight-bg: var(--color-l-alpha-yellow);
--text-highlight-bg-rgb: var(--color-yellow-rgb);
--text-input-bg-active: color-mix(
in hsl,
var(--background-modifier-form-field) 40%,
var(--color-l-gray-10)
);
--text-input-border-color: var(--color-l-gray-60);
--text-input-color: var(--color-l-gray-130);
--text-input-color-focused: var(--color-l-gray-130);
--text-input-shadow-active: inset 0px 1px 0px 0px rgba(255, 255, 255, 1),
inset 0px -1px 0px 0px rgba(0, 0, 0, 0.04),
0px 1px 6px 0px rgba(0, 0, 0, 0.07);
--text-muted: var(--color-l-gray-100);
--text-normal: var(--color-l-gray-130);
--text-on-accent: var(--color-l-gray-10);
--text-on-accent-inverted: var(--color-l-gray-140);
--text-selection: var(--color-l-alpha-gray);
--text-selection-theme-bg: color-mix(
in srgb,
var(--color-l-gray-70) 30%,
transparent
);
--text-selection-theme-text-color: color-mix(
in srgb,
currentColor 70%,
black
);
--text-success: var(--color-l-green-30);
--text-warning: var(--color-l-orange-30);
--textHighlight: var(--text-highlight-bg, var(--color-l-alpha-yellow));
--titleFont: var(--font-text, var(--font-text-override, var(--font-text-theme, var(--font-default))));
--titlebar-background: var(--background-secondary);
--titlebar-background-focused: var(--background-secondary);
--titlebar-border-color: var(--background-modifier-border);
--titlebar-border-width: 0px;
--titlebar-height: 30px;
--titlebar-text-color: var(--color-l-gray-60);
--titlebar-text-color-focused: var(--color-l-gray-70);
--titlebar-text-weight: var(--font-normal);
--toggle-bg: color-mix(
in hsl,
var(--color-l-gray-60) 80%,
var(--color-l-gray-70)
);
--toggle-bg-enabled: var(--color-l-green-30);
--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-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.09),
inset 0px 0px 0px 1px rgba(0, 0, 0, 0.06), inset 0 0 1px rgba(0, 0, 0, 0.28);
--toggle-shadow-focus: inset 0 6px 20px rgba(0, 0, 0, 0.18),
inset 0px 0px 0px 1px rgba(0, 0, 0, 0.06),
inset 0 0 1px rgba(0, 0, 0, 0.32), 0px 0px 0px 5px rgba(0, 0, 0, 0.05);
--toggle-shadow-hover: inset 0 6px 20px rgba(0, 0, 0, 0.18),
inset 0px 0px 0px 1px rgba(0, 0, 0, 0.06), inset 0 0 1px rgba(0, 0, 0, 0.32);
--toggle-thumb-color: var(--color-l-gray-10);
--toggle-thumb-height: 18px;
--toggle-thumb-opacity-active: 1;
--toggle-thumb-radius: 18px;
--toggle-thumb-shadow: inset 0px 1px 0px 1px rgba(255, 255, 255, 1),
inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0 2px 2px rgba(0, 0, 0, 0.2);
--toggle-thumb-width: 18px;
--toggle-width: 40px;
--tooltip-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.12),
0px 2px 4px -1.4px rgba(0, 0, 0, 0.3),
0px 3px 10px -1.7px rgba(0, 0, 0, 0.14);
--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);
--underline-color: var(--text-normal);
--underline-decoration-color: color-mix(
in srgb,
currentColor var(--underline-decoration-opacity),
transparent
);
--underline-decoration-opacity: 22%;
--up-chbx-color: hsla(146, 37%, 49%, 1);
--vault-name-background: var(--color-l-gray-30);
--vault-name-border: var(--vault-name-border-width) solid
var(--background-modifier-border);
--vault-name-border-width: 1px;
--vault-name-color: var(--color-l-gray-100);
--vault-name-color-hover: var(--color-l-gray-120);
--vault-profile-actions-display: flex;
--vault-profile-color: var(--vault-name-color);
--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-semibold);
--vault-profile-order: 2;
--vault-profile-radius: var(--radius-s);
--viewer-container-height: 0;
--win-chbx-color: hsla(45, 75%, 48%, 1);
--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");
--yaml-atom-color: var(--color-l-blue-10);
--yaml-base-color: var(--color-l-red-10);
--yaml-def-meta-color: var(--color-l-gray-70);
--yaml-keyword-color: var(--color-l-yellow-30);
--yaml-number-color: var(--color-l-red-10);
--yaml-string-color: var(--color-l-yellow-30);
--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 {
--divider-vertical-height: calc(
100% - calc(var(--header-height) + var(--editor-pane-margin)) -
calc(var(--editor-border-radius) * 2)
);
border-right-color: rgba(0, 0, 0, 0);
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);
--divider-vertical-height: calc(
100% - calc(var(--header-height) + var(--editor-pane-margin)) -
calc(var(--editor-border-radius) * 2)
);
background-color: var(--tab-container-background);
border-left-color: rgba(0, 0, 0, 0);
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: var(--h1-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h1-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h1-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h1-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h1-color);
font-family: var(--h1-font);
font-weight: var(--font-weight);
text-transform: var(--h1-text-transform);
}
html[saved-theme="light"] body h2 {
--font-weight: var(--h2-weight);
border-bottom-color: var(--h2-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h2-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h2-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h2-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h2-color);
font-family: var(--h2-font);
font-weight: var(--font-weight);
text-transform: var(--h2-text-transform);
}
html[saved-theme="light"] body h3 {
--font-weight: var(--h3-weight);
border-bottom-color: var(--h3-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h3-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h3-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h3-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h3-color);
font-family: var(--h3-font);
font-weight: var(--font-weight);
text-transform: var(--h3-text-transform);
}
html[saved-theme="light"] body h4 {
--font-weight: var(--h4-weight);
border-bottom-color: var(--h4-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h4-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h4-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h4-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h4-color);
font-family: var(--h4-font);
font-weight: var(--font-weight);
text-transform: var(--h4-text-transform);
}
html[saved-theme="light"] body h5 {
--font-weight: var(--h5-weight);
border-bottom-color: var(--h5-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h5-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h5-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h5-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h5-color);
font-family: var(--h5-font);
font-weight: var(--font-weight);
text-transform: var(--h5-text-transform);
}
html[saved-theme="light"] body h6 {
--font-weight: var(--h6-weight);
border-bottom-color: var(--h6-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h6-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h6-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h6-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h6-color);
font-family: var(--h6-font);
font-weight: var(--font-weight);
text-transform: var(--h6-text-transform);
}
/* aspect: typography */
html[saved-theme="light"] body .markdown-rendered p > b, html[saved-theme="light"] b {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--bold-color);
cursor: grab;
font-family: var(--font-text);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: rgb(191, 63, 54) none 0px;
text-decoration-color: rgb(191, 63, 54);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="light"] body .markdown-rendered p > em, html[saved-theme="light"] em {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--italic-color);
cursor: grab;
font-family: var(--font-text);
font-weight: var(--font-normal);
outline: rgb(34, 114, 155) none 0px;
text-decoration-color: rgb(34, 114, 155);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="light"] body .markdown-rendered p > i, html[saved-theme="light"] i {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--italic-color);
cursor: grab;
font-family: var(--font-text);
font-weight: var(--font-normal);
outline: rgb(34, 114, 155) none 0px;
text-decoration-color: rgb(34, 114, 155);
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(--bold-italic-color);
cursor: grab;
font-family: var(--font-text);
font-weight: var(--bold-italic-weight);
outline: rgb(67, 46, 20) none 0px;
text-decoration-color: rgb(67, 46, 20);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="light"] body .markdown-rendered p > strong, html[saved-theme="light"] strong {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--bold-color);
cursor: grab;
font-family: var(--font-text);
font-weight: calc(var(--font-weight) + var(--bold-modifier));
outline: rgb(191, 63, 54) none 0px;
text-decoration-color: rgb(191, 63, 54);
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(--normal-highlight-bg);
color: var(--normal-highlight-color);
cursor: grab;
font-family: var(--font-text);
font-weight: var(--font-normal);
outline: rgb(89, 62, 34) none 0px;
text-decoration-color: rgb(89, 62, 34);
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="light"] body del {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--strikethrough-color);
cursor: grab;
font-family: var(--font-text);
font-weight: var(--font-normal);
outline: rgb(183, 157, 123) none 0px;
text-decoration: line-through;
text-decoration-color: rgb(183, 157, 123);
text-decoration-line: line-through;
text-decoration-style: solid;
transition: all;
user-select: text;
}
html[saved-theme="light"] body p {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--text-muted);
font-family: var(--font-interface);
font-weight: var(--font-normal);
outline: rgb(131, 107, 73) none 0px;
text-decoration-color: rgb(131, 107, 73);
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(89, 62, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-width: 0px;
border-right-color: rgb(89, 62, 34);
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
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(89, 62, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-width: 0px;
border-right-color: rgb(89, 62, 34);
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 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(26, 122, 79) none 0px;
text-decoration: underline 1.5px color(srgb 0.1015 0.4785 0.30885 / 0.22);
text-decoration-color: var(--link-external-decoration-color);
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(141, 96, 7) none 0px;
text-decoration: underline 1.5px color(srgb 0.551 0.377 0.029 / 0.22);
text-decoration-color: var(--link-decoration-color);
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(131, 107, 73) none 0px;
text-decoration: underline 1.5px color(srgb 0.512 0.418667 0.288 / 0.22);
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(89, 62, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-width: 0px;
border-right-color: rgb(89, 62, 34);
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
font-size: var(--font-text-size);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 40px;
margin-left: 40px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body dl {
list-style: outside none disc;
margin-block-end: 16px;
margin-block-start: 16px;
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body dt {
border-bottom-color: rgb(89, 62, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-width: 0px;
border-right-color: rgb(89, 62, 34);
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
font-size: var(--font-text-size);
font-weight: var(--font-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 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(89, 62, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-width: 0px;
border-right-color: rgb(89, 62, 34);
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
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(228, 215, 195);
color: var(--blockquote-color);
font-family: var(--font-text);
font-style: var(--blockquote-font-style);
font-weight: var(--font-normal);
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(89, 62, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-width: 0px;
border-right-color: rgb(89, 62, 34);
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html[saved-theme="light"] body table {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: 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(228, 215, 195);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(228, 215, 195);
border-left-style: solid;
border-left-width: var(--table-column-first-border-width);
border-right-color: rgb(228, 215, 195);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(228, 215, 195);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
color: var(--table-text-color);
font-weight: var(--font-normal);
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(228, 215, 195);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(228, 215, 195);
border-left-style: solid;
border-left-width: var(--table-column-first-border-width);
border-right-color: rgb(228, 215, 195);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(228, 215, 195);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: var(--table-header-border-width);
color: var(--table-header-color);
font-weight: var(--table-header-weight);
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
text-align: start;
vertical-align: var(--table-cell-vertical-alignment);
}
html[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(--code-background);
border-bottom-color: rgb(228, 215, 195);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(228, 215, 195);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(228, 215, 195);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(228, 215, 195);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 0px;
color: var(--inline-code-color);
font-family: var(--font-monospace);
padding-block-end: 2.1px;
padding-block-start: 2.1px;
padding-bottom: 2.1px;
padding-inline-end: 4.2px;
padding-inline-start: 4.2px;
padding-left: 4.2px;
padding-right: 4.2px;
padding-top: 2.1px;
}
html[saved-theme="light"] body figure[data-rehype-pretty-code-figure] {
background-color: var(--code-background);
border-bottom-color: rgb(228, 215, 195);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(228, 215, 195);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(228, 215, 195);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(228, 215, 195);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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: rgb(228, 215, 195);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(228, 215, 195);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(228, 215, 195);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(228, 215, 195);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
font-family: var(--font-text);
}
html[saved-theme="light"] body pre > code > [data-line] {
background-color: var(--code-background);
border-left-color: rgb(228, 215, 195);
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: rgb(228, 215, 195);
border-left-width: 0px;
}
html[saved-theme="light"] body pre > code [data-highlighted-chars] {
background-color: var(--code-background);
border-bottom-color: rgb(228, 215, 195);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(228, 215, 195);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(228, 215, 195);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(228, 215, 195);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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: rgb(228, 215, 195);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(228, 215, 195);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(228, 215, 195);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(228, 215, 195);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
/* aspect: images */
html[saved-theme="light"] body audio {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(89, 62, 34);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-width: 0px;
border-right-color: rgb(89, 62, 34);
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(89, 62, 34);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-width: 0px;
border-right-color: rgb(89, 62, 34);
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(67, 46, 20);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-width: 0px;
border-left-color: rgb(67, 46, 20);
border-left-width: 0px;
border-radius: 8px;
border-right-color: rgb(67, 46, 20);
border-right-width: 0px;
border-top-color: rgb(67, 46, 20);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(89, 62, 34);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-width: 0px;
border-radius: 8px;
border-right-color: rgb(89, 62, 34);
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(228, 215, 195);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(228, 215, 195);
border-left-style: solid;
border-left-width: 1px;
border-radius: 12px;
border-right-color: rgb(228, 215, 195);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(228, 215, 195);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-top-style: solid;
border-top-width: 1px;
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(89, 62, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-style: solid;
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(89, 62, 34);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
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(228, 215, 195);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(228, 215, 195);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(228, 215, 195);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(228, 215, 195);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 1px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 8px;
margin-inline-start: calc(var(--checkbox-size) * -1.5);
margin-left: -24px;
margin-right: 8px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
transition: box-shadow 0.15s ease-in-out;
width: var(--checkbox-size);
}
html[saved-theme="light"] body li.task-list-item[data-task="#"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="$"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="%"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] li.task-list-item[data-task="body"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="'"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="+"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task=", html[saved-theme="light"] "] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="."] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="0"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="1"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="2"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="3"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="4"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="5"] {
color: var(--speech-bubble-5);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="6"] {
color: var(--speech-bubble-6);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="7"] {
color: var(--speech-bubble-7);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="8"] {
color: var(--speech-bubble-8);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="9"] {
color: var(--speech-bubble-9);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task=":"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task=";"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="<"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="="] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="@"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="A"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="B"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="C"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="D"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="E"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="F"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="G"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="H"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="J"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="K"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="L"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="M"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="N"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="O"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="P"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="Q"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="R"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="T"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="U"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="V"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="W"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="X"] {
color: var(--checklist-done-color);
text-decoration-line: line-through;
}
html[saved-theme="light"] body li.task-list-item[data-task="Y"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="Z"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="_"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="`"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="a"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="e"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="g"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="h"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="j"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="m"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="n"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="o"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="q"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="r"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="s"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="t"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="v"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="x"] {
color: var(--checklist-done-color);
text-decoration-line: line-through;
}
html[saved-theme="light"] body li.task-list-item[data-task="y"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="z"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="|"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task="~"] {
color: var(--text-normal);
text-decoration-line: none;
}
html[saved-theme="light"] body li.task-list-item[data-task='!'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(89, 62, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='*'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(89, 62, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='-'] {
color: var(--cancelled-chbx-text-color);
text-decoration: line-through;
text-decoration-color: rgb(131, 107, 73);
}
html[saved-theme="light"] body li.task-list-item[data-task='/'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(89, 62, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='>'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(89, 62, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='?'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(89, 62, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='I'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(89, 62, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='S'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(89, 62, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='b'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(89, 62, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='c'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(89, 62, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='d'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(89, 62, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='f'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(89, 62, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='i'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(89, 62, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='k'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(89, 62, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='l'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(89, 62, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='p'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(89, 62, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='u'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(89, 62, 34);
}
html[saved-theme="light"] body li.task-list-item[data-task='w'] {
color: var(--text-normal);
text-decoration: none;
text-decoration-color: rgb(89, 62, 34);
}
html[saved-theme="light"] body ul > li.task-list-item {
display: list-item;
list-style: outside none none;
text-align: start;
}
html[saved-theme="light"] body li.task-list-item[data-task="-"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%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' class='lucide lucide-circle-x'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-circle-x'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="!"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-triangle-alert'%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");
-webkit-mask-image: 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' class='lucide lucide-triangle-alert'%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");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="?"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-circle-help'%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");
-webkit-mask-image: 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' class='lucide lucide-circle-help'%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");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="\""] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-quote'%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");
-webkit-mask-image: 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' class='lucide lucide-quote'%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");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="*"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-star'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-star'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="<"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-calendar-clock'%3E%3Cpath d='M16 14v2.2l1.6 1'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5'/%3E%3Cpath d='M3 10h5'/%3E%3Cpath d='M8 2v4'/%3E%3Ccircle cx='16' cy='16' r='6'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-calendar-clock'%3E%3Cpath d='M16 14v2.2l1.6 1'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5'/%3E%3Cpath d='M3 10h5'/%3E%3Cpath d='M8 2v4'/%3E%3Ccircle cx='16' cy='16' r='6'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task=">"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-redo-2'%3E%3Cpath d='m15 14 5-5-5-5'/%3E%3Cpath d='M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-redo-2'%3E%3Cpath d='m15 14 5-5-5-5'/%3E%3Cpath d='M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="b"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-bookmark'%3E%3Cpath d='M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-bookmark'%3E%3Cpath d='M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="B"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-octagon-x'%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='M2.586 16.726A2 2 0 0 1 2 15.414V8.586a2 2 0 0 1 .586-1.414l4.586-4.586A2 2 0 0 1 8.586 2h6.828a2 2 0 0 1 1.414.586l4.586 4.586A2 2 0 0 1 22 8.586v6.828a2 2 0 0 1-.586 1.414l-4.586 4.586a2 2 0 0 1-1.414.586H8.586a2 2 0 0 1-1.414-.586z'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-octagon-x'%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='M2.586 16.726A2 2 0 0 1 2 15.414V8.586a2 2 0 0 1 .586-1.414l4.586-4.586A2 2 0 0 1 8.586 2h6.828a2 2 0 0 1 1.414.586l4.586 4.586A2 2 0 0 1 22 8.586v6.828a2 2 0 0 1-.586 1.414l-4.586 4.586a2 2 0 0 1-1.414.586H8.586a2 2 0 0 1-1.414-.586z'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="c"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-thumbs-down'%3E%3Cpath d='M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z'/%3E%3Cpath d='M17 14V2'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-thumbs-down'%3E%3Cpath d='M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z'/%3E%3Cpath d='M17 14V2'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="d"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-trending-down'%3E%3Cpath d='M16 17h6v-6'/%3E%3Cpath d='m22 17-8.5-8.5-5 5L2 7'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-trending-down'%3E%3Cpath d='M16 17h6v-6'/%3E%3Cpath d='m22 17-8.5-8.5-5 5L2 7'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="D"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-hourglass'%3E%3Cpath d='M5 22h14'/%3E%3Cpath d='M5 2h14'/%3E%3Cpath d='M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22'/%3E%3Cpath d='M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-hourglass'%3E%3Cpath d='M5 22h14'/%3E%3Cpath d='M5 2h14'/%3E%3Cpath d='M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22'/%3E%3Cpath d='M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="f"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-flame'%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");
-webkit-mask-image: 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' class='lucide lucide-flame'%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");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="g"] input[type="checkbox"] {
mask-image: 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' class='lucide lucide-send'%3E%3Cpath d='M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z'/%3E%3Cpath d='m21.854 2.147-10.94 10.939'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-send'%3E%3Cpath d='M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z'/%3E%3Cpath d='m21.854 2.147-10.94 10.939'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="h"] input[type="checkbox"] {
mask-image: 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' class='lucide lucide-heart-pulse'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3Cpath d='M3.22 8.5h1.66a2 2 0 0 1 1.79 1.11l.85 1.7a2 2 0 0 0 3.69-.2l.49-1.47a1 1 0 0 1 1.74-.3l.91 1.16a2 2 0 0 0 1.57.76h2.05'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-heart-pulse'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3Cpath d='M3.22 8.5h1.66a2 2 0 0 1 1.79 1.11l.85 1.7a2 2 0 0 0 3.69-.2l.49-1.47a1 1 0 0 1 1.74-.3l.91 1.16a2 2 0 0 0 1.57.76h2.05'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="H"] input[type="checkbox"] {
mask-image: 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' class='lucide lucide-house'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-house'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="i"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-info'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-info'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="I"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-lightbulb'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-lightbulb'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="k"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-key'%3E%3Cpath d='m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4'/%3E%3Cpath d='m21 2-9.6 9.6'/%3E%3Ccircle cx='7.5' cy='15.5' r='5.5'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-key'%3E%3Cpath d='m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4'/%3E%3Cpath d='m21 2-9.6 9.6'/%3E%3Ccircle cx='7.5' cy='15.5' r='5.5'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="l"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-map-pin'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-map-pin'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="L"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-languages'%3E%3Cpath d='m5 8 6 6'/%3E%3Cpath d='m4 14 6-6 2-3'/%3E%3Cpath d='M2 5h12'/%3E%3Cpath d='M7 2h1'/%3E%3Cpath d='m22 22-5-10-5 10'/%3E%3Cpath d='M14 18h6'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-languages'%3E%3Cpath d='m5 8 6 6'/%3E%3Cpath d='m4 14 6-6 2-3'/%3E%3Cpath d='M2 5h12'/%3E%3Cpath d='M7 2h1'/%3E%3Cpath d='m22 22-5-10-5 10'/%3E%3Cpath d='M14 18h6'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="M"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-milestone'%3E%3Cpath d='M12 13v8'/%3E%3Cpath d='M12 3v3'/%3E%3Cpath d='M4 6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h13a2 2 0 0 0 1.524-.704l2.226-2.628a1 1 0 0 0 0-1.336l-2.226-2.628A2 2 0 0 0 17 6Z'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-milestone'%3E%3Cpath d='M12 13v8'/%3E%3Cpath d='M12 3v3'/%3E%3Cpath d='M4 6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h13a2 2 0 0 0 1.524-.704l2.226-2.628a1 1 0 0 0 0-1.336l-2.226-2.628A2 2 0 0 0 17 6Z'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="n"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-pin'%3E%3Cpath d='M12 17v5'/%3E%3Cpath d='M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-pin'%3E%3Cpath d='M12 17v5'/%3E%3Cpath d='M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="p"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-thumbs-up'%3E%3Cpath d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z'/%3E%3Cpath d='M7 10v12'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-thumbs-up'%3E%3Cpath d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z'/%3E%3Cpath d='M7 10v12'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="r"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-scale'%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='m19 8 3 8a5 5 0 0 1-6 0zV7'/%3E%3Cpath d='M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1'/%3E%3Cpath d='m5 8 3 8a5 5 0 0 1-6 0zV7'/%3E%3Cpath d='M7 21h10'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-scale'%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='m19 8 3 8a5 5 0 0 1-6 0zV7'/%3E%3Cpath d='M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1'/%3E%3Cpath d='m5 8 3 8a5 5 0 0 1-6 0zV7'/%3E%3Cpath d='M7 21h10'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="R"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-repeat'%3E%3Cpath d='m17 2 4 4-4 4'/%3E%3Cpath d='M3 11v-1a4 4 0 0 1 4-4h14'/%3E%3Cpath d='m7 22-4-4 4-4'/%3E%3Cpath d='M21 13v1a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-repeat'%3E%3Cpath d='m17 2 4 4-4 4'/%3E%3Cpath d='M3 11v-1a4 4 0 0 1 4-4h14'/%3E%3Cpath d='m7 22-4-4 4-4'/%3E%3Cpath d='M21 13v1a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="s"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-shopping-cart'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-shopping-cart'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="S"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-circle-dollar-sign'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8'/%3E%3Cpath d='M12 18V6'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-circle-dollar-sign'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8'/%3E%3Cpath d='M12 18V6'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="t"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-clock'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-clock'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="T"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-phone'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-phone'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="u"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-trending-up'%3E%3Cpath d='M16 7h6v6'/%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-trending-up'%3E%3Cpath d='M16 7h6v6'/%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="w"] input[type="checkbox"] {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-trophy'%3E%3Cpath d='M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978'/%3E%3Cpath d='M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978'/%3E%3Cpath d='M18 9h1.5a1 1 0 0 0 0-5H18'/%3E%3Cpath d='M4 22h16'/%3E%3Cpath d='M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z'/%3E%3Cpath d='M6 9H4.5a1 1 0 0 1 0-5H6'/%3E%3C/svg%3E");
-webkit-mask-image: 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' class='lucide lucide-trophy'%3E%3Cpath d='M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978'/%3E%3Cpath d='M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978'/%3E%3Cpath d='M18 9h1.5a1 1 0 0 0 0-5H18'/%3E%3Cpath d='M4 22h16'/%3E%3Cpath d='M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z'/%3E%3Cpath d='M6 9H4.5a1 1 0 0 1 0-5H6'/%3E%3C/svg%3E");
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 0px;
background-color: currentColor !important;
-webkit-mask-size: 100%;
mask-size: 100%;
color: rgb(0, 0, 0);
}
html[saved-theme="light"] body li.task-list-item[data-task="-"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="!"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="?"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="\""] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="*"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="<"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task=">"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="b"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="B"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="c"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="d"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="D"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="f"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="g"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="h"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="H"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="i"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="I"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="k"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="l"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="L"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="M"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="n"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="p"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="r"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="R"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="s"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="S"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="t"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="T"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="u"] input[type="checkbox"]::after { content: none; }
html[saved-theme="light"] body li.task-list-item[data-task="w"] input[type="checkbox"]::after { content: none; }
/* aspect: callouts */
html[saved-theme="light"] body .callout .callout-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="light"] body .callout > .callout-content {
background: color(srgb 0.962 0.943667 0.918) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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-abstract);
--callout-icon: var(--callout-icon-abstract);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.701053 0.843345 0.925045) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.652532 0.14621 242.663 / 0.2);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.652532 0.14621 242.663 / 0.2);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.652532 0.14621 242.663 / 0.2);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.652532 0.14621 242.663 / 0.2);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="light"] body .callout[data-callout="abstract"] > .callout-content {
background: color(srgb 0.962 0.943667 0.918) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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);
--callout-icon: var(--callout-icon-bug);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.85272 0.768149 0.80779) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.558303 0.0947333 340.445 / 0.2);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.558303 0.0947333 340.445 / 0.2);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.558303 0.0947333 340.445 / 0.2);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.558303 0.0947333 340.445 / 0.2);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="light"] body .callout[data-callout="bug"] > .callout-content {
background: color(srgb 0.962 0.943667 0.918) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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-danger);
--callout-icon: var(--callout-icon-danger);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.945759 0.741385 0.747888) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.622243 0.189674 19.5752 / 0.2);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.622243 0.189674 19.5752 / 0.2);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.622243 0.189674 19.5752 / 0.2);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.622243 0.189674 19.5752 / 0.2);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="light"] body .callout[data-callout="danger"] > .callout-content {
background: color(srgb 0.962 0.943667 0.918) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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);
--callout-icon: var(--callout-icon-example);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.933014 0.829326 0.803966) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.716811 0.0937282 28.7138 / 0.2);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.716811 0.0937282 28.7138 / 0.2);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.716811 0.0937282 28.7138 / 0.2);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.716811 0.0937282 28.7138 / 0.2);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="light"] body .callout[data-callout="example"] > .callout-content {
background: color(srgb 0.962 0.943667 0.918) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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);
--callout-icon: var(--callout-icon-fail);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.945759 0.741385 0.747888) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.622243 0.189674 19.5752 / 0.2);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.622243 0.189674 19.5752 / 0.2);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.622243 0.189674 19.5752 / 0.2);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.622243 0.189674 19.5752 / 0.2);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="light"] body .callout[data-callout="failure"] > .callout-content {
background: color(srgb 0.962 0.943667 0.918) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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);
--callout-icon: var(--callout-icon-info);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.74821 0.856091 0.876613) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.667331 0.0930421 218.791 / 0.2);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.667331 0.0930421 218.791 / 0.2);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.667331 0.0930421 218.791 / 0.2);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.667331 0.0930421 218.791 / 0.2);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="light"] body .callout[data-callout="info"] > .callout-content {
background: color(srgb 0.962 0.943667 0.918) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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-note);
--callout-icon: var(--callout-icon-note);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.912622 0.872659 0.835829) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.770277 0.0402154 60.7904 / 0.2);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.770277 0.0402154 60.7904 / 0.2);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.770277 0.0402154 60.7904 / 0.2);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.770277 0.0402154 60.7904 / 0.2);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="light"] body .callout[data-callout="note"] > .callout-content {
background: color(srgb 0.962 0.943667 0.918) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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: color(srgb 0.823406 0.891777 0.93779) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.777258 0.0894709 241.74 / 0.2);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.777258 0.0894709 241.74 / 0.2);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.777258 0.0894709 241.74 / 0.2);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.777258 0.0894709 241.74 / 0.2);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="light"] body .callout[data-callout="question"] > .callout-content {
background: color(srgb 0.962 0.943667 0.918) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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: color(srgb 0.87821 0.922365 0.856221) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.835264 0.0732145 143.665 / 0.2);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.835264 0.0732145 143.665 / 0.2);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.835264 0.0732145 143.665 / 0.2);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.835264 0.0732145 143.665 / 0.2);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="light"] body .callout[data-callout="quote"] > .callout-content {
background: color(srgb 0.962 0.943667 0.918) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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);
--callout-icon: var(--callout-icon-success);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.768602 0.904522 0.744064) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.7419 0.18775 142.824 / 0.2);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.7419 0.18775 142.824 / 0.2);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.7419 0.18775 142.824 / 0.2);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.7419 0.18775 142.824 / 0.2);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="light"] body .callout[data-callout="success"] > .callout-content {
background: color(srgb 0.962 0.943667 0.918) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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);
--callout-icon: var(--callout-icon-tip);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.746936 0.912169 0.874064) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.773016 0.120108 180.683 / 0.2);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.773016 0.120108 180.683 / 0.2);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.773016 0.120108 180.683 / 0.2);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.773016 0.120108 180.683 / 0.2);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="light"] body .callout[data-callout="tip"] > .callout-content {
background: color(srgb 0.962 0.943667 0.918) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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);
--callout-icon: var(--callout-icon-todo);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
background: color(srgb 0.731642 0.87011 0.959456) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.719625 0.152718 243.555 / 0.2);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.719625 0.152718 243.555 / 0.2);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.719625 0.152718 243.555 / 0.2);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.719625 0.152718 243.555 / 0.2);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="light"] body .callout[data-callout="todo"] > .callout-content {
background: color(srgb 0.962 0.943667 0.918) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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: color(srgb 0.98272 0.854816 0.679064) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: color-mix(
in srgb,
var(--callout-color) var(--callout-color-opacity),
var(--editor-bg-color)
);
border-bottom-color: oklch(0.786413 0.166593 66.9135 / 0.2);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.786413 0.166593 66.9135 / 0.2);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.786413 0.166593 66.9135 / 0.2);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.786413 0.166593 66.9135 / 0.2);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
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(200, 175, 155);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(200, 175, 155);
border-left-width: 0px;
border-right-color: rgb(200, 175, 155);
border-right-width: 0px;
border-top-color: rgb(200, 175, 155);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--callout-color);
gap: 8px;
padding-block-end: 12px;
padding-block-start: 12px;
padding-bottom: 12px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
}
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-semibold);
}
html[saved-theme="light"] body .callout[data-callout="warning"] > .callout-content {
background: color(srgb 0.962 0.943667 0.918) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: var(--callout-content-background);
color: var(--text-normal);
padding-block-end: 8px;
padding-block-start: 4px;
padding-bottom: 8px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 4px;
}
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='M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4'/%3E%3Cpath d='M2 6h4'/%3E%3Cpath d='M2 10h4'/%3E%3Cpath d='M2 14h4'/%3E%3Cpath d='M2 18h4'/%3E%3Cpath d='M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z'/%3E%3C/svg%3E");
}
html[saved-theme="light"] body .callout[data-callout="abstract"] {
--callout-icon: var(--callout-icon-abstract);
}
html[saved-theme="light"] body .callout[data-callout="bug"] {
--callout-icon: var(--callout-icon-bug);
}
html[saved-theme="light"] body .callout[data-callout="danger"] {
--callout-icon: var(--callout-icon-danger);
}
html[saved-theme="light"] body .callout[data-callout="example"] {
--callout-icon: var(--callout-icon-example);
}
html[saved-theme="light"] body .callout[data-callout="failure"] {
--callout-icon: var(--callout-icon-fail);
}
html[saved-theme="light"] body .callout[data-callout="info"] {
--callout-icon: var(--callout-icon-info);
}
html[saved-theme="light"] body .callout[data-callout="note"] {
--callout-icon: var(--callout-icon-note);
}
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: var(--callout-icon-success);
}
html[saved-theme="light"] body .callout[data-callout="tip"] {
--callout-icon: var(--callout-icon-tip);
}
html[saved-theme="light"] body .callout[data-callout="todo"] {
--callout-icon: var(--callout-icon-todo);
}
html[saved-theme="light"] body .callout[data-callout="warning"] {
--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}
/* aspect: search */
html[saved-theme="light"] body .highlight {
background-color: var(--text-highlight-bg);
border-radius: 0px;
}
html[saved-theme="light"] body .preview-container {
background-color: rgba(0, 0, 0, 0);
color: var(--text-muted);
font-weight: var(--font-normal);
}
html[saved-theme="light"] body .search > .search-button {
background-color: rgb(242, 236, 227);
border-bottom-color: rgb(228, 215, 195);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(228, 215, 195);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(228, 215, 195);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(228, 215, 195);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-input-color);
font-family: var(--font-interface);
}
html[saved-theme="light"] body .search > .search-container > .search-space {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(89, 62, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-width: 0px;
border-right-color: rgb(89, 62, 34);
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html[saved-theme="light"] body .search > .search-container > .search-space > * {
animation-delay: 0s;
animation-duration: 0s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease;
background-color: rgba(0, 0, 0, 0);
color: var(--text-normal);
font-family: var(--font-interface);
font-weight: var(--font-normal);
outline: rgb(89, 62, 34) none 0px;
text-decoration-color: rgb(89, 62, 34);
text-decoration-style: solid;
transition: all;
}
html[saved-theme="light"] body .search > .search-container > .search-space > .search-layout {
border-bottom-color: rgb(89, 62, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-width: 0px;
border-right-color: rgb(89, 62, 34);
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
html[saved-theme="light"] body .search > .search-container > .search-space > .search-layout .highlight {
background-color: var(--text-highlight-bg);
border-radius: 0px;
}
html[saved-theme="light"] body .search > .search-container > .search-space > .search-layout > .preview-container {
background-color: rgba(0, 0, 0, 0);
color: var(--text-muted);
font-weight: var(--font-normal);
}
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(89, 62, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-width: 0px;
border-radius: 0px;
border-right-color: rgb(89, 62, 34);
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 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(89, 62, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-width: 0px;
border-right-color: rgb(89, 62, 34);
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover .card-title, html[saved-theme="light"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover .card-description, html[saved-theme="light"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus .card-title, html[saved-theme="light"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus .card-description, html[saved-theme="light"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme="light"] ~ .result-card:focus)) .card-title, html[saved-theme="light"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme="light"] ~ .result-card:focus)) .card-description {
color: var(--nav-item-color-active);
}
html[saved-theme="light"] body .search > .search-container > .search-space > .search-layout > .results-container > .result-card:hover, html[saved-theme="light"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card:focus, html[saved-theme="light"] .search > .search-container > .search-space > .search-layout > .results-container > .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme="light"] ~ .result-card:focus)) {
background-color: rgba(0, 0, 0, 0);
color: var(--nav-item-color-active);
font-weight: var(--nav-item-weight);
}
html[saved-theme="light"] body .search > .search-container > .search-space > input {
background-color: rgb(242, 236, 227);
border-bottom-color: rgb(228, 215, 195);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(228, 215, 195);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(228, 215, 195);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(228, 215, 195);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: var(--text-input-shadow-active);
}
html[saved-theme="light"] body .search>.search-container>.search-space>.search-layout>.results-container .result-card:has(~ .result-card.focus:not(:has(~ .result-card:hover, html[saved-theme="light"] ~ .result-card:focus)), html[saved-theme="light"] ~ .result-card:focus, html[saved-theme="light"] ~ .result-card:hover) {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(89, 62, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-width: 0px;
border-right-color: rgb(89, 62, 34);
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
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: 6px;
border-bottom-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
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);
--pill-weight: var(--pill-tag-weight);
background-color: var(--pill-background);
border-bottom-color: rgb(182, 122, 2);
border-bottom-left-radius: 13.062px;
border-bottom-right-radius: 13.062px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(182, 122, 2);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(182, 122, 2);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(182, 122, 2);
border-top-left-radius: 13.062px;
border-top-right-radius: 13.062px;
border-top-style: solid;
border-top-width: 0px;
color: var(--pill-tag-color-1);
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-tag-color-1);
}
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: var(--h1-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h1-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h1-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h1-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h1-color);
font-family: var(--h1-font);
font-size: var(--h1-size);
font-weight: var(--font-weight);
letter-spacing: var(--h1-letter-spacing);
line-height: var(--h1-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body h1.article-title {
color: var(--inline-title-color);
font-size: var(--inline-title-size);
font-weight: var(--inline-title-weight);
}
html[saved-theme="light"] body h2 {
--font-weight: var(--h2-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: var(--h2-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h2-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h2-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h2-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h2-color);
font-family: var(--h2-font);
font-size: var(--h2-size);
font-weight: var(--font-weight);
letter-spacing: var(--h2-letter-spacing);
line-height: var(--h2-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body h2.page-title, html[saved-theme="light"] h2.page-title a {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(67, 46, 20);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(67, 46, 20);
border-left-width: 0px;
border-right-color: rgb(67, 46, 20);
border-right-width: 0px;
border-top-color: rgb(67, 46, 20);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--inline-title-color);
font-family: var(--inline-title-font);
font-size: var(--inline-title-size);
font-weight: var(--inline-title-weight);
letter-spacing: -0.38832px;
line-height: var(--inline-title-line-height);
margin-block-end: var(--inline-title-margin-bottom);
margin-block-start: 0px;
margin-bottom: 12.944px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body h3 {
--font-weight: var(--h3-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: var(--h3-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h3-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h3-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h3-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h3-color);
font-family: var(--h3-font);
font-size: var(--h3-size);
font-weight: var(--font-weight);
letter-spacing: var(--h3-letter-spacing);
line-height: var(--h3-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body h4 {
--font-weight: var(--h4-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: var(--h4-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h4-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h4-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h4-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h4-color);
font-family: var(--h4-font);
font-size: var(--h4-size);
font-weight: var(--font-weight);
letter-spacing: var(--h4-letter-spacing);
line-height: var(--h4-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body h5 {
--font-weight: var(--h5-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: var(--h5-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h5-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h5-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h5-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h5-color);
font-family: var(--h5-font);
font-size: var(--h5-size);
font-weight: var(--font-weight);
letter-spacing: var(--h5-letter-spacing);
line-height: var(--h5-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body h6 {
--font-weight: var(--h6-weight);
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: var(--h6-border-bottom-color);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: var(--h6-border-left-color);
border-left-style: solid;
border-left-width: 0px;
border-right-color: var(--h6-border-right-color);
border-right-style: solid;
border-right-width: 0px;
border-top-color: var(--h6-border-top-color);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--h6-color);
font-family: var(--h6-font);
font-size: var(--h6-size);
font-weight: var(--font-weight);
letter-spacing: var(--h6-letter-spacing);
line-height: var(--h6-line-height);
margin-block-end: var(--p-spacing);
margin-block-start: var(--p-spacing);
margin-bottom: 16px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 16px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body hr {
border-bottom-color: rgb(228, 215, 195);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(228, 215, 195);
border-left-width: 0px;
border-right-color: rgb(228, 215, 195);
border-right-width: 0px;
border-top-color: rgb(228, 215, 195);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
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(228, 215, 195);
box-shadow: var(--text-input-shadow-active);
}
/* aspect: scrollbars */
html[saved-theme="light"] body .callout {
--bases-embed-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
--bases-table-header-background-hover: color-mix(in oklch, var(--callout-color) 10%, transparent);
--callout-color: var(--callout-note);
--callout-icon: var(--callout-icon-note);
--table-border-color: color-mix(in oklch, var(--callout-color) 25%, var(--background-primary) 50%);
border-bottom-color: oklch(0.770277 0.0402154 60.7904 / 0.2);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: oklch(0.770277 0.0402154 60.7904 / 0.2);
border-left-style: solid;
border-left-width: 0px;
border-right-color: oklch(0.770277 0.0402154 60.7904 / 0.2);
border-right-style: solid;
border-right-width: 0px;
border-top-color: oklch(0.770277 0.0402154 60.7904 / 0.2);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
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 body {
scrollbar-width: var(--scrollbar-native-width);
}
/* aspect: explorer */
html[saved-theme="light"] body .explorer .folder-container > div {
color: var(--nav-folder-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-folder-color);
opacity: 1;
}
html[saved-theme="light"] body .nav-files-container .nav-file-title {
color: var(--nav-item-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="light"] body .nav-files-container .nav-file-title.is-active {
border-bottom-color: rgb(123, 98, 66);
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-width: 0px;
border-left-color: rgb(123, 98, 66);
border-left-width: 0px;
border-right-color: rgb(123, 98, 66);
border-right-width: 0px;
border-top-color: rgb(123, 98, 66);
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-top-width: 0px;
color: var(--nav-item-color);
font-family: var(--font-interface);
}
html[saved-theme="light"] body .nav-files-container .tree-item-children {
border-inline-start: 1px solid rgb(228, 215, 195);
border-left-color: rgb(228, 215, 195);
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-folder-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="light"] body .nav-files-container li:has(> .folder-outer:not(.open)) > .nav-folder-title {
color: var(--nav-folder-color);
font-family: var(--font-interface);
font-weight: var(--nav-item-weight);
}
html[saved-theme="light"] body .explorer .nav-files-container a {
color: var(--nav-item-color);
}
html[saved-theme="light"] body .explorer .nav-files-container a:hover {
color: var(--nav-item-color-hover);
}
html[saved-theme="light"] body .explorer .nav-files-container .is-active {
color: var(--nav-item-color-active);
}
html[saved-theme="light"] body .explorer .nav-files-container a:hover {
background-color: var(--nav-item-background-hover);
}
html[saved-theme="light"] body .explorer .nav-files-container .collapse-icon svg {
color: var(--nav-collapse-icon-color);
}
html[saved-theme="light"] body .explorer .nav-files-container .folder-outer > ul {
border-left-color: var(--nav-indentation-guide-color);
}
/* aspect: toc */
html[saved-theme="light"] body details.toc summary::marker {
color: var(--text-normal);
}
/* aspect: graph */
html[saved-theme="light"] body .graph > .global-graph-outer > .global-graph-container {
background-color: var(--background-secondary);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgba(0, 0, 0, 0);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgba(0, 0, 0, 0);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
}
html[saved-theme="light"] body .graph > .graph-outer {
background-color: var(--background-secondary);
border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgba(0, 0, 0, 0);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgba(0, 0, 0, 0);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: solid;
border-top-width: 1px;
color: var(--text-normal);
}
html[saved-theme="light"] body .graph > .graph-outer > .global-graph-icon {
--icon-size: var(--icon-s);
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(183, 157, 123);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-width: 0px;
border-left-color: rgb(183, 157, 123);
border-left-width: 0px;
border-right-color: rgb(183, 157, 123);
border-right-width: 0px;
border-top-color: rgb(183, 157, 123);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
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-item-color);
font-size: var(--status-bar-font-size);
font-weight: var(--font-normal);
}
/* aspect: recentNotes */
html[saved-theme="light"] body .recent-notes > h3 {
color: var(--text-normal);
font-family: var(--font-interface);
font-weight: var(--font-normal);
}
html[saved-theme="light"] body .recent-notes > ul.recent-ul > li {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(89, 62, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-width: 0px;
border-right-color: rgb(89, 62, 34);
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
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(89, 62, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-width: 0px;
border-right-color: rgb(89, 62, 34);
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
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(89, 62, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-width: 0px;
border-right-color: rgb(89, 62, 34);
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
}
/* aspect: darkmode */
html[saved-theme="light"] body .darkmode {
--icon-size: var(--icon-s);
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(183, 157, 123);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-width: 0px;
border-left-color: rgb(183, 157, 123);
border-left-width: 0px;
border-right-color: rgb(183, 157, 123);
border-right-width: 0px;
border-top-color: rgb(183, 157, 123);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-width: 0px;
color: var(--icon-color);
cursor: var(--cursor);
}
html[saved-theme="light"] body .darkmode svg {
color: var(--icon-color);
stroke: rgb(183, 157, 123);
}
/* aspect: breadcrumbs */
html[saved-theme="light"] body .breadcrumb-container {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(157, 128, 98);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-width: 0px;
border-left-color: rgb(157, 128, 98);
border-left-width: 0px;
border-right-color: rgb(157, 128, 98);
border-right-width: 0px;
border-top-color: rgb(157, 128, 98);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-width: 0px;
color: var(--breadcrumb-color);
}
html[saved-theme="light"] body .breadcrumb-element p {
color: var(--breadcrumb-separator-color);
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(89, 62, 34);
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .katex > .katex-html {
font-family: var(--font-text);
}
html[saved-theme="light"] body .katex-display {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(89, 62, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-width: 0px;
border-right-color: rgb(89, 62, 34);
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--text-normal);
}
html[saved-theme="light"] body .katex-display > .katex {
display: block;
font-family: var(--font-text);
text-align: center;
}
html[saved-theme="light"] body .katex-display > .katex > .katex-html {
font-family: var(--font-text);
}
html[saved-theme="light"] body .spacer {
background-color: rgba(0, 0, 0, 0);
}
html[saved-theme="light"] body abbr {
color: var(--text-normal);
text-decoration: underline dotted;
text-decoration-style: dotted;
}
html[saved-theme="light"] body details {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(89, 62, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-width: 0px;
border-right-color: rgb(89, 62, 34);
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body footer {
opacity: 1;
}
html[saved-theme="light"] body h2.page-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(101, 81, 52);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(101, 81, 52);
border-left-width: 0px;
border-right-color: rgb(101, 81, 52);
border-right-width: 0px;
border-top-color: rgb(101, 81, 52);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
color: var(--file-header-title-color);
font-family: var(--file-header-font);
font-size: var(--file-header-font-size);
font-weight: var(--file-header-font-weight);
line-height: var(--line-height-tight);
margin-block-end: 0px;
margin-block-start: 0px;
margin-bottom: 0px;
margin-inline-end: 0px;
margin-inline-start: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-block-end: 0px;
padding-block-start: 0px;
padding-bottom: 0px;
padding-inline-end: 0px;
padding-inline-start: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
html[saved-theme="light"] body input[type=text] {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(131, 107, 73);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(131, 107, 73);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(131, 107, 73);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(131, 107, 73);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 0px;
color: var(--metadata-key-input-color);
font-family: var(--metadata-label-font);
padding-block-end: 4px;
padding-block-start: 4px;
padding-bottom: 4px;
padding-inline-end: 8px;
padding-inline-start: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
}
html[saved-theme="light"] body kbd {
background-color: var(--code-background);
border-bottom-color: rgb(217, 116, 109);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-width: 0px;
border-left-color: rgb(217, 116, 109);
border-left-width: 0px;
border-right-color: rgb(217, 116, 109);
border-right-width: 0px;
border-top-color: rgb(217, 116, 109);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-width: 0px;
box-shadow: var(--kbd-shadow);
color: var(--kbd-color);
font-family: var(--font-monospace);
font-size: var(--code-size);
padding-block-end: 2px;
padding-block-start: 2px;
padding-bottom: 2px;
padding-inline-end: 6px;
padding-inline-start: 6px;
padding-left: 6px;
padding-right: 6px;
padding-top: 2px;
}
html[saved-theme="light"] body li.task-list-item input[type="checkbox"] {
background-color: rgb(252, 250, 248);
border-color: rgb(228, 215, 195);
border-radius: 4px;
border-width: 1px;
}
html[saved-theme="light"] body li.task-list-item input[type="checkbox"]:checked {
background-color: var(--checkbox-color);
border-color: rgba(0, 0, 0, 0.15);
}
html[saved-theme="light"] body pre:has(> code.mermaid) {
background-color: var(--code-background);
border: 0px solid rgb(228, 215, 195);
}
html[saved-theme="light"] body progress {
background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(89, 62, 34);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-width: 0px;
border-left-color: rgb(89, 62, 34);
border-left-width: 0px;
border-right-color: rgb(89, 62, 34);
border-right-width: 0px;
border-top-color: rgb(89, 62, 34);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-width: 0px;
height: var(--progress-height);
}
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: var(--font-normal);
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);
--pill-weight: var(--pill-tag-weight);
background-color: var(--pill-background);
border-bottom-color: rgb(182, 122, 2);
border-bottom-left-radius: 13.062px;
border-bottom-right-radius: 13.062px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(182, 122, 2);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(182, 122, 2);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(182, 122, 2);
border-top-left-radius: 13.062px;
border-top-right-radius: 13.062px;
border-top-style: solid;
border-top-width: 0px;
color: var(--pill-tag-color-1);
}
/* === quartz-themes template styles (ported from v4) === */
.search {
& > .search-button {
font-size: 1rem;
svg {
color: var(--search-icon-color, var(--text-muted, var(--darkgray)));
stroke: var(--search-icon-color, var(--text-muted, var(--darkgray)));
}
}
& > .search-container {
& > .search-space {
margin: 12vh auto;
& > input {
margin-bottom: 0;
border-bottom: none;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
font-size: 1.1rem;
&:has(+ :not(.display-results)) {
border-radius: inherit;
}
}
& > * {
background: transparent;
margin-bottom: 0;
box-shadow: none;
}
& > .search-layout {
&.display-results {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
& .highlight {
background-color: var(--quartz-text-highlight)
}
& > .results-container {
& .result-card {
@media all and (min-width: 801px) {
display: flex;
&.no-match {
display: block;
}
}
&:has(~ .result-card:hover),
&:has(~ .result-card:focus),
&:has(~ .result-card.focus) {
background-color: unset;
}
& > ul > li > p {
background-color: transparent;
}
}
}
}
}
}
}
.explorer {
@media all and (max-width: 800px) {
&:not(.collapsed) > .explorer-content {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
}
.explorer-content {
.folder-container {
/* --folder-closed-icon: url('data:image/svg+xml;utf8,');
/* --folder-open-icon: url('data:image/svg+xml;utf8,');
text-overflow: ellipsis;
position: relative;
@media all and (max-width: 800px) {
padding-inline-start: 0.5rem;
padding-inline-end: 0rem;
border-radius: 0.25rem;
}
& > svg {
opacity: 0.001;
position: absolute;
/* height: 1.5rem; */
/* width: 1.5rem; */
/* top: 0; */
/* left: -0.25rem; */
margin: 0;
}
/* &:before { */
/* width: 1rem; */
/* height: 1rem; */
/* min-width: 1rem; */
/* min-height: 1rem; */
/* display: flex; */
/* align-self: baseline; */
/* background: var(--quartz-icon-color); */
/* content: ''; */
/* margin-inline-end: 0.5rem; */
/* margin-block-start: 0.2rem; */
/* } */
& > div {
width: 100%;
}
&:hover {
font-size: 1rem;
line-height: 1.5rem;
background-color: var(--nav-item-background-hover);
border-radius: 0.25rem;
}
}
/* li:has(> .folder-outer:not(.open)) > .folder-container:before { */
/* background: var(--collapse-icon-color-collapsed, var(--quartz-icon-color)); */
/* mask-image: var(--folder-closed-icon); */
/* -webkit-mask-image: var(--folder-closed-icon); */
/* } */
/* li:has(> .folder-outer.open) > .folder-container:before { */
/* background: var(--collapse-icon-color, var(--quartz-icon-color)); */
/* mask-image: var(--folder-open-icon); */
/* -webkit-mask-image: var(--folder-open-icon); */
/* } */
ul.explorer-ul li {
text-overflow: ellipsis;
position: relative;
margin-left: 0;
a {
display: flex;
color: inherit;
font-size: 1rem;
line-height: 1.5rem;
padding: inherit;
&.active,
&:not(.folder-title):hover {
font-size: 1rem;
line-height: 1.5rem;
background-color: var(--nav-item-background-hover);
border-radius: 0.25rem;
}
&[data-for$="/index"] {
padding-inline-start: 0.5rem;
padding-inline-end: 0;
}
padding-inline-start: 0;
@media all and (max-width: 800px) {
padding-inline-start: 0.5rem;
padding-inline-end: 0.5rem;
&[data-for$="/index"] {
padding-inline-end: 0.5rem;
}
}
}
/* > a:before { */
/* --file-icon: url('data:image/svg+xml;utf8,'); */
/* width: 1rem; */
/* height: 1rem; */
/* min-width: 1rem; */
/* min-height: 1rem; */
/* content: ''; */
/* display: flex; */
/* align-self: baseline; */
/* background: var(--quartz-icon-color); */
/* mask-image: var(--file-icon); */
/* -webkit-mask-image: var(--file-icon); */
/* margin-inline-end: 0.5rem; */
/* margin-block-start: 0.2rem; */
/* } */
}
}
}
.explorer svg,
button.toc-header .fold,
.global-graph-icon,
.readermode,
.darkmode {
color: var(--quartz-icon-color);
stroke: var(--quartz-icon-color);
}
@media all and (max-width: 1200px) {
:root[saved-theme="dark"],
:root[saved-theme="light"] {
&body .page > div#quartz-body div.sidebar.right {
background-color: transparent;
border-left: none;
}
}
}
@media all and (min-width: 1200px) {
div#quartz-root.page {
/* workaround for reader-mode */
display: grid;
place-items: center;
width: 100%;
min-width: 100dvw;
max-width: 100dvw;
padding: 0;
margin: 0;
}
div#quartz-root.page div#quartz-body {
/* workaround for reader-mode */
width: min(100%, calc(1200px + 300px));
max-width: min(100%, calc(1200px + 300px));
padding: 0 auto;
}
.page > #quartz-body {
& div.center,
& footer {
min-width: calc(100% - 3rem);
max-width: calc(100% - 3rem);
padding-left: 1.5rem;
padding-right: 1.5rem;
margin-left: 0;
margin-right: 0;
}
}
}
@media all and (min-width: 800px) and (max-width: 1200px) {
.page > #quartz-body {
padding-left: 0;
padding-right: 0;
div.center,
footer {
min-width: calc(100% - 3rem);
max-width: calc(100% - 3rem);
padding-left: 1.5rem;
padding-right: 1.5rem;
}
div.sidebar.left {
padding-left: 2rem;
}
div.sidebar.right,
footer {
padding: 0 1.5rem;
}
div.sidebar.right {
max-width: 100%;
}
}
}
@media all and (max-width: 800px) {
.page > div#quartz-body div.sidebar.left {
background-color: transparent;
border-right: none;
}
.page > #quartz-body {
padding: 0;
div.center,
footer {
min-width: calc(100dvw - 3rem);
max-width: calc(100dvw - 3rem);
padding-left: 1.5rem;
padding-right: 1.5rem;
}
div.sidebar.left,
div.sidebar.left:has(.explorer) {
padding: 1rem 1.5rem 1rem 1rem;
}
div.sidebar.right,
footer {
padding: 0 1.5rem;
}
div.sidebar.left,
div.sidebar.right {
max-width: 100dvw;
}
.explorer {
.explorer-content {
padding-left: 1rem;
padding-right: 1rem;
overflow-y: auto;
max-height: 100vh;
& > .explorer-ul {
min-height: 0;
overscroll-behavior: contain;
}
ul {
overscroll-behavior: auto;
}
}
}
}
.page-title {
display: none;
}
.callout {
z-index: auto !important;
}
}
.callout.is-collapsed .callout-content>:first-child {
margin-top: -4rem;
}
figure[data-rehype-pretty-code-figure] pre,
pre {
background-color: var(--code-background);
white-space: pre;
& > code {
overflow-x: auto;
span[data-token-type="keyword"] {
color: var(--code-keyword);
}
span[data-token-type="string"] {
color: var(--code-string);
}
span[data-token-type="comment"] {
color: var(--code-comment);
font-style: italic;
}
span[data-token-type="function"] {
color: var(--code-function);
}
span[data-token-type="value"] {
color: var(--code-value);
}
span[data-token-type="operator"] {
color: var(--code-operator);
}
span[data-token-type="property"] {
color: var(--code-property);
}
span[data-token-type="normal"] {
color: var(--code-normal);
}
span[data-token-type="tag"] {
color: var(--code-tag);
}
span[data-token-type="important"] {
color: var(--code-important);
font-style: italic;
}
span[data-token-type="punctuation"] {
color: var(--code-punctuation);
}
span[data-token-type="regexp"] {
color: var(--code-string);
}
/* Legacy: github-light/github-dark only — remove once tokenClassification is standard */
span[style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"] {
color: var(--code-value);
}
span[style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"] {
color: var(--code-function);
}
span[style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"] {
color: var(--code-string);
}
span[style="--shiki-light:#032F62;--shiki-dark:#DBEDFF;"] {
color: var(--code-property);
}
span[style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"] {
color: var(--code-normal);
}
span[style="--shiki-light:#586069;--shiki-dark:#D1D5DA;"] {
color: var(--code-punctuation);
}
span[style="--shiki-light:#F6F8FA;--shiki-dark:#2F363D;"] {
color: var(--code-comment);
}
span[style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"] {
color: var(--code-comment);
}
span[style="--shiki-light:#22863A;--shiki-dark:#85E89D;"] {
color: var(--code-tag);
}
span[style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"] {
color: var(--code-important);
}
span[style="--shiki-light:#B31D28;--shiki-dark:#FDAEB7;"] {
color: var(--code-operator);
}
span[style="--shiki-light:#D73A49;--shiki-dark:#F97583;"] {
color: var(--code-keyword);
}
background-color: transparent;
color: var(--code-normal);
}
}
/*
blockquote.callout {
.callout-title {
color: var(--color);
.callout-icon {
background-color: var(--color);
}
}
.callout-title > .callout-title-inner > p {
color: var(--color);
}
&[data-callout] {
border: 1px solid var(--border);
background-color: var(--bg);
--color: rgb(var(--callout-info, 2, 122, 255));
--border: rgba(var(--callout-info, 2, 122, 255), 0.267);
--bg: rgba(var(--callout-info, 2, 122, 255), 0.063);
}
&[data-callout="note"] {
--color: rgb(var(--callout-default, 2, 122, 255));
--border: rgba(var(--callout-default, 2, 122, 255), 0.267);
--bg: rgba(var(--callout-default, 2, 122, 255), 0.063);
}
&[data-callout="abstract"] {
--color: rgb(var(--callout-summary, 83, 223, 221));
--border: rgba(var(--callout-summary, 83, 223, 221), 0.267);
--bg: rgba(var(--callout-summary, 83, 223, 221), 0.063);
}
&[data-callout="info"] {
--color: rgb(var(--callout-info, 2, 122, 255));
--border: rgba(var(--callout-info, 2, 122, 255), 0.267);
--bg: rgba(var(--callout-info, 2, 122, 255), 0.063);
}
&[data-callout="todo"] {
--color: rgb(var(--callout-todo, 2, 122, 255));
--border: rgba(var(--callout-todo, 2, 122, 255), 0.267);
--bg: rgba(var(--callout-todo, 2, 122, 255), 0.063);
}
&[data-callout="tip"] {
--color: rgb(var(--callout-tip, 83, 223, 221));
--border: rgba(var(--callout-tip, 83, 223, 221), 0.267);
--bg: rgba(var(--callout-tip, 83, 223, 221), 0.063);
}
&[data-callout="success"] {
--color: rgb(var(--callout-success, 68, 207, 110));
--border: rgba(var(--callout-success, 68, 207, 110), 0.267);
--bg: rgba(var(--callout-success, 68, 207, 110), 0.063);
}
&[data-callout="question"] {
--color: rgb(var(--callout-question, 233, 151, 63));
--border: rgba(var(--callout-question, 233, 151, 63), 0.267);
--bg: rgba(var(--callout-question, 233, 151, 63), 0.063);
}
&[data-callout="warning"] {
--color: rgb(var(--callout-warning, 233, 151, 63));
--border: rgba(var(--callout-warning, 233, 151, 63), 0.267);
--bg: rgba(var(--callout-warning, 233, 151, 63), 0.063);
}
&[data-callout="failure"] {
--color: rgb(var(--callout-fail, 251, 70, 76));
--border: rgba(var(--callout-fail, 251, 70, 76), 0.267);
--bg: rgba(var(--callout-fail, 251, 70, 76), 0.063);
}
&[data-callout="danger"] {
--color: rgb(var(--callout-error, 251, 70, 76));
--border: rgba(var(--callout-error, 251, 70, 76), 0.267);
--bg: rgba(var(--callout-error, 251, 70, 76), 0.063);
}
&[data-callout="bug"] {
--color: rgb(var(--callout-bug, 251, 70, 76));
--border: rgba(var(--callout-bug, 251, 70, 76), 0.267);
--bg: rgba(var(--callout-bug, 251, 70, 76), 0.063);
}
&[data-callout="example"] {
--color: rgb(var(--callout-example, 168, 130, 255));
--border: rgba(var(--callout-example, 168, 130, 255), 0.267);
--bg: rgba(var(--callout-example, 168, 130, 255), 0.063);
}
&[data-callout="quote"] {
--color: rgb(var(--callout-quote, 158, 158, 158));
--border: rgba(var(--callout-quote, 158, 158, 158), 0.267);
--bg: rgba(var(--callout-quote, 158, 158, 158), 0.063);
}
}
*/
:root[reader-mode="on"] {
body[data-slug] {
div#quartz-root.page {
transition: background-color .2s;
&:not(:has(.sidebar:hover)) {
background-color: transparent;
transition: background-color .2s;
.sidebar {
opacity: 0;
transition: opacity .2s;
}
}
}
div#quartz-root.page:not(:has(.center:hover, footer:hover)):hover {
.sidebar {
opacity: 1;
transition: opacity .2s;
}
}
}
}
/* fallback for internal links */
body a.internal-link {
background-color: rgb(from var(--highlight) r g b / 0.3);
}
:root[saved-theme="light"], :root[saved-theme="dark"] {
body {
a.external-link, a.internal-link, .breadcrumb-container .breadcrumb-element > a, footer a {
text-decoration: none;
}
div#quartz-root.page[data-frame="canvas"] > div#quartz-body,
div#quartz-root.page[data-frame="excalidraw"] > div#quartz-body {
width: 100%;
max-width: 100%;
&> .canvas-frame,
&> .excalidraw-frame {
padding-left: 0;
padding-right: 0;
}
}
}
}
}