.dialog {
    --dialog-bg-color: white;
    --dialog-border-color: white;
    --dialog-shadow: 0 2px 14px 0 rgba(58, 57, 68, 0.2);
    --text-primary-color: #15141a;
    --text-secondary-color: #5b5b66;
    --hover-filter: brightness(0.9);
    --focus-ring-color: #0060df;
    --focus-ring-outline: 2px solid var(--focus-ring-color);
    --link-fg-color: #0060df;
    --link-hover-fg-color: #0250bb;
    --separator-color: #f0f0f4;
    --textarea-border-color: #8f8f9d;
    --textarea-bg-color: white;
    --textarea-fg-color: var(--text-secondary-color);
    --radio-bg-color: #f0f0f4;
    --radio-checked-bg-color: #fbfbfe;
    --radio-border-color: #8f8f9d;
    --radio-checked-border-color: #0060df;
    --button-secondary-bg-color: #f0f0f4;
    --button-secondary-fg-color: var(--text-primary-color);
    --button-secondary-border-color: var(--button-secondary-bg-color);
    --button-secondary-hover-bg-color: var(--button-secondary-bg-color);
    --button-secondary-hover-fg-color: var(--button-secondary-fg-color);
    --button-secondary-hover-border-color: var(
        --button-secondary-hover-bg-color
    );
    --button-primary-bg-color: #0060df;
    --button-primary-fg-color: #fbfbfe;
    --button-primary-border-color: var(--button-primary-bg-color);
    --button-primary-hover-bg-color: var(--button-primary-bg-color);
    --button-primary-hover-fg-color: var(--button-primary-fg-color);
    --button-primary-hover-border-color: var(--button-primary-hover-bg-color);
    font-variant: normal;
    font-size: 13px;
    font-weight: 400;
    line-height: 150%;
    border-radius: 4px;
    padding: 12px 16px;
    border: 1px solid var(--dialog-border-color);
    background: var(--dialog-bg-color);
    color: var(--text-primary-color);
    box-shadow: var(--dialog-shadow);
}
.dialog .mainContainer :focus-visible {
    outline: var(--focus-ring-outline);
    outline-offset: 2px;
}
.dialog .mainContainer .title {
    display: flex;
    width: auto;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 12px;
}
.dialog .mainContainer .title > span {
    font-size: 13px;
    font-style: normal;
    font-weight: 590;
    line-height: 150%;
}
.dialog .mainContainer .dialogSeparator {
    width: 100%;
    height: 0;
    margin-top: 4px;
    margin-bottom: 4px;
    border-top: 1px solid var(--separator-color);
    border-bottom: none;
}
.dialog .mainContainer .dialogButtonsGroup {
    display: flex;
    gap: 12px;
    align-self: flex-end;
}
.dialog .mainContainer .radio {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
.dialog .mainContainer .radio > .radioButton {
    display: flex;
    gap: 8px;
    align-self: stretch;
    align-items: center;
}
.dialog .mainContainer .radio > .radioButton input {
    appearance: none;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--radio-bg-color);
    border: 1px solid var(--radio-border-color);
}
.dialog .mainContainer .radio > .radioButton input:hover {
    filter: var(--hover-filter);
}
.dialog .mainContainer .radio > .radioButton input:checked {
    background-color: var(--radio-checked-bg-color);
    border: 4px solid var(--radio-checked-border-color);
}
.dialog .mainContainer .radio > .radioLabel {
    display: flex;
    padding-left: 24px;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}
.dialog .mainContainer .radio > .radioLabel > span {
    flex: 1 0 0px;
    font-size: 11px;
    color: var(--text-secondary-color);
}
.dialog .mainContainer button:not(.toggle-button):not(.closeButton) {
    border-radius: 4px;
    border: 1px solid;
    font-variant: normal;
    font-weight: 600;
    padding: 4px 16px;
    width: auto;
    height: 32px;
}
.dialog .mainContainer button:not(.toggle-button):not(.closeButton):hover {
    cursor: pointer;
    filter: var(--hover-filter);
}
.dialog
    .mainContainer
    button.secondaryButton:not(.toggle-button):not(.closeButton) {
    color: var(--button-secondary-fg-color);
    background-color: var(--button-secondary-bg-color);
    border-color: var(--button-secondary-border-color);
}
.dialog
    .mainContainer
    button.secondaryButton:not(.toggle-button):not(.closeButton):hover {
    color: var(--button-secondary-hover-fg-color);
    background-color: var(--button-secondary-hover-bg-color);
    border-color: var(--button-secondary-hover-border-color);
}
.dialog
    .mainContainer
    button.primaryButton:not(.toggle-button):not(.closeButton) {
    color: var(--button-primary-fg-color);
    background-color: var(--button-primary-bg-color);
    border-color: var(--button-primary-border-color);
    opacity: 1;
}
.dialog
    .mainContainer
    button.primaryButton:not(.toggle-button):not(.closeButton):hover {
    color: var(--button-primary-hover-fg-color);
    background-color: var(--button-primary-hover-bg-color);
    border-color: var(--button-primary-hover-border-color);
}
.dialog .mainContainer a {
    color: var(--link-fg-color);
}
.dialog .mainContainer a:hover {
    color: var(--link-hover-fg-color);
}
.dialog .mainContainer textarea {
    font: inherit;
    padding: 8px;
    resize: none;
    margin: 0;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid var(--textarea-border-color);
    background: var(--textarea-bg-color);
    color: var(--textarea-fg-color);
}
.dialog .mainContainer textarea:focus {
    outline-offset: 0px;
    border-color: transparent;
}
.dialog .mainContainer textarea:disabled {
    pointer-events: none;
    opacity: 0.4;
}
.dialog .mainContainer .toggler {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}
.dialog .mainContainer .toggler > .togglerLabel {
    user-select: none;
}
:root {
    --xfa-unfocused-field-background: url("data:image/svg+xml; charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13); '/></svg>");
    --xfa-focus-outline: auto;
}
:root {
    --viewer-container-height: 0;
    --pdfViewer-padding-bottom: 0;
    --page-margin: 1px auto -8px;
    --page-border: 9px solid transparent;
    --spreadHorizontalWrapped-margin-LR: -3.5px;
    --loading-icon-delay: 400ms;
}
[data-main-rotation="90"] {
    transform: rotate(90deg) translateY(-100%);
}
[data-main-rotation="180"] {
    transform: rotate(180deg) translate(-100%, -100%);
}
[data-main-rotation="270"] {
    transform: rotate(270deg) translateX(-100%);
}
.hiddenCanvasElement,
.hiddenCopyElement {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    display: none;
}
.spread {
    margin-left: 3.5px;
    margin-right: 3.5px;
    text-align: center;
}
.spread {
    white-space: nowrap;
}
.spread .dummyPage,
.spread .page {
    display: inline-block;
    vertical-align: middle;
}
.spread .page {
    margin-left: var(--spreadHorizontalWrapped-margin-LR);
    margin-right: var(--spreadHorizontalWrapped-margin-LR);
}
body {
    --anim-duration-none: 0;
    --anim-duration-superfast: 70ms;
    --anim-duration-fast: 140ms;
    --anim-duration-moderate: 300ms;
    --anim-duration-slow: 560ms;
    --anim-motion-smooth: cubic-bezier(0.45, 0.05, 0.55, 0.95);
    --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-swing: cubic-bezier(0, 0.55, 0.45, 1);
    --blockquote-border-thickness: 2px;
    --blockquote-border-color: var(--interactive-accent);
    --blockquote-font-style: normal;
    --blockquote-color: inherit;
    --blockquote-background-color: transparent;
    --bold-modifier: 200;
    --bold-color: inherit;
    --bold-weight: calc(var(--font-weight) + var(--bold-modifier));
    --border-width: 1px;
    --button-radius: var(--input-radius);
    --callout-border-width: 0px;
    --callout-border-opacity: 0.25;
    --callout-padding: var(--size-4-3) var(--size-4-3) var(--size-4-3)
        var(--size-4-6);
    --callout-radius: var(--radius-s);
    --callout-blend-mode: var(--highlight-mix-blend-mode);
    --callout-title-color: inherit;
    --callout-title-padding: 0;
    --callout-title-size: inherit;
    --callout-title-weight: calc(var(--font-weight) + var(--bold-modifier));
    --callout-content-padding: 0;
    --callout-content-background: transparent;
    --callout-bug: var(--color-red-rgb);
    --callout-default: var(--color-blue-rgb);
    --callout-error: var(--color-red-rgb);
    --callout-example: var(--color-purple-rgb);
    --callout-fail: var(--color-red-rgb);
    --callout-important: var(--color-cyan-rgb);
    --callout-info: var(--color-blue-rgb);
    --callout-question: var(--color-orange-rgb);
    --callout-success: var(--color-green-rgb);
    --callout-summary: var(--color-cyan-rgb);
    --callout-tip: var(--color-cyan-rgb);
    --callout-todo: var(--color-blue-rgb);
    --callout-warning: var(--color-orange-rgb);
    --callout-quote: 158, 158, 158;
    --canvas-background: var(--background-primary);
    --canvas-card-label-color: var(--text-faint);
    --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-cyan-rgb);
    --canvas-color-6: var(--color-purple-rgb);
    --canvas-dot-pattern: var(--color-base-30);
    --caret-color: var(--text-normal);
    --checkbox-radius: var(--radius-s);
    --checkbox-size: var(--font-text-size);
    --checkbox-marker-color: var(--background-primary);
    --checkbox-color: var(--interactive-accent);
    --checkbox-color-hover: var(--interactive-accent-hover);
    --checkbox-border-color: var(--text-faint);
    --checkbox-border-color-hover: var(--text-muted);
    --checkbox-margin-inline-start: 0.85em;
    --checklist-done-decoration: line-through;
    --checklist-done-color: var(--text-muted);
    --code-white-space: pre-wrap;
    --code-border-width: 0px;
    --code-border-color: var(--background-modifier-border);
    --code-radius: var(--radius-s);
    --code-size: var(--font-smaller);
    --code-background: var(--background-primary-alt);
    --code-normal: var(--text-normal);
    --code-comment: var(--text-faint);
    --code-function: var(--color-yellow);
    --code-important: var(--color-orange);
    --code-keyword: var(--color-pink);
    --code-operator: var(--color-red);
    --code-property: var(--color-cyan);
    --code-punctuation: var(--text-muted);
    --code-string: var(--color-green);
    --code-tag: var(--color-red);
    --code-value: var(--color-purple);
    --collapse-icon-color: var(--text-faint);
    --collapse-icon-color-collapsed: var(--text-accent);
    --cursor: default;
    --cursor-link: pointer;
    --dialog-width: 560px;
    --dialog-max-width: 80vw;
    --dialog-max-height: 85vh;
    --divider-color: var(--background-modifier-border);
    --divider-color-hover: var(--interactive-accent);
    --divider-width: 1px;
    --divider-width-hover: 3px;
    --divider-vertical-height: calc(100% - var(--header-height));
    --drag-ghost-background: rgba(0, 0, 0, 0.85);
    --drag-ghost-text-color: #fff;
    --dropdown-background: var(--interactive-normal);
    --dropdown-background-blend-mode: hard-light;
    --dropdown-background-hover: var(--interactive-hover);
    --dropdown-background-position: right 0.5em top 50%, 0 0;
    --dropdown-background-size: 1em auto, 100%;
    --dropdown-padding: 0 1.9em 0 0.8em;
    --embed-max-height: 4000px;
    --embed-canvas-max-height: 400px;
    --embed-background: inherit;
    --embed-border-start: 2px solid var(--interactive-accent);
    --embed-border-end: none;
    --embed-border-top: none;
    --embed-border-bottom: none;
    --embed-padding: 0 0 0 var(--size-4-6);
    --embed-font-style: inherit;
    --embed-block-shadow-hover:
        0 0 0 1px var(--background-modifier-border),
        inset 0 0 0 1px var(--background-modifier-border);
    --file-line-width: 700px;
    --file-folding-offset: 24px;
    --file-margins: var(--size-4-8);
    --file-header-font: var(--font-interface);
    --file-header-font-size: var(--font-ui-small);
    --file-header-font-weight: 400;
    --file-header-border: var(--border-width) solid transparent;
    --file-header-justify: center;
    --font-smallest: 0.8em;
    --font-smaller: 0.875em;
    --font-small: 0.933em;
    --font-ui-smaller: 12px;
    --font-ui-small: 13px;
    --font-ui-medium: 15px;
    --font-ui-large: 20px;
    --font-weight: var(--font-normal);
    --font-thin: 100;
    --font-extralight: 200;
    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-extrabold: 800;
    --font-black: 900;
    --footnote-size: var(--font-smaller);
    --graph-controls-width: 240px;
    --graph-text: var(--text-normal);
    --graph-line: var(--color-base-35, var(--background-modifier-border-focus));
    --graph-node: var(--text-muted);
    --graph-node-unresolved: var(--text-faint);
    --graph-node-focused: var(--text-accent);
    --graph-node-tag: var(--color-green);
    --graph-node-attachment: var(--color-yellow);
    --heading-formatting: var(--text-faint);
    --heading-spacing: calc(var(--p-spacing) * 2.5);
    --h1-color: inherit;
    --h2-color: inherit;
    --h3-color: inherit;
    --h4-color: inherit;
    --h5-color: inherit;
    --h6-color: inherit;
    --h1-font: inherit;
    --h2-font: inherit;
    --h3-font: inherit;
    --h4-font: inherit;
    --h5-font: inherit;
    --h6-font: inherit;
    --h1-line-height: 1.2;
    --h2-line-height: 1.2;
    --h3-line-height: 1.3;
    --h4-line-height: 1.4;
    --h5-line-height: var(--line-height-normal);
    --h6-line-height: var(--line-height-normal);
    --h1-size: 1.802em;
    --h2-size: 1.602em;
    --h3-size: 1.424em;
    --h4-size: 1.266em;
    --h5-size: 1.125em;
    --h6-size: 1em;
    --h1-style: normal;
    --h2-style: normal;
    --h3-style: normal;
    --h4-style: normal;
    --h5-style: normal;
    --h6-style: normal;
    --h1-variant: normal;
    --h2-variant: normal;
    --h3-variant: normal;
    --h4-variant: normal;
    --h5-variant: normal;
    --h6-variant: normal;
    --h1-weight: 700;
    --h2-weight: 600;
    --h3-weight: 600;
    --h4-weight: 600;
    --h5-weight: 600;
    --h6-weight: 600;
    --header-height: 40px;
    --hr-color: var(--background-modifier-border);
    --hr-thickness: 2px;
    --icon-size: var(--icon-m);
    --icon-stroke: var(--icon-m-stroke-width);
    --icon-xs: 14px;
    --icon-s: 16px;
    --icon-m: 18px;
    --icon-l: 18px;
    --icon-xl: 32px;
    --icon-xs-stroke-width: 2px;
    --icon-s-stroke-width: 2px;
    --icon-m-stroke-width: 1.75px;
    --icon-l-stroke-width: 1.75px;
    --icon-xl-stroke-width: 1.25px;
    --icon-color: var(--text-muted);
    --icon-color-hover: var(--text-muted);
    --icon-color-active: var(--text-accent);
    --icon-color-focused: var(--text-normal);
    --icon-opacity: 0.85;
    --icon-opacity-hover: 1;
    --icon-opacity-active: 1;
    --clickable-icon-radius: var(--radius-s);
    --indent-size: 4;
    --indent-unit: 0.5625em;
    --indentation-guide-width: 1px;
    --indentation-guide-width-active: 1px;
    --indentation-guide-color: rgba(var(--mono-rgb-100), 0.12);
    --indentation-guide-color-active: rgba(var(--mono-rgb-100), 0.3);
    --indentation-guide-editing-indent: 0.85em;
    --indentation-guide-reading-indent: -0.85em;
    --indentation-guide-source-indent: 0.25em;
    --inline-title-color: var(--h1-color);
    --inline-title-font: var(--h1-font);
    --inline-title-line-height: var(--h1-line-height);
    --inline-title-size: var(--h1-size);
    --inline-title-style: var(--h1-style);
    --inline-title-variant: var(--h1-variant);
    --inline-title-weight: var(--h1-weight);
    --inline-title-margin-bottom: 0.5em;
    --input-height: 30px;
    --input-radius: 5px;
    --input-font-weight: var(--font-normal);
    --input-border-width: 1px;
    --italic-color: inherit;
    --italic-weight: inherit;
    --layer-cover: 5;
    --layer-sidedock: 10;
    --layer-status-bar: 15;
    --layer-popover: 30;
    --layer-slides: 45;
    --layer-modal: 50;
    --layer-notice: 60;
    --layer-menu: 65;
    --layer-tooltip: 70;
    --layer-dragged-item: 80;
    --line-height-normal: 1.5;
    --line-height-tight: 1.3;
    --link-color: var(--text-accent);
    --link-color-hover: var(--text-accent-hover);
    --link-decoration: underline;
    --link-decoration-hover: underline;
    --link-decoration-thickness: auto;
    --link-weight: var(--font-weight);
    --link-external-color: var(--text-accent);
    --link-external-color-hover: var(--text-accent-hover);
    --link-external-decoration: underline;
    --link-external-decoration-hover: underline;
    --link-external-filter: none;
    --link-unresolved-color: var(--text-accent);
    --link-unresolved-opacity: 0.7;
    --link-unresolved-filter: none;
    --link-unresolved-decoration-style: solid;
    --link-unresolved-decoration-color: hsla(
        var(--interactive-accent-hsl),
        0.3
    );
    --list-indent: calc(var(--indent-unit) * var(--indent-size));
    --list-indent-editing: 0.75em;
    --list-indent-source: 0;
    --list-spacing: 0.075em;
    --list-marker-color: var(--text-faint);
    --list-marker-color-hover: var(--text-muted);
    --list-marker-color-collapsed: var(--text-accent);
    --list-bullet-border: none;
    --list-bullet-radius: 50%;
    --list-bullet-size: 0.3em;
    --list-bullet-transform: none;
    --list-numbered-style: decimal;
    --list-bullet-end-padding: 1.3rem;
    --nav-item-size: var(--font-ui-small);
    --nav-item-color: var(--text-muted);
    --nav-item-color-hover: var(--text-normal);
    --nav-item-color-active: var(--text-normal);
    --nav-item-color-selected: var(--text-normal);
    --nav-item-color-highlighted: var(--text-accent);
    --nav-item-background-hover: var(--background-modifier-hover);
    --nav-item-background-active: var(--background-modifier-hover);
    --nav-item-background-selected: hsla(var(--color-accent-hsl), 0.15);
    --nav-item-padding: var(--size-4-1) var(--size-4-2) var(--size-4-1)
        var(--size-4-6);
    --nav-item-parent-padding: var(--nav-item-padding);
    --nav-item-children-padding-start: var(--size-2-2);
    --nav-item-children-margin-start: var(--size-4-3);
    --nav-item-weight: inherit;
    --nav-item-weight-hover: inherit;
    --nav-item-weight-active: inherit;
    --nav-item-white-space: pre;
    --nav-indentation-guide-width: var(--indentation-guide-width);
    --nav-indentation-guide-color: var(--indentation-guide-color);
    --nav-collapse-icon-color: var(--collapse-icon-color);
    --nav-collapse-icon-color-collapsed: var(--text-faint);
    --nav-heading-color: var(--text-normal);
    --nav-heading-color-hover: var(--text-normal);
    --nav-heading-color-collapsed: var(--text-faint);
    --nav-heading-color-collapsed-hover: var(--text-muted);
    --nav-heading-weight: var(--font-medium);
    --nav-heading-weight-hover: var(--font-medium);
    --metadata-background: transparent;
    --metadata-display-reading: block;
    --metadata-display-editing: block;
    --metadata-max-width: none;
    --metadata-padding: var(--size-4-2) 0;
    --metadata-border-color: var(--background-modifier-border);
    --metadata-border-radius: 0;
    --metadata-border-width: 0;
    --metadata-divider-color: var(--background-modifier-border);
    --metadata-divider-color-hover: transparent;
    --metadata-divider-color-focus: transparent;
    --metadata-divider-width: 0;
    --metadata-gap: 3px;
    --metadata-property-padding: 0;
    --metadata-property-radius: 6px;
    --metadata-property-radius-hover: 6px;
    --metadata-property-radius-focus: 6px;
    --metadata-property-background: transparent;
    --metadata-property-background-hover: transparent;
    --metadata-property-background-active: var(--background-modifier-hover);
    --metadata-label-background: transparent;
    --metadata-label-background-hover: transparent;
    --metadata-label-background-active: var(--background-modifier-hover);
    --metadata-label-font: var(--font-interface);
    --metadata-label-font-size: var(--font-smaller);
    --metadata-label-font-weight: inherit;
    --metadata-label-text-color: var(--text-muted);
    --metadata-label-text-color-hover: var(--text-muted);
    --metadata-label-width: 9em;
    --metadata-input-height: calc(var(--font-text-size) * 1.75);
    --metadata-input-text-color: var(--text-normal);
    --metadata-input-font: var(--font-interface);
    --metadata-input-font-size: var(--font-smaller);
    --metadata-input-background: transparent;
    --metadata-input-background-hover: transparent;
    --metadata-input-background-active: var(--background-modifier-hover);
    --metadata-sidebar-label-font-size: var(--font-ui-small);
    --metadata-sidebar-input-font-size: var(--font-ui-small);
    --modal-background: var(--background-primary);
    --modal-width: 90vw;
    --modal-height: 85vh;
    --modal-max-width: 1100px;
    --modal-max-height: 1000px;
    --modal-max-width-narrow: 800px;
    --modal-border-width: var(--border-width);
    --modal-border-color: var(
        --color-base-40,
        var(--background-modifier-border-focus)
    );
    --modal-radius: var(--radius-l);
    --modal-community-sidebar-width: 280px;
    --pill-color: var(--text-muted);
    --pill-color-hover: var(--text-normal);
    --pill-color-remove: var(--text-faint);
    --pill-color-remove-hover: var(--text-accent);
    --pill-decoration: none;
    --pill-decoration-hover: none;
    --pill-background: transparent;
    --pill-background-hover: transparent;
    --pill-border-color: var(--background-modifier-border);
    --pill-border-color-hover: var(--background-modifier-border-hover);
    --pill-border-width: var(--border-width);
    --pill-padding-x: 0.65em;
    --pill-padding-y: 0.25em;
    --pill-radius: 2em;
    --pill-weight: inherit;
    --p-spacing: 1rem;
    --p-spacing-empty: 0rem;
    --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-spread-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    --pdf-sidebar-background: var(--background-primary);
    --pdf-thumbnail-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.2);
    --popover-width: 450px;
    --popover-height: 400px;
    --popover-max-height: 95vh;
    --popover-pdf-width: 450px;
    --popover-pdf-height: 400px;
    --popover-font-size: var(--font-text-size);
    --prompt-input-height: 40px;
    --prompt-width: 700px;
    --prompt-max-width: 80vw;
    --prompt-max-height: 70vh;
    --prompt-border-width: var(--border-width);
    --prompt-border-color: var(
        --color-base-40,
        var(--background-modifier-border-focus)
    );
    --radius-s: 4px;
    --radius-m: 8px;
    --radius-l: 12px;
    --radius-xl: 16px;
    --ribbon-background: var(--background-secondary);
    --ribbon-background-collapsed: var(--background-primary);
    --ribbon-width: 44px;
    --ribbon-padding: var(--size-4-2) var(--size-4-1) var(--size-4-3);
    --scrollbar-active-thumb-bg: rgba(var(--mono-rgb-100), 0.2);
    --scrollbar-bg: rgba(var(--mono-rgb-100), 0.05);
    --scrollbar-thumb-bg: rgba(var(--mono-rgb-100), 0.1);
    --search-clear-button-color: var(--text-muted);
    --search-clear-button-size: 13px;
    --search-icon-color: var(--text-muted);
    --search-icon-size: 18px;
    --search-result-background: var(--background-primary);
    --size-2-1: 2px;
    --size-2-2: 4px;
    --size-2-3: 6px;
    --size-4-1: 4px;
    --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;
    --size-4-10: 40px;
    --size-4-12: 48px;
    --size-4-16: 64px;
    --size-4-18: 72px;
    --sidebar-markdown-font-size: calc(var(--font-text-size) * 0.9);
    --sidebar-tab-text-display: none;
    --slider-thumb-border-width: 1px;
    --slider-thumb-border-color: var(--background-modifier-border-hover);
    --slider-thumb-height: 18px;
    --slider-thumb-width: 18px;
    --slider-thumb-y: -6px;
    --slider-thumb-radius: 50%;
    --slider-s-thumb-size: 15px;
    --slider-s-thumb-position: -5px;
    --slider-track-background: var(--background-modifier-border);
    --slider-track-height: 3px;
    --status-bar-background: var(--background-secondary);
    --status-bar-border-color: var(--divider-color);
    --status-bar-border-width: 1px 0 0 1px;
    --status-bar-font-size: var(--font-ui-smaller);
    --status-bar-text-color: var(--text-muted);
    --status-bar-position: fixed;
    --status-bar-radius: var(--radius-m) 0 0 0;
    --status-bar-scroll-padding: calc(var(--status-bar-font-size) + 18px);
    --sync-avatar-color-current-user: transparent;
    --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);
    --swatch-radius: 14px;
    --swatch-height: 24px;
    --swatch-width: 24px;
    --swatch-shadow: inset 0 0 0 1px rgba(var(--mono-rgb-100), 0.15);
    --tab-background-active: var(--background-primary);
    --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-highlighted: var(--text-accent);
    --tab-text-color-focused-active-current: var(--text-normal);
    --tab-font-size: var(--font-ui-small);
    --tab-font-weight: inherit;
    --tab-container-background: var(--background-secondary);
    --tab-divider-color: var(--background-modifier-border-hover);
    --tab-outline-color: var(--divider-color);
    --tab-outline-width: 1px;
    --tab-curve: 6px;
    --tab-radius: var(--radius-s);
    --tab-radius-active: 6px 6px 0 0;
    --tab-width: 200px;
    --tab-max-width: 320px;
    --tab-switcher-menubar-background: var(--mobile-sidebar-background);
    --tab-switcher-background: var(--background-secondary);
    --tab-switcher-preview-radius: var(--radius-xl);
    --tab-switcher-preview-background-shadow: 0 4px 30px 2px rgba(0, 0, 0, 0.2);
    --tab-switcher-preview-shadow: 0 0 0 1px rgba(var(--mono-rgb-100), 0.05);
    --tab-switcher-preview-shadow-active: 0 0 0 2px var(--color-accent);
    --tab-stacked-pane-width: 700px;
    --tab-stacked-header-width: var(--header-height);
    --tab-stacked-font-size: var(--font-ui-small);
    --tab-stacked-font-weight: 400;
    --tab-stacked-text-align: start;
    --tab-stacked-text-transform: rotate(0deg);
    --tab-stacked-text-writing-mode: vertical-lr;
    --tab-stacked-shadow: -8px 0 8px 0 rgba(0, 0, 0, 0.05);
    --table-background: transparent;
    --table-border-width: 1px;
    --table-border-color: var(--background-modifier-border);
    --table-white-space: break-spaces;
    --table-header-background: var(--table-background);
    --table-header-background-hover: inherit;
    --table-header-border-width: var(--table-border-width);
    --table-header-border-color: var(--table-border-color);
    --table-header-font: inherit;
    --table-header-size: var(--table-text-size);
    --table-header-weight: calc(var(--font-weight) + var(--bold-modifier));
    --table-header-color: var(--text-normal);
    --table-line-height: var(--line-height-tight);
    --table-text-size: var(--font-text-size);
    --table-text-color: inherit;
    --table-column-min-width: 6ch;
    --table-column-max-width: none;
    --table-column-alt-background: var(--table-background);
    --table-column-first-border-width: var(--table-border-width);
    --table-column-last-border-width: var(--table-border-width);
    --table-row-background-hover: var(--table-background);
    --table-row-alt-background: var(--table-background);
    --table-row-alt-background-hover: var(--table-background);
    --table-row-last-border-width: var(--table-border-width);
    --table-selection: hsla(var(--color-accent-hsl), 0.1);
    --table-selection-blend-mode: var(--highlight-mix-blend-mode);
    --table-selection-border-color: var(--interactive-accent);
    --table-selection-border-width: 2px;
    --table-selection-border-radius: 4px;
    --table-cell-vertical-alignment: top;
    --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-add-button-background: transparent;
    --table-add-button-border-width: var(--table-border-width);
    --table-add-button-border-color: var(--background-modifier-border);
    --tag-size: var(--font-smaller);
    --tag-color: var(--text-accent);
    --tag-color-hover: var(--text-accent);
    --tag-decoration: none;
    --tag-decoration-hover: none;
    --tag-background: hsla(var(--interactive-accent-hsl), 0.1);
    --tag-background-hover: hsla(var(--interactive-accent-hsl), 0.2);
    --tag-border-color: hsla(var(--interactive-accent-hsl), 0.15);
    --tag-border-color-hover: hsla(var(--interactive-accent-hsl), 0.15);
    --tag-border-width: 0px;
    --tag-padding-x: 0.65em;
    --tag-padding-y: 0.25em;
    --tag-radius: 2em;
    --tag-weight: inherit;
    --titlebar-background: var(--background-secondary);
    --titlebar-background-focused: var(--background-secondary-alt);
    --titlebar-border-width: 0px;
    --titlebar-border-color: var(--background-modifier-border);
    --titlebar-text-color: var(--text-muted);
    --titlebar-text-color-focused: var(--text-normal);
    --titlebar-text-weight: var(--font-bold);
    --toggle-border-width: 2px;
    --toggle-width: 40px;
    --toggle-radius: 18px;
    --toggle-thumb-color: white;
    --toggle-thumb-radius: 18px;
    --toggle-thumb-height: 18px;
    --toggle-thumb-width: 18px;
    --toggle-s-border-width: 2px;
    --toggle-s-width: 34px;
    --toggle-s-thumb-height: 15px;
    --toggle-s-thumb-width: 15px;
    --vault-profile-display: flex;
    --vault-profile-actions-display: flex;
    --vault-profile-font-size: var(--font-ui-small);
    --vault-profile-font-weight: var(--font-medium);
    --vault-profile-color: var(--text-normal);
    --vault-profile-color-hover: var(--vault-profile-color);
    --workspace-background-translucent: rgba(var(--mono-rgb-0), 0.6);
    --accent-h: 258;
    --accent-s: 88%;
    --accent-l: 66%;
    --background-primary: var(--color-base-00);
    --background-primary-alt: var(--color-base-10);
    --background-secondary: var(--color-base-20);
    --background-modifier-hover: rgba(var(--mono-rgb-100), 0.075);
    --background-modifier-active-hover: hsla(
        var(--interactive-accent-hsl),
        0.15
    );
    --background-modifier-border: var(--color-base-30);
    --background-modifier-border-hover: var(--color-base-35);
    --background-modifier-border-focus: var(--color-base-40);
    --background-modifier-error-rgb: var(--color-red-rgb);
    --background-modifier-error: var(--color-red);
    --background-modifier-error-hover: var(--color-red);
    --background-modifier-success-rgb: var(--color-green-rgb);
    --background-modifier-success: var(--color-green);
    --background-modifier-message: rgba(0, 0, 0, 0.9);
    --background-modifier-form-field: var(--color-base-00);
    --text-normal: var(--color-base-100);
    --text-muted: var(--color-base-70);
    --text-faint: var(--color-base-50);
    --text-on-accent: white;
    --text-on-accent-inverted: black;
    --text-error: var(--color-red);
    --text-warning: var(--color-orange);
    --text-success: var(--color-green);
    --text-selection: hsla(var(--color-accent-hsl), 0.2);
    --text-highlight-bg-rgb: 255, 208, 0;
    --text-highlight-bg: rgba(var(--text-highlight-bg-rgb), 0.4);
    --text-accent: var(--color-accent);
    --text-accent-hover: var(--color-accent-2);
    --interactive-normal: var(--color-base-00);
    --interactive-hover: var(--color-base-10);
    --interactive-accent-hsl: var(--color-accent-hsl);
    --interactive-accent: var(--color-accent-1);
    --interactive-accent-hover: var(--color-accent-2);
}
.theme-light {
    color-scheme: light;
    --highlight-mix-blend-mode: darken;
    --mono-rgb-0: 255, 255, 255;
    --mono-rgb-100: 0, 0, 0;
    --color-red-rgb: 233, 49, 71;
    --color-red: #e93147;
    --color-orange-rgb: 236, 117, 0;
    --color-orange: #ec7500;
    --color-yellow-rgb: 224, 172, 0;
    --color-yellow: #e0ac00;
    --color-green-rgb: 8, 185, 78;
    --color-green: #08b94e;
    --color-cyan-rgb: 0, 191, 188;
    --color-cyan: #00bfbc;
    --color-blue-rgb: 8, 109, 221;
    --color-blue: #086ddd;
    --color-purple-rgb: 120, 82, 238;
    --color-purple: #7852ee;
    --color-pink-rgb: 213, 57, 132;
    --color-pink: #d53984;
    --color-base-00: #ffffff;
    --color-base-05: #fcfcfc;
    --color-base-10: #fafafa;
    --color-base-20: #f6f6f6;
    --color-base-25: #e3e3e3;
    --color-base-30: #e0e0e0;
    --color-base-35: #d4d4d4;
    --color-base-40: #bdbdbd;
    --color-base-50: #ababab;
    --color-base-60: #707070;
    --color-base-70: #5c5c5c;
    --color-base-100: #222222;
    --color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l);
    --color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
    --color-accent-1: hsl(
        calc(var(--accent-h) - 1),
        calc(var(--accent-s) * 1.01),
        calc(var(--accent-l) * 1.075)
    );
    --color-accent-2: hsl(
        calc(var(--accent-h) - 3),
        calc(var(--accent-s) * 1.02),
        calc(var(--accent-l) * 1.15)
    );
    --background-secondary-alt: var(--color-base-05);
    --background-modifier-box-shadow: rgba(0, 0, 0, 0.1);
    --background-modifier-cover: rgba(220, 220, 220, 0.4);
    --input-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.05),
        0 1px 1.5px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.04),
        0 0 0 0 transparent;
    --input-shadow-hover:
        inset 0 0 0 1px rgba(0, 0, 0, 0.17), 0 2px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 1.5px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.04),
        0 0 0 0 transparent;
    --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-l:
        0px 1.8px 7.3px rgba(0, 0, 0, 0.071),
        0px 6.3px 24.7px rgba(0, 0, 0, 0.112), 0px 30px 90px rgba(0, 0, 0, 0.2);
}
.theme-dark {
    color-scheme: dark;
    --highlight-mix-blend-mode: lighten;
    --mono-rgb-0: 0, 0, 0;
    --mono-rgb-100: 255, 255, 255;
    --color-red-rgb: 251, 70, 76;
    --color-red: #fb464c;
    --color-orange-rgb: 233, 151, 63;
    --color-orange: #e9973f;
    --color-yellow-rgb: 224, 222, 113;
    --color-yellow: #e0de71;
    --color-green-rgb: 68, 207, 110;
    --color-green: #44cf6e;
    --color-cyan-rgb: 83, 223, 221;
    --color-cyan: #53dfdd;
    --color-blue-rgb: 2, 122, 255;
    --color-blue: #027aff;
    --color-purple-rgb: 168, 130, 255;
    --color-purple: #a882ff;
    --color-pink-rgb: 250, 153, 205;
    --color-pink: #fa99cd;
    --color-base-00: #1e1e1e;
    --color-base-05: #212121;
    --color-base-10: #242424;
    --color-base-20: #262626;
    --color-base-25: #2a2a2a;
    --color-base-30: #363636;
    --color-base-35: #3f3f3f;
    --color-base-40: #555555;
    --color-base-50: #666666;
    --color-base-60: #999999;
    --color-base-70: #b3b3b3;
    --color-base-100: #dadada;
    --color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l);
    --color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
    --color-accent-1: hsl(
        calc(var(--accent-h) - 3),
        calc(var(--accent-s) * 1.02),
        calc(var(--accent-l) * 1.15)
    );
    --color-accent-2: hsl(
        calc(var(--accent-h) - 5),
        calc(var(--accent-s) * 1.05),
        calc(var(--accent-l) * 1.29)
    );
    --background-modifier-form-field: var(--color-base-25);
    --background-secondary-alt: var(--color-base-30);
    --interactive-normal: var(--color-base-30);
    --interactive-hover: var(--color-base-35);
    --text-accent: var(--color-accent-1);
    --interactive-accent: var(--color-accent);
    --interactive-accent-hover: var(--color-accent-1);
    --background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
    --background-modifier-cover: rgba(10, 10, 10, 0.4);
    --text-selection: hsla(var(--interactive-accent-hsl), 0.25);
    --input-shadow:
        inset 0 0.5px 0.5px 0.5px rgba(255, 255, 255, 0.09),
        0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 1px 1.5px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 transparent;
    --input-shadow-hover:
        inset 0 0.5px 1px 0.5px rgba(255, 255, 255, 0.16),
        0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 1.5px 0 rgba(0, 0, 0, 0.2),
        0 1px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 0 transparent;
    --shadow-s:
        0px 1px 2px rgba(0, 0, 0, 0.121), 0px 3.4px 6.7px rgba(0, 0, 0, 0.179),
        0px 15px 30px rgba(0, 0, 0, 0.3);
    --shadow-l:
        0px 1.8px 7.3px rgba(0, 0, 0, 0.071),
        0px 6.3px 24.7px rgba(0, 0, 0, 0.112), 0px 30px 90px rgba(0, 0, 0, 0.2);
    --pdf-shadow: 0 0 0 1px var(--background-modifier-border);
    --pdf-thumbnail-shadow: 0 0 0 1px var(--background-modifier-border);
}
iframe {
    color-scheme: normal;
}
@font-face {
    font-family: "Avenir Next";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("../../fonts/94f2f163d4b698242fef.otf");
}
@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url("../../fonts/72505e6a122c6acd5471.woff2") format("woff2");
}
@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../../fonts/2d5198822ab091ce4305.woff2") format("woff2");
}
@font-face {
    font-family: Inter;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("../../fonts/c8ba52b05a9ef10f4758.woff2");
}
@font-face {
    font-family: Inter;
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src: url("../../fonts/cb10ffd7684cd9836a05.woff2");
}
@font-face {
    font-family: Inter;
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url("../../fonts/b5f0f109bc88052d4000.woff2");
}
@font-face {
    font-family: Inter;
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url("../../fonts/cbe0ae49c52c920fd563.woff2");
}
@font-face {
    font-family: Inter;
    font-weight: 800;
    font-style: italic;
    font-display: swap;
    src: url("../../fonts/535a6cf662596b3bd6a6.woff2");
}
@font-face {
    font-family: "Source Code Pro";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("../../fonts/70cc7ff27245e82ad414.ttf");
}
@font-face {
    font-family: "Source Code Pro";
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src: url("../../fonts/454577c22304619db035.ttf");
}
@font-face {
    font-family: "Source Code Pro";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("../../fonts/52ac8f3034507f1d9e53.ttf");
}
@font-face {
    font-family: "Source Code Pro";
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    src: url("../../fonts/05b618077343fbbd92b7.ttf");
}
@font-face {
    font-family: "Flow Circular";
    font-display: swap;
    src: url("../../fonts/4bb6ac751d1c5478ff3a.woff2");
}
@font-face {
    font-family: "??";
    unicode-range: U+0;
}
body {
    --font-default:
        ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Inter", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        sans-serif;
    --font-monospace-default:
        ui-monospace, SFMono-Regular, "Cascadia Mono", "Roboto Mono",
        "DejaVu Sans Mono", "Liberation Mono", Menlo, Monaco, "Consolas",
        "Source Code Pro", monospace;
    --font-interface-override: "??";
    --font-interface-theme: "??";
    --font-interface:
        var(--font-interface-override), var(--font-interface-theme),
        var(--default-font, "??"), var(--font-default);
    --font-text-override: "??";
    --font-text-theme: "??";
    --font-text:
        var(--font-text-override), var(--font-text-theme), var(--font-default);
    --font-print-override: "??";
    --font-print:
        var(--font-print-override), var(--font-text-override),
        var(--font-text-theme), "Arial";
    --font-monospace-override: "??";
    --font-monospace-theme: "??";
    --font-monospace:
        var(--font-monospace-override), var(--font-monospace-theme),
        var(--font-monospace-default);
    --font-text-size: 16px;
    --font-mermaid: var(--font-text);
}
* {
    box-sizing: border-box;
}
body,
html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overscroll-behavior: none;
}
body {
    text-rendering: optimizelegibility;
    font-family: var(--font-interface);
    line-height: var(--line-height-tight);
    font-size: var(--font-ui-medium);
    background-color: var(--background-primary);
    color: var(--text-normal);
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.node-insert-event {
    animation-duration: 10ms;
    animation-name: node-inserted;
}
.is-flashing {
    transition:
        color 0.25s,
        background-color 0.25s;
    color: var(--text-normal);
    mix-blend-mode: var(--highlight-mix-blend-mode);
    border-radius: var(--radius-s);
    background-color: var(--text-highlight-bg) !important;
}
body {
    user-select: none;
    caret-color: var(--caret-color);
}
body [contenteditable=""],
body [contenteditable="true"] {
    user-select: text;
}
body.is-grabbing {
    cursor: grabbing !important;
}
body.is-grabbing iframe:not(.is-controlled),
body.is-grabbing webview {
    pointer-events: none;
}
.app-container {
    display: flex;
    height: 100%;
    width: 100%;
    position: relative;
    flex-direction: column;
}
.app-container.no-transition * {
    transition: none !important;
}
.horizontal-main-container {
    width: 100%;
    display: flex;
    overflow: hidden;
    flex: 1 0 0px;
}
:focus {
    outline: 0;
}
.is-text-garbled * {
    font-family: "Flow Circular", sans-serif !important;
    line-height: 1.45em !important;
}
.download-attachments .download-attachment-item input[type="checkbox"] {
    position: absolute;
    bottom: var(--size-4-2);
    inset-inline-end: var(--size-4-2);
    margin-inline: 0px;
    z-index: 2;
}
.download-attachments
    .download-attachment-item
    input[type="checkbox"]:not(:checked) {
    background-color: var(--background-primary);
}
.markdown-source-view.mod-cm6.is-readable-line-width
    .cm-line.HyperMD-table-row {
    max-width: 100%;
}
.markdown-source-view.mod-cm6 .cm-content > [contenteditable="false"] {
    contain: paint !important;
}
.markdown-source-view.mod-cm6 .cm-table-widget {
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
}
.markdown-source-view.mod-cm6 .cm-table-widget {
    --table-drag-handle-size: var(--size-4-4);
    padding: var(--table-drag-handle-size);
    overflow: auto hidden;
    margin: 0 calc(-1 * var(--size-4-4)) !important;
}
.is-mobile .markdown-source-view.mod-cm6 .cm-table-widget {
    --table-drag-handle-size: var(--size-4-6);
}
.markdown-source-view.mod-cm6 .cm-table-widget.is-loading {
    padding: 0;
    margin: 0 !important;
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-wrapper {
    position: relative;
    width: fit-content;
}
.markdown-source-view.mod-cm6 .cm-table-widget tr {
    height: 1px;
}
.markdown-source-view.mod-cm6 .cm-table-widget td,
.markdown-source-view.mod-cm6 .cm-table-widget th {
    height: inherit;
    min-width: var(--table-column-min-width);
    cursor: text;
    overflow: visible;
    padding: 0;
    position: relative;
}
.markdown-source-view.mod-cm6
    .cm-table-widget
    td.is-selected
    .table-cell-wrapper,
.markdown-source-view.mod-cm6
    .cm-table-widget
    th.is-selected
    .table-cell-wrapper {
    user-select: none;
}
.markdown-source-view.mod-cm6 .cm-table-widget td.is-selected::after,
.markdown-source-view.mod-cm6 .cm-table-widget th.is-selected::after {
    pointer-events: none;
    content: "";
    display: block;
    position: absolute;
    top: calc(-1 * var(--table-border-width));
    inset-inline-end: calc(-1 * var(--table-border-width));
    bottom: calc(-1 * var(--table-border-width));
    inset-inline-start: calc(-1 * var(--table-border-width));
    background-color: var(--table-selection);
    border: 0 solid var(--table-selection-border-color);
    mix-blend-mode: var(--table-selection-blend-mode);
    z-index: 1;
}
.markdown-source-view.mod-cm6 .cm-table-widget td.top::after,
.markdown-source-view.mod-cm6 .cm-table-widget th.top::after {
    border-top-width: var(--table-selection-border-width);
    top: calc(-1 * var(--table-selection-border-width));
}
.markdown-source-view.mod-cm6 .cm-table-widget td.bottom::after,
.markdown-source-view.mod-cm6 .cm-table-widget th.bottom::after {
    border-bottom-width: var(--table-selection-border-width);
    bottom: calc(-1 * var(--table-selection-border-width));
}
.markdown-source-view.mod-cm6 .cm-table-widget.has-selection {
    --text-selection: transparent;
}
.markdown-source-view.mod-cm6 .cm-table-widget.has-selection .cm-content {
    caret-color: transparent;
}
.markdown-source-view.mod-cm6 .cm-table-widget.has-selection .cm-cursorLayer,
.markdown-source-view.mod-cm6
    .cm-table-widget.has-selection
    .cm-selectionLayer {
    display: none;
}
.markdown-source-view.mod-cm6 .cm-table-widget.is-selected {
    --text-selection: transparent;
}
.markdown-source-view.mod-cm6 .cm-table-widget.is-selected table {
    position: relative;
}
.markdown-source-view.mod-cm6 .cm-table-widget.is-selected table::after {
    pointer-events: none;
    content: "";
    display: block;
    position: absolute;
    top: calc(-1 * var(--table-border-width));
    inset-inline-end: calc(-1 * var(--table-border-width));
    bottom: calc(-1 * var(--table-border-width));
    inset-inline-start: calc(-1 * var(--table-border-width));
    background-color: var(--table-selection);
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-cell-wrapper {
    height: 100%;
    padding: var(--size-2-2) var(--size-4-2);
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-col-drag-handle,
.markdown-source-view.mod-cm6 .cm-table-widget .table-row-drag-handle {
    --icon-size: var(--icon-s);
    --icon-stroke: var(--icon-s-stroke-width);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: grab;
    background-color: var(--table-drag-handle-background);
    color: var(--table-drag-handle-color);
    touch-action: none;
    opacity: 0;
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-col-drag-handle:active,
.markdown-source-view.mod-cm6 .cm-table-widget .table-col-drag-handle:hover,
.markdown-source-view.mod-cm6 .cm-table-widget .table-row-drag-handle:active,
.markdown-source-view.mod-cm6 .cm-table-widget .table-row-drag-handle:hover {
    opacity: 1;
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-col-drag-handle:active,
.markdown-source-view.mod-cm6 .cm-table-widget .table-row-drag-handle:active {
    cursor: grabbing;
    background-color: var(--table-drag-handle-background-active);
    color: var(--table-drag-handle-color-active);
    box-shadow: 0 0 0 var(--table-selection-border-width)
        var(--table-selection-border-color);
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-col-drag-handle *,
.markdown-source-view.mod-cm6 .cm-table-widget .table-row-drag-handle * {
    pointer-events: none;
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-row-drag-handle {
    top: 0;
    inset-inline-end: 100%;
    width: calc(
        var(--table-drag-handle-size) - var(--table-selection-border-width)
    );
    height: 100%;
    border-start-start-radius: var(--radius-s);
    border-end-start-radius: var(--radius-s);
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-col-drag-handle {
    inset-block-end: 100%;
    width: 100%;
    height: calc(
        var(--table-drag-handle-size) - var(--table-selection-border-width)
    );
    border-start-start-radius: var(--radius-s);
    border-start-end-radius: var(--radius-s);
}
.markdown-source-view.mod-cm6
    .cm-table-widget.is-dragging
    .table-col-drag-handle,
.markdown-source-view.mod-cm6
    .cm-table-widget.is-dragging
    .table-row-drag-handle {
    display: none;
}
.markdown-source-view.mod-cm6
    .cm-table-widget.is-dragging
    .table-col-drag-handle:active,
.markdown-source-view.mod-cm6
    .cm-table-widget.is-dragging
    .table-row-drag-handle:active {
    display: flex;
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-drag-target {
    position: absolute;
    border-radius: 2px;
    background-color: var(--interactive-accent);
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-drag-target.mod-row {
    height: 3px;
    transform: translateY(-2px);
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-drag-target.mod-col {
    width: 3px;
    transform: translateX(-2px);
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-col-btn,
.markdown-source-view.mod-cm6 .cm-table-widget .table-row-btn {
    --icon-size: var(--icon-s);
    --icon-stroke: var(--icon-s-stroke-width);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--table-drag-handle-size);
    width: var(--table-drag-handle-size);
    background-color: var(--table-add-button-background);
    border: var(--table-add-button-border-width) solid
        var(--table-add-button-border-color);
    color: var(--text-faint);
    transition: opacity 0.1s;
    opacity: 0;
    user-select: none;
}
.is-mobile
    .markdown-source-view.mod-cm6
    .cm-table-widget
    .table-col-drag-handle,
.is-mobile
    .markdown-source-view.mod-cm6
    .cm-table-widget
    .table-row-drag-handle {
    display: none;
}
.is-mobile
    .markdown-source-view.mod-cm6
    .cm-table-widget
    .mod-active-col-handle
    > .table-col-drag-handle,
.is-mobile
    .markdown-source-view.mod-cm6
    .cm-table-widget
    .mod-active-row-handle
    > .table-row-drag-handle {
    opacity: 1;
    display: flex;
}
.is-mobile
    .markdown-source-view.mod-cm6
    .cm-table-widget:not(.has-focus)
    .table-col-btn,
.is-mobile
    .markdown-source-view.mod-cm6
    .cm-table-widget:not(.has-focus)
    .table-row-btn {
    pointer-events: none;
}
.is-mobile
    .markdown-source-view.mod-cm6
    .cm-table-widget.has-focus
    .table-col-btn,
.is-mobile
    .markdown-source-view.mod-cm6
    .cm-table-widget.has-focus
    .table-row-btn {
    opacity: 1;
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-row-btn {
    top: 100%;
    inset-inline-start: 0px;
    width: 100%;
    border-top: none;
    cursor: s-resize;
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-col-btn {
    top: 0;
    height: 100%;
}
.markdown-source-view.mod-cm6 .cm-table-widget .cm-content,
.markdown-source-view.mod-cm6 .cm-table-widget .cm-line {
    max-width: none;
}
.markdown-source-view.mod-cm6 .cm-table-widget .cm-content {
    width: auto;
}
.markdown-source-view.mod-cm6 .cm-table-widget .cm-content.cm-lineWrapping {
    overflow-wrap: normal;
    white-space: var(--table-white-space);
    word-break: normal;
}
.markdown-source-view.mod-cm6 .cm-table-widget .cm-scroller {
    overflow-y: hidden;
    scrollbar-gutter: auto;
    line-height: var(--table-line-height);
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-col-btn {
    inset-inline-start: 100%;
    border-inline-start: none;
    cursor: e-resize;
}
.markdown-source-view.mod-cm6 .cm-table-widget td.is-selected.start::after,
.markdown-source-view.mod-cm6 .cm-table-widget th.is-selected.start::after {
    border-inline-start-width: var(--table-selection-border-width);
    inset-inline-start: calc(-1 * var(--table-selection-border-width));
}
.markdown-source-view.mod-cm6 .cm-table-widget td.is-selected.end::after,
.markdown-source-view.mod-cm6 .cm-table-widget th.is-selected.end::after {
    border-inline-end-width: var(--table-selection-border-width);
    inset-inline-end: calc(-1 * var(--table-selection-border-width));
}
.markdown-source-view.mod-cm6 .cm-table-widget td.is-selected.top.end::after,
.markdown-source-view.mod-cm6 .cm-table-widget th.is-selected.top.end::after {
    border-start-end-radius: var(--table-selection-border-radius);
}
.markdown-source-view.mod-cm6 .cm-table-widget td.is-selected.bottom.end::after,
.markdown-source-view.mod-cm6
    .cm-table-widget
    th.is-selected.bottom.end::after {
    border-end-end-radius: var(--table-selection-border-radius);
}
.markdown-source-view.mod-cm6 .cm-table-widget td.is-selected.top.start::after,
.markdown-source-view.mod-cm6 .cm-table-widget th.is-selected.top.start::after {
    border-start-start-radius: var(--table-selection-border-radius);
}
.markdown-source-view.mod-cm6
    .cm-table-widget
    td.is-selected.bottom.start::after,
.markdown-source-view.mod-cm6
    .cm-table-widget
    th.is-selected.bottom.start::after {
    border-end-start-radius: var(--table-selection-border-radius);
}
.markdown-source-view.mod-cm6 .cm-table-widget:dir(rtl) .table-col-btn,
.markdown-source-view.mod-cm6.is-rtl .cm-table-widget .table-col-btn {
    cursor: w-resize;
}
.markdown-source-view.mod-cm6
    .cm-panels.cm-panels-bottom
    input[type="text"]:focus {
    background-color: transparent;
    box-shadow: none;
}
.empty-state {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    inset-inline-start: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.empty-state-container {
    max-width: 480px;
    max-height: 280px;
    margin: 20px;
    text-align: center;
}
.empty-state-title {
    margin: 20px 0;
    font-weight: var(--h2-weight);
    font-size: var(--h2-size);
    line-height: var(--line-height-tight);
    position: relative;
}
.empty-state-action-list {
    font-size: var(--font-text-size);
    line-height: var(--line-height-tight);
    color: var(--text-muted);
    margin-top: 20px;
}
.empty-state-action {
    cursor: var(--cursor);
    line-height: 36px;
    color: var(--text-accent);
}
.empty-state-close-button {
    display: none;
}
.feedback-banner-container {
    display: none;
    border-bottom: var(--border-width) solid var(--background-modifier-border);
    padding-top: var(--size-4-4);
    padding-bottom: var(--size-4-5);
    padding-right: max(var(--size-4-5), var(--safe-area-inset-right));
    padding-left: max(var(--size-4-5), var(--safe-area-inset-left));
}
.feedback-banner {
    position: relative;
    padding-top: var(--size-4-1);
}
.feedback-banner-title {
    font-weight: var(--font-bold);
    font-size: var(--font-ui-large);
    margin-bottom: var(--size-4-2);
}
.feedback-banner-content {
    font-size: var(--font-ui-small);
    display: flex;
    flex-direction: column;
    row-gap: var(--size-4-4);
}
.feedback-banner-dismiss-button {
    position: absolute;
    font-weight: var(--font-semibold);
    top: 0;
    right: 0;
    padding: var(--size-4-2) var(--size-4-1);
    color: var(--interactive-accent);
    font-size: var(--font-ui-smaller);
}
body {
    --zoom-factor: 1;
    --titlebar-height: 30px;
}
.is-fullscreen) {
    padding-top: calc(var(--titlebar-height) / var(--zoom-factor));
}
.pane-empty {
    color: var(--text-faint);
    font-size: var(--font-ui-small);
    margin: var(--size-4-2) auto;
    padding: var(--size-4-6) var(--size-4-4);
    text-align: center;
}
.pane-empty .pane-empty-actions {
    margin-top: var(--size-4-4);
}
.view-header-title::-webkit-scrollbar {
    display: none;
}
.view-content {
    width: 100%;
    height: calc(100% - var(--header-height));
}
.inline-title {
    color: var(--inline-title-color);
    white-space: pre-wrap;
    margin-block-end: var(--inline-title-margin-bottom);
}
.inline-title:not([data-level]) {
    font-size: var(--inline-title-size);
    font-weight: var(--inline-title-weight);
    line-height: var(--inline-title-line-height);
    font-style: var(--inline-title-style);
    font-variant: var(--inline-title-variant);
    font-family: var(--inline-title-font);
    letter-spacing: -0.015em;
}
.inline-title h1,
.inline-title h2,
.inline-title h3,
.inline-title h4,
.inline-title h5,
.inline-title h6 {
    margin-block: 0px;
}
.inline-embed .inline-title {
    display: none;
}
body:not(.show-inline-title) .inline-title:not([data-level]) {
    display: none;
}
::selection {
    background-color: var(--text-selection);
}
.markdown-reading-view {
    display: flex;
    flex-direction: column;
}
.markdown-preview-view {
    font-size: var(--font-text-size);
    font-family: var(--font-text);
    line-height: var(--line-height-normal);
    width: 100%;
    height: 100%;
    padding: var(--file-margins);
    position: relative;
    overflow-y: auto;
    overflow-wrap: break-word;
    color: var(--text-normal);
    user-select: text;
    scrollbar-gutter: stable;
}
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer {
    max-width: var(--file-line-width);
    margin-left: auto;
    margin-right: auto;
}
.markdown-rendered {
    tab-size: var(--indent-size);
}
.markdown-rendered.rtl {
    direction: rtl;
}
.markdown-rendered
    > .markdown-preview-section
    > .markdown-preview-pusher
    + div:not(.mod-ui)
    > :first-child,
.markdown-rendered
    > .markdown-preview-section
    > .mod-ui
    + div:not(.mod-ui)
    > :first-child {
    margin-top: 0;
}
.markdown-rendered > .markdown-preview-section > div:last-child > :last-child,
.markdown-rendered
    > .markdown-preview-section
    > div:not(.mod-ui):has(+ .mod-ui)
    > :last-child {
    margin-bottom: 0;
}
body:not(.show-ribbon) {
    --ribbon-width: 0px;
}
.side-dock-actions {
    flex-direction: column;
}
.side-dock-actions .side-dock-ribbon-action {
    margin: 0 auto;
}
.release-notes-view {
    padding: var(--file-margins);
}
.release-notes-view .markdown-preview-view {
    overflow: visible;
}
.release-notes-view .is-readable-line-width {
    max-width: var(--file-line-width);
    margin-left: auto;
    margin-right: auto;
}
.inline-title,
.metadata-property-key-input,
.multi-select-pill-content,
.nav-file-title-content,
.nav-folder-title-content,
.search-result-file-match,
.tree-item-inner,
input {
    unicode-bidi: plaintext;
}
[dir="ltr"],
body {
    --direction: 1;
}
.mod-rtl,
[dir="rtl"] {
    --direction: -1;
}
.is-rtl,
.mod-rtl,
.rtl {
    --callout-padding: var(--size-4-3) var(--size-4-6) var(--size-4-3)
        var(--size-4-3);
    --embed-padding: 0 var(--size-4-6) 0 0;
    --nav-item-padding: var(--size-4-1) var(--size-4-6) var(--size-4-1)
        var(--size-4-2);
}
.is-rtl .metadata-container,
.mod-rtl .metadata-container,
.rtl .metadata-container {
    --direction: -1;
}
.is-rtl .metadata-container,
.is-rtl input.metadata-input-number,
.is-rtl input.metadata-property-key-input,
.mod-rtl .metadata-container,
.mod-rtl input.metadata-input-number,
.mod-rtl input.metadata-property-key-input,
.rtl .metadata-container,
.rtl input.metadata-input-number,
.rtl input.metadata-property-key-input {
    text-align: right;
}
.is-rtl input[type="date"],
.is-rtl input[type="datetime-local"],
.mod-rtl input[type="date"],
.mod-rtl input[type="datetime-local"],
.rtl input[type="date"],
.rtl input[type="datetime-local"] {
    direction: rtl;
}
.is-rtl input[type="date"]::-webkit-calendar-picker-indicator,
.is-rtl input[type="datetime-local"]::-webkit-calendar-picker-indicator,
.mod-rtl input[type="date"]::-webkit-calendar-picker-indicator,
.mod-rtl input[type="datetime-local"]::-webkit-calendar-picker-indicator,
.rtl input[type="date"]::-webkit-calendar-picker-indicator,
.rtl input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    right: var(--size-4-1);
    left: auto;
}
.mod-rtl {
    --dropdown-background-position: left 0.5em top 50%, 0 0;
    --dropdown-padding: 0 0.8em 0 1.9em;
    --tab-stacked-text-transform: rotate(180deg);
}
.mod-rtl .canvas-wrapper {
    direction: ltr;
}
.mod-rtl .modal,
.mod-rtl .notice {
    direction: rtl;
}
.mod-rtl input {
    text-align: right;
}
.mod-rtl .checkbox-container,
.mod-rtl .search-input-container::before {
    transform: scale(-1, 1);
}
.buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover {
    opacity: 1;
    background-color: hsla(var(--color-accent-hsl), 0.1);
    box-shadow: none;
}
.popupWrapper {
    --pdf-popup-width: 280px;
    font-size: var(--font-ui-medium);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 0);
    z-index: 10000;
}
.popupWrapper > div {
    margin: var(--size-4-3);
    background-color: var(--background-primary);
    border-radius: var(--radius-s);
    filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 0px 1px)
        drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 2px)
        drop-shadow(rgba(0, 0, 0, 0.3) 0px 4px 6px);
}
.popupWrapper > div::after {
    background: var(--background-primary);
    border-start-start-radius: 2px;
    content: "";
    height: var(--size-4-3);
    inset-inline-start: calc(50% - 2px);
    position: absolute;
    top: -5px;
    transform: rotate(45deg);
    width: var(--size-4-3);
    z-index: -1;
}
.popup {
    cursor: initial;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    user-select: text;
    white-space: normal;
    width: var(--pdf-popup-width);
    overflow-wrap: break-word;
}
.popupContent {
    font-size: var(--font-ui-small);
    line-height: var(--line-height-tight);
    max-height: 200px;
    overflow: auto;
    padding: var(--size-4-4);
    text-align: start;
}
.popupContent:empty {
    display: none;
}
.popupMeta {
    --icon-size: var(--font-ui-small);
    --icon-stroke: 2.5px;
    align-items: center;
    background-color: var(--background-secondary);
    border-top: 1px solid var(--background-modifier-border);
    color: var(--text-muted);
    display: flex;
    font-size: var(--font-ui-smaller);
    gap: var(--size-4-1);
    justify-content: space-between;
    padding: var(--size-4-1) var(--size-4-2);
    border-bottom-left-radius: var(--radius-s);
    border-bottom-right-radius: var(--radius-s);
}
.popupContent:empty + .popupMeta {
    border-top: none;
    background-color: var(--background-primary);
    border-top-left-radius: var(--radius-s);
    border-top-right-radius: var(--radius-s);
}
.popupMeta .clickable-icon {
    margin-inline-end: calc(var(--size-4-1) * -1);
    margin-inline-start: calc(var(--size-2-1) * -1);
}
.popupDate {
    white-space: nowrap;
}
.markdown-rendered video {
    max-width: 100%;
    outline: 0;
}
.markdown-rendered blockquote {
    color: var(--blockquote-color);
    font-style: var(--blockquote-font-style);
    background-color: var(--blockquote-background-color);
    border-inline-start: var(--blockquote-border-thickness) solid
        var(--blockquote-border-color);
    padding-top: 0;
    padding-bottom: 0;
    padding-inline-start: var(--size-4-6);
    margin-inline: 0px;
}
.markdown-rendered blockquote > :first-child {
    margin-top: 0;
}
.markdown-rendered blockquote > :last-child {
    margin-bottom: 0;
}
.callout {
    --callout-color: var(--callout-default);
    --callout-icon: lucide-pencil;
}
.callout[data-callout="abstract"],
.callout[data-callout="summary"],
.callout[data-callout="tldr"] {
    --callout-color: var(--callout-summary);
    --callout-icon: lucide-clipboard-list;
}
.callout[data-callout="info"] {
    --callout-color: var(--callout-info);
    --callout-icon: lucide-info;
}
.callout[data-callout="todo"] {
    --callout-color: var(--callout-todo);
    --callout-icon: lucide-check-circle-2;
}
.callout[data-callout="important"] {
    --callout-color: var(--callout-important);
    --callout-icon: lucide-flame;
}
.callout[data-callout="hint"],
.callout[data-callout="tip"] {
    --callout-color: var(--callout-tip);
    --callout-icon: lucide-flame;
}
.callout[data-callout="check"],
.callout[data-callout="done"],
.callout[data-callout="success"] {
    --callout-color: var(--callout-success);
    --callout-icon: lucide-check;
}
.callout[data-callout="faq"],
.callout[data-callout="help"],
.callout[data-callout="question"] {
    --callout-color: var(--callout-question);
    --callout-icon: help-circle;
}
.callout[data-callout="attention"],
.callout[data-callout="caution"],
.callout[data-callout="warning"] {
    --callout-color: var(--callout-warning);
    --callout-icon: lucide-alert-triangle;
}
.callout[data-callout="fail"],
.callout[data-callout="failure"],
.callout[data-callout="missing"] {
    --callout-color: var(--callout-fail);
    --callout-icon: lucide-x;
}
.callout[data-callout="danger"],
.callout[data-callout="error"] {
    --callout-color: var(--callout-error);
    --callout-icon: lucide-zap;
}
.callout[data-callout="bug"] {
    --callout-color: var(--callout-bug);
    --callout-icon: lucide-bug;
}
.callout[data-callout="example"] {
    --callout-color: var(--callout-example);
    --callout-icon: lucide-list;
}
.callout[data-callout="cite"],
.callout[data-callout="quote"] {
    --callout-color: var(--callout-quote);
    --callout-icon: quote-glyph;
}
.callout {
    overflow: hidden;
    border-style: solid;
    border-color: rgba(var(--callout-color), var(--callout-border-opacity));
    border-width: var(--callout-border-width);
    border-radius: var(--callout-radius);
    margin: 1em 0;
    mix-blend-mode: var(--callout-blend-mode);
    background-color: rgba(var(--callout-color), 0.1);
    padding: var(--callout-padding);
}
.callout.is-collapsible .callout-title {
    cursor: var(--cursor);
}
.callout-title {
    padding: var(--callout-title-padding);
    display: flex;
    gap: var(--size-4-1);
    font-size: var(--callout-title-size);
    color: rgb(var(--callout-color));
    line-height: var(--line-height-tight);
    align-items: flex-start;
}
.callout-content {
    overflow-x: auto;
    padding: var(--callout-content-padding);
    background-color: var(--callout-content-background);
}
.callout-content .callout {
    margin-top: 20px;
}
.callout-icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}
.callout-icon .svg-icon {
    color: rgb(var(--callout-color));
}
.callout-icon::after {
    content: "​";
}
.callout-title-inner {
    --font-weight: var(--callout-title-weight);
    font-weight: var(--font-weight);
    color: var(--callout-title-color);
}
.callout-fold {
    display: flex;
    align-items: center;
    padding-inline-end: var(--size-4-2);
}
.callout-fold::after {
    content: "​";
}
.callout-fold .svg-icon {
    transition: transform 0.1s ease-in-out;
}
.callout-fold.is-collapsed .svg-icon {
    transform: rotate(calc(var(--direction) * -1 * 90deg));
}
.markdown-rendered code {
    color: var(--code-normal);
    font-family: var(--font-monospace);
    background-color: var(--code-background);
    border-radius: var(--code-radius);
    font-size: var(--code-size);
    padding: 0.15em 0.3em;
    border: var(--code-border-width) solid var(--code-border-color);
    -webkit-box-decoration-break: clone;
}
.cm-s-obsidian span.cm-inline-code span.cm-inline-code.hmd-hidden-token {
    font-size: 0px;
}
.markdown-rendered pre {
    position: relative;
    padding: var(--size-4-3) var(--size-4-4);
    min-height: 38px;
    background-color: var(--code-background);
    border-radius: var(--code-radius);
    white-space: var(--code-white-space);
    border: var(--code-border-width) solid var(--code-border-color);
    overflow-x: auto;
}
.markdown-rendered pre code {
    border: none;
    padding: 0;
    background-color: transparent;
}
.markdown-rendered pre:not(:hover) > button.copy-code-button {
    display: none;
}
.markdown-rendered button.copy-code-button {
    margin: 6px;
    padding: 6px 8px;
    height: auto;
    background-color: transparent;
    box-shadow: none;
    color: var(--text-muted);
    font-size: var(--font-ui-smaller);
    font-family: var(--font-interface);
    position: absolute;
    top: 0;
    inset-inline-end: 0px;
}
.theme-dark .mermaid > svg {
    filter: invert(100%) hue-rotate(180deg) saturate(1.25);
}
code[class*="language-"],
pre[class*="language-"] {
    color: var(--code-normal);
    background: 0 0;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal;
    direction: ltr;
    font-family: var(--font-monospace);
    text-align: left;
    word-spacing: normal;
    line-height: var(--line-height-normal);
    hyphens: none;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
    background: var(--code-background);
}
pre[class*="language-"] {
    overflow: hidden;
}
code[class*="language-"] {
    display: block;
    padding: 1em;
    overflow: auto;
}
:not(pre) > code[class*="language-"] {
    padding: 0.1em;
    border-radius: 0.3em;
    white-space: normal;
}
.token.bold,
.token.important {
    font-weight: 700;
}
.token.italic {
    font-style: italic;
}
.token.entity {
    cursor: help;
}
.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
    color: var(--code-comment);
}
.token.namespace {
    opacity: 0.7;
}
.token.constant,
.token.deleted,
.token.symbol,
.token.tag {
    color: var(--code-tag);
}
.token.punctuation {
    color: var(--code-punctuation);
}
.token.boolean,
.token.number {
    color: var(--code-value);
}
.token.attr-name,
.token.char,
.token.inserted,
.token.selector,
.token.string {
    color: var(--code-string);
}
.token.operator {
    color: var(--code-operator);
}
.language-css .token.string,
.style .token.string,
.token.entity,
.token.parameter,
.token.property,
.token.url,
.token.variable {
    color: var(--code-property);
}
.token.atrule,
.token.attr-value,
.token.builtin,
.token.class-name,
.token.function,
.token.property-access {
    color: var(--code-function);
}
.token.keyword {
    color: var(--code-keyword);
}
.token.important,
.token.regex {
    color: var(--code-important);
}
.markdown-preview-view .markdown-embed .markdown-preview-view {
    --file-folding-offset: 0px;
    height: 100%;
    padding: 0;
}
.markdown-preview-view
    .markdown-embed
    .markdown-preview-view
    .markdown-preview-pusher
    h1,
.markdown-preview-view
    .markdown-embed
    .markdown-preview-view
    .markdown-preview-pusher
    h2,
.markdown-preview-view
    .markdown-embed
    .markdown-preview-view
    .markdown-preview-pusher
    h3,
.markdown-preview-view
    .markdown-embed
    .markdown-preview-view
    .markdown-preview-pusher
    h4,
.markdown-preview-view
    .markdown-embed
    .markdown-preview-view
    .markdown-preview-pusher
    h5,
.markdown-preview-view
    .markdown-embed
    .markdown-preview-view
    .markdown-preview-pusher
    h6 {
    margin-top: 0;
}
.file-embed,
.markdown-embed {
    position: relative;
}
.file-embed-link,
.markdown-embed-link {
    position: absolute;
    top: 4px;
    inset-inline-end: 4px;
    color: var(--icon-color);
    opacity: var(--icon-opacity);
    cursor: var(--cursor-link);
    padding: var(--size-2-2);
    border-radius: var(--radius-s);
    display: flex;
    align-items: center;
    --icon-size: var(--icon-s);
    --icon-stroke: var(--icon-s-stroke-width);
}
.file-embed-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--size-4-2);
}
.file-embed-icon {
    color: var(--text-muted);
    display: flex;
}
.file-embed {
    display: flex;
    justify-content: center;
    border-radius: var(--radius-m);
    background-color: var(--background-primary-alt);
}
.file-embed.mod-empty,
.file-embed.mod-generic {
    cursor: var(--cursor-link);
    padding: var(--size-4-2);
    color: var(--text-muted);
    text-align: center;
    font-size: var(--font-smaller);
}
.file-embed.mod-empty-attachment {
    padding: var(--size-4-2);
    color: var(--text-muted);
    text-align: center;
    font-size: var(--font-smaller);
}
.markdown-embed-content {
    height: 100%;
}
.embed-title {
    align-items: center;
    display: flex;
    gap: var(--size-4-1);
    font-size: var(--font-text-size);
    font-weight: calc(var(--font-weight) + var(--bold-modifier));
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 0 var(--size-4-2) 0;
}
.markdown-embed {
    font-style: var(--embed-font-style);
    background-color: var(--embed-background);
    border-top: var(--embed-border-top);
    border-inline-end: var(--embed-border-end, var(--embed-border-right));
    border-bottom: var(--embed-border-bottom);
    border-inline-start: var(--embed-border-start, var(--embed-border-left));
    margin: 0;
    padding: var(--embed-padding);
}
.markdown-embed .markdown-preview-view {
    padding: 0;
}
.internal-embed:not(.image-embed) {
    display: block;
}
.internal-embed audio,
.internal-embed img:not([width]),
.internal-embed video {
    max-width: 100%;
}
.inline-embed .markdown-embed-content {
    height: fit-content;
    max-height: var(--embed-max-height);
    overflow: auto;
}
.inline-embed .markdown-source-view.mod-cm6 .cm-editor {
    min-height: unset;
}
.embed-iframe {
    width: 100%;
    height: 100%;
}
iframe.external-embed {
    width: 600px;
    max-width: 100%;
    height: 350px;
}
.footnote-link {
    text-decoration: none;
}
.footnotes {
    font-size: var(--footnote-size);
}
.footnote-ref {
    vertical-align: super;
}
.footnote-backref {
    display: inline-block;
    margin-inline-start: var(--size-4-1);
    color: var(--text-faint);
    text-decoration: none;
}
.markdown-rendered .frontmatter.mod-failed {
    position: relative;
}
.markdown-rendered .frontmatter.mod-failed .mod-error {
    color: var(--text-error);
    font-size: var(--font-smaller);
}
.markdown-rendered .frontmatter.mod-failed::after {
    content: "";
    position: absolute;
    top: 0;
    inset-inline-end: 0px;
    width: 100%;
    height: 100%;
    background-color: var(--background-modifier-error);
    opacity: 0.3;
    mix-blend-mode: var(--highlight-mix-blend-mode);
}
.metadata-container {
    --input-height: var(--metadata-input-height);
    border-radius: var(--metadata-border-radius);
    background-color: var(--metadata-background);
    border-color: var(--metadata-border-color);
    border-style: solid;
    border-width: var(--metadata-border-width);
    padding: var(--metadata-padding);
    color: var(--text-muted);
    position: relative;
    max-width: var(--metadata-max-width);
    margin-block-end: var(--p-spacing);
}
.markdown-preview-view .metadata-container {
    transform: translateX(calc(var(--size-4-1) * -1 * var(--direction)));
}
.metadata-container .metadata-add-button {
    padding-inline-start: var(--size-2-3);
    margin-top: 0.5em;
    font-size: var(--metadata-label-font-size);
    font-family: var(--metadata-label-font);
}
.markdown-embed-content .metadata-container {
    display: none;
}
.metadata-container.is-collapsed .metadata-property {
    display: none;
}
.metadata-container:focus-within .metadata-property.is-selected {
    color: var(--nav-item-color-selected);
    background-color: var(--nav-item-background-selected);
}
.metadata-properties {
    display: flex;
    flex-direction: column;
    gap: var(--metadata-gap);
}
.metadata-properties-heading {
    display: inline-block;
    padding: var(--size-4-1);
    margin-bottom: var(--size-4-2);
    position: relative;
    line-height: 1.2;
}
.metadata-properties-heading::before {
    content: "";
    border-radius: var(--metadata-property-radius);
    position: absolute;
    display: inline-block;
    inset: 0px;
}
.metadata-properties-heading:focus::before {
    box-shadow: 0 0 0 2px var(--background-modifier-border-focus);
}
.metadata-properties-heading .collapse-indicator {
    position: absolute;
    inset-inline-start: -22px;
    padding: 0 6px;
}
.metadata-properties-title {
    user-select: none;
    font-size: max(var(--font-ui-small), 1em);
    color: var(--text-normal);
    font-weight: var(--font-medium);
    font-family: var(--font-interface);
}
.metadata-error-container {
    border-radius: var(--callout-radius);
    padding: var(--size-4-1) var(--size-4-2);
    background-color: rgba(var(--callout-error), 0.1);
}
.metadata-error-title {
    color: var(--text-error);
    font-size: max(var(--font-ui-small), 1em);
    font-weight: var(--font-medium);
}
.metadata-error-cta {
    cursor: var(--cursor);
    color: var(--text-accent);
    font-size: var(--font-ui-small);
    font-weight: var(--font-medium);
    margin-left: auto;
}
.metadata-error-cta:hover {
    color: var(--text-accent-hover);
}
.metadata-input-text {
    background-color: transparent;
    width: 100%;
    min-height: var(--input-height);
    border-width: 0;
    resize: none;
    overflow-y: hidden;
}
.metadata-input-text::-webkit-date-and-time-value {
    text-align: start;
}
.metadata-input-text.mod-date {
    padding-inline-end: 0px;
    width: auto;
}
.metadata-property {
    position: relative;
    display: flex;
    align-items: start;
    padding: var(--metadata-property-padding);
    border-radius: var(--metadata-property-radius);
    overflow: hidden;
    background-color: var(--metadata-property-background);
}
.metadata-property:focus-within {
    background-color: var(--metadata-property-background-hover);
    --metadata-divider-color: var(--metadata-divider-color-focus);
    border-radius: var(--metadata-property-radius-focus);
    box-shadow: 0 0 0 2px var(--background-modifier-border-focus);
}
.metadata-property-icon {
    cursor: var(--cursor);
    color: var(--icon-color);
    display: flex;
    align-items: center;
    padding: var(--size-4-1) 0;
    height: var(--input-height);
    user-select: none;
}
.metadata-property-icon::before {
    content: "​";
    width: var(--size-4-1);
}
.metadata-input-number {
    background-color: transparent;
    width: 100%;
    border-width: 0;
}
input[type="checkbox"].metadata-input-checkbox {
    margin-inline-start: var(--size-4-2);
}
.metadata-property-key {
    display: flex;
    align-self: stretch;
    align-items: flex-start;
    flex-direction: row;
    flex-shrink: 0;
    font-family: var(--metadata-label-font);
    border-bottom: var(--metadata-divider-width) solid
        var(--metadata-divider-color);
    background-color: var(--metadata-label-background);
    width: var(--metadata-label-width);
    min-width: var(--metadata-label-width);
}
.metadata-property-key:focus-within {
    background-color: var(--metadata-label-background-active);
}
input.metadata-property-key-input {
    border: none;
    flex-grow: 1;
    color: var(--metadata-label-text-color);
    font-size: var(--metadata-label-font-size);
    font-weight: var(--metadata-label-font-weight);
    height: var(--input-height);
    background-color: transparent;
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    text-align: left;
}
input.metadata-property-key-input:active,
input.metadata-property-key-input:focus {
    background-color: transparent;
}
.metadata-property button {
    margin-top: var(--size-4-2);
}
.metadata-property .multi-select-container,
.metadata-property input[type="date"],
.metadata-property input[type="datetime-local"],
.metadata-property input[type="number"],
.metadata-property input[type="text"] {
    border-radius: 0;
    border: none;
}
.metadata-property .multi-select-container:active,
.metadata-property .multi-select-container:focus,
.metadata-property .multi-select-container:hover,
.metadata-property input[type="date"]:active,
.metadata-property input[type="date"]:focus,
.metadata-property input[type="date"]:hover,
.metadata-property input[type="datetime-local"]:active,
.metadata-property input[type="datetime-local"]:focus,
.metadata-property input[type="datetime-local"]:hover,
.metadata-property input[type="number"]:active,
.metadata-property input[type="number"]:focus,
.metadata-property input[type="number"]:hover,
.metadata-property input[type="text"]:active,
.metadata-property input[type="text"]:focus,
.metadata-property input[type="text"]:hover {
    box-shadow: none;
    border: none;
}
.metadata-property .metadata-input-number,
.metadata-property .metadata-input-text,
.metadata-property .multi-select-container {
    background-color: transparent;
}
.metadata-property .metadata-input-number:hover,
.metadata-property .metadata-input-text:hover,
.metadata-property .multi-select-container:hover {
    background-color: transparent;
}
.metadata-property .metadata-input-number:active,
.metadata-property .metadata-input-number:focus,
.metadata-property .metadata-input-number:focus-within,
.metadata-property .metadata-input-text:active,
.metadata-property .metadata-input-text:focus,
.metadata-property .metadata-input-text:focus-within,
.metadata-property .multi-select-container:active,
.metadata-property .multi-select-container:focus,
.metadata-property .multi-select-container:focus-within {
    background-color: transparent;
}
.metadata-property .metadata-input-text {
    text-overflow: ellipsis;
    overflow: hidden;
}
.metadata-property .multi-select-container input {
    background-color: transparent;
}
.metadata-property .multi-select-container {
    padding: var(--size-4-1) var(--size-4-2);
}
.metadata-property[data-property-key="tags"] {
    --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-decoration: var(--tag-decoration);
    --pill-decoration-hover: var(--tag-decoration-hover);
    --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-padding-x: var(--tag-padding-x);
    --pill-padding-y: var(--tag-padding-y);
    --pill-radius: var(--tag-radius);
    --pill-weight: var(--tag-weight);
    --pill-focus-width: 100%;
    --pill-focus-left-adjust: 0;
}
.metadata-property[data-property-key="tags"] .multi-select-pill {
    cursor: var(--cursor-link);
}
.metadata-property:not([data-property-key="tags"]) {
    --pill-border-width: 0;
    --pill-padding-x: 0;
    --pill-padding-y: 0;
    --pill-color: var(--metadata-input-text-color);
}
.metadata-property:not([data-property-key="tags"]) .multi-select-pill {
    line-height: var(--line-height-tight);
}
.metadata-property-warning-icon {
    --icon-size: var(--icon-s);
    position: absolute;
    inset-inline-end: var(--size-2-1);
    top: var(--size-2-1);
    bottom: var(--size-2-1);
    align-items: center;
    display: flex;
    color: var(--text-warning);
}
.metadata-property-value {
    display: flex;
    flex: 1 1 auto;
    gap: var(--size-2-2);
    align-items: center;
    align-self: stretch;
    font-family: var(--metadata-input-font);
    min-height: var(--input-height);
    background-color: var(--metadata-input-background);
    border-bottom: var(--metadata-divider-width) solid
        var(--metadata-divider-color);
    overflow: hidden;
}
.metadata-property-value.mod-external-link:not(:placeholder-shown) {
    text-decoration-line: var(--link-decoration);
    text-decoration-thickness: var(--link-decoration-thickness);
    text-decoration-color: var(--text-faint);
}
.metadata-property-value .mod-unknown {
    color: var(--text-warning);
    padding: var(--size-4-1) var(--size-4-2);
    font-size: var(--metadata-input-font-size);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.metadata-property-value .multi-select-input {
    font-size: inherit;
}
.metadata-property-value .metadata-link-inner,
.metadata-property-value .multi-select-container,
.metadata-property-value input {
    font-size: var(--metadata-input-font-size);
}
.metadata-property-value .multi-select-container {
    --background-modifier-form-field: transparent;
    --background-modifier-border: transparent;
    align-items: center;
}
.metadata-property-value .multi-select-container .multi-select-pill.is-invalid {
    --pill-background: transparent;
    --pill-color: var(--text-error);
    --pill-color-remove: var(--text-error);
}
.metadata-property-value .external-link.multi-select-pill-content,
.metadata-property-value .internal-link .multi-select-pill-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.metadata-property-value .clickable-icon {
    --icon-size: var(--icon-xs);
    --icon-stroke: var(--icon-xs-stroke-width);
    margin-inline: -4px 2px;
    padding: 4px;
}
.metadata-property-value .clickable-icon:hover {
    background: 0 0;
    color: var(--text-normal);
    cursor: var(--cursor-link);
}
.metadata-property-value:focus-within {
    background-color: var(--metadata-input-background-active);
}
.metadata-input-longtext {
    cursor: text;
    white-space: pre-wrap;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: var(--metadata-input-text-color);
    font-size: var(--metadata-input-font-size);
    max-height: 300px;
    overflow-y: auto;
    padding: var(--size-4-1) var(--size-4-2);
    width: 100%;
}
.metadata-input-longtext:focus {
    -webkit-line-clamp: unset;
}
.metadata-input-longtext:not(:empty) {
    display: -webkit-box;
}
.metadata-input-longtext:empty::before {
    content: attr(placeholder);
    color: var(--text-faint);
}
.metadata-link {
    cursor: text;
    align-items: center;
    padding: var(--size-4-1) var(--size-4-2);
    display: flex;
    gap: var(--size-4-2);
    width: 100%;
}
.metadata-link-inner {
    cursor: var(--cursor-link);
    color: var(--link-color);
    text-decoration-line: var(--link-decoration);
    text-decoration-thickness: var(--link-decoration-thickness);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.metadata-link-flair {
    --icon-size: var(--icon-xs);
    background-color: transparent;
    cursor: text;
    margin-inline-start: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--size-2-1);
    border-radius: var(--clickable-icon-radius);
    color: var(--icon-color);
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
    height: auto;
}
.markdown-preview-view .metadata-container:not(.mod-error) {
    display: none;
}
.markdown-preview-view.show-properties .metadata-container {
    display: var(--metadata-display-reading);
}
.markdown-preview-view.show-properties
    .metadata-container[data-property-count="0"]:not(.mod-error) {
    display: none;
}
.markdown-rendered li h1,
.markdown-rendered li h2,
.markdown-rendered li h3,
.markdown-rendered li h4,
.markdown-rendered li h5 {
    margin-top: 0;
    margin-bottom: 0;
}
.markdown-rendered :is(p, pre, table, ul, ol) + :is(h1, h2, h3, h4, h5, h6),
.markdown-rendered
    div:is(.el-p, .el-pre, .el-table, .el-ul, .el-ol)
    + div
    > :is(h1, h2, h3, h4, h5, h6) {
    margin-top: var(--heading-spacing);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-block-start: var(--p-spacing);
    margin-block-end: var(--p-spacing);
}
.markdown-rendered h1,
h1 {
    --font-weight: var(--h1-weight);
    font-variant: var(--h1-variant);
    letter-spacing: -0.015em;
    line-height: var(--h1-line-height);
    font-size: var(--h1-size);
    color: var(--h1-color);
    font-weight: var(--font-weight);
    font-style: var(--h1-style);
    font-family: var(--h1-font);
}
.markdown-rendered h1 a,
h1 a {
    --link-weight: var(--h1-weight);
}
.markdown-rendered h2,
h2 {
    --font-weight: var(--h2-weight);
    font-variant: var(--h2-variant);
    letter-spacing: -0.015em;
    line-height: var(--h2-line-height);
    font-size: var(--h2-size);
    color: var(--h2-color);
    font-weight: var(--font-weight);
    font-style: var(--h2-style);
    font-family: var(--h2-font);
}
.markdown-rendered h2 a,
h2 a {
    --link-weight: var(--h2-weight);
}
.markdown-rendered h3,
h3 {
    --font-weight: var(--h3-weight);
    font-variant: var(--h3-variant);
    letter-spacing: -0.015em;
    line-height: var(--h3-line-height);
    font-size: var(--h3-size);
    color: var(--h3-color);
    font-weight: var(--font-weight);
    font-style: var(--h3-style);
    font-family: var(--h3-font);
}
.markdown-rendered h3 a,
h3 a {
    --link-weight: var(--h3-weight);
}
.markdown-rendered h4,
h4 {
    --font-weight: var(--h4-weight);
    font-variant: var(--h4-variant);
    letter-spacing: 0.015em;
    line-height: var(--h4-line-height);
    font-size: var(--h4-size);
    color: var(--h4-color);
    font-weight: var(--font-weight);
    font-style: var(--h4-style);
    font-family: var(--h4-font);
}
.markdown-rendered h4 a,
h4 a {
    --link-weight: var(--h4-weight);
}
.markdown-rendered h5,
h5 {
    --font-weight: var(--h5-weight);
    font-variant: var(--h5-variant);
    letter-spacing: 0.015em;
    font-size: var(--h5-size);
    line-height: var(--h5-line-height);
    color: var(--h5-color);
    font-weight: var(--font-weight);
    font-style: var(--h5-style);
    font-family: var(--h5-font);
}
.markdown-rendered h5 a,
h5 a {
    --link-weight: var(--h5-weight);
}
.markdown-rendered h6,
h6 {
    --font-weight: var(--h6-weight);
    font-variant: var(--h6-variant);
    letter-spacing: 0.015em;
    font-size: var(--h6-size);
    line-height: var(--h6-line-height);
    color: var(--h6-color);
    font-weight: var(--font-weight);
    font-style: var(--h6-style);
    font-family: var(--h6-font);
}
.markdown-rendered h6 a,
h6 a {
    --link-weight: var(--h6-weight);
}
.inline-title h1 {
    --font-weight: var(--h1-weight);
    font-variant: var(--h1-variant);
    letter-spacing: -0.015em;
    line-height: var(--h1-line-height);
    font-size: var(--h1-size);
    color: var(--h1-color);
    font-weight: var(--font-weight);
    font-style: var(--h1-style);
    font-family: var(--h1-font);
}
.inline-title h1 a {
    --link-weight: var(--h1-weight);
}
.inline-title h2 {
    --font-weight: var(--h2-weight);
    font-variant: var(--h2-variant);
    letter-spacing: -0.015em;
    line-height: var(--h2-line-height);
    font-size: var(--h2-size);
    color: var(--h2-color);
    font-weight: var(--font-weight);
    font-style: var(--h2-style);
    font-family: var(--h2-font);
}
.inline-title h2 a {
    --link-weight: var(--h2-weight);
}
.inline-title h3 {
    --font-weight: var(--h3-weight);
    font-variant: var(--h3-variant);
    letter-spacing: -0.015em;
    line-height: var(--h3-line-height);
    font-size: var(--h3-size);
    color: var(--h3-color);
    font-weight: var(--font-weight);
    font-style: var(--h3-style);
    font-family: var(--h3-font);
}
.inline-title h3 a {
    --link-weight: var(--h3-weight);
}
.inline-title h4 {
    --font-weight: var(--h4-weight);
    font-variant: var(--h4-variant);
    line-height: var(--h4-line-height);
    font-size: var(--h4-size);
    color: var(--h4-color);
    font-weight: var(--font-weight);
    font-style: var(--h4-style);
    font-family: var(--h4-font);
}
.inline-title h4 a {
    --link-weight: var(--h4-weight);
}
.inline-title h5 {
    --font-weight: var(--h5-weight);
    font-variant: var(--h5-variant);
    font-size: var(--h5-size);
    line-height: var(--h5-line-height);
    color: var(--h5-color);
    font-weight: var(--font-weight);
    font-style: var(--h5-style);
    font-family: var(--h5-font);
}
.inline-title h5 a {
    --link-weight: var(--h5-weight);
}
.inline-title h6 {
    --font-weight: var(--h6-weight);
    font-variant: var(--h6-variant);
    letter-spacing: 0.015em;
    font-size: var(--h6-size);
    line-height: var(--h6-line-height);
    color: var(--h6-color);
    font-weight: var(--font-weight);
    font-style: var(--h6-style);
    font-family: var(--h6-font);
}
.inline-title h6 a {
    --link-weight: var(--h6-weight);
}
hr {
    border-right-width: initial;
    border-bottom-width: initial;
    border-left-width: initial;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-image: initial;
    border-color: var(--hr-color);
    margin: 2rem 0;
}
.markdown-rendered hr {
    border-right-width: initial;
    border-bottom-width: initial;
    border-left-width: initial;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-image: initial;
    border-color: var(--hr-color);
}
.cm-s-obsidian .hmd-fold-html-stub.omittable,
.cm-s-obsidian .omittable.hmd-fold-code-stub {
    display: none;
}
.cm-s-obsidian .hmd-fold-html:hover .hmd-fold-html-stub.omittable,
.cm-s-obsidian .hmd-fold-html:hover .omittable.hmd-fold-code-stub {
    display: block;
    right: 0;
    bottom: 100%;
    margin: 0;
    position: absolute;
    z-index: 100;
}
.markdown-preview-view img,
.markdown-rendered img {
    image-rendering: -webkit-optimize-contrast;
}
.markdown-preview-view img:not([width]),
.markdown-rendered img:not([width]) {
    max-width: 100%;
    outline: 0;
}
.internal-query {
    margin: 0;
    border-top: 1px solid var(--background-modifier-border);
}
.internal-query .search-result-container {
    padding: var(--size-4-2);
    max-height: 800px;
    overflow: auto;
    border: 1px solid var(--background-modifier-border);
    background-color: var(--background-secondary);
    border-radius: var(--radius-m);
}
ol ol ul,
ol ul,
ol ul ul,
ul ol ul,
ul ul,
ul ul ul {
    list-style-type: disc;
}
ol {
    list-style-type: var(--list-numbered-style);
}
ol > li,
ul > li {
    text-align: start;
}
ol > li::marker,
ul > li::marker {
    color: var(--list-marker-color);
}
ol > li.is-collapsed::marker,
ul > li.is-collapsed::marker {
    color: var(--list-marker-color-collapsed);
}
.markdown-rendered ol,
.markdown-rendered ul {
    padding-inline-start: 0px;
    margin-block-start: var(--p-spacing);
    margin-block-end: var(--p-spacing);
}
.markdown-rendered ol ol,
.markdown-rendered ol ul,
.markdown-rendered ul ol,
.markdown-rendered ul ul {
    margin-block: 0px;
}
.markdown-rendered ol li p:first-of-type,
.markdown-rendered ul li p:first-of-type {
    margin-block-start: 0px;
}
.markdown-rendered ol li p:last-of-type,
.markdown-rendered ul li p:last-of-type {
    margin-block-end: 0px;
}
.markdown-rendered ol > li,
.markdown-rendered ul > li {
    padding-top: var(--list-spacing);
    padding-bottom: var(--list-spacing);
    position: relative;
}
.markdown-rendered ul > li {
    margin-inline-start: 3ch;
}
.markdown-rendered ol > li {
    margin-inline-start: 3ch;
}
.markdown-rendered ol ol > li,
.markdown-rendered ul ul > li {
    margin-inline-start: var(--list-indent);
}
.markdown-preview-view ol > li,
.markdown-preview-view ul > li {
    padding-top: var(--list-spacing);
    padding-bottom: var(--list-spacing);
}
.markdown-rendered .list-collapse-indicator {
    margin-inline-start: -2.65em;
    padding-inline-end: 2em;
}
.markdown-rendered .list-bullet {
    float: inline-start;
    margin-inline-start: -0.8em;
}
.markdown-rendered .task-list-item > .list-bullet {
    display: none;
}
.markdown-rendered ul.has-list-bullet {
    list-style-type: "​";
}
.markdown-rendered ul.has-list-bullet > li::marker {
    color: transparent;
}
.list-bullet {
    color: transparent;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.list-bullet::before {
    content: "​";
}
.list-bullet::after {
    position: absolute;
    content: "​";
    pointer-events: none;
    color: var(--list-marker-color);
    border-radius: var(--list-bullet-radius);
    width: var(--list-bullet-size);
    height: var(--list-bullet-size);
    border: var(--list-bullet-border);
    transform: var(--list-bullet-transform);
    background-color: var(--list-marker-color);
    transition:
        transform 0.15s,
        box-shadow 0.15s;
}
.list-bullet::selection {
    background-color: transparent !important;
}
li.is-collapsed .list-bullet::after {
    background-color: var(--list-marker-color-collapsed);
    box-shadow: 0 0 0 4px var(--background-modifier-active-hover);
}
a {
    --font-weight: var(--link-weight);
    color: var(--link-color);
    font-weight: var(--link-weight);
    outline: 0;
    text-decoration-line: var(--link-decoration);
    text-decoration-thickness: var(--link-decoration-thickness);
    cursor: var(--cursor-link);
    transition: opacity 0.15s ease-in-out;
}
.external-link {
    color: var(--link-external-color);
    text-decoration-line: var(--link-external-decoration);
    background-position: right 0.25em;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(transparent, transparent),
        url("../../media/6155340132a851f6089e.svg");
    background-size: 0.825em;
    padding-inline-end: 0.9em;
    cursor: var(--cursor-link);
    filter: var(--link-external-filter);
    transition: opacity 0.15s ease-in-out;
}
.markdown-rendered .internal-link,
.metadata-container .internal-link {
    cursor: var(--cursor-link);
    text-decoration-line: var(--link-decoration);
    color: var(--link-color);
    transition: opacity 0.15s ease-in-out;
}
.markdown-rendered .internal-link.mobile-tap {
    opacity: 0.5;
}
.markdown-rendered .internal-link.is-unresolved,
.metadata-container .internal-link.is-unresolved {
    color: var(--link-unresolved-color);
    opacity: var(--link-unresolved-opacity);
    filter: var(--link-unresolved-filter);
    text-decoration-style: var(--link-unresolved-decoration-style);
    text-decoration-color: var(--link-unresolved-decoration-color);
}
.inline-block {
    display: inline-block;
    vertical-align: middle;
}
.hidden-token {
    display: inline;
    letter-spacing: -1ch;
    font-family: monospace;
    color: transparent;
    font-size: 1px !important;
}
.cm-s-obsidian span.hmd-hidden-token.cm-formatting-code,
.cm-s-obsidian span.hmd-hidden-token.cm-formatting-em,
.cm-s-obsidian span.hmd-hidden-token.cm-formatting-link,
.cm-s-obsidian span.hmd-hidden-token.cm-formatting-strikethrough,
.cm-s-obsidian span.hmd-hidden-token.cm-formatting-strong {
    display: inline;
    letter-spacing: -1ch;
    font-family: monospace;
    color: transparent;
    font-size: 1px !important;
}
.cm-s-obsidian .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task {
    color: transparent !important;
}
mjx-container {
    outline: 0;
}
.markdown-rendered table {
    margin-block-start: var(--p-spacing);
    margin-block-end: var(--p-spacing);
    word-break: normal;
}
.cm-html-embed table,
.markdown-rendered table {
    border-collapse: collapse;
    line-height: var(--table-line-height);
}
.markdown-rendered td,
.markdown-rendered th {
    padding: var(--size-2-2) var(--size-4-2);
    border: var(--table-border-width) solid var(--table-border-color);
    max-width: var(--table-column-max-width);
    min-width: var(--table-column-min-width);
    vertical-align: var(--table-cell-vertical-alignment);
}
.markdown-rendered td {
    font-size: var(--table-text-size);
    color: var(--table-text-color);
}
.markdown-rendered th {
    font-size: var(--table-header-size);
    font-weight: var(--table-header-weight);
    color: var(--table-header-color);
    font-family: var(--table-header-font);
    line-height: var(--line-height-tight);
}
.markdown-rendered td,
.markdown-rendered th {
    text-align: start;
}
.markdown-rendered td[align="left"],
.markdown-rendered th[align="left"] {
    text-align: start;
}
.markdown-rendered td[align="center"],
.markdown-rendered th[align="center"] {
    text-align: center;
}
.markdown-rendered td[align="right"],
.markdown-rendered th[align="right"] {
    text-align: end;
}
.markdown-rendered tbody > tr > td,
.markdown-rendered thead > tr > th {
    white-space: var(--table-white-space);
    text-overflow: ellipsis;
    overflow: hidden;
}
.markdown-rendered tbody > tr > td > .markdown-embed,
.markdown-rendered thead > tr > th > .markdown-embed {
    white-space: normal;
}
.markdown-rendered tbody tr {
    background-color: var(--table-background);
}
.markdown-rendered tbody tr:nth-child(odd) {
    background-color: var(--table-row-alt-background);
}
.markdown-rendered tbody tr > td:nth-child(2n + 2) {
    background-color: var(--table-column-alt-background);
}
.markdown-rendered tbody tr:last-child > td {
    border-bottom-width: var(--table-row-last-border-width);
}
.markdown-rendered tbody tr > td:first-child {
    border-left-width: var(--table-column-first-border-width);
}
.markdown-rendered tbody tr > td:last-child {
    border-right-width: var(--table-column-last-border-width);
}
.markdown-rendered thead tr {
    background-color: var(--table-header-background);
}
.markdown-rendered thead tr > th {
    border-top-width: var(--table-header-border-width);
    border-color: var(--table-header-border-color);
}
.markdown-rendered thead tr > th:nth-child(2n + 2) {
    background-color: var(--table-column-alt-background);
}
.markdown-rendered thead tr > th:first-child {
    border-left-width: var(--table-column-first-border-width);
}
.markdown-rendered thead tr > th:last-child {
    border-right-width: var(--table-column-last-border-width);
}
.cm-s-obsidian .HyperMD-table-row {
    white-space: pre;
    word-break: normal;
    overflow-wrap: normal;
    font-size: var(--code-size);
    font-family: var(--font-monospace);
}
.cm-s-obsidian .HyperMD-table-row span.cm-inline-code {
    --code-size: 1em;
}
.cm-s-obsidian .HyperMD-table-rtl {
    direction: rtl;
}
.cm-s-obsidian .hmd-table-column,
.cm-s-obsidian .hmd-table-column-content {
    display: inline-block;
}
.cm-s-obsidian .hmd-table-column-left {
    text-align: left;
}
.cm-s-obsidian .hmd-table-column-center {
    text-align: center;
}
.cm-s-obsidian .hmd-table-column-right {
    text-align: right;
}
.cm-s-obsidian .HyperMD-table-row span.cm-hmd-table-sep,
.cm-s-obsidian .HyperMD-table-row-1 {
    color: var(--text-faint);
}
.cm-s-obsidian .HyperMD-table-row-0 {
    color: var(--table-header-color);
}
.cm-s-obsidian .hmd-fold-html table {
    border-collapse: collapse;
}
.cm-s-obsidian .hmd-fold-html table td,
.cm-s-obsidian .hmd-fold-html table th {
    padding: 10px;
    border: 1px solid #ccc;
}
.cm-s-obsidian .hmd-inactive-line.HyperMD-table-row-1 {
    color: transparent;
    text-shadow: none;
}
.cm-s-obsidian .hmd-inactive-line.HyperMD-table-row-1 > span {
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAQAAAAziH6sAAAADklEQVR42mOc+Z9x5n8ACTkDM4ikM1IAAAAASUVORK5CYII=")
        0 center repeat-x;
}
.cm-s-obsidian .hmd-inactive-line.HyperMD-table-row span.cm-hmd-table-sep {
    color: transparent;
}
.markdown-source-view.mod-cm6 .cm-line.HyperMD-table-row {
    min-width: max-content;
}
.markdown-source-view.mod-cm6 .cm-table-widget table {
    margin-top: 0;
    margin-bottom: 0;
}
a.tag {
    background-color: var(--tag-background);
    border: var(--tag-border-width) solid var(--tag-border-color);
    border-radius: var(--tag-radius);
    color: var(--tag-color);
    font-size: var(--tag-size);
    font-weight: var(--tag-weight);
    text-decoration: var(--tag-decoration);
    padding: var(--tag-padding-y) var(--tag-padding-x);
    line-height: 1;
}
a.tag {
    background-color: var(--tag-background);
    border: var(--tag-border-width) solid var(--tag-border-color);
    border-radius: var(--tag-radius);
    color: var(--tag-color);
    font-size: var(--tag-size);
    font-weight: var(--tag-weight);
    text-decoration: var(--tag-decoration);
    padding: var(--tag-padding-y) var(--tag-padding-x);
    line-height: 1;
}
input[type="checkbox"] {
    appearance: none;
    border-radius: var(--checkbox-radius);
    border: 1px solid var(--checkbox-border-color);
    flex-shrink: 0;
    padding: 0;
    margin: 0;
    margin-inline-end: 6px;
    width: var(--checkbox-size);
    height: var(--checkbox-size);
    position: relative;
    transition: box-shadow 0.15s ease-in-out;
}
input[type="checkbox"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:hover {
    outline: 0;
    border-color: var(--checkbox-border-color-hover);
}
input[type="checkbox"]:focus-visible {
    box-shadow: 0 0 0 2px var(--background-modifier-border-focus);
}
input[type="checkbox"]:checked::after {
    content: "";
    top: -1px;
    inset-inline-start: -1px;
    position: absolute;
    width: var(--checkbox-size);
    height: var(--checkbox-size);
    display: block;
    background-color: var(--checkbox-marker-color);
    mask-position: 52% 52%;
    mask-size: 65%;
    mask-repeat: no-repeat;
    mask-image: url('data:image/svg+xml;  utf8, <svg width="12px" height="10px" viewBox="0 0 12 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-4.000000, -6.000000)" fill="%23000000"><path d="M8.1043257,14.0367999 L4.52468714,10.5420499 C4.32525014,10.3497722 4.32525014,10.0368095 4.52468714,9.8424863 L5.24777413,9.1439454 C5.44721114,8.95166768 5.77142411,8.95166768 5.97086112,9.1439454 L8.46638057,11.5903727 L14.0291389,6.1442083 C14.2285759,5.95193057 14.5527889,5.95193057 14.7522259,6.1442083 L15.4753129,6.84377194 C15.6747499,7.03604967 15.6747499,7.35003511 15.4753129,7.54129009 L8.82741268,14.0367999 C8.62797568,14.2290777 8.3037627,14.2290777 8.1043257,14.0367999"></path></g></g></svg>');
}
input[type="checkbox"]:checked {
    background-color: var(--checkbox-color);
    border-color: var(--checkbox-color);
}
input[type="checkbox"][data-indeterminate="true"]:not(:checked)::after {
    content: "";
    position: absolute;
    top: calc(var(--checkbox-size) / 2 - 2px);
    width: calc(var(--checkbox-size) - 6px);
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 2px;
    display: block;
    border-radius: 2px;
    background-color: var(--text-normal);
}
.task-list-item-checkbox {
    width: var(--checkbox-size);
    height: var(--checkbox-size);
}
.markdown-preview-view .task-list-item-checkbox {
    position: relative;
    top: 0.2em;
    margin-inline-end: 0.6em;
}
ul > li.task-list-item {
    list-style: none;
}
ul > li.task-list-item > .task-list-item-checkbox,
ul > li.task-list-item > p > .task-list-item-checkbox {
    margin-inline-start: calc(var(--checkbox-size) * -1.5);
}
ul > li.task-list-item[data-task="X"],
ul > li.task-list-item[data-task="x"] {
    text-decoration: var(--checklist-done-decoration);
    color: var(--checklist-done-color);
}
.cm-s-obsidian span.hmd-hidden-token.cm-formatting-task {
    color: transparent !important;
}
b,
strong {
    font-weight: calc(var(--font-weight) + var(--bold-modifier));
    color: var(--bold-color);
}
b a,
strong a {
    font-weight: calc(var(--link-weight) + var(--bold-modifier));
}
em,
i {
    font-style: italic;
    color: var(--italic-color);
}
.markdown-rendered p {
    margin-block-start: var(--p-spacing);
    margin-block-end: var(--p-spacing);
    unicode-bidi: plaintext;
}
.markdown-rendered mark {
    background-color: var(--text-highlight-bg);
    color: var(--text-normal);
}
.markdown-rendered mark .internal-link {
    color: var(--text-normal);
}
.outgoing-link-pane {
    padding-top: var(--size-4-3);
}
.outgoing-link-pane {
    overflow-y: auto;
    flex: 1 0 0px;
    padding-inline-start: var(--size-4-3);
    padding-inline-end: var(--size-4-3);
    padding-bottom: var(--size-4-8);
}
.outgoing-link-pane .search-result-container {
    padding: var(--size-4-1) 1px var(--size-4-4);
}
.backlink-pane > .tree-item-self,
.outgoing-link-pane > .tree-item-self {
    color: var(--nav-heading-color);
    padding-inline-start: var(--size-4-2);
}
.backlink-pane > .tree-item-self .tree-item-inner,
.outgoing-link-pane > .tree-item-self .tree-item-inner {
    font-weight: var(--nav-heading-weight);
}
.backlink-pane > .tree-item-self.is-clickable.is-collapsed,
.outgoing-link-pane > .tree-item-self.is-clickable.is-collapsed {
    color: var(--nav-heading-color-collapsed);
}
.backlink-pane > .tree-item-self .collapse-icon,
.outgoing-link-pane > .tree-item-self .collapse-icon {
    display: none;
}
.embedded-backlinks .backlink-pane .tree-item-self {
    font-size: max(var(--font-ui-small), var(--font-smaller));
    align-items: center;
}
.embedded-backlinks .backlink-pane > .tree-item-self {
    font-size: max(var(--font-ui-small), 1em);
    width: fit-content;
}
.embedded-backlinks .backlink-pane > .tree-item-self .tree-item-inner {
    margin-inline-end: var(--size-2-3);
}
.embedded-backlinks .backlink-pane .tree-item-flair {
    font-size: max(var(--font-ui-small), var(--font-smallest));
}
.view-action.mod-bookmarked {
    --icon-color: var(--icon-color-active);
    --icon-color-hover: var(--icon-color-active);
}
.nav-files-container {
    flex-grow: 1;
    overflow: hidden auto;
    padding: var(--size-4-1) var(--size-4-3) var(--size-4-6) var(--size-4-3);
    scroll-padding-block: var(--size-4-2);
}
.nav-file-tag {
    background-color: var(--background-modifier-hover);
    border-radius: var(--radius-s);
    font-size: 9px;
    font-weight: var(--font-semibold);
    letter-spacing: 0.05em;
    line-height: var(--line-height-normal);
    margin-inline-start: var(--size-2-3);
    padding: 0 var(--size-4-1);
    text-transform: uppercase;
    align-self: center;
}
.nav-file-icon {
    display: inline-flex;
    align-items: center;
    margin-inline-end: var(--size-2-3);
    position: relative;
    color: var(--icon-color);
    opacity: var(--icon-opacity);
}
.nav-files-container:not(.show-unsupported) .is-unsupported {
    display: none;
}
.nav-file-title-content,
.nav-folder-title-content {
    display: inline-block;
    overflow-wrap: anywhere;
    overflow: hidden;
    white-space: var(--nav-item-white-space);
}
.nav-file-title-content:not([contenteditable="true"]),
.nav-folder-title-content:not([contenteditable="true"]) {
    text-overflow: ellipsis;
}
.nav-folder.is-being-dragged-over {
    border-radius: var(--radius-s);
    background: hsla(var(--interactive-accent-hsl), 0.1);
}
.nav-folder.is-being-dragged-over > .nav-folder-title {
    color: var(--nav-item-color-highlighted);
}
.nav-folder.is-being-dragged-over > .nav-folder-title .collapse-icon {
    color: var(--nav-item-color-highlighted);
}
.nav-folder-title {
    padding: var(--nav-item-parent-padding);
}
.nav-file-title {
    padding: var(--nav-item-padding);
}
.nav-file-title,
.nav-folder-title {
    margin-bottom: var(--size-2-1);
    display: flex;
    border-radius: var(--radius-s);
    cursor: var(--cursor);
    color: var(--nav-item-color);
    font-size: var(--nav-item-size);
    font-weight: var(--nav-item-weight);
    line-height: var(--line-height-tight);
}
.nav-file-title.is-active,
.nav-folder-title.is-active,
body:not(.is-grabbing) .nav-file-title.is-active:hover,
body:not(.is-grabbing) .nav-folder-title.is-active:hover {
    color: var(--nav-item-color-active);
    background-color: var(--nav-item-background-active);
    font-weight: var(--nav-item-weight-active);
}
.nav-file-title.is-selected,
.nav-folder-title.is-selected,
body:not(.is-grabbing) .nav-file-title.is-selected:hover,
body:not(.is-grabbing) .nav-folder-title.is-selected:hover {
    color: var(--nav-item-color-selected);
    background-color: var(--nav-item-background-selected);
}
.nav-file-title.is-being-dragged,
.nav-folder-title.is-being-dragged,
body:not(.is-grabbing) .nav-file-title.is-being-dragged,
body:not(.is-grabbing) .nav-folder-title.is-being-dragged {
    background-color: var(--interactive-accent);
    color: var(--text-on-accent);
}
.nav-file-title.is-being-dragged .tree-item-icon.collapse-icon,
.nav-folder-title.is-being-dragged .tree-item-icon.collapse-icon,
body:not(.is-grabbing)
    .nav-file-title.is-being-dragged
    .tree-item-icon.collapse-icon,
body:not(.is-grabbing)
    .nav-folder-title.is-being-dragged
    .tree-item-icon.collapse-icon {
    color: var(--text-on-accent);
}
.nav-file-title.is-being-dragged .nav-file-tag,
.nav-folder-title.is-being-dragged .nav-file-tag,
body:not(.is-grabbing) .nav-file-title.is-being-dragged .nav-file-tag,
body:not(.is-grabbing) .nav-folder-title.is-being-dragged .nav-file-tag {
    color: var(--text-normal);
}
.file-tree-item-checkbox,
.file-tree-item-icon {
    flex-shrink: 0;
}
.file-tree-item-title {
    flex-grow: 1;
    word-break: break-word;
}
.file-tree-item-icon {
    --icon-size: var(--icon-s);
    --icon-stroke: var(--icon-s-stroke-width);
    margin-right: var(--size-4-1);
    color: var(--icon-color);
    position: relative;
    top: var(--size-2-1);
}
.file-tree .tree-item-inner {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}
.file-tree .tree-item-flair {
    line-height: 1;
    padding: var(--size-2-1) var(--size-2-3);
    color: var(--text-on-accent);
}
.file-tree .is-selected {
    color: var(--text-normal);
}
.file-tree .mod-changed.is-selected {
    background-color: hsla(var(--interactive-accent-hsl), 0.2);
}
.file-tree .mod-changed .tree-item-flair {
    color: var(--text-accent-hover);
}
.file-tree .mod-new.is-selected {
    background-color: rgba(var(--background-modifier-success-rgb), 0.2);
}
.file-tree .mod-new .tree-item-flair {
    color: var(--text-success);
}
.file-tree .mod-deleted.is-selected,
.file-tree .mod-to-delete.is-selected {
    background-color: rgba(var(--background-modifier-error-rgb), 0.2);
}
.file-tree .mod-deleted .tree-item-flair,
.file-tree .mod-to-delete .tree-item-flair {
    color: var(--text-error);
}
.file-tree .mod-to-delete .tree-item-flair {
    display: none;
}
.file-tree .mod-to-delete.is-selected .tree-item-flair {
    display: block;
}
.file-tree .clickable-icon {
    display: flex;
    --icon-size: var(--icon-s);
    --icon-stroke: var(--icon-s-stroke-width);
}
.file-recovery-list-item-container {
    overflow: auto;
    flex: 1 1 0px;
}
.file-recovery-list {
    overflow: auto;
    padding: var(--size-4-3) var(--size-4-2);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.file-recovery-list .search-input-container {
    width: 100%;
}
.file-recovery-list-container {
    display: flex;
    flex-direction: column;
    flex-basis: 250px;
    flex-shrink: 0;
    border-inline-end: 1px solid var(--background-modifier-border);
}
.graph-view.color-fill {
    color: var(--graph-node);
}
.graph-view.color-fill-focused {
    color: var(--graph-node-focused);
}
.graph-view.color-fill-tag {
    color: var(--graph-node-tag);
}
.graph-view.color-fill-attachment {
    color: var(--graph-node-attachment);
}
.graph-view.color-fill-unresolved {
    color: var(--graph-node-unresolved);
    opacity: 0.5;
}
.graph-view.color-fill-1 {
    color: var(--text-muted);
}
.graph-view.color-fill-2 {
    color: var(--text-muted);
}
.graph-view.color-fill-3 {
    color: var(--text-muted);
}
.graph-view.color-fill-4 {
    color: var(--text-muted);
}
.graph-view.color-fill-5 {
    color: var(--text-muted);
}
.graph-view.color-fill-6 {
    color: var(--text-muted);
}
.graph-view.color-arrow {
    color: var(--text-normal);
    opacity: 0.5;
}
.graph-view.color-circle {
    color: var(--graph-node-focused);
}
.graph-view.color-line {
    color: var(--graph-line);
}
.graph-view.color-text {
    color: var(--graph-text);
}
.graph-view.color-fill-highlight {
    color: var(--interactive-accent);
}
.graph-view.color-line-highlight {
    color: var(--interactive-accent);
}
.graph-controls {
    border-radius: var(--radius-m);
    position: absolute;
    inset-inline-end: var(--size-4-3);
    top: var(--size-4-3);
    padding: 0;
    background-color: var(--background-primary);
    width: var(--graph-controls-width);
    overflow: auto;
}
.graph-controls:not(.is-close) {
    max-height: calc(100% - var(--size-4-4));
    border: 1px solid var(--background-modifier-border);
    box-shadow: var(--shadow-s);
}
.graph-controls.is-close {
    min-width: inherit;
    width: auto;
    background-color: var(--background-primary);
    border: 1px solid transparent;
    padding: var(--size-2-3);
}
.graph-controls.is-close > .graph-control-section {
    display: none;
}
.graph-controls input[type="range"],
.graph-controls input[type="text"] {
    width: 100%;
    font-size: var(--font-ui-small);
}
.graph-controls .mod-cta {
    margin-top: var(--size-2-3);
    width: 100%;
}
.graph-controls::-webkit-scrollbar,
.graph-controls::-webkit-scrollbar-thumb {
    display: none;
}
.graph-color-group {
    --swatch-height: 18px;
    --swatch-width: 18px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 0 6px;
    transition: top 0.2s ease-in-out;
}
.graph-color-group input[type="color"] {
    margin: 0 2px 0 6px;
}
.graph-color-group .clickable-icon {
    padding: var(--size-2-2);
}
.graph-color-button-container {
    text-align: center;
    margin-bottom: 10px;
}
.graph-color-button-container button {
    margin: 0;
    width: 100%;
}
.graph-color-group.drag-ghost input[type="text"] {
    width: 100%;
}
.graph-color-group.drag-ghost input[type="color"] {
    margin-inline-start: 6px;
}
.graph-control-section.mod-color-groups
    .tree-item-children.is-grabbing
    .graph-color-groups-container {
    padding-bottom: 40px;
}
.graph-controls-button {
    display: none;
    z-index: 1;
}
.graph-controls-button.mod-close,
.graph-controls-button.mod-reset {
    position: absolute;
    top: var(--size-4-2);
    inset-inline-end: var(--size-4-2);
    padding: var(--size-2-2);
}
.graph-controls:not(.is-close) .graph-controls-button.mod-close,
.graph-controls:not(.is-close) .graph-controls-button.mod-reset {
    display: flex;
}
.graph-controls-button.mod-reset {
    inset-inline-end: 36px;
}
.graph-controls.is-close .graph-controls-button.mod-open {
    display: flex;
}
.graph-controls-button.mod-animate {
    margin-top: var(--size-4-2);
}
.graph-controls.is-close .graph-controls-button.mod-animate {
    display: flex;
}
.graph-control-section {
    padding: var(--size-2-3) var(--size-4-3);
    border-bottom: 1px solid var(--background-modifier-border);
}
.graph-control-section:last-child {
    border-bottom: none;
}
.graph-control-section:last-child .tree-item-children {
    padding-bottom: var(--size-4-4);
}
.graph-control-section > .tree-item-self {
    padding-inline-start: var(--size-4-4);
}
.graph-control-section .tree-item-children {
    margin: 0;
    padding: var(--size-4-1) 0;
    border-inline-start: none;
}
.metadata-container {
    container: metadata/inline-size;
}
.site-list-container {
    border-top: 1px solid var(--background-modifier-border);
    margin-bottom: var(--size-4-4);
}
.site-list-container .list-item:last-child {
    padding-top: var(--size-4-4);
}
.site-list-item-name {
    flex-grow: 1;
}
.slug-input {
    text-transform: lowercase;
}
.passwords-container {
    margin-bottom: var(--size-4-4);
}
.password-item {
    border-radius: var(--radius-s);
    padding: var(--size-4-2) var(--size-4-4);
    margin: var(--size-4-1) 0;
}
.tree-item.mod-custom-nav.hidden .tree-item-self {
    color: var(--text-faint);
}
.tree-item.mod-custom-nav .tree-item-inner {
    display: flex;
    align-items: center;
    position: relative;
}
.tree-list {
    padding: var(--size-4-4) 0;
}
.tree-list-header {
    border-bottom: 1px solid var(--background-modifier-border);
    padding: var(--size-4-2) 0;
    line-height: 1.1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tree-list-title {
    font-size: var(--font-ui-medium);
    font-weight: var(--font-semibold);
}
.tree-list-action {
    align-items: center;
    display: flex;
    color: var(--text-muted);
    font-size: var(--font-ui-small);
}
.search-input-container {
    position: relative;
}
.search-input-container::before {
    top: calc((var(--input-height) - var(--search-icon-size)) / 2);
    inset-inline-start: var(--size-4-2);
    position: absolute;
    content: "";
    height: var(--search-icon-size);
    width: var(--search-icon-size);
    display: block;
    background-color: var(--search-icon-color);
    mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'></circle><line x1='21' y1='21' x2='16.65' y2='16.65'></line></svg>");
    mask-repeat: no-repeat;
}
.search-input-container input {
    display: block;
    width: 100%;
    padding-inline-start: 36px;
}
.search-input-clear-button {
    position: absolute;
    background: 0 0;
    border-radius: 50%;
    color: var(--search-clear-button-color);
    cursor: var(--cursor);
    top: 0;
    inset-inline-end: 2px;
    bottom: 0;
    line-height: 0;
    height: var(--input-height);
    width: 28px;
    margin: auto;
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: color 0.15s ease-in-out;
}
.search-input-clear-button::after {
    content: "";
    height: var(--search-clear-button-size);
    width: var(--search-clear-button-size);
    display: block;
    background-color: currentcolor;
    mask-image: url("data:image/svg+xml,<svg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12ZM3.8705 3.09766L6.00003 5.22718L8.12955 3.09766L8.9024 3.8705L6.77287 6.00003L8.9024 8.12955L8.12955 8.9024L6.00003 6.77287L3.8705 8.9024L3.09766 8.12955L5.22718 6.00003L3.09766 3.8705L3.8705 3.09766Z' fill='currentColor'/></svg>");
    mask-repeat: no-repeat;
}
.search-input-clear-button:active,
.search-input-clear-button:hover {
    color: var(--text-normal);
    transition: color 0.15s ease-in-out;
}
.search-input-suggest-button {
    position: absolute;
    left: 0;
    top: 0;
    color: var(--text-faint);
    cursor: var(--cursor);
    padding: var(--size-4-1) var(--size-4-2);
    opacity: 0;
    z-index: 10;
}
.search-result-container {
    padding: var(--size-4-3) var(--size-4-3) var(--size-4-4);
    position: relative;
    flex: 1 0 0px;
}
.search-result-container.mod-global-search {
    overflow-y: auto;
}
.search-result-container::before {
    content: " ";
    position: absolute;
    top: 0;
    width: 0;
    height: 3px;
}
.search-suggest-info-text {
    color: var(--text-muted);
    margin-inline-start: 4px;
}
.search-suggest-icon {
    padding: 4px;
    border-radius: var(--radius-s);
}
.search-suggest-icon {
    align-items: center;
    display: flex;
}
.search-suggest-item {
    padding: var(--size-4-1) var(--size-4-2);
    border-radius: var(--radius-s);
}
.search-suggest-item.mod-group {
    align-items: center;
    margin: 0;
    color: var(--text-muted);
    padding: 0 0 0 var(--size-4-2);
    cursor: default;
    font-weight: var(--font-semibold);
    font-size: var(--font-ui-smaller);
    border-radius: 0;
}
.search-suggest-item.mod-group:not(:first-child) {
    border-top: 1px solid var(--background-modifier-border);
    margin-top: 6px;
    padding-top: 6px;
    padding-inline: 14px 6px;
    padding-bottom: 0;
    margin-inline-end: -6px;
}
.search-suggest-item.mod-group.is-selected,
.search-suggest-item.mod-group:hover {
    background-color: initial;
}
.search-empty-state {
    color: var(--text-faint);
    font-size: var(--font-ui-small);
    margin: 0 0 var(--size-4-3);
    padding-inline-start: var(--size-4-2);
}
.search-result {
    word-break: break-word;
}
.search-result:not(.is-collapsed) .search-result-file-title {
    color: var(--nav-item-color-active);
}
.search-result-file-matches {
    font-size: var(--font-ui-smaller);
    line-height: var(--line-height-tight);
    background-color: var(--search-result-background);
    border-radius: var(--radius-s);
    overflow: hidden;
    margin: var(--size-4-1) 0 var(--size-4-2);
    color: var(--text-muted);
    box-shadow: 0 0 0 1px var(--background-modifier-border);
}
.search-result-file-matches:empty {
    display: none;
}
.search-info-more-matches {
    color: var(--text-faint);
}
.search-result-file-match {
    cursor: var(--cursor);
    position: relative;
    padding: var(--size-4-2) var(--size-4-5) var(--size-4-2) var(--size-4-3);
    white-space: pre-wrap;
    width: 100%;
    border-bottom: 1px solid var(--background-modifier-border);
}
.search-result-file-match:last-child {
    border-bottom: none;
}
.search-result-file-match-replace-button {
    display: none;
    position: absolute;
    height: auto;
    bottom: 5px;
    inset-inline-end: 24px;
    padding: var(--size-4-1) var(--size-4-2);
    color: var(--text-muted);
    font-size: var(--font-ui-smaller);
}
.search-result-hover-button {
    position: absolute;
    display: flex;
    inset-inline-end: 2px;
    border-radius: var(--radius-s);
    color: var(--text-faint);
    padding: 1px 3px;
}
.search-result-hover-button.mod-top {
    top: 2px;
}
.search-result-hover-button.mod-bottom {
    bottom: 2px;
}
.search-result-file-matched-text {
    color: var(--text-normal);
    background-color: var(--text-highlight-bg);
}
.search-info-container {
    color: var(--text-muted);
    padding: var(--size-4-1) var(--size-4-4) var(--size-4-2);
    font-size: var(--font-ui-smaller);
}
.search-info-children {
    padding-inline-start: 20px;
    border-inline-start: 1px solid var(--background-modifier-border);
    margin: 1px 0;
}
.copy-search-result-container {
    display: flex;
    flex-direction: column;
}
.copy-search-result-textarea {
    height: 300px;
    max-height: 20vh;
    resize: none;
}
.search-result-file-match-destination-file-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: var(--size-2-3);
    gap: var(--size-2-1);
}
.search-result-file-match-destination-file {
    display: inline-flex;
    background-color: var(--interactive-normal);
    border-radius: var(--radius-s);
    box-shadow: var(--input-shadow);
    color: var(--text-muted);
    padding: var(--size-2-2) var(--size-2-3);
}
.search-result-file-match-destination-file-icon {
    --icon-size: var(--icon-xs);
    --icon-stroke: var(--icon-xs-stroke-width);
    margin-inline-end: var(--size-4-1);
    display: flex;
    color: var(--text-faint);
}
.search-result-file-match-destination-file-icon .svg-icon {
    align-self: center;
}
.search-result-file-match-destination-file-name {
    white-space: pre-wrap;
    word-break: break-all;
}
body:not(.is-phone)
    .workspace-leaf.mod-active
    .search-result.has-focus
    .tree-item-self {
    border-radius: var(--radius-s);
    box-shadow: inset 0 0 0 2px var(--background-modifier-border-focus);
}
.search-results-info {
    color: var(--text-muted);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--background-modifier-border);
    margin: 0;
    min-width: 0;
    padding: 0 var(--size-4-3) var(--size-4-2);
    white-space: nowrap;
}
.search-results-result-count {
    font-size: var(--font-ui-smaller);
    font-variant-numeric: tabular-nums;
}
.search-row {
    display: flex;
    margin: var(--size-4-3) var(--size-4-3) var(--size-4-2);
    gap: var(--size-4-1);
}
.search-params {
    margin: var(--size-4-1) var(--size-4-4);
}
.search-params input[type="range"],
.search-params input[type="text"] {
    width: 100%;
    font-size: var(--font-ui-small);
}
.search-params .mod-cta {
    margin-top: var(--size-2-3);
    width: 100%;
}
.search-params::-webkit-scrollbar,
.search-params::-webkit-scrollbar-thumb {
    display: none;
}
.global-search-input-container {
    flex-grow: 1;
}
.more-options-icon {
    --icon-size: 10px;
    background-color: var(--icon-color);
    border-radius: 50%;
    color: var(--background-secondary);
    display: flex;
    margin-inline-start: var(--size-2-3);
    opacity: var(--icon-opacity);
    padding: 0.5px;
}
.clickable-icon:hover .more-options-icon {
    background-color: var(--icon-color-hover);
    opacity: var(--icon-opacity-hover);
}
.slides-container {
    position: fixed;
    top: 0;
    inset-inline-start: 0px;
    height: 100vh;
    width: 100vw;
    transition: -webkit-transform 0.8s;
    background-color: #191919;
    z-index: var(--layer-slides);
    border: none;
}
.slides-container li .collapse-indicator {
    display: none;
}
.slides-close-btn {
    display: inline-block;
    position: absolute;
    top: var(--size-4-2);
    inset-inline-end: var(--size-4-2);
    color: var(--text-faint);
    cursor: var(--cursor);
    z-index: 1;
}
.reveal input[type="checkbox"] {
    width: 24px;
    height: 24px;
}
.reveal .footnote-item,
.reveal .task-list-item {
    list-style: none;
}
.reveal .task-list-item {
    margin-inline-start: -1.5em;
}
.sync-history-list-item-header .tree-item-flair {
    padding: var(--size-4-1);
}
.sync-file-tree-container {
    max-height: calc(min(90vh, var(--modal-max-height)) - 250px);
    overflow: auto;
}
.recent-changes-container {
    padding: var(--size-4-3) var(--size-4-3) var(--size-4-8);
    overflow: hidden auto;
}
.recent-changes-container .nav-folder-title {
    font-weight: var(--nav-heading-weight);
    color: var(--nav-heading-color);
}
.recent-changes-container .nav-folder-title:hover {
    font-weight: var(--nav-heading-weight) !important;
}
.recent-changes-container .nav-folder-title .collapse-icon {
    display: none;
}
.recent-changes-container .tree-item.nav-folder.is-collapsed .nav-folder-title {
    color: var(--nav-heading-color-collapsed);
}
.recent-changes-container .nav-folder-children {
    margin-bottom: var(--size-4-4);
}
.recent-changes-container .nav-file-title,
.recent-changes-container .nav-folder-title {
    padding-inline-start: var(--size-4-2);
}
.recent-changes-container .tree-item-children {
    border-inline-start: unset;
    padding-inline-start: 0px;
    margin-inline-start: 0;
}
.recent-changes-container .more-button {
    justify-content: center;
    color: var(--text-faint);
}
.tag-pane-tag.is-active {
    background-color: var(--interactive-accent);
    color: var(--text-on-accent);
}
.tag-pane-tag.is-active .tag-pane-tag-count {
    background-color: var(--background-modifier-hover);
    color: var(--text-normal);
}
.tag-container {
    font-size: var(--font-ui-small);
    padding: var(--size-4-3) var(--size-4-3) var(--size-4-8);
    overflow: auto;
}
.tree-item-children .tag-pane-tag .tag-pane-tag-parent {
    display: none;
}
body:not(.is-phone)
    .workspace-leaf.mod-active
    .tree-item.has-focus
    > .tag-pane-tag {
    border-radius: var(--radius-s);
    box-shadow: 0 0 0 2px var(--background-modifier-border-focus);
}
.mod-canvas-color-1 {
    --canvas-color: var(--canvas-color-1);
}
.mod-canvas-color-2 {
    --canvas-color: var(--canvas-color-2);
}
.mod-canvas-color-3 {
    --canvas-color: var(--canvas-color-3);
}
.mod-canvas-color-4 {
    --canvas-color: var(--canvas-color-4);
}
.mod-canvas-color-5 {
    --canvas-color: var(--canvas-color-5);
}
.mod-canvas-color-6 {
    --canvas-color: var(--canvas-color-6);
}
body {
    --canvas-color: 192, 192, 192;
}
body.theme-dark {
    --canvas-color: 126, 126, 126;
}
.canvas-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    --resizer-size: 20px;
    --shadow-stationary: 0px 0.5px 1px 0.5px rgba(0, 0, 0, 0.1);
    --shadow-drag: 0px 2px 10px rgba(0, 0, 0, 0.1);
    --shadow-border-accent: 0 0 0 2px var(--color-accent);
    --zoom-multiplier: 1;
    background-color: var(--canvas-background);
    overflow: hidden;
    contain: strict;
    touch-action: none;
    user-select: none;
}
.canvas-wrapper.is-dragging {
    cursor: grabbing;
}
.canvas-wrapper.is-dragging iframe:not(.is-controlled),
.canvas-wrapper.is-dragging webview {
    pointer-events: none;
}
.canvas-wrapper.is-screenshotting {
    z-index: 999999;
}
.canvas-wrapper.is-screenshotting .canvas-controls {
    display: none !important;
}
.canvas-wrapper.is-screenshotting * {
    pointer-events: none !important;
}
.canvas-mover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: grab;
}
.canvas-mover:active {
    cursor: grabbing;
}
.canvas-background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}
.canvas-background circle {
    fill: var(--canvas-dot-pattern);
}
.canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transform-origin: 0px 0px;
    pointer-events: none;
}
.canvas > * {
    pointer-events: initial;
}
.canvas-selection {
    pointer-events: none;
    position: absolute;
    background-color: hsla(var(--color-accent-hsl), 0.1);
    border: 2px solid var(--color-accent);
    z-index: -1;
}
.canvas-selection.mod-group-selection {
    border-width: 3px;
    border-radius: 3px;
    background-color: hsla(var(--color-accent-hsl), 0.03);
    border-color: hsla(var(--color-accent-hsl), 0.3);
    pointer-events: initial;
}
.canvas-wrapper:not(.mod-readonly) .canvas-selection.mod-group-selection {
    cursor: grab;
}
.canvas-wrapper:not(.mod-readonly)
    .canvas-selection.mod-group-selection:active {
    cursor: grabbing;
}
.canvas-selection.mod-node-highlight {
    border-radius: var(--radius-m);
}
.canvas-controls {
    display: flex;
    position: absolute;
    z-index: var(--layer-cover);
    font-size: var(--font-ui-medium);
}
.canvas-controls {
    right: var(--size-4-2);
    top: var(--size-4-2);
    gap: var(--size-4-2);
    display: flex;
    flex-direction: column;
}
.canvas-control-group {
    border-radius: var(--radius-s);
    background-color: var(--background-primary);
    border: 1px solid var(--background-modifier-border);
    box-shadow: var(--input-shadow);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.canvas-control-item {
    border-radius: 0;
    box-shadow: none;
    height: auto;
    display: flex;
    line-height: 1;
    font-size: inherit;
    align-items: center;
    justify-content: center;
    cursor: var(--cursor);
    padding: var(--size-4-2);
    border-bottom: 1px solid var(--background-modifier-border);
    color: var(--text-muted);
    background-color: var(--interactive-normal);
    --icon-size: var(--icon-s);
    --icon-stroke: var(--icon-s-stroke-width);
}
.canvas-control-item:last-child {
    border-bottom: none;
}
.canvas-control-item.is-active {
    color: var(--color-accent);
}
.canvas-control-item.is-disabled svg {
    color: var(--text-faint);
}
.canvas-control-item svg {
    pointer-events: none;
}
.canvas-node-container {
    background-color: var(--background-primary);
    border-radius: var(--radius-m);
    border: 2px solid rgb(var(--canvas-color));
    contain: strict;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: var(--shadow-stationary);
}
.canvas-node-label {
    position: absolute;
    left: 0;
    top: calc(-1 * var(--size-4-1) * var(--zoom-multiplier));
    transform: translate(0, -100%) scale(var(--zoom-multiplier));
    transform-origin: left bottom;
    max-width: calc(100% / var(--zoom-multiplier));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--canvas-card-label-color);
    --icon-size: 1em;
}
body:not(.is-ios) .canvas-wrapper.mod-animating .canvas-node-label {
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.canvas-node-label svg {
    position: relative;
    top: 2px;
    margin-right: var(--size-4-1);
}
.canvas-node-label.mod-hover-label {
    opacity: 0;
}
.canvas-wrapper.mod-zoomed-out .canvas-node-label {
    display: none;
}
.canvas-node-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-wrap: anywhere;
    padding: var(--size-4-6);
    font-size: 32px;
    font-weight: var(--font-semibold);
}
.canvas-node-placeholder::after {
    border-radius: var(--radius-s);
    content: " ";
    display: block;
    position: absolute;
    top: var(--size-4-4);
    right: var(--size-4-4);
    bottom: var(--size-4-4);
    left: var(--size-4-4);
    background-color: rgba(var(--canvas-color), 0.1);
}
.canvas-icon-placeholder {
    display: flex;
    width: 40%;
    height: 40%;
}
.canvas-icon-placeholder svg {
    opacity: 0.3;
    color: rgb(var(--canvas-color));
    width: 100%;
    height: 100%;
}
.canvas-node-interaction-layer {
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
}
.canvas-node-interaction-layer > * {
    pointer-events: initial;
}
.canvas-node {
    --shadow-border-themed-inset: inset 0 0 0 1px rgb(var(--canvas-color));
    --shadow-border-themed: 0 0 0 2px rgb(var(--canvas-color));
    position: absolute;
    width: 0;
    height: 0;
}
.canvas-node.is-dragging {
    pointer-events: none;
}
.canvas-node.is-dragging .canvas-node-container {
    box-shadow: var(--shadow-drag);
}
.canvas-node.is-focused,
.canvas-node.is-selected {
    touch-action: initial;
}
.canvas-node.is-focused .canvas-node-label,
.canvas-node.is-selected .canvas-node-label {
    color: var(--text-muted);
}
.canvas-node.is-focused .canvas-node-container,
.canvas-node.is-selected .canvas-node-container {
    border-color: var(--color-accent);
    box-shadow: var(--shadow-stationary), var(--shadow-border-accent);
}
.canvas-node.is-focused.is-dragging .canvas-node-container,
.canvas-node.is-selected.is-dragging .canvas-node-container {
    box-shadow: var(--shadow-drag), var(--shadow-border-accent);
}
.canvas-node.is-themed .canvas-node-container {
    border-color: rgba(var(--canvas-color), 0.7);
    box-shadow:
        inset 0 0 0 1px rgba(var(--canvas-color), 0.7),
        var(--shadow-stationary);
}
.canvas-node.is-focused.is-themed .canvas-node-container,
.canvas-node.is-selected.is-themed .canvas-node-container {
    border-color: rgb(var(--canvas-color));
    box-shadow: var(--shadow-border-themed-inset), var(--shadow-border-themed);
}
.canvas-node.is-focused.is-themed.is-dragging .canvas-node-container,
.canvas-node.is-selected.is-themed.is-dragging .canvas-node-container {
    box-shadow: var(--shadow-border-themed-inset), var(--shadow-border-themed);
}
.canvas-node.is-dummy {
    cursor: grabbing;
}
.canvas-node.is-dummy .canvas-node-container {
    border: 4px solid var(--color-accent);
    box-shadow: rgba(0, 0, 0, 0.15) 0 2px 10px;
    background-color: hsla(var(--color-accent-hsl), 0.2);
}
.canvas-node.is-focused:not(.is-dragging) .canvas-node-content-blocker {
    display: none;
}
.canvas-node-content-blocker {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: var(--layer-cover);
}
.canvas-node-group:not(.is-focused):not(.is-selected) {
    pointer-events: none;
}
.canvas-node-group .canvas-node-resizer {
    pointer-events: initial;
}
.canvas-node-group .canvas-node-container {
    background-color: transparent;
}
.canvas-node-group .canvas-node-content {
    background-color: rgba(var(--canvas-color), 0.07);
}
.canvas-group-label {
    position: absolute;
    left: 0;
    top: calc(-1 * var(--size-4-1) * var(--zoom-multiplier));
    transform: translate(0, -100%) scale(var(--zoom-multiplier));
    transform-origin: left bottom;
    max-width: calc(100% / var(--zoom-multiplier));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: initial;
    font-size: 1.5em;
    padding: var(--size-4-1) var(--size-4-2);
    border-radius: var(--radius-s);
    color: var(--text-muted);
    background-color: rgba(var(--canvas-color), 0.1);
    line-height: 1;
}
body:not(.is-ios) .canvas-wrapper.mod-animating .canvas-group-label {
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.canvas-wrapper:not(.mod-readonly) .canvas-group-label {
    cursor: grab;
}
.canvas-wrapper:not(.mod-readonly) .canvas-group-label:active {
    cursor: grabbing;
}
.canvas-group-label[contenteditable="true"] {
    cursor: text;
    background-color: var(--background-primary);
    box-shadow: 0 0 0 2px rgb(var(--canvas-color));
    color: var(--text-normal);
    text-overflow: initial;
}
.canvas-node-group.is-themed .canvas-group-label:not([contenteditable="true"]) {
    background-color: rgb(var(--canvas-color));
}
.canvas-node-group.is-themed
    .canvas-group-label:not([contenteditable="true"]).mod-foreground-light {
    color: var(--text-on-accent);
}
.canvas-node-group.is-themed
    .canvas-group-label:not([contenteditable="true"]).mod-foreground-dark {
    color: var(--text-on-accent-inverted);
}
.canvas-node-content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.canvas-node-content.markdown-embed {
    border: none;
    padding: 0;
}
.canvas-node-content.markdown-embed .inline-title {
    cursor: text;
}
.canvas-node-content.markdown-embed
    > .markdown-embed-content
    > .markdown-preview-view {
    padding: 0 var(--size-4-6);
    display: flex;
    flex-direction: column;
}
.canvas-wrapper:not(.mod-readonly)
    .canvas-node-content.markdown-embed
    > .markdown-embed-content
    > .markdown-preview-view {
    user-select: none;
}
.canvas-node-content.markdown-embed
    > .markdown-embed-content
    > .markdown-preview-view::after,
.canvas-node-content.markdown-embed
    > .markdown-embed-content
    > .markdown-preview-view::before {
    content: " ";
    display: block;
    min-height: min(
        calc(var(--canvas-node-height) * 0.1 - 3px),
        var(--size-4-6)
    );
    max-height: var(--size-4-4);
    flex: 1 1 0px;
}
.canvas-node-content.markdown-embed
    > .markdown-embed-content
    > .markdown-preview-view
    > .markdown-preview-sizer {
    flex: 1 0 0px;
}
.canvas-node-content.markdown-embed
    > .markdown-embed-content
    > .markdown-preview-view
    .callout {
    mix-blend-mode: normal;
}
.is-focused
    .canvas-node-content.markdown-embed
    > .markdown-embed-content
    > .markdown-preview-view {
    transform: translateZ(0);
}
.canvas-node.is-themed .canvas-node-content {
    background-color: rgba(var(--canvas-color), 0.07);
}
.canvas-node-content.media-embed {
    justify-content: center;
    align-items: center;
    display: flex;
}
.canvas-node-content.media-embed audio,
.canvas-node-content.media-embed img,
.canvas-node-content.media-embed video {
    flex-shrink: 0;
    flex-grow: 1;
}
.canvas-node-content.media-embed audio,
.canvas-node-content.media-embed img:not([width]),
.canvas-node-content.media-embed video {
    max-width: 100%;
}
.canvas-node-resizer {
    position: absolute;
    height: calc(var(--resizer-size) * var(--zoom-multiplier));
    width: calc(var(--resizer-size) * var(--zoom-multiplier));
}
.is-selected .canvas-node-resizer {
    pointer-events: none;
}
.canvas-wrapper.mod-readonly .canvas-node-resizer {
    display: none;
}
.canvas-node-resizer[data-resize="top"] {
    left: 0;
    right: 0;
    width: auto;
    top: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5);
    cursor: ns-resize;
}
.canvas-node-resizer[data-resize="bottom"] {
    left: 0;
    right: 0;
    width: auto;
    bottom: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5);
    cursor: ns-resize;
}
.canvas-node-resizer[data-resize="left"] {
    top: 0;
    bottom: 0;
    height: auto;
    left: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5);
    cursor: ew-resize;
}
.canvas-node-resizer[data-resize="right"] {
    top: 0;
    bottom: 0;
    height: auto;
    right: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5);
    cursor: ew-resize;
}
.canvas-node-resizer[data-resize="topright"] {
    right: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5);
    top: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5);
    cursor: nesw-resize;
}
.canvas-node-resizer[data-resize="bottomright"] {
    right: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5);
    bottom: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5);
    cursor: nwse-resize;
}
.canvas-node-resizer[data-resize="topleft"] {
    left: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5);
    top: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5);
    cursor: nwse-resize;
}
.canvas-node-resizer[data-resize="bottomleft"] {
    left: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5);
    bottom: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5);
    cursor: nesw-resize;
}
.canvas-node-connection-point {
    width: calc(var(--resizer-size) * var(--zoom-multiplier));
    height: calc(var(--resizer-size) * var(--zoom-multiplier));
    position: absolute;
    pointer-events: all;
    cursor: pointer;
}
.canvas-node-connection-point[data-side="top"] {
    top: 1px;
    left: calc(50% - var(--resizer-size) * var(--zoom-multiplier) / 2);
}
.canvas-node-connection-point[data-side="right"] {
    right: 1px;
    top: calc(50% - var(--resizer-size) * var(--zoom-multiplier) / 2);
}
.canvas-node-connection-point[data-side="bottom"] {
    bottom: 1px;
    left: calc(50% - var(--resizer-size) * var(--zoom-multiplier) / 2);
}
.canvas-node-connection-point[data-side="left"] {
    left: 1px;
    top: calc(50% - var(--resizer-size) * var(--zoom-multiplier) / 2);
}
.canvas-node-connection-point::after {
    content: " ";
    background-color: var(--color-accent);
    border-radius: 50%;
    border: 3px solid var(--background-modifier-border);
    box-sizing: border-box;
    display: block;
    height: calc(var(--resizer-size) * var(--zoom-multiplier));
    opacity: 0;
    position: relative;
    width: calc(var(--resizer-size) * var(--zoom-multiplier));
    left: 0;
    top: 0;
}
.canvas-node-resizer:hover .canvas-node-connection-point::after {
    opacity: 1;
}
.canvas-snaps {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: visible;
    pointer-events: none;
    opacity: 0.6;
}
.canvas-snaps line {
    stroke-width: 1px;
    stroke: var(--color-accent);
}
.canvas-snaps circle {
    fill: var(--color-accent);
}
.canvas-edges {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: visible;
    pointer-events: none;
}
.canvas-edges > * {
    pointer-events: initial;
}
.canvas-edges path.canvas-display-path {
    pointer-events: none;
    stroke-width: calc(3px * var(--zoom-multiplier));
    stroke: rgb(var(--canvas-color));
    fill: none;
    transition: stroke-width 0.1s ease-out;
}
.canvas-edges path.canvas-interaction-path {
    pointer-events: stroke;
    stroke-width: calc(24px * var(--zoom-multiplier));
    stroke-linecap: round;
    stroke: transparent;
    fill: none;
    transition: stroke 0.1s ease-out;
}
.canvas-wrapper:not(.mod-readonly) .canvas-edges path.canvas-interaction-path {
    cursor: grab;
}
.canvas-wrapper:not(.mod-readonly)
    .canvas-edges
    path.canvas-interaction-path:active {
    cursor: grabbing;
}
.canvas-edges polygon.canvas-path-end {
    pointer-events: none;
    stroke: rgb(var(--canvas-color));
    fill: rgb(var(--canvas-color));
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1px;
    transform-box: fill-box;
    transform: scale(var(--zoom-multiplier));
    transform-origin: center top;
}
.canvas-edges g.is-focused path.canvas-display-path,
.canvas:not(.is-connecting) .canvas-edges g:hover path.canvas-display-path {
    stroke-width: calc(5.5px * var(--zoom-multiplier));
}
.canvas-edges g.is-focused path.canvas-interaction-path,
.canvas:not(.is-connecting) .canvas-edges g:hover path.canvas-interaction-path {
    stroke: rgba(var(--canvas-color), 0.1);
}
.canvas-path-label-wrapper {
    position: absolute;
    width: fit-content;
    height: fit-content;
}
.canvas-path-label {
    font-size: calc(var(--font-ui-large) * var(--zoom-multiplier));
    background-color: var(--background-primary);
    border-radius: var(--radius-s);
    padding: calc(var(--size-2-3) * var(--zoom-multiplier));
    line-height: var(--line-height-tight);
    white-space: pre-wrap;
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: calc(17em * var(--zoom-multiplier));
}
.canvas-color-picker-item {
    cursor: var(--cursor);
    width: 24px;
    height: 24px;
    margin: 2px;
    border-radius: 12px;
    border: 2px solid var(--background-primary);
    background-color: rgb(var(--canvas-color));
}
.canvas-color-picker-item.is-active {
    box-shadow: 0 0 0 2px rgb(var(--canvas-color));
}
.canvas-color-picker-item input[type="color"] {
    margin: -4px 0 0 -2px;
    --swatch-width: 20px;
    --swatch-height: 20px;
    opacity: 0;
}
.canvas-color-picker-item.canvas-color-picker-custom:not(.is-active) {
    background: conic-gradient(
        var(--color-red),
        var(--color-yellow),
        var(--color-green),
        var(--color-blue),
        var(--color-purple),
        var(--color-red)
    );
}
.canvas-empty-embed-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--size-4-6);
    justify-content: center;
    height: 100%;
    padding: var(--size-4-3);
    text-align: center;
}
.canvas-empty-embed-action-list {
    display: flex;
    flex-direction: column;
    gap: var(--size-4-3);
}
.canvas-empty-embed-action-list button {
    font-size: var(--font-text-size);
    padding: var(--size-4-5) var(--size-4-9);
}
.canvas-help {
    display: flex;
    flex-direction: column;
    gap: var(--size-4-3);
}
.canvas-instruction {
    display: flex;
    justify-content: space-between;
}
.canvas-instruction-desc {
    display: flex;
    gap: var(--size-4-1);
}
.canvas-minimap {
    width: 100%;
    height: 100%;
    padding: var(--size-4-1);
}
.inline-embed > .canvas-minimap {
    max-height: var(--embed-canvas-max-height);
}
.canvas-minimap rect {
    stroke-width: 5px;
    stroke: var(--background-modifier-border);
    fill: var(--background-modifier-border);
    fill-opacity: 0.65;
}
.canvas-minimap rect.is-themed {
    stroke: rgb(var(--canvas-color));
    fill: rgb(var(--canvas-color));
    fill-opacity: 0.5;
}
.canvas-minimap path {
    stroke: rgb(192, 192, 192);
    fill: none;
}
.canvas-minimap path.is-themed {
    stroke: rgb(var(--canvas-color));
}
.canvas-cursor {
    position: absolute;
    width: 1px;
    height: 1px;
    border: 5px solid var(--color-accent);
    border-radius: 5px;
    pointer-events: none;
}
.canvas-watermark * {
    font-family: var(--font-default) !important;
}
.webviewer-favicon-container {
    display: flex;
    align-items: center;
}
.webviewer-favicon-container > * {
    height: var(--icon-size);
    max-width: var(--icon-size);
}
.view-action.mod-webviewer {
    --icon-color: var(--icon-color-active);
    --icon-color-hover: var(--icon-color-active);
}
.webviewer-container {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.webviewer-address {
    width: 100%;
    display: flex;
    margin: 0 2px;
}
.webviewer-address input {
    flex-grow: 1;
    min-width: 50px;
}
.webviewer-address-container {
    padding: 0 var(--size-4-2);
}
.webviewer-address-container::after {
    background: 0 0 !important;
}
.view-content.webviewer-content {
    padding: 0;
}
.webviewer-content {
    border-top: 1px solid var(--divider-color);
    height: 100%;
    display: flex;
    flex-direction: column;
}
.webviewer-content webview {
    flex-grow: 1;
    width: 100%;
}
.webviewer-content .reader-mode-content {
    overflow-y: auto;
}
.webviewer-content
    .reader-mode-content.is-readable-line-width
    .markdown-preview-sizer {
    max-width: var(--file-line-width);
    margin-left: auto;
    margin-right: auto;
}
.webviewer-content .markdown-preview-view .external-link {
    background-image: none;
    padding-right: 0;
}
.webviewer-content .error-notice {
    max-width: var(--file-line-width);
    margin: 25% auto 0;
    padding: var(--file-margins);
}
.webviewer-history-view-item {
    text-wrap: nowrap;
    overflow: hidden;
}
textarea.webviewer-adblock-lists {
    flex-grow: 1;
}
.starter {
    user-select: none;
    padding-top: 0 !important;
}
.starter-screen {
    display: flex;
    flex-direction: column;
    background-color: var(--background-primary);
    width: 100%;
    height: 100%;
}
.starter-screen-inner {
    flex-grow: 1;
    display: flex;
    height: calc(100% - 24px);
}
.splash {
    align-items: center;
    background-color: var(--background-primary);
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 auto;
    text-align: center;
    padding: 36px 0 0;
}
.splash-brand {
    flex: 0 0 content;
    padding: 20px 0;
}
.splash-brand-logo-text {
    margin-top: 20px;
    color: #fff;
}
.splash-brand-version {
    color: var(--text-muted);
    margin-top: 8px;
    font-size: var(--font-ui-small);
}
.help-options-container {
    flex: 1 0 0px;
    overflow: auto;
    width: 100%;
    max-width: 82%;
    text-align: start;
    padding: var(--size-4-6) 0;
}
.help-options-container::-webkit-scrollbar {
    display: none;
}
.open-vault-options-container::-webkit-scrollbar {
    display: none;
}
.open-vault-options input[type="text"] {
    width: 150px;
}
.open-vault-options.mod-login input[type="text"] {
    width: 250px;
}
.quick-start-container {
    margin-bottom: 10px;
}
.quick-start-container button {
    font-size: var(--font-ui-medium);
    padding: 8px 60px;
}
.open-folder-input[type="text"] {
    font-size: var(--font-ui-small);
    width: 200px;
    height: 28px;
}
.browse-folder-button {
    margin-left: 10px;
}
.open-folder-button {
    margin-top: 14px;
    padding: 6px 36px;
}
.starter .notice {
    top: 38px;
}
.recent-vaults-list-item-name[contenteditable] {
    cursor: text;
    border-color: var(--interactive-accent);
    background-color: var(--background-modifier-hover);
    font-size: 0.9em;
    padding: 0 var(--size-4-1);
}
:root {
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
    --safe-area-inset-left: env(safe-area-inset-left);
    --safe-area-inset-right: env(safe-area-inset-right);
}
body.hide-cursor {
    caret-color: transparent !important;
}
body.is-screenshotting ::-webkit-scrollbar {
    display: none;
}
.is-tablet {
    --nav-item-padding: var(--size-2-3) var(--size-4-2) var(--size-2-3)
        var(--size-4-6);
    --tab-font-size: var(--font-ui-smaller);
    --system-status-background: var(--titlebar-background);
}
.is-tablet.theme-dark {
    --titlebar-background: var(--background-primary);
    --titlebar-background-focused: var(--background-primary);
    --interactive-normal: var(--background-modifier-border);
    --interactive-hover: var(--background-modifier-border-hover);
    --modal-background: var(--background-secondary);
}
.is-mobile .tree-item .tree-item-self {
    padding-inline-end: var(--size-4-2);
}
.is-mobile input[type="text"] {
    width: 100%;
}
.is-mobile .markdown-rendered pre:not(:hover) > button.copy-code-button {
    display: block;
}
.is-mobile .markdown-rendered button.copy-code-button {
    width: auto;
}
.is-mobile .markdown-rendered .heading-collapse-indicator {
    margin-inline-start: -20px;
}
.is-tablet button:not(.clickable-icon) {
    padding: var(--size-4-1) var(--size-4-5);
}
.mod-fade {
    --scroll-fade-offset-right: 0;
    --scroll-fade-offset-left: 0;
}
.mod-fade:not(.mod-at-start)::before {
    content: " ";
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 1;
    left: var(--scroll-fade-offset-left);
    width: 30px;
    height: 100%;
    background: linear-gradient(
        to right,
        var(--background-primary),
        transparent
    );
}
.mod-fade:not(.mod-at-end)::after {
    content: " ";
    position: absolute;
    pointer-events: none;
    top: 0;
    right: var(--scroll-fade-offset-right);
    width: 30px;
    height: 100%;
    background: linear-gradient(
        to right,
        transparent,
        var(--background-primary)
    );
}
.mobile-onboarding-feature-table {
    display: flex;
    flex-direction: column;
    font-size: var(--font-ui-small);
    margin-top: var(--size-4-4);
}
.mobile-onboarding-feature-table .feature-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.mobile-onboarding-feature-table .feature-row:not(:last-child) {
    border-bottom: var(--input-border-width) solid
        var(--background-modifier-border);
}
.mobile-onboarding-feature-table .feature-cell {
    display: flex;
    align-items: center;
    gap: var(--size-4-1);
    padding: var(--size-4-1) 0;
}
.mobile-onboarding-feature-table .feature-cell.mod-value {
    color: var(--text-muted);
    font-size: var(--font-ui-smaller);
}
.mobile-onboarding-feature-table .feature-cell.is-enabled {
    color: var(--text-success);
    font-size: var(--font-ui-smaller);
}
.is-tablet .mod-left-split-toggle {
    display: none;
}
.is-tablet .horizontal-tab-nav-item,
.is-tablet .vertical-tab-nav-item {
    padding: var(--size-4-2) var(--size-4-3);
}
.is-tablet .modal.mod-settings .vertical-tab-header {
    max-width: none;
}
.is-tablet.theme-dark .community-item,
.is-tablet.theme-dark .vertical-tab-content {
    background-color: var(--background-secondary);
}
body.is-tablet .workspace-drawer.mod-left .workspace-drawer-inner {
    padding-left: var(--ribbon-width);
}
.workspace-drawer .nav-buttons-container::-webkit-scrollbar,
.workspace-drawer .nav-buttons-container::-webkit-scrollbar-thumb,
.workspace-drawer .workspace-drawer-actions::-webkit-scrollbar,
.workspace-drawer .workspace-drawer-actions::-webkit-scrollbar-thumb {
    visibility: hidden;
}
.workspace-drawer-ribbon::-webkit-scrollbar,
.workspace-drawer-ribbon::-webkit-scrollbar-thumb {
    visibility: hidden;
    width: 0;
}
body.is-tablet .sidebar-toggle-button {
    --icon-color: var(--interactive-accent);
    --icon-color-hover: var(--interactive-accent);
    --icon-color-active: var(--interactive-accent-hover);
    --icon-color-focus: var(--interactive-accent-hover);
    --icon-size: var(--icon-l);
    --icon-stroke: var(--icon-l-stroke-width);
}
body.is-tablet .sidebar-toggle-button.mod-left {
    padding-left: var(--size-4-2);
}
body.is-tablet .mobile-navbar {
    display: none;
}
.is-mobile .prompt-input[type="text"] {
    padding: var(--size-4-4);
}
.is-phone .prompt-input[type="text"] {
    border: none;
    padding-inline-end: var(--size-4-12);
}
.pull-action {
    position: absolute;
    background-color: var(--background-secondary);
    z-index: var(--layer-popover);
    color: var(--text-muted);
    font-size: 90%;
    transition: background-color 150ms ease-in-out;
}
.pull-action.mod-activated {
    background-color: var(--interactive-accent);
    color: var(--text-on-accent);
}
.pull-down-action {
    top: 0;
    left: 0;
    right: 0;
    width: 96%;
    max-width: 500px;
    margin: var(--safe-area-inset-top) auto 0 auto;
    padding: var(--size-4-3) var(--size-4-4);
    text-align: center;
    border-radius: 40px;
}
.pull-out-action {
    top: 50%;
    padding: var(--size-4-3) var(--size-4-4);
    border-radius: 40px;
    margin: 0 var(--size-4-4);
}
.is-tablet {
    --toolbar-option-width: 50px;
}
.mobile-toolbar-options-list::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
}
.mobile-tab-preview-embed ::-webkit-scrollbar {
    display: none;
}
.is-tablet.theme-dark .suggestion-container {
    background-color: var(--background-secondary);
}
.is-mobile .file-tree .tree-item-self {
    font-size: var(--font-ui-small);
}
.markdown-preview-view .heading-collapse-indicator {
    margin-left: calc(0px - var(--collapse-arrow-size) - 10px) !important;
    padding: 0 0 !important;
}
.node-insert-event {
    animation-duration: unset !important;
    animation-name: none !important;
}
hr {
    border: none;
    border-top: var(--hr-thickness) solid;
    border-color: var(--hr-color);
}
.cm-fold-indicator.is-collapsed .collapse-indicator,
.cm-gutterElement .is-collapsed .collapse-indicator,
.cm-gutterElement:hover .collapse-indicator,
.cm-line:hover .cm-fold-indicator .collapse-indicator,
.collapse-indicator:hover,
.fold-gutter.is-collapsed,
.fold-gutter:hover,
.is-collapsed .collapse-indicator,
.metadata-properties-heading:hover .collapse-indicator,
h1:hover .collapse-indicator,
h2:hover .collapse-indicator,
h3:hover .collapse-indicator,
h4:hover .collapse-indicator,
h5:hover .collapse-indicator,
h6:hover .collapse-indicator {
    opacity: 1;
    transition: opacity 0.15s ease-in-out;
}
.collapse-indicator,
.fold-gutter {
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
}
@media print {
    html body > :not(.print) {
        display: unset !important;
    }
    .collapse-indicator {
        display: none !important;
    }
    .is-collapsed > element > .collapse-indicator {
        display: unset !important;
    }
}
.mod-header .metadata-container {
    display: none !important;
}
.markdown-embed .heading-collapse-indicator {
    translate: -1em 0;
}
.markdown-embed.internal-embed.inline-embed .markdown-embed-content,
.markdown-embed.internal-embed.inline-embed
    .markdown-embed-content
    .markdown-preview-view {
    overflow: visible !important;
}
.markdown-embed-link {
    display: none !important;
}
.canvas-wrapper:not(.mod-readonly)
    .canvas-node-content.markdown-embed
    > .markdown-embed-content
    > .markdown-preview-view {
    user-select: text !important;
}
.canvas-card-menu {
    display: none;
    cursor: default !important;
}
.canvas-controls {
    display: none;
    cursor: default !important;
}
.canvas-background {
    pointer-events: visible !important;
    cursor: grab !important;
}
.canvas-background:active {
    cursor: grabbing !important;
}
.canvas-node-connection-point {
    display: none;
    cursor: default !important;
}
.canvas-node-content {
    backface-visibility: visible !important;
}
.canvas-menu-container {
    display: none;
}
.canvas-node-content-blocker {
    cursor: pointer !important;
}
.canvas-wrapper {
    position: relative;
    cursor: default !important;
}
.canvas-node-resizer {
    cursor: default !important;
}
.canvas-node-container {
    cursor: default !important;
}
.markdown-rendered pre:not(:hover) > button.copy-code-button {
    display: unset;
    opacity: 0;
}
.markdown-rendered pre:hover > button.copy-code-button {
    opacity: 1;
}
.markdown-rendered pre button.copy-code-button {
    transition:
        opacity 0.2s ease-in-out,
        width 0.3s ease-in-out,
        background-color 0.2s ease-in-out;
    text-overflow: clip;
}
.markdown-rendered pre > button.copy-code-button:hover {
    background-color: var(--interactive-normal);
}
.markdown-rendered pre > button.copy-code-button:active {
    background-color: var(--interactive-hover);
    box-shadow: var(--input-shadow);
    transition: none;
}
.webpage-container .is-collapsed .collapse-indicator svg.svg-icon,
.webpage-container .is-collapsed .list-collapse-indicator svg.svg-icon {
    color: var(--collapse-icon-color-collapsed);
}