@charset "UTF-8";
body,
.theme-light,
.theme-dark {
  --font-interface-theme: Inter;
  --font-text-theme: Inter;
  --font-ui-modifier: 0px;
  --font-ui-smaller: calc(12px + var(--font-ui-modifier));
  --font-ui-small: calc(13px + var(--font-ui-modifier));
  --font-ui-medium: calc(15px + var(--font-ui-modifier));
  --font-ui-large: calc(20px + var(--font-ui-modifier));
  --icon-size-modifier: 0px;
  --icon-opacity: 1;
  --density-modifier: 1;
  --titlebar-background: transparent;
  --titlebar-background-focused: transparent;
  --translucent-light-opacity: 50%;
  --translucent-dark-opacity: 50%;
  --blur-brightness: 1;
  --blur-saturation: 1.5;
  --blur-radius-s: 8px;
  --blur-radius-m: 12px;
  --blur-radius-l: 16px;
  --corner-shape: superellipse(1.1);
  --border-width: 1px;
  --border-width-offset: calc(-1 * var(--border-width));
  --divider-width: var(--border-width);
  --divider-color-hover: var(--color-base-50);
  --anim-speed-modifier: 1;
  --anim-motion-baseline: cubic-bezier(0.1, 0, 0.1, 1.25);
  --anim-duration-superfast: calc(80ms * var(--anim-speed-modifier));
  --anim-duration-fast: calc(160ms * var(--anim-speed-modifier));
  --anim-duration-moderate: calc(320ms * var(--anim-speed-modifier));
  --anim-duration-slow: calc(480ms * var(--anim-speed-modifier));
  --icon-stroke-modifier: 1;
  --icon-xs-stroke-width: calc(2.25px * var(--icon-stroke-modifier));
  --icon-s-stroke-width: calc(2px * var(--icon-stroke-modifier));
  --icon-m-stroke-width: calc(2px * var(--icon-stroke-modifier));
  --icon-l-stroke-width: calc(2px * var(--icon-stroke-modifier));
  --icon-xl-stroke-width: calc(1.25px * var(--icon-stroke-modifier));
  --color-red: rgb(var(--color-red-rgb));
  --color-orange: rgb(var(--color-orange-rgb));
  --color-yellow: rgb(var(--color-yellow-rgb));
  --color-green: rgb(var(--color-green-rgb));
  --color-cyan: rgb(var(--color-cyan-rgb));
  --color-blue: rgb(var(--color-blue-rgb));
  --color-purple: rgb(var(--color-purple-rgb));
  --color-pink: rgb(var(--color-pink-rgb));
  --shadow-surface: 0 0 0 var(--border-width) var(--background-modifier-hover);
  --shadow-xs: var(--shadow-s);
  --background-modifier-hover: hsl(from var(--mono-100) h s l / 0.05) !important;
  --interactive-normal: color-mix(in srgb, var(--background-primary), white 7%);
  --interactive-hover: color-mix(in srgb, var(--interactive-normal), var(--background-secondary) 50%);
}

.theme-light {
  --workspace-background-translucent: hsl(from var(--background-secondary) h s l / var(--translucent-light-opacity));
  --color-red-rgb: 254, 112, 112;
  --color-orange-rgb: 242, 154, 100;
  --color-yellow-rgb: 224, 205, 99;
  --color-green-rgb: 74, 213, 95;
  --color-cyan-rgb: 56, 219, 214;
  --color-blue-rgb: 106, 173, 250;
  --color-purple-rgb: 187, 158, 245;
  --color-pink-rgb: 243, 125, 183;
  --color-red: #fe7070;
  --color-orange: #f29a64;
  --color-yellow: #e0cd63;
  --color-green: #4ad55f;
  --color-cyan: #38dbd6;
  --color-blue: #6aadfa;
  --color-purple: #bb9ef5;
  --color-pink: #f37db7;
  --code-normal: #1f2328;
  --code-comment: #6e7781;
  --code-function: #8250df;
  --code-important: #cf222e;
  --code-keyword: #cf222e;
  --code-property: #953800;
  --code-punctuation: #800000;
  --code-string: #0a3069;
  --code-tag: #116329;
  --code-value: #098658;
  --color-base-00: #fdfdfd;
  --color-base-05: #fcfcfc;
  --color-base-10: #f8f8f8;
  --color-base-20: #f5f5f5;
  --color-base-25: #f2f2f2;
  --color-base-30: #ebebeb;
  --color-base-35: #e4e4e4;
  --color-base-40: #d7d7d7;
  --color-base-50: #b1b1b1;
  --color-base-60: #8c8c8c;
  --color-base-70: #747474;
  --color-base-100: #3d3d3d;
  --background-modifier-form-field: var(--background-primary);
  --shadow-s: 0 0 0 var(--border-width) hsl(0 0% 0% / 0.05), 0 2px 2px hsl(0 0% 0% / 0.05), 0 4px 8px hsl(0 0% 0% / 0.025);
  --shadow-l:
    0 0 0 var(--border-width) hsl(0 0% 0% / 0.05), 0 1px 2px -1px hsl(0 0% 0% / 0.05), 0 2px 4px hsl(0 0% 0% / 0.05), 0px 12px 24px -16px hsl(0 0% 15% / 0.15);
}

.theme-dark {
  --workspace-background-translucent: hsl(from var(--background-secondary) h s l / var(--translucent-dark-opacity));
  --color-red-rgb: 217, 90, 95;
  --color-orange-rgb: 219, 134, 80;
  --color-yellow-rgb: 196, 180, 94;
  --color-green-rgb: 72, 196, 90;
  --color-cyan-rgb: 63, 186, 182;
  --color-blue-rgb: 86, 148, 218;
  --color-purple-rgb: 142, 125, 194;
  --color-pink-rgb: 222, 103, 147;
  --color-red: #d95a5f;
  --color-orange: #db8650;
  --color-yellow: #c4b45e;
  --color-green: #48c45a;
  --color-cyan: #3fbab6;
  --color-blue: #5694da;
  --color-purple: #8e7dc2;
  --color-pink: #de6793;
  --code-normal: #c9d1d9;
  --code-comment: #8b949e;
  --code-function: #d2a8ff;
  --code-important: #ff7b72;
  --code-keyword: #ff7b72;
  --code-property: #ffa657;
  --code-punctuation: #808080;
  --code-string: #a5d6ff;
  --code-tag: #7ee787;
  --code-value: #b5cea8;
  --color-base-00: #161616;
  --color-base-05: #171717;
  --color-base-10: #181818;
  --color-base-20: #1c1c1c;
  --color-base-25: #222222;
  --color-base-30: #292929;
  --color-base-35: #303030;
  --color-base-40: #383838;
  --color-base-50: #555555;
  --color-base-60: #6e6e6e;
  --color-base-70: #898989;
  --color-base-100: #c1c1c1;
  --background-modifier-form-field: var(--background-secondary);
  --shadow-s: 0 0 0 var(--border-width) hsl(0 0% 100% / 0.07), 0 8px 24px hsl(0 0% 0% / 0.1), 0 8px 8px hsl(0 0% 0% / 0.1), 0 4px 12px -4px hsl(0 0% 0% / 0.35);
  --shadow-l:
    0 0 0 var(--border-width) hsl(0 0% 100% / 0.07), 0 1px 2px -1px hsl(0 0% 0% / 0.1), 0 2px 4px hsl(0 0% 0% / 0.1), 0px 12px 24px -16px hsl(0 0% 15% / 0.35);
}

body:not(.is-mobile) {
  --icon-xs: calc(14px + var(--icon-size-modifier));
  --icon-s: calc(16px + var(--icon-size-modifier));
  --icon-m: calc(16px + var(--icon-size-modifier));
  --icon-l: calc(16px + var(--icon-size-modifier));
  --icon-xl: calc(32px + var(--icon-size-modifier));
}
body:not(.is-mobile) .app-container {
  transition: var(--anim-duration-moderate);
  align-items: center;
  background: var(--background-secondary);
}
body:not(.is-mobile) .workspace-fake-target-overlay {
  background: transparent;
}
body:not(.is-mobile) .workspace-split {
  transition: var(--anim-duration-moderate);
  background-color: transparent;
}

@media (prefers-color-scheme: light) {
  .theme-dark {
    --workspace-background-translucent: var(--background-secondary);
  }
}
@media (prefers-color-scheme: dark) {
  .theme-light {
    --workspace-background-translucent: var(--background-secondary);
  }
}
.is-translucent {
  --blur-s: none !important;
  --blur-m: none !important;
  --blur-l: none !important;
  --divider-color: var(--background-modifier-border) !important;
}

.is-popout-window {
  --workspace-background-translucent: var(--background-secondary);
}

body.is-frameless:not(.is-translucent, .is-hidden-frameless, .is-fullscreen) .titlebar {
  background-color: var(--background-secondary);
}

body.titlebar-text-off .titlebar-text {
  display: none;
}

body:not(.mod-macos):not(.is-mobile) {
  --frame-right-space: 144px;
}
body:not(.mod-macos):not(.is-mobile).is-hidden-frameless .titlebar {
  height: var(--header-height);
}
body:not(.mod-macos):not(.is-mobile) .titlebar-button-container.mod-right {
  width: var(--frame-right-space);
}
body:not(.mod-macos):not(.is-mobile) .titlebar-button-container.mod-right .titlebar-button {
  justify-content: center;
  flex: 1;
}
body:not(.mod-macos):not(.is-mobile) .titlebar-button-container.mod-right .titlebar-button path,
body:not(.mod-macos):not(.is-mobile) .titlebar-button-container.mod-right .titlebar-button rect,
body:not(.mod-macos):not(.is-mobile) .titlebar-button-container.mod-right .titlebar-button circle {
  visibility: hidden;
}
body:not(.mod-macos):not(.is-mobile) .titlebar-button-container.mod-right .titlebar-button svg {
  mask-size: 100% 100%;
  background-color: currentcolor;
  width: auto;
  height: 10px;
}
body:not(.mod-macos):not(.is-mobile) .titlebar-button.mod-minimize svg {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='2' fill='none' viewBox='0 0 12 2'%3e%3cpath fill='black' d='M.598 1.201A.604.604 0 0 1 0 .604.61.61 0 0 1 .598 0h10.804c.324 0 .598.281.598.604a.605.605 0 0 1-.598.597H.598Z'/%3e%3c/svg%3e");
}
body:not(.mod-macos):not(.is-mobile) .titlebar-button.mod-maximize svg {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3e%3cpath fill='black' d='M1.77 12C.825 12 0 11.175 0 10.23V1.77C0 .83.828 0 1.77 0h8.46C11.167 0 12 .833 12 1.77v8.46c0 .942-.83 1.77-1.77 1.77H1.77Zm8.431-1.201a.605.605 0 0 0 .598-.598V1.8a.606.606 0 0 0-.599-.6H1.8a.605.605 0 0 0-.6.6v8.4c0 .325.273.598.598.598H10.2Z'/%3e%3c/svg%3e");
}
body:not(.mod-macos):not(.is-mobile) .titlebar-button.mod-close svg {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3e%3cpath fill='black' d='m6 6.848-4.975 4.974a.618.618 0 0 1-.856.006.618.618 0 0 1 .006-.855L5.15 5.998.175 1.024c-.226-.227-.24-.628 0-.85a.606.606 0 0 1 .85 0l4.974 4.975L10.974.174a.606.606 0 0 1 .85 0 .606.606 0 0 1 0 .85L6.848 5.998l4.974 4.975a.606.606 0 0 1 0 .85c-.222.239-.623.225-.85 0L6 6.847Z'/%3e%3c/svg%3e");
}
body:not(.mod-macos):not(.is-mobile).is-maximized .titlebar-button.mod-maximize svg {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3e%3cpath fill='black' d='M10.799 3.557C10.799 2.27 9.67 1.2 8.396 1.2H2.502a1.808 1.808 0 0 1 1.7-1.2h4.194C10.352 0 12 1.641 12 3.598v4.2c0 .758-.484 1.45-1.201 1.7V3.557ZM1.769 12C.826 12 0 11.175 0 10.23V4.172c0-.941.828-1.77 1.77-1.77h6.058c.945 0 1.77.825 1.77 1.77v6.058c0 .942-.829 1.77-1.77 1.77H1.77Zm6.03-1.201a.61.61 0 0 0 .603-.598v-6a.607.607 0 0 0-.603-.603h-6A.61.61 0 0 0 1.2 4.2v6c0 .325.273.598.598.598h6Z'/%3e%3c/svg%3e");
}

body.styled-scrollbars div:not(:hover)::-webkit-scrollbar-thumb {
  background-color: transparent;
}

@keyframes floatIn {
  from {
    transform: scale(0.99);
  }
}
body:not(.accented-interface) {
  --interactive-accent: var(--color-base-100);
  --interactive-accent-hover: hsl(from var(--color-base-100) h s l / 80%);
  --text-on-accent: var(--color-base-00);
  --text-on-accent-inverted: var(--color-base-00);
}

body.reduce-motion {
  --anim-speed-modifier: 0 !important;
}
body.reduce-motion.is-mobile .mobile-tab-switcher,
body.reduce-motion.is-mobile .menu,
body.reduce-motion.is-mobile .suggestion-bg,
body.reduce-motion.is-mobile .modal,
body.reduce-motion.is-mobile .modal-bg {
  transition: none !important;
}

@supports not (interpolate-size: allow-keywords) {
  body:not(.is-mobile).obsidian-app.obsidian-app.obsidian-app {
    --modal-background: var(--background-secondary) !important;
  }
  body:not(.is-mobile):not(.is-popout-window) .mod-root::before {
    content: "Baseline requires a newer Obsidian installer. Download and run the latest installer from obsidian.md to remove this message.";
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    z-index: var(--layer-cover);
    inset: auto 0 0;
    padding: 16px 48px;
    background-color: var(--background-secondary);
    color: var(--text-muted);
    font-size: var(--font-ui-medium);
    white-space: pre-wrap;
  }
}
.lucide-folder-closed path[d="M2 10h20"] {
  display: none;
}

.lucide-arrow-left path[d="M19 12H5"] {
  display: none;
}
.lucide-arrow-left path[d="m12 19-7-7 7-7"] {
  transform: translateX(2px);
}

.lucide-arrow-right path[d="M5 12h14"] {
  display: none;
}
.lucide-arrow-right path[d="m12 5 7 7-7 7"] {
  transform: translateX(-2px);
}

.lucide-edit-3 path[d="M13 21h8"] {
  display: none;
}

body:not(.reduce-motion, .is-mobile) .workspace svg.svg-icon {
  transition: var(--anim-duration-moderate) var(--anim-motion-baseline);
}
@starting-style {
  body:not(.reduce-motion, .is-mobile) .workspace .clickable-icon:not(.workspace-ribbon > .sidebar-toggle-button > .clickable-icon) svg.svg-icon {
    filter: blur(4px);
    scale: 0.75;
    opacity: 0;
  }
}
body:not(.reduce-motion, .is-mobile) .workspace .clickable-icon:not([aria-disabled=true]):active svg.svg-icon,
body:not(.reduce-motion, .is-mobile) .workspace .mod-sidedock .workspace-tab-header.tappable:active svg.svg-icon {
  scale: 0.75;
  opacity: 0.75;
}
body:not(.reduce-motion, .is-mobile) .workspace .workspace-tab-header-tab-list .clickable-icon:is(:hover, .has-active-menu) svg.svg-icon {
  transform: translateY(1px);
}
body:not(.reduce-motion, .is-mobile) .workspace .view-header-nav-buttons .clickable-icon:not([aria-disabled=true]):first-child:hover svg.svg-icon {
  transform: translateX(-1px);
}
body:not(.reduce-motion, .is-mobile) .workspace .view-header-nav-buttons .clickable-icon:not([aria-disabled=true]):last-child:hover svg.svg-icon {
  transform: translateX(1px);
}

body.contrast-light-tonal.theme-light,
body.contrast-dark-tonal.theme-dark {
  --background-primary: var(--background-secondary);
}

body.contrast-light-inverse.theme-light,
body.contrast-dark-inverse.theme-dark {
  --background-primary: var(--color-base-20);
  --background-secondary: var(--color-base-00);
}

body:not(.is-mobile).contrast-dark-black.theme-dark {
  --background-primary: black;
  --background-primary-alt: var(--color-base-00);
  --background-secondary: black;
  --background-secondary-alt: var(--color-base-05);
  --background-modifier-hover: hsl(from var(--mono-100) h s l / 0.2);
  --interactive-normal: var(--color-base-10);
}

body.is-mobile.contrast-dark-black.theme-dark,
body.is-mobile.contrast-dark-black-mobile.theme-dark {
  --system-status-background: black;
  --settings-background: black;
  --modal-sidebar-background: black;
  --mobile-sidebar-background: black;
  --tab-background-active: black;
  --background-primary: black;
  --background-primary-alt: var(--color-base-05);
  --background-secondary: black;
  --background-secondary-alt: var(--color-base-10);
  --background-modifier-border: var(--background-modifier-hover);
  background-color: black;
}
body.is-mobile.contrast-dark-black.theme-dark.is-tablet .mod-root .view-header,
body.is-mobile.contrast-dark-black.theme-dark .workspace,
body.is-mobile.contrast-dark-black.theme-dark .mod-root .workspace-tabs .workspace-leaf,
body.is-mobile.contrast-dark-black.theme-dark .mod-root .view-header::before,
body.is-mobile.contrast-dark-black.theme-dark .mod-root .view-content,
body.is-mobile.contrast-dark-black.theme-dark .vertical-tab-content,
body.is-mobile.contrast-dark-black-mobile.theme-dark.is-tablet .mod-root .view-header,
body.is-mobile.contrast-dark-black-mobile.theme-dark .workspace,
body.is-mobile.contrast-dark-black-mobile.theme-dark .mod-root .workspace-tabs .workspace-leaf,
body.is-mobile.contrast-dark-black-mobile.theme-dark .mod-root .view-header::before,
body.is-mobile.contrast-dark-black-mobile.theme-dark .mod-root .view-content,
body.is-mobile.contrast-dark-black-mobile.theme-dark .vertical-tab-content {
  background-color: black !important;
}

.theme-light.contrast-light-vivid:not(.layout-macos, .layout-fusion, .layout-minimal) {
  --graph-text: var(--text-faint) !important;
  --graph-line: var(--text-muted) !important;
  --graph-node: var(--text-faint) !important;
  --graph-node-unresolved: var(--text-muted) !important;
}

.theme-light.contrast-light-vivid:not(.layout-macos, .layout-fusion, .layout-minimal) .app-container,
.theme-light.contrast-light-vivid.layout-minimal div:is(.workspace-ribbon, .mod-sidedock.mod-left-split) {
  --background-secondary: #1f1f1f;
}

.theme-light.contrast-light-vivid:not(.layout-macos, .layout-fusion, .layout-minimal, .layout-frame) div:is(.titlebar,
.workspace-ribbon,
.workspace-ribbon,
.mod-sidedock,
.mod-root .workspace-tab-header-container > div:not(.workspace-tab-header-container-inner)),
.theme-light.contrast-light-vivid:not(.layout-macos, .layout-fusion, .layout-minimal, .layout-frame):not(.tab-default) .mod-root .workspace-tab-header,
.theme-light.contrast-light-vivid.layout-minimal div:is(.workspace-ribbon, .mod-sidedock.mod-left-split),
.theme-light.contrast-light-vivid.layout-frame div:is(.titlebar, .workspace-ribbon, .workspace-ribbon, .mod-sidedock) {
  color-scheme: dark;
  --mono-rgb-0: 0, 0, 0;
  --mono-rgb-100: 255, 255, 255;
  --mono-0: black;
  --mono-100: white;
  --color-base-00: #161616;
  --color-base-05: #171717;
  --color-base-10: #181818;
  --color-base-20: #1b1b1b;
  --color-base-25: #1f1f1f;
  --color-base-30: #242424;
  --color-base-35: #292929;
  --color-base-40: #383838;
  --color-base-50: #4d4d4d;
  --color-base-60: #6e6e6e;
  --color-base-70: #989898;
  --color-base-100: #cacaca;
  --background-modifier-form-field: var(--interactive-normal);
  --background-secondary-alt: var(--color-base-30);
  --interactive-normal: color-mix(in srgb, var(--background-primary), white 5%);
  --interactive-hover: color-mix(in srgb, var(--interactive-normal), black 5%);
  --text-selection: color-mix(in oklch, var(--interactive-accent) 33%, transparent);
  --shadow-s: 0 0 0 var(--border-width) hsl(0 0% 100% / 0.07), 0 8px 24px hsl(0 0% 0% / 0.1), 0 8px 8px hsl(0 0% 0% / 0.1), 0 4px 12px -4px hsl(0 0% 0% / 0.35);
  --shadow-l:
    0 0 0 var(--border-width) hsl(0 0% 100% / 0.07), 0 1px 2px -1px hsl(0 0% 0% / 0.1), 0 2px 4px hsl(0 0% 0% / 0.1), 0px 12px 24px -16px hsl(0 0% 15% / 0.35);
  --bases-group-heading-property-color: var(--text-muted);
  --bases-table-group-background: var(--background-primary-alt);
  --bases-table-header-color: var(--text-muted);
  --bases-table-header-background: var(--background-primary);
  --bases-table-summary-background: var(--background-primary);
  --bases-table-border-color: var(--table-border-color);
  --bases-table-row-background-hover: var(--table-row-background-hover);
  --bases-table-cell-background-active: var(--background-primary);
  --bases-table-cell-background-disabled: var(--background-primary-alt);
  --bases-table-cell-background-selected: var(--table-selection);
  --bases-cards-background: var(--background-primary);
  --bases-cards-container-background: transparent;
  --bases-cards-cover-background: var(--background-primary-alt);
  --blockquote-border-color: var(--interactive-accent);
  --blockquote-color: inherit;
  --blockquote-background-color: transparent;
  --bold-color: inherit;
  --callout-title-color: inherit;
  --callout-content-background: transparent;
  --callout-bug: var(--color-red);
  --callout-default: var(--color-blue);
  --callout-error: var(--color-red);
  --callout-example: var(--color-purple);
  --callout-fail: var(--color-red);
  --callout-important: var(--color-cyan);
  --callout-info: var(--color-blue);
  --callout-question: var(--color-orange);
  --callout-success: var(--color-green);
  --callout-summary: var(--color-cyan);
  --callout-tip: var(--color-cyan);
  --callout-todo: var(--color-blue);
  --callout-warning: var(--color-orange);
  --callout-quote: #9e9e9e;
  --canvas-background: var(--background-primary);
  --canvas-card-label-color: var(--text-faint);
  --canvas-color-1: var(--color-red);
  --canvas-color-2: var(--color-orange);
  --canvas-color-3: var(--color-yellow);
  --canvas-color-4: var(--color-green);
  --canvas-color-5: var(--color-cyan);
  --canvas-color-6: var(--color-purple);
  --canvas-dot-pattern: var(--color-base-30);
  --caret-color: var(--text-normal);
  --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);
  --checklist-done-color: var(--text-muted);
  --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);
  --divider-color: var(--background-modifier-border);
  --divider-color-hover: var(--interactive-accent);
  --drag-ghost-background: hsl(0 0% 0% / 0.85);
  --drag-ghost-text-color: #fff;
  --drag-item-background: var(--background-primary);
  --embed-background: inherit;
  --file-header-background: var(--background-primary);
  --file-header-background-focused: var(--background-primary);
  --flair-background: var(--interactive-normal);
  --flair-color: var(--text-normal);
  --footnote-divider-color-active: var(--metadata-divider-color-focus);
  --footnote-divider-color: var(--metadata-divider-color);
  --footnote-id-color-no-occurrences: var(--text-faint);
  --footnote-id-color: var(--text-muted);
  --footnote-input-background-active: var(--metadata-input-background-active);
  --footnote-input-background: var(--metadata-input-background);
  --graph-text: var(--text-normal);
  --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);
  --icon-color: var(--text-muted);
  --icon-color-hover: var(--text-muted);
  --icon-color-active: var(--text-accent);
  --icon-color-focused: var(--text-normal);
  --inline-title-color: var(--h1-color);
  --inline-title-style: var(--h1-style);
  --inline-title-variant: var(--h1-variant);
  --input-placeholder-color: var(--text-faint);
  --input-date-separator: var(--text-faint);
  --italic-color: inherit;
  --link-color: var(--text-accent);
  --link-color-hover: var(--text-accent-hover);
  --link-external-color: var(--text-accent);
  --link-external-color-hover: var(--text-accent-hover);
  --link-unresolved-color: var(--text-accent);
  --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-transform: none;
  --list-numbered-style: decimal;
  --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-selected: color-mix(in oklch, var(--color-accent) 15%, transparent);
  --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-tag-background: transparent;
  --nav-tag-color: var(--text-faint);
  --nav-tag-color-hover: var(--text-muted);
  --nav-tag-color-active: var(--text-muted);
  --metadata-background: transparent;
  --metadata-divider-color-hover: transparent;
  --metadata-divider-color-focus: transparent;
  --metadata-property-background: transparent;
  --metadata-property-background-hover: transparent;
  --metadata-label-background: transparent;
  --metadata-label-background-hover: transparent;
  --metadata-label-text-color: var(--text-muted);
  --metadata-label-text-color-hover: var(--text-muted);
  --metadata-input-text-color: var(--text-normal);
  --metadata-input-background: transparent;
  --metadata-input-background-hover: transparent;
  --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-background: transparent;
  --pill-background-hover: transparent;
  --pdf-background: var(--background-primary);
  --pdf-page-background: var(--background-primary);
  --pdf-sidebar-background: var(--background-primary);
  --ribbon-background: var(--background-secondary);
  --ribbon-background-collapsed: var(--background-primary);
  --scrollbar-active-thumb-bg: color-mix(in oklch, var(--mono-100) 20%, transparent);
  --scrollbar-bg: color-mix(in oklch, var(--mono-100) 5%, transparent);
  --scrollbar-thumb-bg: color-mix(in oklch, var(--mono-100) 10%, transparent);
  --search-clear-button-color: var(--text-muted);
  --search-icon-color: var(--text-muted);
  --search-result-background: var(--background-primary);
  --setting-group-heading-color: var(--text-faint);
  --setting-items-background: var(--background-secondary);
  --suggestion-background: var(--background-primary);
  --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);
  --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-faint);
  --tab-text-color-focused-active: var(--text-normal);
  --tab-text-color-focused-highlighted: var(--text-accent);
  --tab-text-color-focused-active-current: unset;
  --tab-container-background: var(--background-secondary);
  --tab-outline-color: var(--divider-color);
  --tab-switcher-background: var(--background-secondary);
  --table-background: transparent;
  --table-header-background: var(--table-background);
  --table-header-background-hover: inherit;
  --table-header-border-color: var(--table-border-color);
  --table-header-color: var(--text-normal);
  --table-text-color: inherit;
  --table-column-alt-background: var(--table-background);
  --table-row-background-hover: var(--table-background);
  --table-row-alt-background: var(--table-background);
  --table-row-alt-background-hover: var(--table-background);
  --table-selection: color-mix(in oklch, var(--color-accent) 10%, transparent);
  --table-selection-border-color: var(--interactive-accent);
  --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;
  --tag-color: var(--text-accent);
  --tag-color-hover: var(--text-accent);
  --tag-background: color-mix(in oklch, var(--color-accent) 10%, transparent);
  --tag-background-hover: color-mix(in oklch, var(--color-accent) 20%, transparent);
  --tag-border-color: color-mix(in oklch, var(--color-accent) 15%, transparent);
  --tag-border-color-hover: color-mix(in oklch, var(--color-accent) 15%, transparent);
  --titlebar-background: var(--background-secondary);
  --titlebar-background-focused: var(--background-secondary-alt);
  --titlebar-text-color: var(--text-muted);
  --titlebar-text-color-focused: var(--text-normal);
  --toggle-thumb-color: white;
  --vault-profile-color: var(--text-normal);
  --vault-profile-color-hover: var(--vault-profile-color);
  --background-primary: var(--color-base-00);
  --background-primary-alt: var(--color-base-10);
  --background-secondary: var(--color-base-20);
  --background-modifier-hover: color-mix(in oklch, var(--mono-100) 6.7%, transparent);
  --background-modifier-active-hover: color-mix(in oklch, var(--interactive-accent) 10%, transparent);
  --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: var(--color-red);
  --background-modifier-warning: var(--color-orange);
  --background-modifier-error-hover: var(--color-red);
  --background-modifier-warning-hover: var(--color-orange);
  --background-modifier-success: var(--color-green);
  --background-modifier-message: color-mix(in oklch, black 90%, transparent);
  --background-modifier-form-field: var(--color-base-00);
  --background-modifier-form-field-hover: var(--background-modifier-form-field);
  --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: color-mix(in oklch, var(--interactive-accent) 20%, transparent);
  --text-highlight-bg: rgba(255, 208, 0, 0.4);
  --text-accent: var(--color-accent);
  --text-accent-hover: var(--color-accent-2);
  --interactive-normal: var(--color-base-30);
  --interactive-hover: var(--color-base-35);
  --interactive-accent: var(--color-accent-1);
  --interactive-accent-hover: var(--color-accent-2);
}

.css-settings-manager {
  --colorist-l-light: 1;
  --colorist-c-light: 0;
  --colorist-h-light: calc(var(--accent-h) + 25);
  --colorist-l-dark: 1;
  --colorist-c-dark: 0;
  --colorist-h-dark: calc(var(--accent-h) + 25);
}
.css-settings-manager.theme-light {
  --color-base-00: oklch(
    pow(var(--colorist-l-00), var(--colorist-l-light)) min(0.1, calc(var(--colorist-c-00) * var(--colorist-c-light))) var(--colorist-h-light)
  );
  --color-base-05: oklch(
    pow(var(--colorist-l-05), var(--colorist-l-light)) min(0.1, calc(var(--colorist-c-05) * var(--colorist-c-light))) var(--colorist-h-light)
  );
  --color-base-10: oklch(
    pow(var(--colorist-l-10), var(--colorist-l-light)) min(0.1, calc(var(--colorist-c-10) * var(--colorist-c-light))) var(--colorist-h-light)
  );
  --color-base-20: oklch(
    pow(var(--colorist-l-20), var(--colorist-l-light)) min(0.1, calc(var(--colorist-c-20) * var(--colorist-c-light))) var(--colorist-h-light)
  );
  --color-base-25: oklch(
    pow(var(--colorist-l-25), var(--colorist-l-light)) min(0.1, calc(var(--colorist-c-25) * var(--colorist-c-light))) var(--colorist-h-light)
  );
  --color-base-30: oklch(
    pow(var(--colorist-l-30), var(--colorist-l-light)) min(0.1, calc(var(--colorist-c-30) * var(--colorist-c-light))) var(--colorist-h-light)
  );
  --color-base-35: oklch(
    pow(var(--colorist-l-35), var(--colorist-l-light)) min(0.1, calc(var(--colorist-c-35) * var(--colorist-c-light))) var(--colorist-h-light)
  );
  --color-base-40: oklch(
    pow(var(--colorist-l-40), var(--colorist-l-light)) min(0.1, calc(var(--colorist-c-40) * var(--colorist-c-light))) var(--colorist-h-light)
  );
  --color-base-50: oklch(
    pow(var(--colorist-l-50), var(--colorist-l-light)) min(0.1, calc(var(--colorist-c-50) * var(--colorist-c-light))) var(--colorist-h-light)
  );
  --color-base-60: oklch(
    pow(var(--colorist-l-60), var(--colorist-l-light)) min(0.1, calc(var(--colorist-c-60) * var(--colorist-c-light))) var(--colorist-h-light)
  );
  --color-base-70: oklch(
    pow(var(--colorist-l-70), var(--colorist-l-light)) min(0.1, calc(var(--colorist-c-70) * var(--colorist-c-light))) var(--colorist-h-light)
  );
  --color-base-100: oklch(
    pow(var(--colorist-l-100), var(--colorist-l-light)) min(0.1, calc(var(--colorist-c-100) * var(--colorist-c-light))) var(--colorist-h-light)
  );
}
.css-settings-manager.theme-light.color-scheme-accent {
  --color-accent: oklch(0.65 max(0.15, calc(var(--colorist-c-light) * 0.1)) var(--colorist-h-light));
  --color-accent-1: oklch(0.7 max(0.15, calc(var(--colorist-c-light) * 0.1)) var(--colorist-h-light));
  --color-accent-2: oklch(0.75 max(0.15, calc(var(--colorist-c-light) * 0.1)) var(--colorist-h-light));
}
.css-settings-manager.theme-dark {
  --color-base-00: oklch(
    pow(var(--colorist-l-00), calc(1 / var(--colorist-l-dark))) min(0.1, calc(var(--colorist-c-00) * var(--colorist-c-dark))) var(--colorist-h-dark)
  );
  --color-base-05: oklch(
    pow(var(--colorist-l-05), calc(1 / var(--colorist-l-dark))) min(0.1, calc(var(--colorist-c-05) * var(--colorist-c-dark))) var(--colorist-h-dark)
  );
  --color-base-10: oklch(
    pow(var(--colorist-l-10), calc(1 / var(--colorist-l-dark))) min(0.1, calc(var(--colorist-c-10) * var(--colorist-c-dark))) var(--colorist-h-dark)
  );
  --color-base-20: oklch(
    pow(var(--colorist-l-20), calc(1 / var(--colorist-l-dark))) min(0.1, calc(var(--colorist-c-20) * var(--colorist-c-dark))) var(--colorist-h-dark)
  );
  --color-base-25: oklch(
    pow(var(--colorist-l-25), calc(1 / var(--colorist-l-dark))) min(0.1, calc(var(--colorist-c-25) * var(--colorist-c-dark))) var(--colorist-h-dark)
  );
  --color-base-30: oklch(
    pow(var(--colorist-l-30), calc(1 / var(--colorist-l-dark))) min(0.1, calc(var(--colorist-c-30) * var(--colorist-c-dark))) var(--colorist-h-dark)
  );
  --color-base-35: oklch(
    pow(var(--colorist-l-35), calc(1 / var(--colorist-l-dark))) min(0.1, calc(var(--colorist-c-35) * var(--colorist-c-dark))) var(--colorist-h-dark)
  );
  --color-base-40: oklch(
    pow(var(--colorist-l-40), calc(1 / var(--colorist-l-dark))) min(0.1, calc(var(--colorist-c-40) * var(--colorist-c-dark))) var(--colorist-h-dark)
  );
  --color-base-50: oklch(
    pow(var(--colorist-l-50), calc(1 / var(--colorist-l-dark))) min(0.1, calc(var(--colorist-c-50) * var(--colorist-c-dark))) var(--colorist-h-dark)
  );
  --color-base-60: oklch(
    pow(var(--colorist-l-60), calc(1 / var(--colorist-l-dark))) min(0.1, calc(var(--colorist-c-60) * var(--colorist-c-dark))) var(--colorist-h-dark)
  );
  --color-base-70: oklch(
    pow(var(--colorist-l-70), calc(1 / var(--colorist-l-dark))) min(0.1, calc(var(--colorist-c-70) * var(--colorist-c-dark))) var(--colorist-h-dark)
  );
  --color-base-100: oklch(
    pow(var(--colorist-l-100), calc(1 / var(--colorist-l-dark))) min(0.1, calc(var(--colorist-c-100) * var(--colorist-c-dark))) var(--colorist-h-dark)
  );
}
.css-settings-manager.theme-dark.color-scheme-accent {
  --color-accent: oklch(0.65 max(0.15, calc(var(--colorist-c-dark) * 0.1)) var(--colorist-h-dark));
  --color-accent-1: oklch(0.8 max(0.15, calc(var(--colorist-c-dark) * 0.1)) var(--colorist-h-dark));
  --color-accent-2: oklch(0.95 max(0.15, calc(var(--colorist-c-dark) * 0.1)) var(--colorist-h-dark));
}

.theme-light.baseline-light {
  --colorist-l-00: 0.995;
  --colorist-l-05: 0.99;
  --colorist-l-10: 0.98;
  --colorist-l-20: 0.97;
  --colorist-l-25: 0.96;
  --colorist-l-30: 0.94;
  --colorist-l-35: 0.92;
  --colorist-l-40: 0.88;
  --colorist-l-50: 0.76;
  --colorist-l-60: 0.64;
  --colorist-l-70: 0.56;
  --colorist-l-100: 0.36;
  --colorist-c-00: 0.025;
  --colorist-c-05: 0.025;
  --colorist-c-10: 0.025;
  --colorist-c-20: 0.03;
  --colorist-c-25: 0.03;
  --colorist-c-30: 0.04;
  --colorist-c-35: 0.04;
  --colorist-c-40: 0.04;
  --colorist-c-50: 0.03;
  --colorist-c-60: 0.025;
  --colorist-c-70: 0.025;
  --colorist-c-100: 0.025;
}

.theme-dark.baseline-dark {
  --colorist-l-00: 0.2;
  --colorist-l-05: 0.205;
  --colorist-l-10: 0.21;
  --colorist-l-20: 0.225;
  --colorist-l-25: 0.25;
  --colorist-l-30: 0.28;
  --colorist-l-35: 0.31;
  --colorist-l-40: 0.34;
  --colorist-l-50: 0.45;
  --colorist-l-60: 0.54;
  --colorist-l-70: 0.63;
  --colorist-l-100: 0.81;
  --colorist-c-00: 0.015;
  --colorist-c-05: 0.015;
  --colorist-c-10: 0.0175;
  --colorist-c-20: 0.02;
  --colorist-c-25: 0.0225;
  --colorist-c-30: 0.025;
  --colorist-c-35: 0.03;
  --colorist-c-40: 0.035;
  --colorist-c-50: 0.03;
  --colorist-c-60: 0.025;
  --colorist-c-70: 0.0225;
  --colorist-c-100: 0.02;
}

.theme-light.cupertino-light {
  --colorist-l-light: 1;
  --colorist-h-light: 285;
  --color-red-rgb: 255, 56, 60;
  --color-orange-rgb: 255, 141, 40;
  --color-yellow-rgb: 255, 204, 0;
  --color-green-rgb: 52, 199, 89;
  --color-cyan-rgb: 0, 192, 232;
  --color-blue-rgb: 0, 136, 255;
  --color-purple-rgb: 203, 48, 224;
  --color-pink-rgb: 255, 45, 85;
  --color-red: #ff383c;
  --color-orange: #ff8d28;
  --color-yellow: #ffcc00;
  --color-green: #34c759;
  --color-cyan: #00c0e8;
  --color-blue: #0088ff;
  --color-purple: #cb30e0;
  --color-pink: #ff2d55;
}
.theme-light.cupertino-light:not(.is-mobile) {
  --colorist-c-light: 0;
  --colorist-l-00: 1;
  --colorist-l-05: 0.99;
  --colorist-l-10: 0.975;
  --colorist-l-20: 0.96;
  --colorist-l-25: 0.95;
  --colorist-l-30: 0.94;
  --colorist-l-35: 0.91;
  --colorist-l-40: 0.87;
  --colorist-l-50: 0.8;
  --colorist-l-60: 0.67;
  --colorist-l-70: 0.5;
  --colorist-l-100: 0.27;
  --colorist-c-00: 0;
  --colorist-c-05: 0;
  --colorist-c-10: 0;
  --colorist-c-20: 0;
  --colorist-c-25: 0;
  --colorist-c-30: 0;
  --colorist-c-35: 0;
  --colorist-c-40: 0;
  --colorist-c-50: 0;
  --colorist-c-60: 0;
  --colorist-c-70: 0;
  --colorist-c-100: 0;
  --background-secondary-alt: var(--color-base-30);
}
.theme-light.cupertino-light:not(.is-mobile).color-scheme-accent {
  --accent-h: 211;
  --accent-s: 100%;
  --accent-l: 50%;
}
.theme-light.cupertino-light.is-mobile {
  --colorist-c-light: 1;
  --colorist-l-00: 1;
  --colorist-l-05: 0.99;
  --colorist-l-10: 0.98;
  --colorist-l-20: 0.96;
  --colorist-l-25: 0.94;
  --colorist-l-30: 0.92;
  --colorist-l-35: 0.89;
  --colorist-l-40: 0.86;
  --colorist-l-50: 0.82;
  --colorist-l-60: 0.73;
  --colorist-l-70: 0.64;
  --colorist-l-100: 0;
  --colorist-c-00: 0;
  --colorist-c-05: 0;
  --colorist-c-10: 0;
  --colorist-c-20: 0.0075;
  --colorist-c-25: 0.0075;
  --colorist-c-30: 0.0075;
  --colorist-c-35: 0.0075;
  --colorist-c-40: 0.0075;
  --colorist-c-50: 0;
  --colorist-c-60: 0;
  --colorist-c-70: 0;
  --colorist-c-100: 0;
  --background-primary-alt: var(--color-base-20);
  --background-secondary-alt: var(--color-base-00);
  --interactive-normal: oklch(from var(--color-base-70) calc(l - 0.08) 0.01 h / 12%);
  --interactive-hover: oklch(from var(--color-base-70) calc(l - 0.1) c h / 20%);
}
.theme-light.cupertino-light.is-mobile.color-scheme-accent {
  --accent-h: 208;
  --accent-s: 100%;
  --accent-l: 50%;
}

.theme-dark.cupertino-dark {
  --colorist-l-dark: 1;
  --colorist-h-dark: 285;
  --color-red-rgb: 255, 66, 69;
  --color-orange-rgb: 255, 146, 48;
  --color-yellow-rgb: 255, 214, 0;
  --color-green-rgb: 48, 209, 88;
  --color-cyan-rgb: 60, 211, 254;
  --color-blue-rgb: 0, 145, 255;
  --color-purple-rgb: 107, 52, 242;
  --color-pink-rgb: 255, 55, 95;
  --color-red: #ff4245;
  --color-orange: #ff9230;
  --color-yellow: #ffd600;
  --color-green: #30d158;
  --color-cyan: #3cd3fe;
  --color-blue: #0091ff;
  --color-purple: #6b34f2;
  --color-pink: #ff375f;
}
.theme-dark.cupertino-dark:not(.is-mobile) {
  --colorist-c-dark: 0;
  --colorist-l-00: 0.235;
  --colorist-l-05: 0.25;
  --colorist-l-10: 0.26;
  --colorist-l-20: 0.27;
  --colorist-l-25: 0.295;
  --colorist-l-30: 0.31;
  --colorist-l-35: 0.34;
  --colorist-l-40: 0.39;
  --colorist-l-50: 0.45;
  --colorist-l-60: 0.56;
  --colorist-l-70: 0.69;
  --colorist-l-100: 0.9;
  --colorist-c-00: 0;
  --colorist-c-05: 0;
  --colorist-c-10: 0;
  --colorist-c-20: 0;
  --colorist-c-25: 0;
  --colorist-c-30: 0;
  --colorist-c-35: 0;
  --colorist-c-40: 0;
  --colorist-c-50: 0;
  --colorist-c-60: 0;
  --colorist-c-70: 0;
  --colorist-c-100: 0;
}
.theme-dark.cupertino-dark:not(.is-mobile).color-scheme-accent {
  --accent-h: 211;
  --accent-s: 100%;
  --accent-l: 50%;
}
.theme-dark.cupertino-dark.is-mobile {
  --colorist-c-dark: 1;
  --colorist-l-00: 0;
  --colorist-l-05: 0.1;
  --colorist-l-10: 0.17;
  --colorist-l-20: 0.23;
  --colorist-l-25: 0.26;
  --colorist-l-30: 0.29;
  --colorist-l-35: 0.32;
  --colorist-l-40: 0.35;
  --colorist-l-50: 0.4;
  --colorist-l-60: 0.52;
  --colorist-l-70: 0.64;
  --colorist-l-100: 1;
  --colorist-c-00: 0;
  --colorist-c-05: 0;
  --colorist-c-10: 0;
  --colorist-c-20: 0.005;
  --colorist-c-25: 0.005;
  --colorist-c-30: 0.005;
  --colorist-c-35: 0.005;
  --colorist-c-40: 0.005;
  --colorist-c-50: 0;
  --colorist-c-60: 0;
  --colorist-c-70: 0;
  --colorist-c-100: 0;
  --background-primary-alt: var(--color-base-20);
  --interactive-normal: oklch(from var(--color-base-70) calc(l - 0.08) 0.01 h / 24%);
  --interactive-hover: oklch(from var(--color-base-70) calc(l - 0.1) c h / 36%);
}
.theme-dark.cupertino-dark.is-mobile.color-scheme-accent {
  --accent-h: 206;
  --accent-s: 100%;
  --accent-l: 50%;
}

.theme-light.material-light {
  --colorist-l-00: 0.97;
  --colorist-l-05: 0.96;
  --colorist-l-10: 0.96;
  --colorist-l-20: 0.95;
  --colorist-l-25: 0.94;
  --colorist-l-30: 0.92;
  --colorist-l-35: 0.9;
  --colorist-l-40: 0.88;
  --colorist-l-50: 0.76;
  --colorist-l-60: 0.56;
  --colorist-l-70: 0.48;
  --colorist-l-100: 0.24;
  --colorist-c-00: 0.01;
  --colorist-c-05: 0.01;
  --colorist-c-10: 0.02;
  --colorist-c-20: 0.02;
  --colorist-c-25: 0.02;
  --colorist-c-30: 0.02;
  --colorist-c-35: 0.02;
  --colorist-c-40: 0.02;
  --colorist-c-50: 0.03;
  --colorist-c-60: 0.03;
  --colorist-c-70: 0.03;
  --colorist-c-100: 0.02;
  --color-red: oklch(
    from color-mix(in srgb, rgb(var(--color-red-rgb)), oklch(var(--colorist-l-light) var(--colorist-c-light) var(--colorist-h-light)) 5%) max(l, 0.8)
      min(c, 0.1) h
  );
  --color-orange: oklch(
    from color-mix(in srgb, rgb(var(--color-orange-rgb)), oklch(var(--colorist-l-light) var(--colorist-c-light) var(--colorist-h-light)) 5%) max(l, 0.8)
      min(c, 0.1) h
  );
  --color-yellow: oklch(
    from color-mix(in srgb, rgb(var(--color-yellow-rgb)), oklch(var(--colorist-l-light) var(--colorist-c-light) var(--colorist-h-light)) 5%) max(l, 0.8)
      min(c, 0.1) h
  );
  --color-green: oklch(
    from color-mix(in srgb, rgb(var(--color-green-rgb)), oklch(var(--colorist-l-light) var(--colorist-c-light) var(--colorist-h-light)) 5%) max(l, 0.8)
      min(c, 0.1) h
  );
  --color-cyan: oklch(
    from color-mix(in srgb, rgb(var(--color-cyan-rgb)), oklch(var(--colorist-l-light) var(--colorist-c-light) var(--colorist-h-light)) 5%) max(l, 0.8)
      min(c, 0.1) h
  );
  --color-blue: oklch(
    from color-mix(in srgb, rgb(var(--color-blue-rgb)), oklch(var(--colorist-l-light) var(--colorist-c-light) var(--colorist-h-light)) 5%) max(l, 0.8)
      min(c, 0.1) h
  );
  --color-purple: oklch(
    from color-mix(in srgb, rgb(var(--color-purple-rgb)), oklch(var(--colorist-l-light) var(--colorist-c-light) var(--colorist-h-light)) 5%) max(l, 0.8)
      min(c, 0.1) h
  );
  --color-pink: oklch(
    from color-mix(in srgb, rgb(var(--color-pink-rgb)), oklch(var(--colorist-l-light) var(--colorist-c-light) var(--colorist-h-light)) 5%) max(l, 0.8)
      min(c, 0.1) h
  );
}
.theme-light.material-light.color-scheme-accent {
  --color-accent: oklch(0.65 max(0.15, calc(var(--colorist-c-light) * 0.1)) calc(var(--colorist-h-light) + 45));
  --color-accent-1: oklch(0.7 max(0.15, calc(var(--colorist-c-light) * 0.1)) calc(var(--colorist-h-light) + 60));
  --color-accent-2: oklch(0.75 max(0.15, calc(var(--colorist-c-light) * 0.1)) calc(var(--colorist-h-light) + 60));
}

.theme-dark.material-dark {
  --colorist-l-00: 0.2;
  --colorist-l-05: 0.22;
  --colorist-l-10: 0.24;
  --colorist-l-20: 0.26;
  --colorist-l-25: 0.28;
  --colorist-l-30: 0.3;
  --colorist-l-35: 0.34;
  --colorist-l-40: 0.38;
  --colorist-l-50: 0.58;
  --colorist-l-60: 0.66;
  --colorist-l-70: 0.74;
  --colorist-l-100: 0.9;
  --colorist-c-00: 0.025;
  --colorist-c-05: 0.025;
  --colorist-c-10: 0.025;
  --colorist-c-20: 0.03;
  --colorist-c-25: 0.035;
  --colorist-c-30: 0.04;
  --colorist-c-35: 0.045;
  --colorist-c-40: 0.05;
  --colorist-c-50: 0.05;
  --colorist-c-60: 0.05;
  --colorist-c-70: 0.05;
  --colorist-c-100: 0.04;
  --color-red: oklch(
    from color-mix(in srgb, rgb(var(--color-red-rgb)), oklch(var(--colorist-l-dark) var(--colorist-c-dark) var(--colorist-h-dark)) 5%) min(l, 0.68) min(c, 0.12)
      h
  );
  --color-orange: oklch(
    from color-mix(in srgb, rgb(var(--color-orange-rgb)), oklch(var(--colorist-l-dark) var(--colorist-c-dark) var(--colorist-h-dark)) 5%) min(l, 0.68)
      min(c, 0.12) h
  );
  --color-yellow: oklch(
    from color-mix(in srgb, rgb(var(--color-yellow-rgb)), oklch(var(--colorist-l-dark) var(--colorist-c-dark) var(--colorist-h-dark)) 5%) min(l, 0.68)
      min(c, 0.12) h
  );
  --color-green: oklch(
    from color-mix(in srgb, rgb(var(--color-green-rgb)), oklch(var(--colorist-l-dark) var(--colorist-c-dark) var(--colorist-h-dark)) 5%) min(l, 0.68)
      min(c, 0.12) h
  );
  --color-cyan: oklch(
    from color-mix(in srgb, rgb(var(--color-cyan-rgb)), oklch(var(--colorist-l-dark) var(--colorist-c-dark) var(--colorist-h-dark)) 5%) min(l, 0.68)
      min(c, 0.12) h
  );
  --color-blue: oklch(
    from color-mix(in srgb, rgb(var(--color-blue-rgb)), oklch(var(--colorist-l-dark) var(--colorist-c-dark) var(--colorist-h-dark)) 5%) min(l, 0.68)
      min(c, 0.12) h
  );
  --color-purple: oklch(
    from color-mix(in srgb, rgb(var(--color-purple-rgb)), oklch(var(--colorist-l-dark) var(--colorist-c-dark) var(--colorist-h-dark)) 5%) min(l, 0.68)
      min(c, 0.12) h
  );
  --color-pink: oklch(
    from color-mix(in srgb, rgb(var(--color-pink-rgb)), oklch(var(--colorist-l-dark) var(--colorist-c-dark) var(--colorist-h-dark)) 5%) min(l, 0.68)
      min(c, 0.12) h
  );
}
.theme-dark.material-dark.color-scheme-accent {
  --color-accent: oklch(0.65 max(0.15, calc(var(--colorist-c-dark) * 0.1)) calc(var(--colorist-h-dark) + 45));
  --color-accent-1: oklch(0.8 max(0.15, calc(var(--colorist-c-dark) * 0.1)) calc(var(--colorist-h-dark) + 60));
  --color-accent-2: oklch(0.95 max(0.15, calc(var(--colorist-c-dark) * 0.1)) calc(var(--colorist-h-dark) + 60));
}

.theme-light.radiance-light {
  --colorist-l-00: 0.95;
  --colorist-l-05: 0.94;
  --colorist-l-10: 0.92;
  --colorist-l-20: 0.91;
  --colorist-l-25: 0.87;
  --colorist-l-30: 0.85;
  --colorist-l-35: 0.81;
  --colorist-l-40: 0.75;
  --colorist-l-50: 0.66;
  --colorist-l-60: 0.59;
  --colorist-l-70: 0.53;
  --colorist-l-100: 0.4;
  --colorist-c-00: 0.01;
  --colorist-c-05: 0.02;
  --colorist-c-10: 0.03;
  --colorist-c-20: 0.03;
  --colorist-c-25: 0.04;
  --colorist-c-30: 0.04;
  --colorist-c-35: 0.06;
  --colorist-c-40: 0.06;
  --colorist-c-50: 0.1;
  --colorist-c-60: 0.1;
  --colorist-c-70: 0.08;
  --colorist-c-100: 0.06;
}

.theme-dark.radiance-dark {
  --colorist-l-00: 0.27;
  --colorist-l-05: 0.28;
  --colorist-l-10: 0.3;
  --colorist-l-20: 0.32;
  --colorist-l-25: 0.35;
  --colorist-l-30: 0.37;
  --colorist-l-35: 0.41;
  --colorist-l-40: 0.48;
  --colorist-l-50: 0.57;
  --colorist-l-60: 0.66;
  --colorist-l-70: 0.75;
  --colorist-l-100: 0.92;
  --colorist-c-00: 0.02;
  --colorist-c-05: 0.02;
  --colorist-c-10: 0.02;
  --colorist-c-20: 0.02;
  --colorist-c-25: 0.02;
  --colorist-c-30: 0.02;
  --colorist-c-35: 0.02;
  --colorist-c-40: 0.02;
  --colorist-c-50: 0.04;
  --colorist-c-60: 0.04;
  --colorist-c-70: 0.04;
  --colorist-c-100: 0.04;
}

.theme-light.softlight-light {
  --colorist-l-00: 0.975;
  --colorist-l-05: 0.965;
  --colorist-l-10: 0.955;
  --colorist-l-20: 0.94;
  --colorist-l-25: 0.915;
  --colorist-l-30: 0.89;
  --colorist-l-35: 0.815;
  --colorist-l-40: 0.79;
  --colorist-l-50: 0.745;
  --colorist-l-60: 0.69;
  --colorist-l-70: 0.64;
  --colorist-l-100: 0.515;
  --colorist-c-00: 0.025;
  --colorist-c-05: 0.025;
  --colorist-c-10: 0.025;
  --colorist-c-20: 0.03;
  --colorist-c-25: 0.03;
  --colorist-c-30: 0.03;
  --colorist-c-35: 0.03;
  --colorist-c-40: 0.03;
  --colorist-c-50: 0.03;
  --colorist-c-60: 0.03;
  --colorist-c-70: 0.03;
  --colorist-c-100: 0.02;
}

.theme-dark.softlight-dark {
  --colorist-l-00: 0.28;
  --colorist-l-05: 0.29;
  --colorist-l-10: 0.3;
  --colorist-l-20: 0.32;
  --colorist-l-25: 0.35;
  --colorist-l-30: 0.39;
  --colorist-l-35: 0.43;
  --colorist-l-40: 0.47;
  --colorist-l-50: 0.6;
  --colorist-l-60: 0.66;
  --colorist-l-70: 0.72;
  --colorist-l-100: 0.83;
  --colorist-c-00: 0.01;
  --colorist-c-05: 0.01;
  --colorist-c-10: 0.01;
  --colorist-c-20: 0.01;
  --colorist-c-25: 0.015;
  --colorist-c-30: 0.015;
  --colorist-c-35: 0.015;
  --colorist-c-40: 0.015;
  --colorist-c-50: 0.02;
  --colorist-c-60: 0.02;
  --colorist-c-70: 0.02;
  --colorist-c-100: 0.04;
}

.setting-item:where([data-id=colorist-l-light],
[data-id=colorist-c-light],
[data-id=colorist-h-light],
[data-id=colorist-l-dark],
[data-id=colorist-c-dark],
[data-id=colorist-h-dark]) .slider-value {
  display: none !important;
}
.setting-item:where([data-id=colorist-l-light],
[data-id=colorist-c-light],
[data-id=colorist-h-light],
[data-id=colorist-l-dark],
[data-id=colorist-c-dark],
[data-id=colorist-h-dark]) input[type=range] {
  width: 100%;
}

.setting-item[data-id=colorist-c-light] input[type=range] {
  background: linear-gradient(to right, oklch(0.8 0 var(--colorist-h-light)), oklch(0.8 0.05 var(--colorist-h-light)), oklch(0.8 0.3 var(--colorist-h-light)));
}

.setting-item[data-id=colorist-h-light] input[type=range] {
  background: linear-gradient(to right, oklch(80% 0.3 0deg), oklch(80% 0.3 30deg), oklch(80% 0.3 60deg), oklch(80% 0.3 90deg), oklch(80% 0.3 120deg), oklch(80% 0.3 150deg), oklch(80% 0.3 180deg), oklch(80% 0.3 210deg), oklch(80% 0.3 240deg), oklch(80% 0.3 270deg), oklch(80% 0.3 300deg), oklch(80% 0.3 330deg), oklch(80% 0.3 0deg));
}

body:not(.baseline-light, .material-light, .radiance-light, .softlight-light) .style-settings-container .setting-item:where([data-id=colorist-l-light], [data-id=colorist-c-light], [data-id=colorist-h-light]) {
  display: none;
}

body:not(.is-phone) .setting-item-heading[data-id=colorist-light]:not(.is-collapsed) + .style-settings-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 4px;
  padding-left: 0;
}
body:not(.is-phone) .setting-item-heading[data-id=colorist-light]:not(.is-collapsed) + .style-settings-container .setting-item {
  flex-direction: column !important;
  margin: 0px !important;
}
body:not(.is-phone) .setting-item-heading[data-id=colorist-light]:not(.is-collapsed) + .style-settings-container .setting-item:nth-child(-n+2) {
  grid-column: span 3;
  row-gap: 8px;
}
body:not(.is-phone) .setting-item-heading[data-id=colorist-light]:not(.is-collapsed) + .style-settings-container .setting-item:nth-child(n+3) {
  grid-column: span 2;
  row-gap: 0;
}
body:not(.is-phone) .setting-item-heading[data-id=colorist-light]:not(.is-collapsed) + .style-settings-container .setting-item-control,
body:not(.is-phone) .setting-item-heading[data-id=colorist-light]:not(.is-collapsed) + .style-settings-container .dropdown {
  width: 100% !important;
  text-align: start;
}

.setting-item[data-id=colorist-c-dark] input[type=range] {
  background: linear-gradient(to right, oklch(0.8 0 var(--colorist-h-dark)), oklch(0.8 0.05 var(--colorist-h-dark)), oklch(0.8 0.3 var(--colorist-h-dark)));
}

.setting-item[data-id=colorist-h-dark] input[type=range] {
  background: linear-gradient(to right, oklch(80% 0.3 0deg), oklch(80% 0.3 30deg), oklch(80% 0.3 60deg), oklch(80% 0.3 90deg), oklch(80% 0.3 120deg), oklch(80% 0.3 150deg), oklch(80% 0.3 180deg), oklch(80% 0.3 210deg), oklch(80% 0.3 240deg), oklch(80% 0.3 270deg), oklch(80% 0.3 300deg), oklch(80% 0.3 330deg), oklch(80% 0.3 0deg));
}

body:not(.baseline-dark, .material-dark, .radiance-dark, .softlight-dark) .style-settings-container .setting-item:where([data-id=colorist-l-dark], [data-id=colorist-c-dark], [data-id=colorist-h-dark]) {
  display: none;
}

body:not(.is-phone) .setting-item-heading[data-id=colorist-dark]:not(.is-collapsed) + .style-settings-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 4px;
  padding-left: 0;
}
body:not(.is-phone) .setting-item-heading[data-id=colorist-dark]:not(.is-collapsed) + .style-settings-container .setting-item {
  flex-direction: column !important;
  margin: 0px !important;
}
body:not(.is-phone) .setting-item-heading[data-id=colorist-dark]:not(.is-collapsed) + .style-settings-container .setting-item:nth-child(-n+2) {
  grid-column: span 3;
  row-gap: 8px;
}
body:not(.is-phone) .setting-item-heading[data-id=colorist-dark]:not(.is-collapsed) + .style-settings-container .setting-item:nth-child(n+3) {
  grid-column: span 2;
  row-gap: 0;
}
body:not(.is-phone) .setting-item-heading[data-id=colorist-dark]:not(.is-collapsed) + .style-settings-container .setting-item-control,
body:not(.is-phone) .setting-item-heading[data-id=colorist-dark]:not(.is-collapsed) + .style-settings-container .dropdown {
  width: 100% !important;
  text-align: start;
}

body {
  --header-height: 48px;
  --tab-max-width: var(--tab-width);
  --tab-radius: var(--radius-s) !important;
  --tab-radius-active: var(--tab-radius) var(--tab-radius) 0 0;
  --tab-curve: calc(var(--tab-radius) + 4px);
  --tab-outline-width: var(--divider-width);
  --tab-divider-color: var(--background-modifier-border);
  --tab-text-align: left;
  --tab-text-color-focused: var(--text-faint);
  --tab-text-color-focused-active: var(--text-normal);
  --tab-text-color-focused-active-current: unset;
}

body:not(.is-mobile) {
  --tab-action-width: 32px;
}

body.is-mobile {
  --header-height: 44px !important;
  --tab-action-width: 44px;
  --tab-text-color-active: var(--text-normal);
  --tab-text-color-focused: var(--text-normal);
}

body.is-tablet {
  --header-height: 52px !important;
}

body:not(.is-phone) .workspace-tab-header-container {
  transition: var(--anim-duration-moderate) var(--anim-motion-baseline);
  background-color: transparent;
  border-bottom: none;
}

.workspace-tab-header-inner-icon {
  color: inherit !important;
}

.sidebar-toggle-button {
  height: var(--header-height);
  padding-bottom: 8px;
  align-items: center;
}
.sidebar-toggle-button .clickable-icon {
  min-width: var(--tab-action-width);
}

.workspace-tab-header-new-tab,
.workspace-tab-header-tab-list {
  padding: 4px 0;
  margin: 0;
}
.workspace-tab-header-new-tab .clickable-icon,
.workspace-tab-header-tab-list .clickable-icon {
  min-width: var(--tab-action-width);
  padding: 8px;
}

body:not(.is-phone) .workspace .mod-root .workspace-tab-header-container-inner {
  padding: 8px var(--tab-curve) 0;
  margin: 0 -4px 0 0;
  gap: 8px;
}
body:not(.is-phone) .workspace .mod-root .workspace-tab-header {
  padding: 0;
}
body:not(.is-phone) .workspace .mod-root .workspace-tab-header-inner {
  padding-inline-start: 12px;
  padding-inline-end: 8px;
  margin-bottom: 8px;
  height: auto;
}
body:not(.is-phone) .workspace .mod-root .workspace-tab-header-inner-title {
  line-height: normal;
  text-align: var(--tab-text-align);
}

body:not(.is-phone) .mod-root .sidebar-toggle-button {
  padding-inline-end: 0;
}

body.is-tablet:is(.tab-default, :not(.css-settings-manager)):not(.layout-macos, .layout-classic, .layout-minimal, .layout-border, .layout-frame) .workspace-drawer.is-pinned.mod-left + .mod-root .workspace-tab-header-container {
  padding-left: var(--tab-radius);
}

body:is(.tab-floating, .tab-floating-center):not(.is-phone) {
  --tab-background-active: var(--background-modifier-hover);
  --tab-radius-active: var(--tab-radius);
  --tab-curve: 0;
}
body:is(.tab-floating, .tab-floating-center):not(.is-phone) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-container-inner {
  padding-bottom: 8px;
  gap: 4px;
  margin: 0;
}
body:is(.tab-floating, .tab-floating-center):not(.is-phone) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header {
  max-height: 48px;
  margin: auto 0;
  height: 100%;
  padding: 0;
  box-shadow: none;
}
body:is(.tab-floating, .tab-floating-center):not(.is-phone) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner {
  padding-inline-start: 12px;
  padding-inline-end: 8px;
  margin-bottom: 0;
}

body:is(.tab-floating, .tab-floating-center).is-tablet {
  --header-height: 60px !important;
}
body:is(.tab-floating, .tab-floating-center).is-tablet .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-container-inner {
  padding-block: 0 !important;
}
body:is(.tab-floating, .tab-floating-center).is-tablet .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header {
  margin-block: 8px;
}

body:not(.is-phone).tab-floating-center .mod-root .workspace-tabs:not(.mod-stacked) {
  container-type: inline-size;
}
@container (min-width: 560px) {
  body:not(.is-phone).tab-floating-center .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-container-inner {
    flex: 1;
    justify-content: safe center;
    transition: padding-left var(--anim-duration-moderate) var(--anim-motion-baseline), padding-right var(--anim-duration-moderate) var(--anim-motion-baseline);
  }
  body:not(.is-phone).tab-floating-center .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-spacer {
    display: none;
  }
}

@container (min-width: 560px) {
  body.mod-macos:not(.is-mobile).tab-floating-center .mod-root .workspace-tabs:not(.mod-stacked):not(.mod-top-left-space).mod-top-right-space .workspace-tab-header-container-inner {
    padding-left: calc(var(--tab-action-width) * 3);
  }
  body.mod-macos:not(.is-mobile).tab-floating-center .mod-root .workspace-tabs:not(.mod-stacked):not(.mod-top-left-space):not(.mod-top-right-space) .workspace-tab-header-container-inner {
    padding-left: calc(var(--tab-action-width) * 2);
  }
}
@container (min-width: 560px) {
  body.mod-macos:not(.is-mobile).tab-floating-center:not(.is-fullscreen) .mod-root .workspace-tabs:not(.mod-stacked).mod-top-left-space.mod-top-right-space .workspace-tab-header-container-inner {
    padding-right: calc(var(--frame-left-space) + --tab-action-width * 2);
  }
  body.mod-macos:not(.is-mobile).tab-floating-center:not(.is-fullscreen) .mod-root .workspace-tabs:not(.mod-stacked).mod-top-left-space:not(.mod-top-right-space) .workspace-tab-header-container-inner {
    padding-right: calc(var(--frame-left-space) - var(--tab-action-width));
  }
}
@container (min-width: 560px) {
  body.mod-macos:not(.is-mobile).tab-floating-center.is-fullscreen .mod-root .workspace-tabs:not(.mod-stacked).mod-top-left-space.mod-top-right-space .workspace-tab-header-container-inner {
    padding-left: calc(var(--tab-action-width) * 2);
  }
  body.mod-macos:not(.is-mobile).tab-floating-center.is-fullscreen .mod-root .workspace-tabs:not(.mod-stacked).mod-top-left-space:not(.mod-top-right-space) .workspace-tab-header-container-inner {
    padding-left: var(--tab-action-width);
  }
}

@container (min-width: 560px) {
  body:not(.mod-macos):not(.is-mobile).tab-floating-center .mod-root .workspace-tabs:not(.mod-stacked).mod-top-left-space.mod-top-right-space .workspace-tab-header-container-inner {
    padding-left: calc(var(--frame-right-space) + var(--tab-action-width) * 2);
  }
  body:not(.mod-macos):not(.is-mobile).tab-floating-center .mod-root .workspace-tabs:not(.mod-stacked).mod-top-left-space:not(.mod-top-right-space) .workspace-tab-header-container-inner {
    padding-left: calc(var(--tab-action-width) * 2);
  }
  body:not(.mod-macos):not(.is-mobile).tab-floating-center .mod-root .workspace-tabs:not(.mod-stacked):not(.mod-top-left-space).mod-top-right-space .workspace-tab-header-container-inner {
    padding-left: calc(var(--frame-right-space) + var(--tab-action-width) * 3);
  }
  body:not(.mod-macos):not(.is-mobile).tab-floating-center .mod-root .workspace-tabs:not(.mod-stacked):not(.mod-top-left-space):not(.mod-top-right-space).mod-top .workspace-tab-header-container-inner {
    padding-left: calc(var(--tab-action-width) * 3);
  }
  body:not(.mod-macos):not(.is-mobile).tab-floating-center .mod-root .workspace-tabs:not(.mod-stacked):is(.mod-root > .workspace-tabs):not(:only-of-type).mod-top-left-space:not(.mod-top-right-space) .workspace-tab-header-container-inner {
    padding-left: var(--tab-action-width);
  }
  body:not(.mod-macos):not(.is-mobile).tab-floating-center .mod-root .workspace-tabs:not(.mod-stacked):is(.mod-root > .workspace-tabs):not(:only-of-type):first-of-type:not(.mod-top-left-space):not(.mod-top-right-space) .workspace-tab-header-container-inner, body:not(.mod-macos):not(.is-mobile).tab-floating-center .mod-root .workspace-tabs:not(.mod-stacked):not(.mod-top) .workspace-tab-header-container-inner {
    padding-left: calc(var(--tab-action-width) * 2);
  }
}

@container (min-width: 560px) {
  body.is-tablet.tab-floating-center .mod-root .workspace-tabs:not(.mod-stacked).mod-top-left-space.mod-top-right-space .workspace-tab-header-container-inner {
    padding-left: calc(var(--tab-action-width) * 2);
  }
  body.is-tablet.tab-floating-center .mod-root .workspace-tabs:not(.mod-stacked).mod-top-left-space:not(.mod-top-right-space) .workspace-tab-header-container-inner {
    padding-left: var(--tab-action-width);
  }
  body.is-tablet.tab-floating-center .mod-root .workspace-tabs:not(.mod-stacked):not(.mod-top-left-space).mod-top-right-space .workspace-tab-header-container-inner {
    padding-left: calc(var(--tab-action-width) * 3);
  }
  body.is-tablet.tab-floating-center .mod-root .workspace-tabs:not(.mod-stacked):not(.mod-top-left-space):not(.mod-top-right-space) .workspace-tab-header-container-inner {
    padding-left: calc(var(--tab-action-width) * 2);
  }
}
@container (min-width: 560px) {
  body.is-tablet.tab-floating-center .workspace-drawer.is-pinned.mod-left + .mod-root .workspace-tabs:not(.mod-stacked).mod-top-left-space.mod-top-right-space .workspace-tab-header-container-inner {
    padding-left: calc(var(--tab-action-width) * 3);
  }
  body.is-tablet.tab-floating-center .workspace-drawer.is-pinned.mod-left + .mod-root .workspace-tabs:not(.mod-stacked).mod-top-left-space:not(.mod-top-right-space) .workspace-tab-header-container-inner {
    padding-left: calc(var(--tab-action-width) * 2);
  }
}
@container (min-width: 560px) {
  body.is-tablet.tab-floating-center .mod-root:has(+ .workspace-drawer.is-pinned.mod-right) .workspace-tabs:not(.mod-stacked).mod-top-left-space.mod-top-right-space .workspace-tab-header-container-inner {
    padding-left: var(--tab-action-width);
  }
  body.is-tablet.tab-floating-center .mod-root:has(+ .workspace-drawer.is-pinned.mod-right) .workspace-tabs:not(.mod-stacked):not(.mod-top-left-space).mod-top-right-space .workspace-tab-header-container-inner {
    padding-left: calc(var(--tab-action-width) * 2);
  }
}

body.input-cupertino:not(.is-phone):is(.tab-floating, .tab-floating-center) .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header {
  corner-shape: var(--corner-shape);
  border-radius: 100vh;
}
body.input-cupertino:not(.is-phone):is(.tab-floating, .tab-floating-center) .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:first-child {
  margin-inline-start: 2px;
}
body.input-cupertino:not(.is-phone):is(.tab-floating, .tab-floating-center) .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:last-child {
  margin-inline-end: 2px;
}
body.input-cupertino:not(.is-phone):is(.tab-floating, .tab-floating-center) .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active {
  background: var(--raised-background);
  box-shadow: var(--raised-shadow);
}
body.input-cupertino:not(.is-phone):is(.tab-floating, .tab-floating-center) .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner {
  border-radius: inherit;
}

body:not(.is-phone):is(.tab-underline, .tab-underline-accented) {
  --tab-curve: 0;
}
body:not(.is-phone):is(.tab-underline, .tab-underline-accented) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-container-inner {
  padding-top: 0;
  gap: 0;
}
body:not(.is-phone):is(.tab-underline, .tab-underline-accented) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header {
  --tab-background-active: transparent;
  --tab-outline-width: 0px;
  border-bottom: 2px solid transparent;
  padding-top: 8px;
}
body:not(.is-phone):is(.tab-underline, .tab-underline-accented) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active {
  border-color: var(--text-muted);
}
body:not(.is-phone):is(.tab-underline, .tab-underline-accented) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:not(.is-active):hover {
  border-color: var(--background-modifier-border);
}
body:not(.is-phone):is(.tab-underline, .tab-underline-accented) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
  background-color: transparent;
}
body:not(.is-phone):is(.tab-underline, .tab-underline-accented) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner {
  margin-bottom: 6px;
}

body:not(.is-phone).tab-underline-accented .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active {
  border-color: var(--color-accent);
}

body:not(.tab-divider):not(.is-phone) .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner::after,
body.tab-divider:is(.tab-floating, .tab-floating-center):not(.is-phone) .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner::after {
  content: none;
}

body.tab-divider.tab-default:not(.is-phone) .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:has(+ .workspace-tab-header.is-active) .workspace-tab-header-inner::after,
body.tab-divider.tab-default:not(.is-phone) .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:last-child .workspace-tab-header-inner::after {
  content: none;
}
body.tab-divider.tab-default:not(.is-phone) .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner::after {
  inset-inline-end: -5px;
  width: 2px;
}

body.tab-divider:is(.tab-underline, .tab-underline-accented):not(.is-phone) .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:last-child .workspace-tab-header-inner::after {
  content: none;
}
body.tab-divider:is(.tab-underline, .tab-underline-accented):not(.is-phone) .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active .workspace-tab-header-inner::after {
  opacity: 1;
}

body.tab-full-width {
  --tab-width: auto;
}
body.tab-full-width .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-container-inner {
  flex: 100%;
}

.mod-root .workspace-tabs.mod-stacked .workspace-tab-header-container-inner {
  display: none;
}

.tab-stack-top-flipped {
  --tab-stacked-text-transform: rotate(180deg);
  --tab-stacked-text-align: right;
}

.tab-stack-center {
  --tab-stacked-text-align: center;
}

.tab-stack-center-flipped {
  --tab-stacked-text-transform: rotate(180deg);
  --tab-stacked-text-align: center;
}

.tab-stack-bottom {
  --tab-stacked-text-transform: rotate(180deg);
}

.tab-stack-bottom-flipped {
  --tab-stacked-text-align: right;
}

.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner {
  flex-direction: var(--tab-stacked-spine-order);
}

body.is-tablet .workspace .mod-root .sidebar-toggle-button {
  padding-left: 0;
}
body.is-tablet .workspace .mod-root .sidebar-toggle-button .clickable-icon {
  margin: auto 0;
}
body.is-tablet .workspace .mod-root .workspace-tab-header-tab-list .clickable-icon,
body.is-tablet .workspace .mod-root .workspace-tab-header-new-tab .clickable-icon {
  --icon-size: var(--icon-l);
  --icon-stroke: var(--icon-l-stroke-width);
}

.workspace .mod-sidedock .workspace-tab-header-container,
.workspace .mod-sidedock .workspace-tab-header,
.workspace .mod-sidedock .workspace-tab-header div {
  transition: var(--anim-duration-moderate) var(--anim-motion-baseline);
}
.workspace .mod-sidedock .workspace-tab-header-container {
  padding-block: 8px;
  align-items: center;
}
.workspace .mod-sidedock .workspace-tab-header-container-inner {
  -webkit-app-region: no-drag;
  padding: 0 8px 0 0;
  margin: 0;
  gap: calc(8px * var(--density-modifier));
  height: 100%;
}
.workspace .mod-sidedock .workspace-tab-header {
  height: 100%;
  line-height: normal;
  margin: 0px;
}
.workspace .mod-sidedock .workspace-tab-header.is-active {
  background-color: inherit;
  box-shadow: none;
}
.workspace .mod-sidedock .workspace-tab-header.is-active:hover {
  background-color: inherit;
}
.workspace .mod-sidedock .workspace-tab-header:not(.is-active):hover {
  box-shadow: none;
}
.workspace .mod-sidedock .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
  background-color: inherit;
  color: var(--text-muted);
}
.workspace .mod-sidedock .workspace-tab-header-inner {
  gap: 8px;
}

body.tab-top-left-labeled:not(.is-grabbing) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space,
body.tab-top-right-labeled:not(.is-grabbing) .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space,
body.tab-left-labeled:not(.is-grabbing) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top),
body.tab-right-labeled:not(.is-grabbing) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) {
  --sidebar-tab-text-display: inline-block;
}
body.tab-top-left-labeled:not(.is-grabbing) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-container-inner,
body.tab-top-right-labeled:not(.is-grabbing) .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-container-inner,
body.tab-left-labeled:not(.is-grabbing) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner,
body.tab-right-labeled:not(.is-grabbing) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner {
  gap: 0;
}

body.tab-top-left-text:not(.is-grabbing) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space,
body.tab-top-right-text:not(.is-grabbing) .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space,
body.tab-left-text:not(.is-grabbing) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top),
body.tab-right-text:not(.is-grabbing) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) {
  --sidebar-tab-text-display: inline-block;
}
body.tab-top-left-text:not(.is-grabbing) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-container-inner,
body.tab-top-right-text:not(.is-grabbing) .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-container-inner,
body.tab-left-text:not(.is-grabbing) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner,
body.tab-right-text:not(.is-grabbing) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner {
  gap: 0;
}
body.tab-top-left-text:not(.is-grabbing) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header.is-active,
body.tab-top-right-text:not(.is-grabbing) .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header.is-active,
body.tab-left-text:not(.is-grabbing) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header.is-active,
body.tab-right-text:not(.is-grabbing) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header.is-active {
  font-weight: var(--font-medium);
}
body.tab-top-left-text:not(.is-grabbing) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-inner-icon,
body.tab-top-right-text:not(.is-grabbing) .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-inner-icon,
body.tab-left-text:not(.is-grabbing) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner-icon,
body.tab-right-text:not(.is-grabbing) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner-icon {
  display: none;
}
body.tab-top-left-text:not(.is-grabbing) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-inner-title,
body.tab-top-right-text:not(.is-grabbing) .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-inner-title,
body.tab-left-text:not(.is-grabbing) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner-title,
body.tab-right-text:not(.is-grabbing) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner-title {
  text-transform: capitalize;
}

body:is(.tab-top-left-stacked, :not(.css-settings-manager)) .mod-sidedock.mod-left-split .mod-top-left-space {
  --sidebar-tab-text-display: inline-block;
}
body:is(.tab-top-left-stacked, :not(.css-settings-manager)) .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-container {
  height: fit-content;
  flex-direction: column;
  padding: 0;
}
body:is(.tab-top-left-stacked, :not(.css-settings-manager)) .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-container-inner {
  flex-direction: column;
  width: -webkit-fill-available;
  width: stretch;
  gap: 0;
  padding: 0 8px;
  max-height: unset;
}
body:is(.tab-top-left-stacked, :not(.css-settings-manager)) .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header {
  padding: 8px 12px;
  height: auto;
}
body:is(.tab-top-left-stacked, :not(.css-settings-manager)) .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-inner {
  gap: 8px;
  padding: 0;
  border-radius: 0;
}
body:is(.tab-top-left-stacked, :not(.css-settings-manager)) .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-spacer {
  display: none;
}
body:is(.tab-top-left-stacked, :not(.css-settings-manager)) .mod-sidedock.mod-left-split .mod-top-left-space .sidebar-toggle-button {
  order: -1;
  margin-left: auto;
  max-height: var(--header-height);
  min-height: var(--header-height);
}
body:is(.tab-top-left-stacked, :not(.css-settings-manager)) .mod-sidedock.mod-left-split .mod-top-left-space .sidebar-toggle-button .clickable-icon {
  margin: 8px;
}

body:is(.tab-top-left-stacked, :not(.css-settings-manager)):not(.mod-macos):not(.layout-border):not(.show-ribbon) .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-container-inner {
  margin-top: calc(-1 * var(--header-height) + 8px);
  margin-right: 48px;
}

body:is(.tab-top-left-stacked, :not(.css-settings-manager)):not(.mod-macos):not(.layout-border).show-ribbon .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-container-inner {
  margin-top: 8px;
}

body.tab-top-left-stacked:not(.mod-macos).layout-fusion:not(.show-ribbon) .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-container-inner {
  margin-top: calc(-1 * var(--header-height) + 24px);
}

body:is(.tab-top-left-stacked, :not(.css-settings-manager)).mod-macos:not(.is-hidden-frameless).show-ribbon .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-container-inner {
  margin-top: 8px;
}

body:is(.tab-left-compact, :not(.css-settings-manager)) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container,
body:is(.tab-right-compact, :not(.css-settings-manager)) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container {
  height: var(--header-height);
}
body:is(.tab-left-compact, :not(.css-settings-manager)) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container:not(:hover),
body:is(.tab-right-compact, :not(.css-settings-manager)) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container:not(:hover) {
  height: calc-size(auto, size);
}
body:is(.tab-left-compact, :not(.css-settings-manager)) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container:not(:hover) .workspace-tab-header,
body:is(.tab-right-compact, :not(.css-settings-manager)) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container:not(:hover) .workspace-tab-header {
  background-color: var(--background-modifier-hover);
}
body:is(.tab-left-compact, :not(.css-settings-manager)) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container:not(:hover) .workspace-tab-header-inner,
body:is(.tab-right-compact, :not(.css-settings-manager)) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container:not(:hover) .workspace-tab-header-inner {
  padding-block: 0px !important;
}
body:is(.tab-left-compact, :not(.css-settings-manager)) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container:not(:hover) .workspace-tab-header-inner-icon svg.svg-icon,
body:is(.tab-right-compact, :not(.css-settings-manager)) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container:not(:hover) .workspace-tab-header-inner-icon svg.svg-icon {
  opacity: 0;
  height: 4px;
}

body:not(.mod-macos).is-hidden-frameless .workspace-tabs.mod-top-right-space .workspace-tab-header-container {
  padding-right: var(--frame-right-space);
}

body.mod-macos.is-frameless:not(.is-popout-window) .workspace .workspace-tabs.mod-top-right-space .workspace-tab-header-container {
  padding-right: 8px !important;
}
body.mod-macos.is-frameless:not(.is-popout-window) .workspace .sidebar-toggle-button.mod-right {
  position: relative;
  padding-right: 0;
}

body {
  --nav-indentation-guide-color: var(--background-modifier-border-hover);
  --nav-indentation-guide-width: 0px;
  --nav-item-radius: var(--radius-s);
  --nav-item-padding: calc(8px * var(--density-modifier)) 16px calc(8px * var(--density-modifier)) 36px;
  --nav-item-children-margin-start: calc(20px - var(--nav-indentation-guide-width) / 2);
  --ribbon-background: transparent;
  --ribbon-background-collapsed: var(--ribbon-background);
  --vault-profile-radius: var(--radius-s) !important;
}

body.is-mobile {
  --nav-item-padding: calc(12px * var(--density-modifier)) 24px;
  --nav-item-color: var(--text-muted);
  --nav-item-size: var(--font-ui-small);
  --nav-item-weight-active: var(--font-medium);
  --nav-item-children-margin-start: 12px;
}

.sidebar-toggle-icon-inner {
  transition: var(--anim-duration-moderate) var(--anim-motion-baseline);
}

.sidebar-toggle-button .clickable-icon:hover .sidebar-toggle-icon-inner {
  width: 24%;
}

.workspace.is-primary-sidedock-open .sidebar-toggle-button.mod-left .clickable-icon:hover .sidebar-toggle-icon-inner,
.workspace.is-secondary-sidedock-open .sidebar-toggle-button.mod-right .clickable-icon:hover .sidebar-toggle-icon-inner {
  width: revert-layer;
}

body.full-item-name {
  --nav-item-white-space: none;
}

body.bold-folders .nav-folder-title {
  --nav-item-weight: calc(var(--font-weight) + var(--bold-modifier));
  --nav-item-weight-hover: calc(var(--font-weight) + var(--bold-modifier));
}

.tree-item-self,
.tree-item-inner {
  align-items: center;
}

.tree-item-self .tree-item-icon {
  margin-inline-start: -24px;
}

body.mod-macos.is-hidden-frameless .workspace-ribbon {
  padding-top: 0;
}

body.mod-macos.is-hidden-frameless:not(.is-popout-window) .sidebar-toggle-button.mod-right {
  background-color: transparent;
}

.workspace-ribbon {
  border-inline-end: none;
  z-index: 11;
  transition: var(--anim-duration-moderate) !important;
  position: relative;
}

.workspace-ribbon:not(.is-collapsed) {
  padding-left: 12px;
}

.workspace-ribbon::before {
  content: none !important;
}

.workspace-ribbon .sidebar-toggle-button {
  position: relative;
  display: flex;
  height: var(--header-height);
  padding: 8px;
  width: unset;
  align-items: center;
  justify-content: center;
}

.workspace-ribbon .sidebar-toggle-button .clickable-icon {
  pointer-events: auto;
  z-index: 1;
}

.workspace-ribbon .side-dock-actions {
  gap: 4px;
  transition: var(--anim-duration-moderate);
  z-index: 1;
  color: var(--icon-color);
}

.workspace-ribbon .sidebar-toggle-button .clickable-icon,
.workspace-ribbon .side-dock-actions .side-dock-ribbon-action {
  width: var(--tab-action-width);
}

body:not(.mod-macos):not(.is-mobile) .workspace-ribbon,
body.mod-macos:not(.is-hidden-frameless):not(.is-mobile):not(.layout-frame) .workspace-ribbon {
  margin-top: 0;
}

body:not(.mod-macos):not(.is-mobile) .workspace-ribbon .sidebar-toggle-button,
body.mod-macos:not(.is-hidden-frameless):not(.is-mobile) .workspace-ribbon .sidebar-toggle-button {
  height: auto;
  padding: 0;
  margin: 0 auto;
}

body:not(.mod-macos):not(.is-mobile):not(.tab-top-left-stacked).css-settings-manager .workspace-ribbon .sidebar-toggle-button {
  height: calc(var(--header-height) - 16px);
}

body:not(.is-mobile) .mod-sidedock > .workspace-leaf-resize-handle:not(:hover) {
  border-color: transparent;
}
body:not(.is-mobile) .mod-sidedock .workspace-leaf {
  background-color: transparent;
}
body:not(.is-mobile) .mod-sidedock .workspace-leaf:not([style*="display: none"]) {
  animation: floatIn var(--anim-duration-fast) var(--anim-motion-baseline) forwards;
}
body:not(.is-mobile) .mod-sidedock .workspace-leaf-content > .node-insert-event,
body:not(.is-mobile) .mod-sidedock .workspace-leaf-content > .view-content {
  padding: 0 8px 8px;
}
body:not(.is-mobile) .mod-sidedock .workspace-leaf-content > .node-insert-event > .node-insert-event,
body:not(.is-mobile) .mod-sidedock .workspace-leaf-content > .view-content > .node-insert-event {
  padding: 0;
}

body:not(.is-mobile) .mod-sidedock .view-content .nav-header {
  padding-inline: 0px;
}

.nav-header {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 8px 16px;
}

.nav-header .nav-buttons-container {
  flex-wrap: nowrap;
}

.nav-header .search-input-container {
  margin: 8px 0;
  width: 100%;
}

.nav-action-button,
.nav-action-button[aria-disabled=true] {
  position: relative;
  height: 100%;
}

.nav-header,
.nav-buttons-container,
.nav-action-button,
.nav-action-button::after,
.nav-header svg {
  transition: var(--anim-duration-moderate) var(--anim-motion-baseline), background-color var(--anim-duration-fast);
}

body:not(.nav-action-center, .nav-action-left, .nav-action-bottom) .mod-sidedock .nav-header:first-child:not(:hover) .nav-buttons-container {
  gap: 4px !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:not(.nav-action-center, .nav-action-left, .nav-action-bottom) .mod-sidedock .nav-header:first-child:not(:hover) .nav-buttons-container .nav-action-button {
  padding: 2px !important;
  background-color: var(--background-modifier-hover);
  box-shadow: none !important;
  min-width: 0;
}
body:not(.nav-action-center, .nav-action-left, .nav-action-bottom) .mod-sidedock .nav-header:first-child:not(:hover) .nav-buttons-container .nav-action-button::after {
  font-size: 0;
  opacity: 0;
}
body:not(.nav-action-center, .nav-action-left, .nav-action-bottom) .mod-sidedock .nav-header:first-child:not(:hover) .nav-buttons-container .nav-action-button.is-active {
  background-color: var(--background-modifier-hover) !important;
}
body:not(.nav-action-center, .nav-action-left, .nav-action-bottom) .mod-sidedock .nav-header:first-child:not(:hover) .nav-buttons-container .nav-action-button.clickable-icon[aria-disabled=true] {
  opacity: var(--icon-opacity);
}
body:not(.nav-action-center, .nav-action-left, .nav-action-bottom) .mod-sidedock .nav-header:first-child:not(:hover) .nav-buttons-container svg {
  width: 0px;
  height: 0px;
}

body.nav-action-left .mod-sidedock .nav-header:first-child {
  align-items: start;
}

body.nav-action-indicator .mod-sidedock .nav-header:first-child:not(:hover) .nav-buttons-container {
  background-color: var(--background-modifier-hover) !important;
  border-radius: 100vh;
  width: 48px;
}
body.nav-action-indicator .mod-sidedock .nav-header:first-child:not(:hover) .nav-buttons-container .nav-action-button {
  background-color: transparent;
}

body.nav-action-bottom:not(.hide-vault-switcher-off) .mod-sidedock.mod-left-split .workspace-tabs:last-of-type .nav-header {
  margin-right: var(--tab-action-width);
}
body.nav-action-bottom .mod-sidedock .nav-header {
  order: 99;
  align-items: stretch;
  padding: 8px;
}
body.nav-action-bottom .mod-sidedock .nav-header .nav-action-button {
  flex: 1;
}

body:not(.is-mobile) .workspace-split.mod-left-split .workspace-drawer-vault-actions .clickable-icon:first-child {
  display: none;
}

body:not(.is-mobile) .mod-sidedock.mod-left-split .workspace-sidedock-vault-profile {
  background-color: transparent;
}

body:not(.is-mobile):not(.hide-vault-switcher-off) .mod-sidedock.mod-left-split .workspace-sidedock-vault-profile {
  border-top: none;
  position: absolute;
  inset: auto 0 0;
  z-index: 1;
  align-items: unset;
}
body:not(.is-mobile):not(.hide-vault-switcher-off) .mod-sidedock.mod-left-split .workspace-sidedock-vault-profile .workspace-drawer-vault-switcher.has-active-menu {
  background-color: var(--interactive-normal);
}
body:not(.is-mobile):not(.hide-vault-switcher-off) .mod-sidedock.mod-left-split .workspace-sidedock-vault-profile:not(:hover) {
  pointer-events: none;
}
body:not(.is-mobile):not(.hide-vault-switcher-off) .mod-sidedock.mod-left-split .workspace-sidedock-vault-profile:not(:hover) .workspace-drawer-vault-switcher:not(.has-active-menu) {
  pointer-events: none;
  opacity: 0;
}
body:not(.is-mobile):not(.hide-vault-switcher-off) .mod-sidedock.mod-left-split .workspace-drawer-vault-switcher,
body:not(.is-mobile):not(.hide-vault-switcher-off) .mod-sidedock.mod-left-split .workspace-drawer-vault-actions .clickable-icon {
  transition: var(--anim-duration-fast);
  pointer-events: visible;
}
body:not(.is-mobile):not(.hide-vault-switcher-off) .mod-sidedock.mod-left-split .workspace-leaf-content > .node-insert-event,
body:not(.is-mobile):not(.hide-vault-switcher-off) .mod-sidedock.mod-left-split .workspace-leaf-content > .view-content {
  padding-bottom: 64px;
}

body.large-new-note .mod-sidedock .workspace-leaf-content[data-type=file-explorer] .nav-header .nav-action-button:first-child {
  flex: 1;
  box-shadow: inset 0 0 0 1px var(--background-modifier-border);
}
body.large-new-note .mod-sidedock .workspace-leaf-content[data-type=file-explorer] .nav-header .nav-action-button:first-child::after {
  content: attr(aria-label);
  font-size: var(--font-ui-smaller);
  color: var(--icon-color);
  white-space: nowrap;
  margin-left: 8px;
}

body {
  --menu-background: var(--modal-background);
  --menu-border-width: 0px;
}

.menu,
.suggestion-container {
  border-radius: var(--menu-radius);
  border: none;
  padding: 0;
}
.menu .menu-item,
.menu .suggestion-item,
.suggestion-container .menu-item,
.suggestion-container .suggestion-item {
  padding: calc(6px * var(--density-modifier)) 12px;
  border-radius: calc(var(--menu-radius) - var(--menu-padding));
  margin-bottom: 0;
  gap: 12px;
}
.menu .menu-item-icon,
.suggestion-container .menu-item-icon {
  order: unset !important;
}
.menu .menu-item-icon .svg-icon,
.suggestion-container .menu-item-icon .svg-icon {
  --icon-size: var(--icon-xs);
  --icon-stroke: var(--icon-xs-stroke-width);
}
.menu .menu-separator,
.suggestion-container .menu-separator {
  margin: 4px 8px;
  border-color: var(--background-modifier-hover);
}

body:not(.is-phone) {
  --menu-padding: 4px;
  --menu-border-color: var(--background-modifier-border);
}
body:not(.is-phone) > .suggestion-container .suggestion {
  padding: var(--menu-padding);
}
body:not(.is-phone) > .suggestion-container .suggestion-item,
body:not(.is-phone) > .suggestion-container .suggestion-empty {
  font-size: var(--font-ui-small);
}

body.is-mobile .menu-item-icon .svg-icon {
  --icon-size: var(--icon-s);
  --icon-stroke: var(--icon-s-stroke-width);
}

body.is-phone {
  --menu-padding: 32px 16px;
}
body.is-phone > .menu {
  border-radius: var(--radius-l) var(--radius-l) 0 0;
  overflow: hidden;
}
body.is-phone > .menu .menu-grabber {
  margin: 8px auto;
  position: absolute;
  inset: 0;
  z-index: 1;
}
body.is-phone > .menu .menu-scroll {
  max-height: 80vh;
}
body.is-phone > .menu .menu-item {
  padding: calc(16px * var(--density-modifier)) 20px;
  font-size: var(--nav-item-size);
  gap: 16px;
  border-radius: 0;
}
body.is-phone > .menu .menu-item:only-child {
  border-radius: var(--radius-s);
}
body.is-phone > .menu .menu-separator {
  margin: calc(12px * var(--density-modifier)) 16px;
}
body.is-phone > .suggestion-container {
  border-radius: var(--radius-l);
}
body.is-phone > .suggestion-container .suggestion-item {
  border-radius: var(--radius-m);
  padding: calc(8px * var(--density-modifier)) 16px;
}

body.is-tablet > .menu, body.is-tablet > .suggestion-container {
  border-radius: var(--menu-radius);
  overflow: auto;
  max-height: 80vh;
}
body.is-tablet > .menu .menu-scroll, body.is-tablet > .suggestion-container .menu-scroll {
  overflow: visible;
}
body.is-tablet > .menu .menu-item, body.is-tablet > .suggestion-container .menu-item {
  padding: calc(8px * var(--density-modifier)) 12px;
  font-size: var(--font-ui-small);
}
body.is-tablet > .menu .menu-item-title, body.is-tablet > .suggestion-container .menu-item-title {
  max-width: 240px;
}

body {
  --modal-border-width: 0px;
  --modal-sidebar-background: var(--settings-background) !important;
}
body .modal-title {
  font-family: var(--h1-font);
  transition: var(--anim-duration-moderate) var(--anim-motion-baseline);
  overflow: visible;
  text-align: left;
}
body .modal-header-button {
  border-radius: 100vh;
  z-index: 2;
}

body:not(.is-mobile) .modal {
  animation: floatIn var(--anim-duration-fast) var(--anim-motion-baseline) forwards;
}
body:not(.is-mobile) .modal-header-button {
  inset-block-start: 12px;
  inset-inline-end: 12px;
}
body:not(.is-mobile) .modal-title {
  margin-left: 0;
}

body:not(.is-phone) {
  --modal-radius: var(--radius-l);
}

body.is-phone .modal-container.mod-confirmation .modal:not(.mod-sidebar-layout) {
  --modal-radius: var(--radius-l) var(--radius-l) 0 0;
}
body.is-phone .modal:not(.mod-sidebar-layout) .modal-header {
  border-bottom: none;
  padding-top: 24px;
}
body.is-phone .modal:not(.mod-sidebar-layout) .modal-content {
  padding: var(--safe-area-inset-side);
}
body.is-phone .modal:not(.mod-sidebar-layout) .modal-nav-action {
  position: relative;
  background-color: var(--interactive-normal);
  margin: 0 var(--safe-area-inset-side) 8px;
}
body.is-phone .modal:not(.mod-sidebar-layout) > button:last-child {
  margin-bottom: var(--safe-area-inset-bottom) !important;
}

body {
  --tooltip-radius: var(--radius-m);
  --tooltip-shadow: var(--raised-shadow);
}

.notice-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: visible;
}

.notice {
  padding: calc(12px * var(--density-modifier)) 16px;
  margin-bottom: 0;
  border: none !important;
  overflow: hidden;
}

.popover,
.cm-tooltip {
  border: none;
}

body {
  --prompt-input-height: 64px;
  --prompt-background: var(--modal-background);
  --prompt-border-width: 0px;
  --prompt-max-height: 60vh;
}

body:not(.is-mobile) .prompt {
  top: 10rem;
  border-radius: var(--menu-radius);
}
body:not(.is-mobile) .prompt .suggestion-item {
  padding: 8px 12px;
  align-items: center;
}

body:not(.is-phone) .prompt-input {
  background-color: transparent;
  padding: 20px;
}
body:not(.is-phone) .prompt-results {
  padding: 8px;
}
body:not(.is-phone) .prompt .suggestion-item {
  font-size: var(--font-ui-small);
}

body.is-mobile {
  --prompt-background: var(--modal-background);
}

body.is-phone .prompt {
  border-radius: var(--radius-l) var(--radius-l) 0 0;
}
body.is-phone .prompt-results {
  padding: var(--safe-area-inset-side);
}
body.is-phone .prompt-input-container {
  width: auto;
  margin: auto var(--safe-area-inset-side) var(--keyboard-spacing);
}
body.is-phone .prompt-input {
  background-color: var(--background-modifier-form-field);
}
body.is-phone .prompt .suggestion-item {
  padding: calc(16px * var(--density-modifier)) 16px;
}

body.is-tablet {
  --prompt-input-height: 64px;
}
body.is-tablet .prompt {
  border-radius: var(--modal-radius);
}
body.is-tablet .prompt .suggestion-item {
  padding: calc(12px * var(--density-modifier)) 16px;
}

body {
  --setting-group-heading-color: var(--text-muted);
  --setting-group-heading-size: var(--font-ui-small);
  --setting-group-heading-weight: var(--font-medium);
  --setting-items-background: var(--background-secondary);
  --setting-items-border-color: var(--background-modifier-hover);
  --setting-items-radius: var(--radius-m);
  --setting-items-padding-y: calc(16px * var(--density-modifier));
  --setting-items-divider-width: var(--divider-width);
}
body .modal.mod-sidebar-layout .vertical-tab-header {
  border-right: none;
  background-color: transparent;
  min-width: 150px;
}
body .modal.mod-sidebar-layout .vertical-tab-nav-item-icon {
  color: inherit;
}
body .modal.mod-sidebar-layout .setting-item-heading {
  border: none;
}
body .modal.mod-sidebar-layout .setting-item-info {
  margin-block: auto;
  display: flex;
  gap: 4px;
  flex-direction: column;
}
body .modal.mod-sidebar-layout .setting-item-name {
  overflow: visible;
}
body .modal.mod-sidebar-layout .setting-item-description {
  padding-top: 0;
}
body .modal.mod-sidebar-layout .setting-group.mod-list {
  --setting-items-padding-x: inherit;
  --setting-items-padding-y: inherit;
}

body.mod-macos:not(.is-mobile) .mod-settings {
  --dropdown-background: var(--interactive-normal);
  --dropdown-icon-background: transparent;
  --dropdown-text-align: start;
}

body:not(.is-mobile).is-popout-modal .modal {
  animation: none !important;
}

body.is-frameless:not(.is-mobile).is-popout-modal {
  --titlebar-height: 40px;
  --traffic-lights-offset-x: 48px;
  --traffic-lights-offset-y: 56px;
  padding-top: 0px !important;
}
body.is-frameless:not(.is-mobile).is-popout-modal .titlebar {
  background-color: transparent;
  border: none;
  z-index: 1;
  padding-top: 0;
}
body.is-frameless:not(.is-mobile).is-popout-modal .titlebar-text {
  display: none;
}
body.is-frameless:not(.is-mobile).is-popout-modal .modal.mod-sidebar-layout {
  -webkit-app-region: unset;
}
body.is-frameless:not(.is-mobile).is-popout-modal.mod-macos .vertical-tab-header {
  padding-top: var(--titlebar-height);
}
body.is-frameless:not(.is-mobile).is-popout-modal .vertical-tab-content > div,
body.is-frameless:not(.is-mobile).is-popout-modal .community-modal-controls > div {
  position: relative;
  -webkit-app-region: no-drag;
  z-index: 1;
}
body.is-frameless:not(.is-mobile).is-popout-modal .community-modal-search {
  margin-left: var(--frame-left-space) !important;
}

body:not(.is-phone) .modal.mod-sidebar-layout .vertical-tab-header-group-title,
body:not(.is-phone) .modal.mod-sidebar-layout .vertical-tab-nav-item {
  padding: calc(8px * var(--density-modifier)) 12px;
  align-items: center;
  font-size: var(--font-ui-small);
  border-radius: var(--radius-s);
  line-height: normal;
}
body:not(.is-phone) .modal.mod-sidebar-layout .vertical-tab-nav-item:hover {
  background-color: var(--background-modifier-hover);
}
body:not(.is-phone) .modal.mod-sidebar-layout .vertical-tab-content {
  background-color: transparent;
}
body:not(.is-phone) .modal.mod-sidebar-layout .vertical-tab-content[style*="transform: translateX(-20%)"] {
  opacity: 0;
}
body:not(.is-phone) .modal.mod-sidebar-layout .setting-page-titlebar {
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding-block: 12px;
}
body:not(.is-phone) .modal.mod-sidebar-layout .setting-group-search {
  padding: 0 0 8px;
  background-color: transparent;
  border: none;
}
body:not(.is-phone) .modal.mod-sidebar-layout .setting-group-search + .setting-items {
  border-radius: var(--setting-items-radius);
  border: var(--setting-items-border-width) solid var(--setting-items-border-color);
}
body:not(.is-phone) .modal.mod-sidebar-layout .search-input-container {
  margin: 0;
}
body:not(.is-phone) .modal.mod-sidebar-layout .setting-group-search-control {
  margin: 0;
  padding: 0;
}
body:not(.is-phone) .modal.mod-sidebar-layout .setting-group-filter {
  height: var(--input-height);
  align-items: center;
  display: flex;
  padding: 16px;
  font-weight: var(--input-font-weight);
  border: none;
}
body:not(.is-phone) .modal.mod-sidebar-layout .setting-group-filter:hover {
  color: var(--text-muted);
}
body:not(.is-phone) .modal.mod-sidebar-layout .setting-group-filter.is-active {
  background-color: var(--background-modifier-hover);
  border-color: var(--interactive-accent);
  color: var(--text-normal);
}
body:not(.is-phone) .modal.mod-community-modal {
  background-color: var(--settings-background, var(--modal-background));
}
body:not(.is-phone) .modal.mod-community-modal .modal-sidebar {
  padding: 0;
}
body:not(.is-phone) .modal.mod-community-modal .community-modal-controls {
  display: flex;
  row-gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  padding: 12px;
  width: 100%;
  height: auto;
}
body:not(.is-phone) .modal.mod-community-modal .modal-sidebar:not(:only-child) .community-modal-controls .setting-item {
  width: 100%;
  margin-right: 0;
}
body:not(.is-phone) .modal.mod-community-modal .community-modal-controls .setting-item {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
body:not(.is-phone) .modal.mod-community-modal .community-modal-controls .setting-item:first-child {
  margin-right: auto;
}
body:not(.is-phone) .modal.mod-community-modal .community-modal-controls .setting-item.mod-toggle {
  margin-right: 48px;
}
body:not(.is-phone) .modal.mod-community-modal .community-modal-controls .setting-item:first-child .setting-item-info,
body:not(.is-phone) .modal.mod-community-modal .community-modal-search-summary {
  display: none;
}
body:not(.is-phone) .modal.mod-community-modal .community-modal-search-results {
  gap: 8px;
  padding: 8px;
}
body:not(.is-phone) .modal.mod-community-modal .community-modal-search {
  padding: 0;
  margin: 0;
}
body:not(.is-phone) .modal.mod-community-modal .community-item {
  border: none;
}
body:not(.is-phone) .modal.mod-community-modal .community-item:not(.is-selected) {
  background-color: var(--setting-items-background);
}

body.is-phone .modal.mod-sidebar-layout {
  --modal-header-height: calc(var(--modal-header-inset-top) + var(--touch-size-m) + var(--modal-header-inset-top)) !important;
  --modal-header-inset-top: 12px;
  box-shadow: none;
}
body.is-phone .modal.mod-sidebar-layout .modal-header {
  align-items: center;
  padding: 0;
}
body.is-phone .modal.mod-sidebar-layout .modal-title {
  display: flex;
  align-items: center;
}
body.is-phone .modal.mod-sidebar-layout .modal-setting-back-button {
  bottom: unset;
}
body.is-phone .modal.mod-sidebar-layout .vertical-tab-header-group-title {
  display: none;
}

body.is-tablet .modal.mod-sidebar-layout .vertical-tab-header-group-title,
body.is-tablet .modal.mod-sidebar-layout .vertical-tab-nav-item {
  padding: calc(12px * var(--density-modifier)) 16px;
}

body:is(.input-cupertino, .input-material) .modal.mod-settings .vertical-tab-nav-item[data-setting-id=editor] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: var(--color-blue);
}
body:is(.input-cupertino, .input-material) .modal.mod-settings .vertical-tab-nav-item[data-setting-id=mobile] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: var(--color-blue);
}
body:is(.input-cupertino, .input-material) .modal.mod-settings .vertical-tab-nav-item[data-setting-id=appearance] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: var(--color-purple);
}
body:is(.input-cupertino, .input-material) .modal.mod-settings .vertical-tab-nav-item[data-setting-id=file] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: var(--color-orange);
}
body:is(.input-cupertino, .input-material) .modal.mod-settings .vertical-tab-nav-item[data-setting-id=interface] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: var(--color-pink);
}
body:is(.input-cupertino, .input-material) .modal.mod-settings .vertical-tab-nav-item[data-setting-id=hotkeys] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: var(--color-red);
}
body:is(.input-cupertino, .input-material) .modal.mod-settings .vertical-tab-nav-item[data-setting-id=keychain] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: var(--color-green);
}
body:is(.input-cupertino, .input-material) .modal.mod-settings .vertical-tab-nav-item[data-setting-id=plugins] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: var(--color-cyan);
}
body:is(.input-cupertino, .input-material) .modal.mod-settings .vertical-tab-nav-item[data-setting-id=community-plugins] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: var(--color-blue);
}
body:is(.input-cupertino, .input-material) .modal.mod-settings .vertical-tab-nav-item[data-setting-id=backlink] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: var(--color-purple);
}
body:is(.input-cupertino, .input-material) .modal.mod-settings .vertical-tab-nav-item[data-setting-id=canvas] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: var(--color-red);
}
body:is(.input-cupertino, .input-material) .modal.mod-settings .vertical-tab-nav-item[data-setting-id=daily-notes] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: var(--color-red);
}
body:is(.input-cupertino, .input-material) .modal.mod-settings .vertical-tab-nav-item[data-setting-id=file-recovery] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: var(--color-green);
}
body:is(.input-cupertino, .input-material) .modal.mod-settings .vertical-tab-nav-item[data-setting-id=note-composer] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: var(--color-cyan);
}
body:is(.input-cupertino, .input-material) .modal.mod-settings .vertical-tab-nav-item[data-setting-id=page-preview] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: var(--color-blue);
}
body:is(.input-cupertino, .input-material) .modal.mod-settings .vertical-tab-nav-item[data-setting-id=switcher] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: var(--color-purple);
}
body:is(.input-cupertino, .input-material) .modal.mod-settings .vertical-tab-nav-item[data-setting-id=sync] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: var(--color-green);
}
body:is(.input-cupertino, .input-material) .modal.mod-settings .vertical-tab-nav-item[data-setting-id=templates] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: var(--color-blue);
}
body:is(.input-cupertino, .input-material) .modal.mod-settings .vertical-tab-nav-item[data-setting-id=zk-prefixer] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: var(--color-orange);
}
body:is(.input-cupertino, .input-material) .modal.mod-settings .vertical-tab-nav-item[data-setting-id=webviewer] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: var(--color-blue);
}

body {
  --status-bar-border-width: 0;
}

body:not(.status-bar-default, .status-bar-full, .status-bar-cupertino) .status-bar {
  transition: var(--anim-duration-moderate) var(--anim-motion-baseline);
  transform-origin: bottom right;
  background-color: transparent;
  min-height: 8px;
  height: calc-size(auto, size);
}

body:not(.status-bar-default, .status-bar-full, .status-bar-cupertino) .status-bar::before {
  transition: var(--anim-duration-moderate) var(--anim-motion-baseline);
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 150%;
  height: 200%;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(farthest-side at right bottom, var(--background-primary), hsl(from var(--mono-0) h s l/0));
}

body:not(.status-bar-default, .status-bar-full, .status-bar-cupertino) .status-bar:not(:hover) {
  transform: scale(0.8);
  opacity: 0.5;
}

body:not(.status-bar-default, .status-bar-full, .status-bar-cupertino) .status-bar:not(:hover)::before {
  opacity: 0;
}

body:is(body, .status-bar-default):not(.status-bar-full, .status-bar-cupertino) .mod-sidedock.mod-right-split .workspace-tabs:last-of-type .node-insert-event {
  padding-bottom: 36px;
}

body.status-bar-full {
  --status-bar-background: transparent;
  --status-bar-position: relative;
  --status-bar-radius: 0;
}
body.status-bar-full .status-bar {
  width: 100%;
}
body.status-bar-full .horizontal-main-container,
body.status-bar-full .workspace {
  overflow: visible;
}

body.status-bar-cupertino .status-bar {
  right: unset;
  justify-content: center;
  transition: var(--anim-duration-moderate) var(--anim-motion-baseline), background-color var(--anim-duration-moderate) ease;
  border-radius: 100vh;
  max-width: 100%;
  min-height: unset;
}
body.status-bar-cupertino .status-bar > div {
  transition: var(--anim-duration-moderate) var(--anim-motion-baseline);
}
body.status-bar-cupertino .status-bar:not(:hover) {
  bottom: 2px;
  background-color: hsl(from var(--mono-100) h s l/0.2);
  padding-block: 0;
  max-width: 160px;
  height: 4px;
}
body.status-bar-cupertino .status-bar:not(:hover) > div {
  transform: scale(0.9);
  opacity: 0;
  filter: blur(16px);
  white-space: nowrap;
}
body.status-bar-cupertino .status-bar:hover {
  bottom: 4px;
  box-shadow: var(--shadow-s);
  padding: 8px;
  height: 40px;
}
body.status-bar-cupertino .status-bar:hover::before {
  transform: scaleY(1);
}
body.status-bar-cupertino .status-bar::before {
  position: absolute;
  transform: scaleY(10);
  z-index: -1;
  transition: var(--anim-duration-fast) var(--anim-duration-fast);
  width: 100%;
  height: 100%;
  content: "";
}

body:not(.is-grabbing).status-bar-cupertino .app-container.no-transition .status-bar {
  bottom: 4px;
  background-color: var(--color-accent);
  color: var(--text-on-accent);
  max-width: 100% !important;
  height: 40px !important;
}
body:not(.is-grabbing).status-bar-cupertino .app-container.no-transition .status-bar > div {
  transform: none !important;
  opacity: 1 !important;
  filter: none !important;
}

.empty-state-container {
  max-height: unset;
}
.empty-state-container .empty-state-title {
  display: none;
}
.empty-state-container .empty-state-action-list {
  margin-top: 0;
  gap: 0;
}
.empty-state-container .empty-state-action-list .text-icon-button {
  --icon-color-hover: var(--text-muted);
  color: var(--text-muted);
  border: none;
}

body:not(.is-phone) .workspace-leaf-content[data-type=empty] .view-header {
  justify-content: flex-end;
}
body:not(.is-phone) .workspace-leaf-content[data-type=empty] .view-header .view-header-left,
body:not(.is-phone) .workspace-leaf-content[data-type=empty] .view-header .view-header-title-container {
  display: none;
}

body:not(.empty-state-logo-off) .empty-state-action-list::before {
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="140" height="180" viewBox="0 0 140 180" fill="none"><path d="M49.775 105.089C54.3828 103.715 61.8069 101.605 70.3434 101.082C65.2222 88.1449 63.986 76.8242 64.9803 66.7442C66.1285 55.1033 70.23 45.3874 74.228 37.1201C75.0811 35.3561 75.9012 33.7135 76.6879 32.1378C77.8017 29.9069 78.8486 27.81 79.8278 25.6916C81.4579 22.1652 82.6674 19.051 83.2791 16.1576C83.8806 13.3125 83.8838 10.7715 83.1727 8.3342C82.4607 5.89352 80.9475 3.26635 78.0704 0.386692C74.3134 -0.587559 70.1448 0.267767 67.0197 3.08162L29.9298 36.4772C27.861 38.34 26.503 40.8642 26.0879 43.6182L22.8899 64.8384C27.9185 69.2873 40.33 82.2201 47.8789 100.165C48.5525 101.766 49.1875 103.408 49.775 105.089Z" fill="white"/><path d="M21.3902 74.5293C21.2153 75.2761 20.9692 76.0051 20.6549 76.7063L1.05225 120.436C-0.961131 124.928 -0.0336421 130.194 3.39276 133.726L34.2418 165.523C49.9952 142.262 47.6984 120.379 40.5026 103.274C35.0465 90.3037 26.777 80.1526 21.3902 74.5293Z" fill="white"/><path d="M41.3687 169.269C41.9093 169.355 42.4575 169.407 43.0096 169.424C48.864 169.6 58.7098 170.109 66.6947 171.582C73.2088 172.783 86.1213 176.397 96.747 179.505C104.855 181.877 113.211 175.396 114.387 167.024C115.245 160.917 116.855 154.009 119.821 147.677L119.753 147.702C114.73 133.682 108.34 124.629 101.641 118.849C94.9619 113.086 87.7708 110.397 80.8276 109.42C69.2835 107.795 58.7071 110.832 52.0453 112.791C56.0353 129.428 54.8074 149.004 41.3687 169.269Z" fill="white"/><path d="M124.96 139.034C131.626 128.965 136.375 121.134 138.881 116.888C140.135 114.764 139.907 112.102 138.423 110.133C134.554 105.002 127.152 94.5755 123.12 84.9218C118.973 74.9962 118.355 59.5866 118.319 52.081C118.306 49.2279 117.402 46.4413 115.639 44.1994L91.6762 13.73C91.5918 15.1034 91.3946 16.4659 91.1093 17.8158C90.3118 21.5882 88.8073 25.3437 87.0916 29.0552C86.086 31.2306 84.9238 33.5612 83.7497 35.9157C82.9682 37.4827 82.1814 39.0607 81.432 40.6102C77.5579 48.6212 73.9528 57.3151 72.9451 67.5313C72.011 77.0006 73.2894 88.014 79.0482 101.162C80.0074 101.243 80.9727 101.351 81.9422 101.487C90.2067 102.651 98.8807 105.891 106.866 112.781C113.73 118.704 119.932 127.19 124.96 139.034Z" fill="white"/></svg>');
  background-color: var(--background-modifier-hover);
  height: 4rem;
  width: 100%;
  content: "";
  display: flex;
  margin-bottom: 20px;
  pointer-events: none;
}

body:is(.empty-state-baseline, :not(.css-settings-manager)) .empty-state-action-list .text-icon-button {
  --icon-size: var(--icon-xs);
  --icon-stroke: var(--icon-xs-stroke-width);
}
body:is(.empty-state-baseline, :not(.css-settings-manager)).is-mobile .empty-state-action-list .text-icon-button {
  justify-content: center;
}

body.empty-state-icon .empty-state-action-list {
  flex-direction: row;
  flex-wrap: wrap;
}
body.empty-state-icon .empty-state-action-list .text-icon-button {
  width: auto;
  padding: 8px;
}
body.empty-state-icon .empty-state-action-list .text-button-label,
body.empty-state-icon .empty-state-action-list .empty-state-hotkey {
  display: none;
}
body.empty-state-icon.is-mobile .empty-state-action-list .text-icon-button {
  --icon-size: var(--icon-l);
  --icon-stroke: var(--icon-l-stroke-width);
  width: var(--touch-size-m);
  height: var(--touch-size-m);
}

body.empty-state-text .empty-state-action-list .text-icon-button {
  justify-content: center;
}
body.empty-state-text .empty-state-action-list .text-button-icon {
  display: none;
}
body.empty-state-text .empty-state-action-list .empty-state-hotkey {
  margin-inline-start: 0;
}

body.empty-state-hidden .empty-state-action-list::before {
  height: 4rem;
  width: 4rem;
  margin-bottom: 0;
}
body.empty-state-hidden .empty-state-action-list .text-icon-button {
  display: none;
}

body.input-cupertino .empty-state-action-list .text-icon-button:hover {
  box-shadow: var(--raised-shadow);
  background: var(--raised-background);
}

body.is-mobile {
  --touch-radius-xxs: var(--radius-s);
  --touch-radius-xs: var(--radius-s);
  --touch-radius-s: var(--radius-s);
  --touch-radius-m: var(--radius-m);
  --touch-radius-l: var(--radius-l);
  --touch-radius-xl: var(--radius-xl);
  --radius-s: calc(16px * var(--radius-modifier));
  --radius-m: calc(16px * var(--radius-modifier));
  --radius-l: calc(24px * var(--radius-modifier));
  --radius-xl: calc(32px * var(--radius-modifier));
  --tab-radius: var(--radius-s);
  --tab-curve: var(--tab-radius);
  --font-ui-smaller: calc(var(--font-text-size) * 0.8 + var(--font-ui-modifier));
  --font-ui-small: calc(var(--font-text-size) * 0.937 + var(--font-ui-modifier));
  --font-ui-medium: calc(var(--font-text-size) + var(--font-ui-modifier));
  --font-ui-large: calc(var(--font-text-size) * 1.2 + var(--font-ui-modifier));
  --view-header-height: var(--header-height);
  --keyboard-spacing: 8px;
  --touch-size-l: 48px;
  --touch-size-xl: 52px;
  --file-margins-y: 8px;
  --file-margins-x: 24px;
  --view-top-fade-opacity: 0.5;
  --view-bottom-fade-mask: none;
  --modal-background: var(--background-secondary);
  --mobile-sidebar-background: var(--background-secondary);
  --tab-switcher-menubar-background: transparent;
  --tab-switcher-preview-radius: var(--radius-m);
  --icon-opacity-hover: var(--icon-opacity);
  --input-border-width: var(--border-width);
  --input-border-width-focus: 0;
  --navbar-max-width: auto !important;
  --navbar-bottom-offset: max(var(--safe-area-inset-bottom), var(--safe-area-inset-side));
  --navbar-side-offset: min(var(--navbar-bottom-offset), 32px);
  --mobile-toolbar-height: var(--touch-size-m);
  --toolbar-option-width: var(--mobile-toolbar-height);
  --safe-area-inset-side: 16px;
  --mobile-left-sidebar-width: 360px;
  --mobile-right-sidebar-width: 360px;
  --mobile-left-sidebar-width-pinned: 300px;
  --mobile-right-sidebar-width-pinned: 300px;
}
body.is-mobile.theme-dark {
  --tag-background: color-mix(in oklch, var(--color-accent) 10%, transparent);
  --setting-items-background: var(--background-secondary-alt);
  --setting-items-divider-color: var(--background-modifier-hover);
  --menu-divider-color: var(--background-modifier-hover);
  --mobile-sidebar-background: var(--background-secondary);
  --modal-background: var(--background-primary);
  --interactive-normal: color-mix(in srgb, var(--background-primary), white 5%);
  --interactive-hover: color-mix(in srgb, var(--interactive-normal), black 5%);
}
body.is-mobile:not(.input-cupertino) {
  --raised: none;
}
body.is-mobile:not(.input-cupertino) .mobile-navbar {
  background-color: color-mix(in srgb, var(--background-secondary) var(--blur-opacity-m), transparent) !important;
  backdrop-filter: var(--blur-m);
  border: var(--border-width) solid var(--background-modifier-hover);
}
body.is-mobile.is-tablet .mod-raised::after {
  content: none !important;
}
body.is-mobile .workspace-drawer .workspace-leaf-content > .node-insert-event,
body.is-mobile .workspace-drawer .workspace-leaf-content > .view-content > .node-insert-event {
  padding-inline: var(--safe-area-inset-side);
}
body.is-mobile .workspace-drawer .workspace-leaf-content:after {
  content: none !important;
}
body.is-mobile .workspace-drawer .workspace-drawer-inner {
  background-color: transparent;
}
body.is-mobile .workspace-drawer .workspace-drawer-header {
  padding-top: 12px;
  padding-inline: 24px;
}
body.is-mobile .workspace-drawer .workspace-drawer-header-name-text {
  font-family: var(--h1-font);
  font-size: var(--font-ui-small);
}
body.is-mobile .workspace-drawer .workspace-drawer-active-tab-chevron {
  margin-inline-start: 0;
}
body.is-mobile .workspace-drawer .workspace-drawer-tab-options.is-collapsed::before {
  background-color: transparent;
  pointer-events: none;
}
body.is-mobile .workspace-drawer .workspace-drawer-tab-options::before {
  position: fixed;
  z-index: 1;
  transition: var(--anim-duration-fast);
  inset: 0;
  background-color: var(--mobile-sidebar-background);
  content: "";
}
body.is-mobile .workspace-drawer .workspace-drawer-tab-options-list {
  background-color: transparent;
  padding: 0;
}
body.is-mobile .workspace-drawer .workspace-drawer-tab-options .workspace-tab-header-inner {
  padding: calc(12px * var(--density-modifier)) 16px;
  height: var(--touch-size-m);
  font-weight: var(--font-normal);
}
body.is-mobile .workspace-drawer .workspace-drawer-tab-options .workspace-drawer-tab-select .workspace-tab-header-inner {
  background-color: transparent;
}
body.is-mobile .workspace-drawer .nav-header {
  padding: 0;
}
body.is-mobile .workspace-drawer .search-row,
body.is-mobile .workspace-drawer .nav-header .search-input-container {
  margin: 8px var(--safe-area-inset-side) 0;
  width: -webkit-fill-available;
  width: stretch;
}
body.is-mobile .workspace-drawer .nav-buttons-container {
  padding: 0 var(--safe-area-inset-side);
}
body.is-mobile .workspace-drawer .nav-buttons-container::after {
  content: none !important;
}
body.is-mobile .workspace-drawer .nav-action-button {
  flex: 1;
}
body.is-mobile .workspace-drawer .nav-action-button.is-active {
  color: var(--interactive-accent);
}
body.is-mobile .workspace-drawer .search-input-container {
  --background-modifier-form-field: inherit;
  --background-modifier-form-field-hover: inherit;
  --search-input-radius: var(--input-radius);
}
body.is-mobile .workspace-drawer .search-input-container input {
  border-width: var(--border-width);
}
body.is-mobile.horizontal-tab-options .workspace-drawer-tab-options-list {
  flex-direction: row;
  overflow: visible;
}
body.is-mobile.horizontal-tab-options .workspace-drawer-tab-options-list .workspace-tab-header {
  flex: 1;
  animation: none !important;
}
body.is-mobile.horizontal-tab-options .workspace-drawer-tab-options-list .workspace-tab-header-inner {
  padding-inline: 0 !important;
}
body.is-mobile.horizontal-tab-options .workspace-drawer-tab-options-list .workspace-tab-header:not(.is-swiping) .workspace-tab-header-inner-title {
  opacity: 0;
}
body.is-mobile.horizontal-tab-options .workspace-drawer-tab-options-list .workspace-tab-header-inner-title {
  position: fixed;
  align-self: center;
  inset: 0;
  width: 100%;
  color: var(--text-muted);
  text-align: center;
}
body.is-mobile .mobile-tab-preview:before {
  content: none;
}
body.is-mobile .mobile-toolbar-spacer {
  background-color: transparent;
}
body.is-mobile .mobile-toolbar {
  box-shadow: none;
}
body.is-mobile .pull-action {
  border-radius: 100vh;
  background-color: var(--background-secondary);
  background-image: none;
  border: var(--border-width) solid var(--background-modifier-border);
  padding: 16px;
  width: auto;
  color: var(--text-normal);
  font-size: var(--font-ui-small);
  transition: var(--anim-duration-fast), opacity var(--anim-duration-slow), transform 0s !important;
}
@starting-style {
  body.is-mobile .pull-action {
    opacity: 0;
  }
}
body.is-mobile .pull-action.pull-action.mod-activated {
  font-weight: calc(var(--font-weight) + var(--bold-modifier));
  background-color: var(--interactive-accent);
  color: var(--text-on-accent);
  border-color: transparent;
}
body.is-mobile .pull-down-action {
  inset: calc(var(--safe-area-inset-top) + 8px) 8px auto;
  max-width: 480px;
}

body.is-phone {
  --mobile-sidebar-radius: 0;
  --vault-profile-order: 0;
}
body.is-phone .workspace {
  background-color: var(--mobile-sidebar-background);
}
body.is-phone .workspace-drawer.mod-primary:has(+ .mod-root[style]),
body.is-phone .mod-root[style] + .workspace-drawer.mod-secondary {
  transform: none !important;
  z-index: 0 !important;
}
body.is-phone .mod-root[style] {
  z-index: 1;
}
body.is-phone .mod-root[style*="transform: translateX"] {
  border-radius: var(--safe-area-inset-top);
  overflow: hidden;
  box-shadow: var(--raised-shadow);
}
body.is-phone .mod-root[style] ~ .workspace-drawer-backdrop {
  opacity: 0 !important;
}
body.is-phone .is-primary-sidedock-open .mod-root[style] ~ .workspace-drawer-backdrop {
  left: var(--mobile-sidebar-width);
}
body.is-phone .is-secondary-sidedock-open .mod-root[style] ~ .workspace-drawer-backdrop {
  left: unset;
  right: var(--mobile-sidebar-width);
}
body.is-phone .workspace-drawer {
  width: var(--mobile-sidebar-width-override, var(--mobile-sidebar-width));
}
body.is-phone .workspace-drawer-header {
  z-index: 1;
  justify-content: flex-end;
}
body.is-phone .workspace-drawer-header-left {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
body.is-phone .workspace-drawer-header-name {
  white-space: nowrap;
  min-width: 0;
}
body.is-phone .workspace-drawer-header-info {
  margin-top: 0;
  margin-left: auto;
  color: var(--text-faint);
  white-space: nowrap;
}
body.is-phone .workspace-drawer-header-icon {
  position: absolute;
  bottom: max(0px, max(var(--safe-area-inset-bottom), var(--size-4-4)) - var(--keyboard-height));
}
body.is-phone .workspace-drawer-tab-options {
  margin-inline: var(--safe-area-inset-side);
  height: var(--touch-size-m);
}
body.is-phone .workspace-drawer-tab-options.is-collapsed {
  margin-right: calc(var(--safe-area-inset-side) + var(--touch-size-m));
}
body.is-phone .workspace-drawer-tab-select {
  height: 100%;
}
body.is-phone .workspace-drawer-tab-select .workspace-tab-header-inner {
  justify-content: flex-start;
}
body.is-phone .workspace-drawer-tab-select .workspace-tab-header-inner-title {
  flex: unset;
  width: auto;
}
body.is-phone .workspace-drawer-tab-options-list {
  margin: 0 0 var(--touch-size-m);
}
body.is-phone .workspace-drawer .workspace-leaf-content .nav-header ~ div:last-child {
  padding-top: 16px !important;
  mask: linear-gradient(to top, hsla(0, 0%, 0%, 0) 0px, hsla(0, 0%, 0%, 0.013) 5px, hsla(0, 0%, 0%, 0.049) 10px, hsla(0, 0%, 0%, 0.104) 14px, hsla(0, 0%, 0%, 0.175) 18px, hsla(0, 0%, 0%, 0.259) 22px, hsla(0, 0%, 0%, 0.352) 26px, hsla(0, 0%, 0%, 0.45) 30px, hsla(0, 0%, 0%, 0.55) 34px, hsla(0, 0%, 0%, 0.648) 38px, hsla(0, 0%, 0%, 0.741) 42px, hsla(0, 0%, 0%, 0.825) 46px, hsla(0, 0%, 0%, 0.896) 50px, hsla(0, 0%, 0%, 0.951) 54px, hsla(0, 0%, 0%, 0.987) 59px, hsl(0, 0%, 0%) 64px, black calc(100% - 16px), transparent);
}
body.is-phone .mod-root {
  mask-image: none !important;
}
body.is-phone .mod-root .view-header {
  top: 0;
  transition: var(--anim-duration-moderate) var(--anim-motion-baseline);
  will-change: top;
  z-index: 3;
  padding-inline: var(--safe-area-inset-side);
}
body.is-phone .mod-root .view-actions {
  padding: 0;
}
body.is-phone:not(.mode-switcher-off) .view-header-left .view-action,
body.is-phone:not(.mode-switcher-off) .view-actions {
  backdrop-filter: none !important;
}
body.is-phone.auto-full-screen-title .workspace-leaf-content[data-type=markdown] .view-header-title-parent,
body.is-phone.auto-full-screen-title .workspace-leaf-content[data-type=markdown] .view-header-title {
  transition: none;
}
body.is-phone.auto-full-screen-title .workspace-leaf-content[data-type=markdown] .view-header-left,
body.is-phone.auto-full-screen-title .workspace-leaf-content[data-type=markdown] .view-actions {
  transition: var(--anim-duration-moderate);
}
body.is-phone.auto-full-screen-title.is-hidden-nav .workspace-leaf-content[data-type=markdown] .view-header-title-container {
  margin-inline: auto;
  inset: auto var(--navbar-side-offset) 16px;
  border-radius: 100vh;
  background-color: hsl(from var(--background-primary) h s l/50%);
  padding: 8px 16px;
  width: fit-content;
  line-height: 1;
  position: fixed;
  flex: none;
  opacity: 0;
  backdrop-filter: blur(4px);
  display: flex !important;
}
body.is-phone.auto-full-screen-title.is-hidden-nav .workspace-leaf-content[data-type=markdown] .view-header-title-parent,
body.is-phone.auto-full-screen-title.is-hidden-nav .workspace-leaf-content[data-type=markdown] .view-header-title {
  font-weight: var(--font-normal);
  font-size: var(--font-ui-smaller);
}
body.is-phone.auto-full-screen-title.is-hidden-nav .workspace-leaf-content[data-type=markdown] .view-header-title {
  color: var(--text-muted) !important;
}
body.is-phone.auto-full-screen-title.is-hidden-nav .workspace-leaf-content[data-type=markdown] .view-header,
body.is-phone.auto-full-screen-title.is-hidden-nav .workspace-leaf-content[data-type=markdown] .view-header-title-container {
  opacity: 1;
}
body.is-phone.auto-full-screen-title.is-hidden-nav .workspace-leaf-content[data-type=markdown] .view-header-left,
body.is-phone.auto-full-screen-title.is-hidden-nav .workspace-leaf-content[data-type=markdown] .view-actions {
  visibility: hidden;
  opacity: 0;
}
body.is-phone.auto-full-screen.is-hidden-nav .mod-root .view-header {
  transform: none;
  top: -32px;
}
body.is-phone.auto-full-screen.is-hidden-nav .mobile-navbar, body.is-phone.auto-full-screen.is-hidden-nav:not(.mode-switcher-off) .mod-root .workspace-leaf-content[data-type=markdown] .view-header .view-actions button:nth-last-child(2) {
  transform: none;
  margin-bottom: 0;
}
body.is-phone.auto-full-screen.is-hidden-nav .mod-root .workspace-leaf-content[data-type=markdown] > .view-content::before,
body.is-phone.auto-full-screen.is-hidden-nav .mod-root .workspace-leaf-content[data-type=markdown] > .view-content::after {
  opacity: 0;
}
body.is-phone.is-floating-nav:not(.mod-toolbar-open) .mod-root .workspace-leaf-content[data-type=markdown] > .view-content::before, body.is-phone.is-floating-nav:not(.mod-toolbar-open) .mod-root .workspace-leaf-content[data-type=markdown] > .view-content::after {
  position: absolute;
  z-index: 1;
  backdrop-filter: blur(2px);
  inset-inline: 0;
  pointer-events: none;
  content: "";
  transition: var(--anim-duration-moderate);
}
body.is-phone.is-floating-nav:not(.mod-toolbar-open) .mod-root .workspace-leaf-content[data-type=markdown] > .view-content::before {
  top: 0;
  mask: linear-gradient(to bottom, black calc(var(--safe-area-inset-top) + var(--view-header-height) / 2), transparent);
  height: var(--view-top-spacing-markdown);
}
body.is-phone:not(html:where([style*="--keyboard-height: 0px"], :not([style*="--keyboard-height"])) body):not(.mod-toolbar-open) .mod-root .workspace-leaf-content[data-type=markdown] .view-actions button:nth-last-child(2) {
  opacity: 0;
  pointer-events: none;
}
body.is-phone:not(html:where([style*="--keyboard-height: 0px"], :not([style*="--keyboard-height"])) body):not(.mod-toolbar-open) .mod-root .workspace-leaf-content[data-type=markdown] > .view-content > div {
  mask-image: none;
}
body.is-phone:not(html:where([style*="--keyboard-height: 0px"], :not([style*="--keyboard-height"])) body):not(.mod-toolbar-open) .mod-root .workspace-leaf-content[data-type=markdown] > .view-content::after {
  content: none !important;
}
body.is-phone:not(.mode-switcher-off) .mod-root .workspace-leaf-content[data-type=markdown] .view-actions button:nth-last-child(2) {
  position: fixed;
  transition: var(--anim-duration-moderate) var(--anim-motion-baseline), right 0s, bottom 0s, height 0s, opacity 0s !important;
  margin-right: var(--navbar-side-offset);
  margin-bottom: var(--navbar-bottom-offset);
  bottom: 0;
  right: 0;
  border-radius: 100%;
  width: var(--touch-size-l);
  height: var(--touch-size-l);
  background-color: color-mix(in srgb, var(--background-secondary) var(--blur-opacity-m), transparent);
  backdrop-filter: var(--blur-m);
  border: var(--border-width) solid var(--background-modifier-hover);
}
body.is-phone.mod-toolbar-open:not(.mode-switcher-off) .mod-root .workspace-leaf-content[data-type=markdown] .view-actions button:nth-last-child(2) {
  width: var(--touch-size-m);
  height: var(--touch-size-m);
  margin-right: var(--keyboard-spacing);
  margin-bottom: var(--keyboard-spacing);
}
body.is-phone:not(.is-floating-nav):not(.mod-toolbar-open):not(.mode-switcher-off) .mod-root .workspace-leaf-content[data-type=markdown] .view-actions button:nth-last-child(2) {
  margin-right: 16px;
  margin-bottom: 16px;
}
body.is-phone:not(.is-floating-nav):not(.mod-toolbar-open):not(.mode-switcher-off).auto-full-screen .mod-root .workspace-leaf-content[data-type=markdown] .view-actions button:nth-last-child(2) {
  margin-bottom: calc(var(--navbar-height) + 16px);
}
body.is-phone > .app-container > .horizontal-main-container:has(.workspace > .mod-root > .workspace-tabs.mod-visible > .workspace-tab-container > .workspace-leaf.mod-active > .workspace-leaf-content:not([data-type=markdown])) .view-actions button:nth-last-child(2) {
  opacity: 0;
  pointer-events: none;
}
body.is-phone.is-floating-nav.mode-switcher-off .mobile-navbar, body.is-phone.is-floating-nav > .app-container > .horizontal-main-container:has(.workspace > .mod-root > .workspace-tabs.mod-visible > .workspace-tab-container > .workspace-leaf.mod-active > .workspace-leaf-content:not([data-type=markdown])) ~ .mobile-navbar {
  margin-right: var(--navbar-side-offset);
}
body.is-phone.is-floating-nav .mobile-navbar {
  width: auto;
  margin: auto calc(8px + var(--touch-size-l) + var(--navbar-side-offset)) var(--navbar-bottom-offset) var(--navbar-side-offset);
  padding: 8px;
  transition: var(--anim-duration-moderate) var(--anim-motion-baseline), background-color var(--anim-duration-moderate), transform 0s;
  z-index: 2;
}
body.is-phone .mobile-navbar-action {
  min-width: 0;
  margin-inline-start: 0;
}
body.is-phone .mobile-navbar-actions {
  --icon-size: var(--icon-l);
  --icon-stroke: var(--icon-l-stroke-width);
}
body.is-phone .mobile-navbar-tabs-action {
  font-family: "Inter";
}
body.is-phone:not(.is-floating-nav) .mobile-navbar {
  border: none !important;
  background-color: var(--background-primary) !important;
  transition: var(--anim-duration-moderate) !important;
}
body.is-phone.mode-switcher-off.mod-toolbar-open .mobile-toolbar {
  padding-right: var(--keyboard-spacing);
}
body.is-phone:not(.AT-row, .AT-multirow, .AT-column).mod-toolbar-open .mod-root .view-content {
  margin-bottom: calc(var(--mobile-toolbar-height) + var(--keyboard-spacing));
}
body.is-phone:not(.AT-row, .AT-multirow, .AT-column) .mobile-toolbar-spacer {
  display: none;
}
body.is-phone:not(.AT-row, .AT-multirow, .AT-column) .mobile-toolbar {
  width: auto;
  top: calc(100vh - var(--keyboard-height) - var(--mobile-toolbar-height) - var(--keyboard-spacing));
  left: var(--keyboard-spacing);
  right: calc(var(--keyboard-spacing) + var(--touch-size-m) + 4px);
}
body.is-phone:not(.AT-row, .AT-multirow, .AT-column) .mobile-toolbar-options-container {
  gap: 4px;
  width: 100%;
  margin: 0;
}
body.is-phone:not(.AT-row, .AT-multirow, .AT-column) .mobile-toolbar-options-list {
  padding: 0px;
}

body.is-tablet {
  --titlebar-background: var(--background-secondary) !important;
  --titlebar-background-focused: var(--background-secondary) !important;
  --mobile-sidebar-min-width: unset;
}
body.is-tablet .workspace {
  background-color: var(--mobile-sidebar-background);
}
body.is-tablet .workspace-tab-header {
  padding-bottom: 0 !important;
}
body.is-tablet .workspace-tab-header-new-tab,
body.is-tablet .workspace-tab-header-tab-list,
body.is-tablet .sidebar-toggle-button,
body.is-tablet .view-header-left,
body.is-tablet .view-actions {
  padding: 4px 0;
}
body.is-tablet .workspace .mod-root .workspace-tab-header-container .clickable-icon,
body.is-tablet .view-header .clickable-icon,
body.is-tablet .workspace-drawer-header-icon {
  border-radius: 100vh;
  padding: 10px;
  position: relative;
  margin-left: 0;
}
body.is-tablet .workspace-drawer.is-pinned,
body.is-tablet .workspace-split.mod-root,
body.is-tablet .workspace-split.mod-root .workspace-split {
  background-color: transparent;
}
body.is-tablet .workspace-drawer .workspace-drawer-ribbon .side-dock-actions {
  padding-block: 12px;
}
body.is-tablet .workspace-drawer .workspace-drawer-header-left {
  margin-left: 12px;
}
body.is-tablet .workspace-drawer .workspace-leaf-content .nav-header ~ div:last-child {
  mask: linear-gradient(to bottom, transparent, black 16px, black calc(100% - 16px), transparent);
}
body.is-tablet .workspace-drawer .workspace-drawer-tab-options-list {
  margin: var(--touch-size-l) 0 0;
}
body.is-tablet .workspace-drawer:not(.is-pinned).mod-left {
  max-width: var(--mobile-left-sidebar-width, var(--mobile-sidebar-max-width));
}
body.is-tablet .workspace-drawer:not(.is-pinned).mod-right {
  max-width: var(--mobile-right-sidebar-width, var(--mobile-sidebar-max-width));
}
body.is-tablet .workspace-drawer.is-pinned.mod-left {
  width: var(--mobile-left-sidebar-width-pinned, var(--mobile-sidebar-width-pinned));
}
body.is-tablet .workspace-drawer.is-pinned.mod-right {
  width: var(--mobile-right-sidebar-width-pinned, var(--mobile-sidebar-width-pinned));
}
body.is-tablet .workspace-drawer:not(.is-pinned) {
  margin: var(--safe-area-inset-top) 8px calc(var(--keyboard-height) + 8px);
  padding-top: 0;
  border-radius: var(--mobile-sidebar-radius);
  height: auto;
}
body.is-tablet .workspace-drawer:not(.is-pinned) .workspace-drawer-inner {
  padding-top: 0px;
}
body.is-tablet .workspace-drawer.is-pinned {
  flex-shrink: 0;
  max-width: 50%;
}
body.is-tablet .workspace-drawer.is-pinned > .workspace-leaf-resize-handle:not(:hover) {
  border-color: transparent;
}
body.is-tablet .workspace-drawer .workspace-drawer-tab-options {
  margin: 8px;
}
body.is-tablet .workspace-drawer .workspace-drawer-active-tab-container {
  background-color: transparent;
}
body.is-tablet .workspace-drawer-header-icon.mod-raised {
  backdrop-filter: none;
  box-shadow: none;
  background: none !important;
  border: none;
}
body.is-tablet .workspace-drawer-header-icon::after {
  content: none !important;
}

body:not(.is-mobile) .backlink-pane .search-result-file-match:not(:hover) .search-result-file-match-replace-button {
  display: none;
}
body:not(.is-mobile) .backlink-pane .search-result-file-match-replace-button {
  padding: 4px 8px;
}

.embedded-backlinks .nav-header > .search-input-container {
  width: 100%;
  margin: 48px 0 16px;
  align-self: start;
}

.markdown-embed[data-type=footnote] {
  background-color: transparent;
  overflow: visible;
}

.workspace-leaf-content[data-type=webviewer] .view-header {
  gap: 0;
}
.workspace-leaf-content[data-type=webviewer] .view-header-left,
.workspace-leaf-content[data-type=webviewer] .view-actions {
  flex: 0;
}
.workspace-leaf-content[data-type=webviewer] .webviewer-content {
  border-top: none;
}

.canvas-card-menu {
  gap: 4px;
  backdrop-filter: var(--blur-m);
  box-shadow: none;
  border: var(--border-width) solid var(--background-modifier-hover);
  background-color: color-mix(in srgb, var(--background-secondary) var(--blur-opacity-m), transparent) !important;
  padding: 8px;
}

.canvas-card-menu .canvas-card-menu-button svg {
  --icon-size: 24px;
  fill: none;
}

@media only screen and (max-width: 600px) {
  .omnisearch-input-container__buttons {
    padding: 0 8px;
  }
  .omnisearch-input-field {
    padding: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .omnisearch-input-container__buttons {
    margin-inline-end: 4px;
  }
}
.omnisearch-input-field {
  display: flex;
  align-items: center;
  width: 100%;
}

.omnisearch-input-container__buttons button {
  box-shadow: none;
  border: var(--input-border-width) solid var(--background-modifier-border);
}

.omnisearch-result > div {
  gap: 4px;
  width: 100%;
}
.omnisearch-result > div .omnisearch-result__title,
.omnisearch-result > div .omnisearch-result__icon + span {
  flex: 1;
}
.omnisearch-result > div .omnisearch-result__title-container,
.omnisearch-result > div .omnisearch-result__folder-path {
  margin-bottom: 4px;
}
.omnisearch-result > div .omnisearch-result__body {
  margin-inline: 0;
}

body:not(.is-mobile) .omnisearch-input-container__buttons {
  display: none;
}

@media only screen and (max-width: 600px) {
  body:is(.layout-cards, .layout-border) .omnisearch-input-container__buttons {
    padding: 0;
  }
}
@media only screen and (min-width: 600px) {
  body:is(.layout-cards, .layout-border) .omnisearch-input-container__buttons {
    margin-inline-end: 0;
  }
  body:is(.layout-cards, .layout-border) .omnisearch-input-container__buttons button {
    height: var(--prompt-input-height);
  }
}
body:is(.layout-cards, .layout-border) .omnisearch-input-container {
  margin: 8px 8px 0;
  border-bottom-width: 0;
}

body {
  --nn-theme-mobile-nav-bg: transparent;
  --nn-theme-nav-header-bg: transparent;
  --nn-theme-nav-bg: transparent;
  --nn-theme-list-header-bg: transparent;
  --nn-theme-list-bg: transparent;
  --nn-theme-navitem-selected-bg: var(--background-modifier-hover);
  --nn-theme-navitem-selected-inactive-bg: var(--background-modifier-hover);
  --nn-theme-file-tag-bg: var(--tag-background);
  --nn-theme-file-tag-color: var(--tag-color);
  --nn-theme-mobile-list-header-link-color: var(--text-normal);
  --nn-theme-mobile-toolbar-button-icon-color: var(--text-normal);
  --nn-theme-mobile-toolbar-button-active-icon-color: var(--text-on-accent);
  --nn-theme-mobile-toolbar-button-active-bg: var(--interactive-accent);
  --nn-theme-navitem-border-radius: var(--radius-m);
  --nn-theme-file-border-radius: var(--radius-m);
}

.notebook-navigator {
  background-color: transparent;
}

body:not(.is-mobile) .view-content.notebook-navigator {
  padding: 0 !important;
}
body:not(.is-mobile) .view-content.notebook-navigator .nn-single-pane .nn-navigation-pane {
  border-right: none;
}
body:not(.is-mobile) .view-content.notebook-navigator .nn-pane-header {
  padding: 8px 12px;
}
body:not(.is-mobile) .view-content.notebook-navigator .nn-header-actions button.nn-icon-button {
  padding: 8px;
  min-width: unset;
  height: auto;
}

body.is-mobile .view-content.notebook-navigator-mobile .nn-pane-header,
body.is-mobile .view-content.notebook-navigator-mobile .nn-mobile-title {
  padding: 0;
}

.hider-sidebar-buttons.mod-macos {
  --frame-left-space: calc(80px - var(--ribbon-width));
}

.hider-sidebar-buttons .sidebar-toggle-button.mod-left,
.hider-sidebar-buttons .sidebar-toggle-button.mod-right {
  display: flex;
  visibility: hidden;
  width: 0 !important;
  opacity: 0;
}

body.is-phone.hider-sidebar-buttons .view-header-left {
  display: none;
}
body.is-phone.hider-sidebar-buttons .view-header-title-container {
  margin-left: 8px !important;
}

.obsidian-themepocalypse:not(.qe-hide-breadcrumbs) {
  --status-bar-radius: 0;
  --status-bar-border-width: 0;
  --status-bar-background: transparent;
}
.obsidian-themepocalypse:not(.qe-hide-breadcrumbs) #quick-explorer .explorable {
  color: var(--text-faint);
  transition: var(--anim-duration-fast);
}
.obsidian-themepocalypse:not(.qe-hide-breadcrumbs) #quick-explorer .explorable.selected,
.obsidian-themepocalypse:not(.qe-hide-breadcrumbs) #quick-explorer .explorable:hover {
  background-color: transparent;
  color: var(--text-normal);
}
.obsidian-themepocalypse:not(.qe-hide-breadcrumbs) .horizontal-main-container,
.obsidian-themepocalypse:not(.qe-hide-breadcrumbs) .workspace {
  overflow: visible;
}
.obsidian-themepocalypse:not(.qe-hide-breadcrumbs) .workspace-split {
  padding-bottom: 0 !important;
}
.obsidian-themepocalypse:not(.qe-hide-breadcrumbs) .status-bar {
  width: 100%;
  transform: none !important;
  opacity: 1 !important;
}
.obsidian-themepocalypse:not(.qe-hide-breadcrumbs) .status-bar::before {
  content: none !important;
}
.obsidian-themepocalypse:not(.qe-hide-breadcrumbs).status-bar-cupertino .status-bar {
  margin: 4px 0;
}
.obsidian-themepocalypse:not(.qe-hide-breadcrumbs).status-bar-cupertino .status-bar:hover {
  margin: 0;
  box-shadow: none;
  backdrop-filter: none;
  border: none;
}

body:not(.is-mobile):not(.nav-action-center, .nav-action-left) .mod-sidedock.novel-word-count--active .nav-header:not(:hover) .nav-buttons-container .nav-action-button {
  opacity: 0;
}
body:not(.is-mobile):not(.nav-action-center, .nav-action-left) .mod-sidedock.novel-word-count--active .nav-header:not(:hover) .nav-buttons-container::after {
  opacity: 1;
}
body:not(.is-mobile):not(.nav-action-center, .nav-action-left) .mod-sidedock.novel-word-count--active .nav-header .nav-buttons-container {
  flex-wrap: nowrap !important;
}
body:not(.is-mobile):not(.nav-action-center, .nav-action-left) .mod-sidedock.novel-word-count--active .nav-header .nav-buttons-container::after {
  position: absolute;
  align-self: center;
  opacity: 0;
  transition: var(--anim-duration-moderate);
  overflow: visible;
  color: var(--text-faint);
}

.field-btn-container {
  margin-inline-start: 8px;
}

.field-btn-container button.property-metadata-menu,
.plugin-metadata-menu .status-item-bt {
  padding: 0 !important;
  background-color: transparent;
  align-self: center;
}

.metadata-menu .suggester-input {
  margin-top: 0;
}
.metadata-menu .prompt-input-container {
  height: var(--prompt-input-height);
  position: absolute;
  inset: 0 0 auto;
  pointer-events: none;
}
.metadata-menu .search-input-clear-button {
  display: none;
}
.metadata-menu .value-container.value-checked.is-selected {
  color: var(--text-on-accent);
}

.relative-line-numbers-mono {
  position: absolute;
  width: 100%;
}

body.is-phone.is-mobile .pixel-banner .select-image-icon {
  display: none;
}
body.is-phone.is-mobile .pixel-banner .pixel-banner-image {
  top: var(--view-top-spacing-markdown);
}

body.is-mobile .kanban-plugin__item,
body.is-mobile .kanban-plugin__item-input-wrapper {
  border-radius: var(--radius-s);
}

body.minimal-theme .workspace::before {
  content: "Baseline is not compatible with Minimal Theme Settings.\a\aTo use this theme, disable Minimal Theme Settings in Community plugins.";
  text-align: center;
  white-space: pre-wrap;
  position: fixed;
  inset: 0;
  color: var(--text-muted);
  font-size: var(--font-ui-medium);
  z-index: 49;
  pointer-events: none;
  background-color: var(--background-primary);
  align-self: center;
  justify-self: center;
  padding: 32px;
  border-radius: var(--radius-l);
  box-shadow: var(--shadow-l);
}

.excalidraw {
  --input-height: 32px;
}

.calendar {
  table-layout: fixed;
}
.calendar th,
.calendar td {
  white-space: nowrap;
}

/*!
/* @settings

name: Baseline
id: baseline-style
settings:
	-
		id: info
		title: Get started
		type: heading
		level: 1
		collapsed: false
	-
		id: marketplace
		title: Browse Marketplace
		type: info-text
		level: 1
		markdown: true
		description: Marketplace[](https://baseline.svnaxis.me/marketplace)
	-
		id: migration
		title: Switch to Baseline
		type: info-text
		level: 1
		markdown: true
		description: Migrate[](https://baseline.svnaxis.me/converter/)
	-
		id: support
		title: Support Development
		type: info-text
		level: 1
		markdown: true
		description: Support[](https://www.buymeacoffee.com/svnaxis/)
	-
		id: colors
		title: Colors
		type: heading
		level: 1
		collapsed: true
	-
		id: accented-interface
		title: Interface accent
		description: Apply accent color throughout the app.
		type: class-toggle
	-
		id: color-scheme-accent
		title: Adaptive accent
		description: Set accent color based on the current color scheme.
		type: class-toggle
	-
		id: colorist-light
		title: Light
		type: heading
		level: 2
		collapsed: true
	-
		id: color-scheme-light
		title: Signature
		type: class-select
		allowEmpty: false
		default: baseline-light
		options:
			-
				label: Baseline (Dynamic)
				value: baseline-light
			-
				label: Material (Dynamic)
				value: material-light
			-
				label: Radiance (Dynamic)
				value: radiance-light
			-
				label: Softlight (Dynamic)
				value: softlight-light
			-
				label: Adwaita
				value: adwaita-light
			-
				label: Alucard
				value: dracula-light
			-
				label: Atom
				value: atom-light
			-
				label: Ayu
				value: ayu-light
			-
				label: Catppuccin
				value: catppuccin-light
			-
				label: Cupertino
				value: cupertino-light
			-
				label: Everforest
				value: everforest-light
			-
				label: Flexoki
				value: flexoki-light
			-
				label: Gruvbox
				value: gruvbox-light
			-
				label: Latte
				value: latte-light
			-
				label: Melange
				value: melange-light
			-
				label: Minimal
				value: minimal-light
			-
				label: Nord
				value: nord-light
			-
				label: Notion
				value: notion-light
			-
				label: Rosé Pine
				value: rose-pine-light
			-
				label: Sanctum
				value: sanctum-light
			-
				label: Sky
				value: sky-light
			-
				label: Solarized
				value: solarized-light
			-
				label: Things
				value: things-light
			-
				label: Tiniri
				value: tiniri-light
	-
		id: background-contrast-light
		title: Type
		type: class-select
		allowEmpty: false
		default: contrast-light
		options:
			-
				label: Inverse
				value: contrast-light-inverse
			-
				label: Standard
				value: contrast-light
			-
				label: Flat
				value: contrast-light-tonal
			-
				label: Duotone
				value: contrast-light-vivid
	-
		id: colorist-l-light
		title: Clarity
		type: variable-number-slider
		default: 1
		min: 0.5
		max: 1.5
		step: 0.05
	-
		id: colorist-c-light
		title: Vibrancy
		type: variable-number-slider
		default: 0
		min: 0
		max: 2
		step: 0.1
	-
		id: colorist-h-light
		title: Spectrum
		type: variable-number-slider
		default: 0
		min: 0
		max: 360
		step: 1
	-
		id: colorist-dark
		title: Dark
		type: heading
		level: 2
		collapsed: true
	-
		id: color-scheme-dark
		title: Signature
		type: class-select
		allowEmpty: false
		default: baseline-dark
		options:
			-
				label: Baseline (Dynamic)
				value: baseline-dark
			-
				label: Material (Dynamic)
				value: material-dark
			-
				label: Radiance (Dynamic)
				value: radiance-dark
			-
				label: Softlight (Dynamic)
				value: softlight-dark
			-
				label: Adwaita
				value: adwaita-dark
			-
				label: Atom
				value: atom-dark
			-
				label: Ayu
				value: ayu-dark
			-
				label: Catppuccin
				value: catppuccin-dark
			-
				label: Cupertino
				value: cupertino-dark
			-
				label: Dracula
				value: dracula-dark
			-
				label: Everforest
				value: everforest-dark
			-
				label: Flexoki
				value: flexoki-dark
			-
				label: Frappe
				value: frappe-dark
			-
				label: Gruvbox
				value: gruvbox-dark
			-
				label: Macchiato
				value: macchiato-dark
			-
				label: Melange
				value: melange-dark
			-
				label: Minimal
				value: minimal-dark
			-
				label: Mocha
				value: mocha-dark
			-
				label: Nord
				value: nord-dark
			-
				label: Notion
				value: notion-dark
			-
				label: Rosé Pine
				value: rose-pine-dark
			-
				label: Sanctum
				value: sanctum-dark
			-
				label: Sky
				value: sky-dark
			-
				label: Solarized
				value: solarized-dark
			-
				label: Things
				value: things-dark
			-
				label: Tiniri
				value: tiniri-dark
	-
		id: background-contrast-dark
		title: Type
		type: class-select
		allowEmpty: false
		default: contrast-dark
		options:
			-
				label: Inverse
				value: contrast-dark-inverse
			-
				label: Standard
				value: contrast-dark
			-
				label: Flat
				value: contrast-dark-tonal
			-
				label: Black
				value: contrast-dark-black
			-
				label: Black (Mobile)
				value: contrast-dark-black-mobile
	-
		id: colorist-l-dark
		title: Clarity
		type: variable-number-slider
		default: 1
		min: 0.5
		max: 1.5
		step: 0.05
	-
		id: colorist-c-dark
		title: Vibrancy
		type: variable-number-slider
		default: 0
		min: 0
		max: 2
		step: 0.1
	-
		id: colorist-h-dark
		title: Spectrum
		type: variable-number-slider
		default: 0
		min: 0
		max: 360
		step: 1
	-
		id: colors-advanced
		title: Advanced
		type: heading
		level: 2
		collapsed: true
	-
		id: accent-palette
		title: Accents
		type: heading
		level: 3
		collapsed: true
	-
		id: color-red
		title: Red
		type: variable-themed-color
		format: hex
        alt-format:
            -
                id: color-red-rgb
                format: rgb-values
		default-light: '#'
		default-dark: '#'
	-
		id: color-orange
		title: Orange
		type: variable-themed-color
		format: hex
        alt-format:
            -
                id: color-orange-rgb
                format: rgb-values
		default-light: '#'
		default-dark: '#'
	-
		id: color-yellow
		title: Yellow
		type: variable-themed-color
		format: hex
        alt-format:
            -
                id: color-yellow-rgb
                format: rgb-values
		default-light: '#'
		default-dark: '#'
	-
		id: color-green
		title: Green
		type: variable-themed-color
		format: hex
        alt-format:
            -
                id: color-green-rgb
                format: rgb-values
		default-light: '#'
		default-dark: '#'
	-
		id: color-cyan
		title: Cyan
		type: variable-themed-color
		format: hex
        alt-format:
            -
                id: color-cyan-rgb
                format: rgb-values
		default-light: '#'
		default-dark: '#'
	-
		id: color-blue
		title: Blue
		type: variable-themed-color
		format: hex
        alt-format:
            -
                id: color-blue-rgb
                format: rgb-values
		default-light: '#'
		default-dark: '#'
	-
		id: color-purple
		title: Purple
		type: variable-themed-color
		format: hex
        alt-format:
            -
                id: color-purple-rgb
                format: rgb-values
		default-light: '#'
		default-dark: '#'
	-
		id: color-pink
		title: Pink
		type: variable-themed-color
		format: hex
        alt-format:
            -
                id: color-pink-rgb
                format: rgb-values
		default-light: '#'
		default-dark: '#'
	-
		id: surface-palette
		title: Surfaces
		type: heading
		level: 3
		collapsed: true
	-
		id: background-primary
		title: Primary
		description: Main workspace and editor background.
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: background-primary-alt
		title: Primary Elevated
		description: Used for blockquotes and tables.
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: background-secondary
		title: Secondary
		description: Used in sidebars and settings.
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: background-secondary-alt
		title: Secondary Elevated
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: background-modifier-hover
		title: Hover fill
		description: Used in hover items and indicators.
		type: variable-themed-color
		opacity: true
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: background-modifier-active-hover
		title: Active fill
		description: Used in active items and indicators.
		type: variable-themed-color
		opacity: true
		format: hex
		default-light: '#'
		default-dark: '#'
    - 
        id: divider
        type: info-text
	-
		id: prompt-background
		title: Command palette
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: menu-background
		title: Menu
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: modal-background
		title: Modal
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: element-palette
		title: Elements
		type: heading
		level: 3
		collapsed: true
	-
		id: interactive-normal
		title: Interactive elements
		description: Used in buttons, dropdowns, and text inputs.
		type: variable-themed-color
		opacity: true
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: interactive-hover
		title: Interactive elements (Hover)
		type: variable-themed-color
		opacity: true
		format: hex
		default-light: '#'
		default-dark: '#'
    - 
        id: divider
        type: info-text
	-
		id: divider-color
		title: Dividers
		description: Separators between sidebars, tabs, and panes.
		type: variable-themed-color
		opacity: true
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: background-modifier-border
		title: Borders
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: background-modifier-border-hover
		title: Borders (Hover)
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: background-modifier-border-focus
		title: Borders (Focus)
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: text-palette
		title: Text
		type: heading
		level: 3
		collapsed: true
	-
		id: text-normal
		title: Primary text
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: text-normal-editor
		title: Primary text (Editor)
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: text-muted
		title: Secondary text
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: text-faint
		title: Subtle text
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: italic-color
		title: Italic text
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: bold-color
		title: Bold text
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
    - 
        id: divider
        type: info-text
	-
		id: text-highlight
		title: Highlight text
		type: variable-themed-color
		opacity: true
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: text-highlight-bg
		title: Highlight background
		type: variable-themed-color
		opacity: true
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: text-selection
		title: Selection background
		type: variable-themed-color
		opacity: true
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: code-palette
		title: Syntax
		type: heading
		level: 3
		collapsed: true
	-
		id: code-normal
		title: Default
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: code-comment
		title: Comments
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: code-function
		title: Functions
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: code-keyword
		title: Keywords
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: code-important
		title: Important
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: code-operator
		title: Operators
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: code-property
		title: Properties
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: code-punctuation
		title: Punctuation
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: code-string
		title: Strings
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: code-tag
		title: Tags
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: code-value
		title: Values
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: icon-palette
		title: Icon
		type: heading
		level: 3
		collapsed: true
	-
		id: icon-color
		title: Icons
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: icon-color-hover
		title: Icons (Hover)
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: icon-color-active
		title: Icons (Active)
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: icon-color-focused
		title: Icons (Focus)
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: graph-palette
		title: Graph
		type: heading
		level: 3
		collapsed: true
    - 
        id: graph-info
		description: Requires reloading to apply changes.
        type: info-text
	-
		id: graph-line
		title: Lines
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: graph-node
		title: Nodes
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: graph-node-focused
		title: Active nodes
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-  
		id: graph-node-tag
		title: Tag nodes
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-  
		id: graph-node-attachment
		title: Attachment nodes
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-  
		id: graph-node-unresolved
		title: Unresolved nodes
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: interface
		title: Interface
		type: heading
		level: 1
		collapsed: true
	-
		id: font-interface-override
		title: Interface font
		type: variable-text
		default: 'Inter'
	-
		id: density-modifier
		title: Density
		type: variable-number-slider
		default: 1
		min: 0.75
		max: 1.25
		step: 0.25
	-
		id: radius-modifier
		title: Roundness
		type: variable-number-slider
		default: 1
		min: 0.5
		max: 1.5
		step: 0.25
	-
		id: icon-stroke-modifier
		title: Icon thickness
		type: variable-number-slider
		default: 1
		options:
		min: 0.5
		max: 1.5
		step: 0.25
	-
		id: layout-style
		title: Workspace
		type: class-select
		allowEmpty: false
		default: layout-baseline
		options:
			-
				label: Baseline
				value: layout-baseline
			-
				label: macOS
				value: layout-macos
			-
				label: Fusion
				value: layout-fusion
			-
				label: Classic
				value: layout-classic
			-
				label: Minimal
				value: layout-minimal
			-
				label: Cards
				value: layout-cards
			-
				label: Border
				value: layout-border
			-
				label: Frame
				value: layout-frame
			-
				label: Viewfinder
				value: layout-viewfinder
	-
		id: element-style
		title: Personality
		type: class-select
		allowEmpty: false
		default: input-baseline
		options:
			-
				label: Adwaita
				value: input-adwaita
			-
				label: Baseline
				value: input-baseline
			-
				label: Cupertino
				value: input-cupertino
			-
				label: Fluent
				value: input-fluent
			-
				label: Material
				value: input-material
	-
		id: status-bar-style
		title: Status bar
		type: class-select
		allowEmpty: false
		default: status-bar-baseline
		options:
			-
				label: Baseline
				value: status-bar-baseline
			-
				label: Cupertino
				value: status-bar-cupertino
			-
				label: Obsidian
				value: status-bar-default
			-
				label: Full width
				value: status-bar-full
	-
		id: accessibility
		title: Accessibility
		type: heading
		level: 2
		collapsed: true
	-
		id: reduce-contrast-change
		title: Reduce contrast change
		description: Minimize contrast shifts when window loses focus.
		type: class-toggle
	-
		id: reduce-motion
		title: Reduce motion
		description: Minimize animation effects.
		type: class-toggle
	-
		id: font-ui-modifier
		title: Interface font size
		description: Fine-tune interface text size.
		type: variable-number-slider
		default: 0
		min: -8
		max: 8
		step: 1
		format: px
	-
		id: icon-size-modifier
		title: Icon size
		description: Fine-tune icon size.
		type: variable-number-slider
		default: 0
		min: -4
		max: 4
		step: 1
		format: px
	-
		id: animation
		title: Animation
		type: heading
		level: 2
		collapsed: true
	-
		id: anim-motion-baseline
		title: Animation personality
		type: variable-select
		default: cubic-bezier(0.1, 0, 0.1, 1.25)
		options:
			-
				label: Playful
				value: cubic-bezier(0.1, 0, 0.1, 1.25)
			-
				label: Refined
				value: cubic-bezier(0.32, 0.72, 0, 1)
			-
				label: Sharp
				value: cubic-bezier(0.33, 1, 0.68, 1)
			-
				label: Fluent
				value: cubic-bezier(0, 0, 0, 1)
	-
		id: anim-speed-modifier
		title: Animation speed
		type: variable-number-slider
		default: 1
		min: 0
		max: 2
		step: 0.5
	-
		id: tabs
		title: Tabs
		type: heading
		level: 2
		collapsed: true
	-
		id: header-height
		title: Tab bar height
		type: variable-text
		default: 48px
	-
		id: tab-style
		title: Editor tab style
		type: class-select
		allowEmpty: false
		default: tab-default
		options:
			-
				label: Obsidian
				value: tab-default
			-
				label: Floating
				value: tab-floating
			-
				label: Floating (Center)
				value: tab-floating-center
			-
				label: Underline
				value: tab-underline
			-
				label: Underline (Accented)
				value: tab-underline-accented
	-
		id: tab-text-align
		title: Editor tab label alignment
		type: variable-select
		default: left
		options:
			-
				label: Left
				value: left
			-
				label: Center
				value: center
	-
		id: tab-divider
		title: Editor tab divider
		type: class-toggle
	-
		id: tab-full-width
		title: Full width tabs
		type: class-toggle
	-
		id: tab-stacks
		title: Tab stacks
		type: heading
		level: 2
		collapsed: true
	-
		id: tab-stacked-pane-width
		title: Stacked tab width
		type: variable-text
		default: 700px
	-
		id: tab-stacked-header-width
		title: Spine width
		type: variable-text
		default: 40px
	-
		id: tab-stacked-spine-orientation
		title: Spine text orientation
		type: class-select
		default: tab-stack-top
		options:
			-
				label: Top
				value: tab-stack-top
			-
				label: Top flipped
				value: tab-stack-top-flipped
			-
				label: Bottom
				value: tab-stack-bottom
			-
				label: Bottom flipped
				value: tab-stack-bottom-flipped
			-
				label: Center
				value: tab-stack-center
			-
				label: Center flipped
				value: tab-stack-center-flipped
	-
		id: tab-stacked-spine-order
		title: Spine element order
		type: variable-select
		default: row
		options:
			-
				label: Normal
				value: row
			-
				label: Reverse
				value: row-reverse
	-
		id: tab-title-bar
		title: Tab title bar
		type: heading
		level: 2
		collapsed: true
    - 
        id: tab-title-bar-info
		description: Requires **Show tab title bar** in **Appearance** settings.
        type: info-text
		markdown: true
	-
		id: file-header-visibility
		title: Tab title visibility
		type: class-select
		default: view-header-title-hover
		options:
			-
				label: Always
				value: view-header-title-always
			-
				label: Hover only
				value: view-header-title-hover
			-
				label: Hidden
				value: view-header-title-hidden
	-
		id: file-header-font-size
		title: Tab title font size
		type: variable-text
		default: 'var(--font-ui-small)'
	-
		id: file-header-font-weight
		title: Tab title font weight
		type: variable-number-slider
		default: 400
		min: 100
		max: 900
		step: 50
	-
		id: file-header-justify
		title: Tab title alignment
		type: variable-select
		default: center
		options:
			-
				label: Center
				value: center
			-
				label: Left
				value: left
	-
		id: sidebars
		title: Sidebars
		type: heading
		level: 2
		collapsed: true
	-
		id: tab-top-left-style
		title: Tab style (Left top)
		type: class-select
		allowEmpty: false
		default: tab-top-left-stacked
		options:
			-
				label: Stacked
				value: tab-top-left-stacked
			-
				label: Labeled
				value: tab-top-left-labeled
			-
				label: Glyph
				value: tab-top-left-icon
			-
				label: Text
				value: tab-top-left-text
	-
		id: tab-left-style
		title: Tab style (Left)
		type: class-select
		allowEmpty: false
		default: tab-left-compact
		options:
			-
				label: Labeled
				value: tab-left-labeled
			-
				label: Glyph
				value: tab-left-icon
			-
				label: Text
				value: tab-left-text
			-
				label: Compact
				value: tab-left-compact
	-
		id: tab-top-right-style
		title: Tab style (Right top)
		type: class-select
		allowEmpty: false
		default: tab-top-right-icon
		options:
			-
				label: Labeled
				value: tab-top-right-labeled
			-
				label: Glyph
				value: tab-top-right-icon
			-
				label: Text
				value: tab-top-right-text
	-
		id: tab-right-style
		title: Tab style (Right)
		type: class-select
		allowEmpty: false
		default: tab-right-compact
		options:
			-
				label: Labeled
				value: tab-right-labeled
			-
				label: Glyph
				value: tab-right-icon
			-
				label: Text
				value: tab-right-text
			-
				label: Compact
				value: tab-right-compact
	-
		id: nav-action
		title: Panel action style
		type: class-select
		allowEmpty: false
		default: nav-action-dot
		options:
			-
				label: Left 
				value: nav-action-left
			-
				label: Center
				value: nav-action-center
			-
				label: Bottom
				value: nav-action-bottom
			-
				label: Dot
				value: nav-action-dot
			-
				label: Indicator
				value: nav-action-indicator
	-
		id: hide-vault-switcher-off
		title: Always show vault switcher
		type: class-toggle
	-
		id: hover-sidebars
		title: Hover reveal
		type: heading
		level: 2
		collapsed: true
	-
		id: hover-ribbon
		title: Hover ribbon
		description: Reveal ribbon by hovering over left window edge.
		type: class-toggle
	-
		id: hover-sidedock
		title: Hover sidebars
		description: Reveal collapsed sidebars by hovering over window edges.
		type: class-toggle
	-
		id: hover-sidedock-trigger-area
		title: Hover trigger area
		type: variable-select
		default: 4px
		options:
			-
				label: Edge
				value: 1px
			-
				label: Small
				value: 4px
			-
				label: Medium
				value: 8px
			-
				label: Large
				value: 16px
	-
		id: hover-sidedock-style
		title: Hover sidebars style
		type: class-select
		allowEmpty: false
		default: hover-sidedock-subtle
		options:
			-
				label: Subtle
				value: hover-sidedock-subtle
			-
				label: Solid
				value: hover-sidedock-solid
	-
		id: hover-sidedock-width
		title: Hover sidebars width
		type: variable-text
		default: 320px
	-
		id: hover-sidedock-delay
		title: Hover sidebars delay
		type: variable-text
		default: 160ms
	-
		id: hover-sidedock-active-off
		title: Discard interactions
		description: Always collapse hover sidebars after cursor leaving.
		type: class-toggle
	-
		id: file-explorer
		title: File explorer
		type: heading
		level: 2
		collapsed: true
	-
		id: nav-item-active-style
		title: Active file style
		type: class-select
		allowEmpty: false
		default: nav-item-subtle
		options:
			-
				label: Dot
				value: nav-item-dot
			-
				label: Subtle
				value: nav-item-subtle
			-
				label: Strong
				value: nav-item-strong
	-
		id: colorful-folders
		title: Colorful folders
		type: class-select
		allowEmpty: false
		default: colorful-folders-off
		options:
			-
				label: None
				value: colorful-folders-off
			-
				label: Dot
				value: colorful-folders-dot
			-
				label: Indicator
				value: colorful-folders-side
			-
				label: Frame
				value: colorful-folders-frame
			-
				label: Subtle
				value: colorful-folders-subtle
			-
				label: Strong
				value: colorful-folders-strong
			-
				label: Monochrome
				value: colorful-folders-mono
	-
		id: nav-item-size
		title: Item name size
		type: variable-text
		default: 13px
	-
		id: full-item-name
		title: Full item name
		type: class-toggle
	-
		id: bold-folders
		title: Bold folders name
		type: class-toggle
	-
		id: large-new-note
		title: Large new note button
		type: class-toggle
	-
		id: nav-indentation-guide-width
		title: Indentation guides thickness
		type: variable-number-slider
		format: px
		default: 0
		min: 0
		max: 3
		step: 1
	-
		id: nav-indentation-guide-color
		title: Indentation guides color
		type: variable-select
		allowEmpty: false
		default: var(--background-modifier-border-hover)
		options:
			-
				label: Subtle
				value: var(--background-modifier-border-hover)
			-
				label: Strong
				value: var(--text-faint)
			-
				label: Accent color
				value: var(--color-accent)
	-
		id: titlebar
		title: Frame title
		type: heading
		level: 2
		collapsed: true
    - 
        id: titlebar-info
		description: Requires **Obsidian frame** in **Appearance** settings.
        type: info-text
		markdown: true
	-
		id: titlebar-text-off
		title: Hide frame title
		type: class-toggle
	-
		id: titlebar-text-weight
		title: Frame title font weight
		type: variable-number-slider
		default: 600
		min: 100
		max: 900
		step: 50
	-
		id: colorful-frame
		title: Tinted frame
		type: heading
		level: 2
		collapsed: true
	-
		id: colorful-frame
		title: Tinted frame
		type: class-toggle
	-
		id: colorful-frame-background
		title: Tinted frame background
		type: variable-themed-color
		opacity: true
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: colorful-frame-icon-color
		title: Tinted frame Icons
		type: variable-themed-color
		format: hex
		default-light: '#FFFFFF'
		default-dark: '#FFFFFF'
	-
		id: translucent-window
		title: Translucency
		type: heading
		level: 2
		collapsed: true
    - 
        id: translucent-window-info
		description: Requires **Translucent window** in **Appearance** settings.
        type: info-text
		markdown: true
	-
		id: translucent-light-opacity
		title: Light translucent window opacity
		type: variable-number-slider
		default: 50
		min: 0
		max: 100
		step: 10
		format: '%'
	-
		id: translucent-dark-opacity
		title: Dark translucent window opacity
		type: variable-number-slider
		default: 50
		min: 0
		max: 100
		step: 10
		format: '%'
	-
		id: mobile
		title: Mobile
		type: heading
		level: 2
		collapsed: true
	-
		id: auto-full-screen-title
		title: Informative full screen
		description: Display current page title when interface elements are hidden.
		type: class-toggle
	-
		id: horizontal-tab-options
		title: Horizontal tab list
		type: class-toggle
	-
		id: mobile-sidebar-width-override
		title: Sidebar width
		type: variable-text
		default: '84vw'
	-
		id: mobile-left-sidebar-width
		title: Tablet sidebar width (Left)
		type: variable-text
		default: '360px'
	-
		id: mobile-right-sidebar-width
		title: Tablet sidebar width (Right)
		type: variable-text
		default: '360px'
	-
		id: mobile-left-sidebar-width-pinned
		title: Tablet pinned sidebar width (Left)
		type: variable-text
		default: '300px'
	-
		id: mobile-right-sidebar-width-pinned
		title: Tablet pinned sidebar width (Right)
		type: variable-text
		default: '300px'
	-
		id: empty-state
		title: New tab
		type: heading
		level: 2
		collapsed: true
	-
		id: empty-state-logo-off
		title: Hide Obsidian logo
		type: class-toggle
	-
		id: empty-state-style
		title: New tab action style
		type: class-select
		default: empty-state-baseline
		options:
			-
				label: Baseline
				value: empty-state-baseline
			-
				label: Glyph
				value: empty-state-icon
			-
				label: Text
				value: empty-state-text
			-
				label: Hidden
				value: empty-state-hidden
	-
		id: settings
		title: Settings
		type: heading
		level: 2
		collapsed: true
	-
		id: baseline-marketplace-off
		title: Hide Marketplace
		type: class-toggle
	-
		id: baseline-migration-off
		title: Hide Migrate
		type: class-toggle
	-
		id: baseline-support-off
		title: Hide Support
		type: class-toggle
	-
		id: editor
		title: Editor
		type: heading
		level: 1
		collapsed: true
	-
		id: font-text-override
		title: Editor font
		type: variable-text
		default: 'Inter'
	-
		id: font-monospace-override
		title: Monospace font
		type: variable-text
		default: 'ui-monospace'
	-
		id: p-spacing
		title: Paragraph spacing
		type: variable-text
		default: 1.25rem
	-
		id: focus-view
		title: Focus view
		type: class-toggle
		description: Hide tabs and table title bar when both sidebars are collapsed.
		addCommand: true
	-
		id: mode-switcher-off
		title: Disable quick mode switcher
		type: class-toggle
		description: Display editor mode toggle at the top of the editor.
	-
		id: active-line
		title: Active line
		type: heading
		level: 2
		collapsed: true
	-
		id: active-line-style
		title: Active line highlight style
		type: class-select
		default: active-line-off
		options:
			-
				label: None
				value: active-line-off
			-
				label: Indicator
				value: active-line-side
			-
				label: Block background
				value: active-line-block
			-
				label: Line background
				value: active-line-background
	-
		id: active-line-color
		title: Active line highlight color
		type: class-select
		default: active-line-color-default
		options:
			-
				label: Monochrome
				value: active-line-color-default
			-
				label: Accent color
				value: active-line-color-accent
	-
		id: blockwidth
		title: Block width
		type: heading
		level: 2
		collapsed: true
    - 
        id: block-width-info
		description: Requires **Readable line length** in **Editor** settings. [Usage guide](https://github.com/svnaxis/obsidian-baseline#block-width)
        type: info-text
		markdown: true
	-
		id: block-width-off
		title: Disable block width
		type: class-toggle
	-
		id: line-width
		title: Default line width
		type: variable-text
		default: 700px
	-
		id: line-width-wide
		title: Wide line width
		type: variable-text
		default: 50rem
	-
		id: table-block-width
		title: Table block width
		type: class-select
		allowEmpty: false
		default: table-normal
		options:
			-
				label: Standard
				value: table-normal
			-
				label: Wide line width
				value: table-wide
			-
				label: Maximum line width
				value: table-max
			-
				label: 100% pane width
				value: table-100
	-
		id: bases-block-width
		title: Bases block width
		type: class-select
		allowEmpty: false
		default: bases-normal
		options:
			-
				label: Standard
				value: bases-normal
			-
				label: Wide line width
				value: bases-wide
			-
				label: Maximum line width
				value: bases-max
			-
				label: 100% pane width
				value: bases-100
	-
		id: image-block-width
		title: Image block width
		type: class-select
		allowEmpty: false
		default: img-normal
		options:
			-
				label: Standard
				value: img-normal
			-
				label: Wide line width
				value: img-wide
			-
				label: Maximum line width
				value: img-max
			-
				label: 100% pane width
				value: img-100
	-
		id: inline-title
		title: Inline title
		type: heading
		level: 2
		collapsed: true
    - 
        id: inline-title-info
		description: Requires **Show inline title** in **Appearance** settings.
        type: info-text
		markdown: true
	-
		id: inline-title-font
		title: Inline title font
		type: variable-text
		default: Inter
	-
		id: inline-title-size
		title: Inline title font size
		type: variable-text
		default: 1.5rem
	-
		id: inline-title-align
		title: Inline title alignment
		type: variable-select
		allowEmpty: false
		default: start
		options:
			-
				label: Start
				value: start
			-
				label: Center
				value: center
	-
		id: inline-title-weight
		title: Inline title font weight
		type: variable-number-slider
		default: 600
		min: 100
		max: 900
		step: 50
	-
		id: inline-title-color
		title: Inline title text color
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: properties
		title: Properties
		type: heading
		level: 2
		collapsed: true
	-
		id: metadata-style
		title: Property style
		type: class-select
		allowEmpty: false
		default: metadata-default
		options:
			-
				label: Baseline
				value: metadata-default
			-
				label: Block
				value: metadata-block
			-
				label: Cupertino
				value: metadata-cupertino
	-
		id: metadata-add-property
		title: Add property button visibility
		type: class-select
		allowEmpty: false
		default: metadata-add-property-always
		options:
			-
				label: Always
				value: metadata-add-property-always
			-
				label: Hover only
				value: metadata-add-property-hover
			-
				label: Hidden
				value: metadata-add-property-hidden
	-
		id: metadata-label-width-modifier
		title: Property name width
		type: variable-number-slider
		default: 1
		min: 0.5
		max: 1.5
		step: 0.1
	-
		id: metadata-compact
		title: Compact properties
		type: class-toggle
	-
		id: metadata-list-tags
		title: Show list as tags
		type: class-toggle
	-
		id: metadata-longtext
		title: Show longer text
		type: class-toggle
	-
		id: metadata-heading-off
		title: Hide property heading
		type: class-toggle
	-
		id: metadata-icons-off
		title: Hide property icons
		type: class-toggle
	-
		id: headings
		title: Headings
		type: heading
		level: 2
		collapsed: true
	-
		id: heading-spacing
		title: Heading spacing
		description: Adjust space between headings and paragraphs.
		type: variable-text
		default: 2.5rem
	-
		id: colorful-headings
		title: Colorful headings
		type: heading
		level: 3
		collapsed: true
	-
		id: colorful-headings-text
		title: Colored heading text
		type: class-toggle
	-
		id: colorful-headings
		title: Heading indicator
		type: class-select
		allowEmpty: false
		default: colorful-headings-off
		options:
			-
				label: None
				value: colorful-headings-off
			-
				label: Dot
				value: colorful-headings-dot
			-
				label: Indicator
				value: colorful-headings-side
	-
		id: colorful-headings-background
		title: Heading background
		type: class-toggle
	-
		id: colorful-headings-full-width
		title: Full width background
		type: class-toggle
    - 
        id: colorful-headings-info
		description: Colorful headings color follow individual heading settings below.
        type: info-text
		markdown: true
	-
		id: level-1-headings
		title: Level 1 Headings
		type: heading
		level: 3
		collapsed: true
	-
		id: h1-color
		title: H1 color
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: h1-font
		title: H1 font
		type: variable-text
		default: Inter
	-
		id: h1-size
		title: H1 font size
		type: variable-text
		default: 1.5rem
	-
		id: h1-weight
		title: H1 font weight
		type: variable-number-slider
		default: 500
		min: 100
		max: 900
		step: 50
	-
		id: h1-variant
		title: H1 font variant
		type: variable-select
		allowEmpty: false
		default: normal
		options:
			-
				label: Normal
				value: normal
			-
				label: Small caps
				value: small-caps
			-
				label: All small caps
				value: all-small-caps 
	-
		id: h1-style
		title: H1 font style
		type: variable-select
		allowEmpty: false
		default: normal
		options:
			-
				label: Normal
				value: normal
			-
				label: Italic
				value: italic
	-
		id: h1-transform
		title: H1 text case
		type: variable-select
		allowEmpty: false
		default: normal
		options:
			-
				label: Normal
				value: normal
			-
				label: Capitalize
				value: capitalize
			-
				label: Uppercase
				value: uppercase
			-
				label: Lowercase
				value: lowercase
	-
		id: h1-align
		title: H1 alignment
		type: variable-select
		allowEmpty: false
		default: start
		options:
			-
				label: Start
				value: start
			-
				label: Center
				value: center
	-
		id: h1-l
		title: H1 divider
		type: class-toggle
	-
		id: level-2-headings
		title: Level 2 Headings
		type: heading
		level: 3
		collapsed: true
	-
		id: h2-color
		title: H2 color
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: h2-font
		title: H2 font
		type: variable-text
		default: Inter
	-
		id: h2-size
		title: H2 font size
		type: variable-text
		default: 1.25rem
	-
		id: h2-weight
		title: H2 font weight
		type: variable-number-slider
		default: 500
		min: 100
		max: 900
		step: 50
	-
		id: h2-variant
		title: H2 font variant
		type: variable-select
		allowEmpty: false
		default: normal
		options:
			-
				label: Normal
				value: normal
			-
				label: Small caps
				value: small-caps
			-
				label: All small caps
				value: all-small-caps
	-
		id: h2-style
		title: H2 font style
		type: variable-select
		allowEmpty: false
		default: normal
		options:
			-
				label: Normal
				value: normal
			-
				label: Italic
				value: italic
	-
		id: h2-transform
		title: H2 text case
		type: variable-select
		allowEmpty: false
		default: normal
		options:
			-
				label: Normal
				value: normal
			-
				label: Capitalize
				value: capitalize
			-
				label: Uppercase
				value: uppercase
			-
				label: Lowercase
				value: lowercase
	-
		id: h2-align
		title: H2 alignment
		type: variable-select
		allowEmpty: false
		default: start
		options:
			-
				label: Start
				value: start
			-
				label: Center
				value: center
	-
		id: h2-l
		title: H2 divider
		type: class-toggle
	-
		id: level-3-headings
		title: Level 3 Headings
		type: heading
		level: 3
		collapsed: true
	-
		id: h3-color
		title: H3 color
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: h3-font
		title: H3 font
		type: variable-text
		default: Inter
	-
		id: h3-size
		title: H3 font size
		type: variable-text
		default: 1rem
	-
		id: h3-weight
		title: H3 font weight
		type: variable-number-slider
		default: 500
		min: 100
		max: 900
		step: 50
	-
		id: h3-variant
		title: H3 font variant
		type: variable-select
		allowEmpty: false
		default: normal
		options:
			-
				label: Normal
				value: normal
			-
				label: Small caps
				value: small-caps
			-
				label: All small caps
				value: all-small-caps
	-
		id: h3-style
		title: H3 font style
		type: variable-select
		allowEmpty: false
		default: normal
		options:
			-
				label: Normal
				value: normal
			-
				label: Italic
				value: italic
	-
		id: h3-transform
		title: H3 text case
		type: variable-select
		allowEmpty: false
		default: normal
		options:
			-
				label: Normal
				value: normal
			-
				label: Capitalize
				value: capitalize
			-
				label: Uppercase
				value: uppercase
			-
				label: Lowercase
				value: lowercase
	-
		id: h3-align
		title: H3 alignment
		type: variable-select
		allowEmpty: false
		default: start
		options:
			-
				label: Start
				value: start
			-
				label: Center
				value: center
	-
		id: h3-l
		title: H3 divider
		type: class-toggle
	-
		id: level-4-headings
		title: Level 4 Headings
		type: heading
		level: 3
		collapsed: true
	-
		id: h4-color
		title: H4 color
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: h4-font
		title: H4 font
		type: variable-text
		default: Inter
	-
		id: h4-size
		title: H4 font size
		type: variable-text
		default: 1rem
	-
		id: h4-weight
		title: H4 font weight
		type: variable-number-slider
		default: 600
		min: 100
		max: 900
		step: 50
	-
		id: h4-variant
		title: H4 font variant
		type: variable-select
		allowEmpty: false
		default: normal
		options:
			-
				label: Normal
				value: normal
			-
				label: Small caps
				value: small-caps
			-
				label: All small caps
				value: all-small-caps 
	-
		id: h4-style
		title: H4 font style
		type: variable-select
		allowEmpty: false
		default: normal
		options:
			-
				label: Normal
				value: normal
			-
				label: Italic
				value: italic
	-
		id: h4-transform
		title: H4 text case
		type: variable-select
		allowEmpty: false
		default: normal
		options:
			-
				label: Normal
				value: normal
			-
				label: Capitalize
				value: capitalize
			-
				label: Uppercase
				value: uppercase
			-
				label: Lowercase
				value: lowercase
	-
		id: h4-align
		title: H4 alignment
		type: variable-select
		allowEmpty: false
		default: start
		options:
			-
				label: Start
				value: start
			-
				label: Center
				value: center
	-
		id: h4-l
		title: H4 divider
		type: class-toggle
		default: false   
	-
		id: level-5-headings
		title: Level 5 Headings
		type: heading
		level: 3
		collapsed: true
	-
		id: h5-color
		title: H5 color
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: h5-font
		title: H5 font
		type: variable-text
		default: Inter
	- 
		id: h5-size
		title: H5 font size
		type: variable-text
		default: 0.9375rem
	-
		id: h5-weight
		title: H5 font weight
		type: variable-number-slider
		default: 500
		min: 100
		max: 900
		step: 50
	-
		id: h5-variant
		title: H5 font variant
		type: variable-select
		allowEmpty: false
		default: normal
		options:
			-
				label: Normal
				value: normal
			-
				label: Small caps
				value: small-caps
			-
				label: All small caps
				value: all-small-caps 
	-
		id: h5-style
		title: H5 font style
		type: variable-select
		allowEmpty: false
		default: normal
		options:
			-
				label: Normal
				value: normal
			-
				label: Italic
				value: italic
	-
		id: h5-transform
		title: H5 text case
		type: variable-select
		allowEmpty: false
		default: normal
		options:
			-
				label: Normal
				value: normal
			-
				label: Capitalize
				value: capitalize
			-
				label: Uppercase
				value: uppercase
			-
				label: Lowercase
				value: lowercase
	-
		id: h5-align
		title: H5 alignment
		type: variable-select
		allowEmpty: false
		default: start
		options:
			-
				label: Start
				value: start
			-
				label: Center
				value: center
	-
		id: h5-l
		title: H5 divider
		type: class-toggle
	-
		id: level-6-headings
		title: Level 6 Headings
		type: heading
		level: 3
		collapsed: true
	-
		id: h6-color
		title: H6 color
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: h6-font
		title: H6 font
		type: variable-text
		default: Inter
	-
		id: h6-size
		title: H6 font size
		type: variable-text
		default: 0.9375rem
	-
		id: h6-weight
		title: H6 font weight
		type: variable-number-slider
		default: 600
		min: 100
		max: 900
		step: 50
	-
		id: h6-variant
		title: H6 font variant
		type: variable-select
		allowEmpty: false
		default: normal
		options:
			-
				label: Normal
				value: normal
			-
				label: Small caps
				value: small-caps
			-
				label: All small caps
				value: all-small-caps
	-
		id: h6-style
		title: H6 font style
		type: variable-select
		allowEmpty: false
		default: normal
		options:
			-
				label: Normal
				value: normal
			-
				label: Italic
				value: italic
	-
		id: h6-transform
		title: H6 text case
		type: variable-select
		allowEmpty: false
		default: normal
		options:
			-
				label: Normal
				value: normal
			-
				label: Capitalize
				value: capitalize
			-
				label: Uppercase
				value: uppercase
			-
				label: Lowercase
				value: lowercase
	-
		id: h6-align
		title: H6 alignment
		type: variable-select
		allowEmpty: false
		default: start
		options:
			-
				label: Start
				value: start
			-
				label: Center
				value: center
	-
		id: h6-l
		title: H6 divider
		type: class-toggle
	-
		id: horizontal-rule
		title: Horizontal rule
		type: heading
		level: 2
		collapsed: true
	-
		id: hr-color
		title: Horizontal rule color
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: hr-width
		title: Horizontal rule width
		type: variable-text
		default: 100%
	-
		id: hr-thickness
		title: Horizontal rule thickness
		type: variable-number-slider
		format: px
		default: 1
		min: 0
		max: 8
		step: 0.5
	-
		id: hr-align
		title: Horizontal rule alignment
		type: variable-select
		default: center
		options:
			-
				label: Start
				value: start
			-
				label: Center
				value: center
			-
				label: End
				value: end
	-
		id: hr-dashed
		title: Dashed horizontal rule
		type: class-toggle
	- 
		id: hr-dashed-size
		title: Dashed line size
		type: variable-text
		allowEmpty: false
		default: 1rem
	- 
		id: hr-dashed-spacing
		title: Dashed line spacing
		type: variable-text
		allowEmpty: false
		default: 0.5rem
	-
		id: banner
		title: Banner
		type: heading
		level: 2
		collapsed: true
	-
		id: banner-off
		title: Disable banner
		type: class-toggle
	-
		id: banner-icon-size
		title: Banner icon size
		type: variable-text
		allowEmpty: false
		default: 3rem
	- 
		id: banner-image-height
		title: Banner image height
		type: variable-text
		allowEmpty: false
		default: 320px
	- 
		id: banner-image-height-s
		title: Banner image height (Mobile)
		type: variable-text
		allowEmpty: false
		default: 240px
	-
		id: banner-image-inset
		title: Banner image side spacing
		type: variable-text
		allowEmpty: false
		default: 8px
	-
		id: banner-image-radius
		title: Banner image radius
		type: variable-number-slider
		default: 8
		min: 0
		max: 24
		step: 1
		format: px
	-
		id: banner-image-object-fit
		title: Banner image fit
		type: variable-select
		default: cover
		options:
			-
				label: Cover
				value: cover
			-
				label: Contain
				value: contain
			-
				label: Fill
				value: fill
	-
		id: bases
		title: Bases
		type: heading
		level: 2
		collapsed: true
	-
		id: bases-toolbar-label-display
		title: Toolbar text label
		type: variable-select
		allowEmpty: false
		default: flex
		options:
			-
				label: Visible
				value: flex
			-
				label: Hidden
				value: none
	-
		id: bases-table-header-icon-display
		title: Table header icons
		type: variable-select
		allowEmpty: false
		default: flex
		options:
			-
				label: Visible
				value: flex
			-
				label: Hidden
				value: none
	-
		id: bases-table-align-items
		title: Table vertical alignment
		type: variable-select
		allowEmpty: false
		default: start
		options:
			-
				label: Top
				value: start
			-
				label: Center
				value: center
			-
				label: Bottom
				value: end
	-
		id: bases-row-alt
		title: Alternating row background
		type: class-toggle
	-
		id: bases-col-alt
		title: Alternating column background
		type: class-toggle
	-
		id: blockquotes
		title: Blockquotes
		type: heading
		level: 2
		collapsed: true
	-
		id: blockquote-style
		title: Blockquote style
		type: class-select
		allowEmpty: false
		default: blockquote-block
		options:
			-
				label: Block
				value: blockquote-block
			-
				label: Edge
				value: blockquote-edge
	-
		id: blockquote-border-thickness
		title: Blockquote border thickness
		type: variable-number-slider
		format: px
		default: 2
		min: 0
		max: 8
		step: 1
	-
		id: blockquote-size
		title: Blockquote font size
		type: variable-text
		default: 1rem
	-
		id: blockquote-font-style
		title: Blockquote font style
		type: variable-select
		allowEmpty: false
		default: normal
		options:
			-
				label: Normal
				value: normal
			-
				label: Italic
				value: italic
	-
		id: blockquote-color
		title: Blockquote text color
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: blockquote-background-color
		title: Blockquote background
		type: variable-themed-color
		opacity: true
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: blockquote-border-color
		title: Blockquote border color
		type: variable-themed-color
		opacity: true
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: cards
		title: Cards
		type: heading
		level: 2
		collapsed: true
	-
		id: cards-min-width
		title: Card minimum width
		type: variable-text
		default: 160px
	-
		id: cards-max-width
		title: Card maximum width
		type: variable-text
		default: 1fr
	-
		id: cards-mobile-width
		title: Card minimum width (Mobile)
		type: variable-text
		default: 120px
	-
		id: cards-padding
		title: Card padding
		type: variable-text
		default: 4px
	-
		id: cards-image-height
		title: Card maximum image height
		type: variable-text
		default: 400px
	- 
		id: cards-background
		title: Card background
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	- 
		id: cards-background-hover
		title: Card background (Hover)
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: callouts
		title: Callouts
		type: heading
		level: 2
		collapsed: true
	-
		id: callouts-style
		title: Callout style
		type: class-select
		allowEmpty: false
		default: callouts-default
		options:
			-
				label: Filled
				value: callouts-default
			-
				label: Padded
				value: callouts-padded
			-
				label: Outlined
				value: callouts-outlined
	-
		id: callout-size
		title: Callout font size
		type: variable-text
		default: 1rem
	-
		id: callout-lucide
		title: Disable custom icons
		description: Use default Lucide icons in callouts.
		type: class-toggle
	-
		id: canvas
		title: Canvas
		type: heading
		level: 2
		collapsed: true
	-
		id: canvas-background
		title: Canvas background
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: canvas-dot-pattern
		title: Canvas dot pattern
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: code-blocks
		title: Code
		type: heading
		level: 2
		collapsed: true
	-
		id: code-size
		title: Code font size
		type: variable-text
		default: 'var(--font-ui-smaller)'
	-
		id: code-background
		title: Code background
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: code-line-numbers
		title: Code line numbers
		type: class-toggle
	-
		id: code-scroll
		title: Disable line wrap
		type: class-toggle
	-
		id: embeds
		title: Embeds
		type: heading
		level: 2
		collapsed: true
	-
		id: embed-max-height
		title: Embed maximum height
		type: variable-text
		default: ''
	-
		id: embed-style
		title: Embed style
		type: class-select
		allowEmpty: false
		default: embed-side
		options:
			-
				label: Clean
				value: embed-strict
			-
				label: Indicator
				value: embed-side
			-
				label: Block background
				value: embed-block
	-
		id: embed-background
		title: Embed background
		type: variable-themed-color
		opacity: true
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: embed-border-color
		title: Embed border color
		type: variable-themed-color
		opacity: true
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: embed-border-thickness
		title: Embed border thickness
		type: variable-number-slider
		format: px
		default: 2
		min: 0
		max: 5
		step: 1
	-
		id: embed-hide-title
		title: Hide embed titles
		type: class-toggle
	-
		id: links
		title: Links
		type: heading
		level: 2
		collapsed: true
	-
		id: link-color
		title: Internal link color
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: link-color-hover
		title: Internal link color (Hover)
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: link-decoration
		title: Internal link underline
		type: variable-select
		allowEmpty: false
		default: none
		options:
			-
				label: Underline
				value: underline
			-
				label: None
				value: none
	-
		id: link-external-color
		title: External link color
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: link-external-color-hover
		title: External link color (Hover)
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: link-external-decoration
		title: External link underline
		type: variable-select
		allowEmpty: false
		default: none
		options:
			-
				label: Underline
				value: underline
			-
				label: None
				value: none
	-
		id: lists
		title: Lists & Tasks
		type: heading
		level: 2
		collapsed: true
	-
		id: indentation-guide-width
		title: Indentation guides thickness
		type: variable-number-slider
		format: px
		default: 0
		min: 0
		max: 3
		step: 1
	-
		id: indentation-guide-color
		title: Indentation guides color
		type: variable-select
		allowEmpty: false
		default: var(--background-modifier-border-hover)
		options:
			-
				label: Subtle
				value: var(--background-modifier-border-hover)
			-
				label: Strong
				value: var(--text-faint)
			-
				label: Accent color
				value: var(--color-accent)
    -
        id: list-spacing
        title: List spacing
        type: variable-text
        default: 0.175rem
    -
        id: list-numbered-style
        title: List order style
        type: variable-select
        default: decimal
        options:
            -
                label: Decimal
                value: decimal
            -
                label: Decimal with leading zeroes
                value: decimal-leading-zero
            -
                label: Lowercase alphabetical
                value: lower-alpha
            -
                label: Uppercase alphabetical
                value: upper-alpha
            -
                label: Lowercase Roman Numerals
                value: lower-roman
            -
                label: Uppercase Roman Numerals
                value: upper-roman
            -
                label: Lowercase Latin
                value: lower-latin
            -
                label: Uppercase Latin
                value: upper-latin
            -
                label: Lowercase Greek
                value: lower-greek
            -
                label: Uppercase Greek
                value: upper-greek
            -
                label: Hiragana
                value: hiragana
            -
                label: Hiragana Iroha
                value: hiragana-iroha
            -
                label: Katakana
                value: katakana
            -
                label: Katakana Iroha
                value: katakana-iroha
            -
                label: Armenian
                value: armenian
            -
                label: CJK Ideographic
                value: cjk-ideographic
            -
                label: Hebrew
                value: hebrew
    -
        id: list-marker-color
        title: List bullet color
        type: variable-themed-color
        default-light: '#'
        default-dark: '#'
        format: hex
	-
		id: checkbox-color
		title: Checkbox color
		type: variable-themed-color
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: checkbox-radius
		title: Checkbox shape
		type: variable-select
		allowEmpty: false
		default: 4px
		options:
			-
				label: Rounded
				value: 4px
			-
				label: Circle
				value: 100px
	-
		id: strike-lists-off
		title: Disable checkbox strikethrough
		type: class-toggle
	-
		id: media
		title: Media
		type: heading
		level: 2
		collapsed: true
	-
		id: media-width
		title: Media width
		type: class-select
		default: media-width-full
		options:
			-
				label: Full width
				value: media-width-full
			-
				label: Full width (Always)
				value: media-width-full-always
			-
				label: Auto
				value: media-width-fit
			-
				label: Auto (Center)
				value: media-width-fit-center
	-
		id: img-grid-gap
		title: Image grids spacing
		type: variable-number-slider
		default: 4
		min: 0
		max: 16
		step: 1
		format: px
	-
		id: img-grid
		title: Always show image grids
		type: class-toggle
	-
		id: media-muted
		title: Dim media in dark mode
		type: class-toggle
	-
		id: img-radius-off
		title: Disable rounded media
		type: class-toggle
	-
		id: pdf
		title: PDF
		type: heading
		level: 2
		collapsed: true
	-
		id: pdf-page-style
		title: PDF page style
		type: class-select
		allowEmpty: false
		default: pdf-shadow
		options:
			-
				label: Paged
				value: pdf-shadow
			-
				label: Seamless
				value: pdf-seamless
	-
		id: pdf-invert-dark
		title: Invert PDF color in dark mode
		type: class-toggle
	-
		id: pdf-muted
		title: Dim PDF pages in dark mode
		type: class-toggle
	-
		id: pdf-radius-off
		title: Disable rounded PDF pages
		type: class-toggle
	-
		id: tables
		title: Tables
		type: heading
		level: 2
		collapsed: true
	-
		id: table-text-size
		title: Table font size
		type: variable-text
		default: 0.933rem
	-
		id: table-width
		title: Table width
		type: class-select
		default: table-width-full
		options:
			-
				label: Full width
				value: table-width-full
			-
				label: Auto
				value: table-width-fit
			-
				label: Auto (Center)
				value: table-width-fit-center
	-
		id: table-text-align-header
		title: Table header text alignment
		type: variable-select
		allowEmpty: false
		default: start
		options:
			-
				label: Start
				value: start
			-
				label: Center
				value: center
			-
				label: End
				value: end
	-
		id: table-text-align-body
		title: Table body text alignment
		type: variable-select
		allowEmpty: false
		default: start
		options:
			-
				label: Start
				value: start
			-
				label: Center
				value: center
			-
				label: End
				value: end
	-
		id: row-hover
		title: Highlight hovered row
		type: class-toggle
	-
		id: row-alt
		title: Alternating row background
		type: class-toggle
	-
		id: col-alt
		title: Alternating columns background
		type: class-toggle
	-
		id: row-lines
		title: Always show row border
		type: class-toggle
	-
		id: col-lines
		title: Always show column border
		type: class-toggle
	-
		id: table-numbers
		title: Row line numbers
		type: class-toggle
	-
		id: table-tabular
		title: Fixed-width tabular figures
		type: class-toggle
	-
		id: table-nowrap
		title: Disable line wrap
		type: class-toggle
	-
		id: tags
		title: Tags
		type: heading
		level: 2
		collapsed: true
	-
		id: unstyled-tags
		title: Plain tags
		description: Display tags as normal text.
		type: class-toggle
	-
		id: tag-radius
		title: Tag shape
		type: variable-select
		default: 8px
		options:
			-
				label: Pill
				value: 16px
			-
				label: Rounded
				value: 8px
			-
				label: Square
				value: 0px
	-
		id: tag-border-width
		title: Tag border thickness
		type: variable-number-slider
		default: 0
		min: 0
		max: 2
		step: 1
		format: px
	-
		id: tag-color
		title: Tag text color
		type: variable-themed-color
		opacity: true
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: tag-background
		title: Tag background
		type: variable-themed-color
		opacity: true
		format: hex
		default-light: '#'
		default-dark: '#'
	-
		id: tag-background-hover
		title: Tag background (Hover)
		type: variable-themed-color
		opacity: true
		format: hex
		default-light: '#'
		default-dark: '#'
*/
.style-settings-heading {
  margin-block: 0 !important;
  padding: var(--setting-items-padding-y) var(--setting-items-padding-x) !important;
}
.style-settings-heading:not(.is-collapsed) {
  border-bottom: none;
}
.style-settings-heading .setting-item-name {
  color: var(--text-normal);
}

.style-settings-container {
  padding-left: 32px;
}
.style-settings-container .setting-item {
  margin-bottom: 0;
  background-color: transparent;
  border: none;
}
.style-settings-container .setting-item[data-id=divider] .setting-item-info {
  height: var(--divider-width);
  background-color: var(--background-modifier-border);
}
.style-settings-container .setting-item-description > div:last-child {
  display: none;
}
.style-settings-container .setting-item:not(.setting-item-heading) > .setting-item-control {
  min-height: var(--input-height);
}
.style-settings-container .themed-color-wrapper {
  display: flex;
}
.style-settings-container .themed-color-wrapper > div {
  gap: 8px;
  margin-top: 0 !important;
  background-color: transparent;
  color: var(--color-base-100);
  padding: 0 8px;
}
.style-settings-container .themed-color-wrapper > div .pickr .pcr-button {
  box-shadow: none;
  border-radius: 100vh;
  border: var(--input-border-width) solid var(--background-modifier-border);
}
.style-settings-container .themed-color-wrapper > div .pickr .pcr-button::before {
  border-radius: var(--button-radius);
  background: var(--color-base-50);
}
.style-settings-container .themed-color-wrapper > div .pickr .pcr-button::after {
  border-radius: var(--button-radius);
}
.style-settings-container .themed-color-wrapper > div .pickr-reset > button {
  margin: 0;
  background-color: var(--color-base-10);
  color: var(--color-base-100);
  padding: 0 8px;
  box-shadow: none;
}
.style-settings-container .pcr-app.visible {
  box-shadow: var(--shadow-l);
  border-radius: var(--modal-radius);
  background-color: var(--modal-background);
  padding: 8px;
}
.style-settings-container .pcr-app.visible .pcr-selection .pcr-palette,
.style-settings-container .pcr-app.visible .pcr-selection .pcr-palette::before {
  border-radius: calc(var(--modal-radius) - 8px);
}
.style-settings-container .pcr-app.visible .pcr-selection .pcr-color-preview {
  margin: 0;
}
.style-settings-container .pcr-app.visible .pcr-selection .pcr-color-preview .pcr-current-color {
  border: var(--input-border-width) solid var(--background-modifier-border);
}
.style-settings-container .pcr-app.visible .pcr-swatches {
  margin: 8px 0;
  padding: 0;
}
.style-settings-container .pcr-app.visible .pcr-swatches > button {
  margin: 0;
  box-shadow: none;
  border-radius: 100vh;
}
.style-settings-container .pcr-app.visible .pcr-swatches > button.pcr-active {
  box-shadow: 0 0 0 1px white;
  border-radius: 100vh;
}
.style-settings-container .pcr-app.visible .pcr-interaction {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  margin: 0;
  padding: 0;
}
.style-settings-container .pcr-app.visible .pcr-interaction input.pcr-type[value=HEX],
.style-settings-container .pcr-app.visible .pcr-interaction input.pcr-type[value=RGB],
.style-settings-container .pcr-app.visible .pcr-interaction input.pcr-type[value=HSL],
.style-settings-container .pcr-app.visible .pcr-interaction input.pcr-type[value=HEXA],
.style-settings-container .pcr-app.visible .pcr-interaction input.pcr-type[value=RGBA],
.style-settings-container .pcr-app.visible .pcr-interaction input.pcr-type[value=HSLA] {
  grid-column: span 2;
}
.style-settings-container .pcr-app.visible .pcr-interaction input.pcr-save,
.style-settings-container .pcr-app.visible .pcr-interaction input.pcr-cancel {
  grid-column: span 3;
}
.style-settings-container .pcr-app.visible .pcr-interaction input.pcr-result {
  grid-column: span 6;
  margin: 0;
  border-radius: var(--input-radius);
  background: var(--background-modifier-form-field);
  padding: var(--input-padding);
  min-width: unset;
  color: var(--text-normal);
  caret-color: var(--text-normal);
  font-size: var(--font-ui-small);
}
.style-settings-container .pcr-app.visible .pcr-interaction input[type=button] {
  margin: 0;
  box-shadow: var(--input-shadow);
  border-radius: var(--button-radius);
  background-color: var(--interactive-normal);
  padding: 8px 12px;
  color: var(--text-normal);
  font-weight: var(--input-font-weight);
  font-size: var(--font-ui-small);
  font-family: var(--font-interface);
  letter-spacing: normal;
}
.style-settings-container .pcr-app.visible .pcr-interaction input.pcr-save {
  background-color: var(--interactive-accent);
  color: var(--text-on-accent);
}

.workspace-leaf-content[data-type=style-settings] .setting-item {
  flex-direction: row !important;
}
.workspace-leaf-content[data-type=style-settings] .setting-item-heading {
  border: none !important;
}
.workspace-leaf-content[data-type=style-settings] .setting-item-control {
  padding-top: 0 !important;
}

body:is(.tab-floating, .tab-floating-center) .setting-item[data-id=tab-divider],
body:not(.hover-sidedock) .setting-item[data-id=hover-sidedock-trigger-area] ~ .setting-item,
body:not(.layout-fusion) .setting-item[data-id=reduce-contrast-change],
body.view-header-title-hidden .setting-item[data-id=file-header-visibility] ~ .setting-item,
body.block-width-off .setting-item[data-id=line-width] ~ .setting-item,
body.unstyled-tags .setting-item[data-id=unstyled-tags] ~ .setting-item,
body:not(.colorful-headings-background) .setting-item[data-id=colorful-headings-full-width],
body:not(.hr-dashed) .setting-item[data-id=hr-dashed] ~ .setting-item,
body:is(.is-hidden-frameless, :not(.is-frameless)) .setting-item[data-id=titlebar-info] ~ .setting-item,
body:not(.is-translucent, .mod-macos) .setting-item[data-id=translucent-window-info] ~ .setting-item {
  pointer-events: none;
}
body:is(.tab-floating, .tab-floating-center) .setting-item[data-id=tab-divider] > *,
body:not(.hover-sidedock) .setting-item[data-id=hover-sidedock-trigger-area] ~ .setting-item > *,
body:not(.layout-fusion) .setting-item[data-id=reduce-contrast-change] > *,
body.view-header-title-hidden .setting-item[data-id=file-header-visibility] ~ .setting-item > *,
body.block-width-off .setting-item[data-id=line-width] ~ .setting-item > *,
body.unstyled-tags .setting-item[data-id=unstyled-tags] ~ .setting-item > *,
body:not(.colorful-headings-background) .setting-item[data-id=colorful-headings-full-width] > *,
body:not(.hr-dashed) .setting-item[data-id=hr-dashed] ~ .setting-item > *,
body:is(.is-hidden-frameless, :not(.is-frameless)) .setting-item[data-id=titlebar-info] ~ .setting-item > *,
body:not(.is-translucent, .mod-macos) .setting-item[data-id=translucent-window-info] ~ .setting-item > * {
  opacity: 0.5;
}

body.color-scheme-accent .setting-item-control input[type=color] {
  width: auto;
  height: auto;
}
body.color-scheme-accent .setting-item-control input[type=color]::-webkit-color-swatch-wrapper {
  display: none;
}
body.color-scheme-accent .setting-item-control input[type=color]::after {
  content: "Style Settings → Baseline → Colors";
  color: var(--text-muted);
  line-height: var(--line-height-tight);
  font-family: var(--font-interface);
  font-weight: var(--input-font-weight);
  font-size: var(--font-ui-smaller);
}

.style-settings-container .setting-item-heading[data-id=info] {
  display: none;
}
.style-settings-container .setting-item-heading[data-id=info] + .style-settings-container {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding-bottom: 8px;
  padding-left: 0;
}
.style-settings-container .setting-item-heading[data-id=info] + .style-settings-container .setting-item {
  margin-top: 0 !important;
  flex: 1 0 auto;
  gap: 8px;
  align-items: center;
  justify-content: center;
  transition: var(--anim-duration-fast);
  box-shadow: var(--input-shadow);
  border-radius: var(--setting-items-radius) !important;
  border: none !important;
  background-color: var(--interactive-normal) !important;
  padding: 0 16px !important;
  height: var(--input-height);
  flex-direction: row;
}
.style-settings-container .setting-item-heading[data-id=info] + .style-settings-container .setting-item:hover {
  background-color: var(--background-modifier-hover) !important;
  box-shadow: var(--input-shadow-hover);
}
.style-settings-container .setting-item-heading[data-id=info] + .style-settings-container .setting-item::after {
  content: none !important;
}
.style-settings-container .setting-item-heading[data-id=info] + .style-settings-container .setting-item .setting-item-info {
  flex: none;
  margin-inline-end: 0;
}
.style-settings-container .setting-item-heading[data-id=info] + .style-settings-container .setting-item .setting-item-name {
  display: none;
}
.style-settings-container .setting-item-heading[data-id=info] + .style-settings-container .setting-item .setting-item-description {
  font-size: var(--font-ui-small);
  font-weight: var(--input-font-weight);
  padding: 0;
  color: var(--text-normal);
}
.style-settings-container .setting-item-heading[data-id=info] + .style-settings-container .setting-item .setting-item-control {
  display: none;
}
.style-settings-container .setting-item-heading[data-id=info] + .style-settings-container .setting-item a.external-link {
  position: absolute;
  inset: 0;
  background-image: none;
}
.style-settings-container .setting-item-heading[data-id=info] + .style-settings-container .setting-item::before {
  background-color: var(--text-normal);
  width: var(--icon-s);
  height: var(--icon-s);
  content: "";
  mask-position: 50% 50%;
  mask-size: 100% 100%;
  flex-shrink: 0;
}
.style-settings-container .setting-item-heading[data-id=info] + .style-settings-container .setting-item:nth-child(1)::before {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXN0b3JlLWljb24gbHVjaWRlLXN0b3JlIj48cGF0aCBkPSJNMTUgMjF2LTVhMSAxIDAgMCAwLTEtMWgtNGExIDEgMCAwIDAtMSAxdjUiLz48cGF0aCBkPSJNMTcuNzc0IDEwLjMxYTEuMTIgMS4xMiAwIDAgMC0xLjU0OSAwIDIuNSAyLjUgMCAwIDEtMy40NTEgMCAxLjEyIDEuMTIgMCAwIDAtMS41NDggMCAyLjUgMi41IDAgMCAxLTMuNDUyIDAgMS4xMiAxLjEyIDAgMCAwLTEuNTQ5IDAgMi41IDIuNSAwIDAgMS0zLjc3LTMuMjQ4bDIuODg5LTQuMTg0QTIgMiAwIDAgMSA3IDJoMTBhMiAyIDAgMCAxIDEuNjUzLjg3M2wyLjg5NSA0LjE5MmEyLjUgMi41IDAgMCAxLTMuNzc0IDMuMjQ0Ii8+PHBhdGggZD0iTTQgMTAuOTVWMTlhMiAyIDAgMCAwIDIgMmgxMmEyIDIgMCAwIDAgMi0ydi04LjA1Ii8+PC9zdmc+);
}
.style-settings-container .setting-item-heading[data-id=info] + .style-settings-container .setting-item:nth-child(2)::before {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWFycm93LXJpZ2h0LWxlZnQtaWNvbiBsdWNpZGUtYXJyb3ctcmlnaHQtbGVmdCI+PHBhdGggZD0ibTE2IDMgNCA0LTQgNCIvPjxwYXRoIGQ9Ik0yMCA3SDQiLz48cGF0aCBkPSJtOCAyMS00LTQgNC00Ii8+PHBhdGggZD0iTTQgMTdoMTYiLz48L3N2Zz4=);
}
.style-settings-container .setting-item-heading[data-id=info] + .style-settings-container .setting-item:nth-child(3)::before {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWJvb2stb3Blbi1pY29uIGx1Y2lkZS1ib29rLW9wZW4iPjxwYXRoIGQ9Ik0xMiA3djE0Ii8+PHBhdGggZD0iTTMgMThhMSAxIDAgMCAxLTEtMVY0YTEgMSAwIDAgMSAxLTFoNWE0IDQgMCAwIDEgNCA0IDQgNCAwIDAgMSA0LTRoNWExIDEgMCAwIDEgMSAxdjEzYTEgMSAwIDAgMS0xIDFoLTZhMyAzIDAgMCAwLTMgMyAzIDMgMCAwIDAtMy0zeiIvPjwvc3ZnPg==);
}
.style-settings-container .setting-item-heading[data-id=info] + .style-settings-container .setting-item:nth-child(4)::before {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWhlYXJ0LWljb24gbHVjaWRlLWhlYXJ0Ij48cGF0aCBkPSJNMiA5LjVhNS41IDUuNSAwIDAgMSA5LjU5MS0zLjY3Ni41Ni41NiAwIDAgMCAuODE4IDBBNS40OSA1LjQ5IDAgMCAxIDIyIDkuNWMwIDIuMjktMS41IDQtMyA1LjVsLTUuNDkyIDUuMzEzYTIgMiAwIDAgMS0zIC4wMTlMNSAxNWMtMS41LTEuNS0zLTMuMi0zLTUuNSIvPjwvc3ZnPg==);
}

body.is-phone .style-settings-container .setting-item-heading[data-id=info] + .style-settings-container {
  flex-direction: column;
}

body.baseline-marketplace-off .style-settings-container .setting-item-heading[data-id=info] + .style-settings-container .setting-item:nth-child(1) {
  display: none;
}

body.baseline-migration-off .style-settings-container .setting-item-heading[data-id=info] + .style-settings-container .setting-item:nth-child(2) {
  display: none;
}

body.baseline-support-off .style-settings-container .setting-item-heading[data-id=info] + .style-settings-container .setting-item:nth-child(4) {
  display: none;
}

@media screen, print {
  body {
    --file-margins-y: 32px;
    --file-margins-x: 32px;
    --file-margins: var(--file-margins-y) var(--file-margins-x);
    --heading-spacing: 2.5rem;
    --p-spacing: 1.25rem;
    --p-spacing-empty: var(--p-spacing);
    --line-height-normal: 1.625;
    --list-spacing: 0.175rem;
    --inline-title-margin-bottom: 1rem;
    --inline-title-color: inherit;
    --inline-title-size: 1.5rem;
    --inline-title-weight: var(--font-semibold);
    --inline-title-line-height: var(--line-height-tight);
    --h1-size: 1.5rem;
    --h2-size: 1.25rem;
    --h3-size: 1rem;
    --h4-size: 1rem;
    --h5-size: 0.9375rem;
    --h6-size: 0.9375rem;
    --h1-weight: var(--font-medium);
    --h2-weight: var(--font-medium);
    --h3-weight: var(--font-medium);
    --h4-weight: var(--font-semibold);
    --h5-weight: var(--font-medium);
    --h6-weight: var(--font-semibold);
    --h4-color: var(--text-muted);
    --h6-color: var(--text-muted);
    --h1-line-height: var(--line-height-normal);
    --h2-line-height: var(--line-height-normal);
    --h3-line-height: var(--line-height-normal);
    --h4-line-height: var(--line-height-normal);
    --code-border-width: var(--border-width);
    --code-radius: var(--radius-s);
    --code-size: var(--font-smallest);
    --image-radius: var(--radius-s);
    --embed-padding: 16px;
    --embed-max-height: none;
    --embed-background: var(--background-primary-alt);
    --embed-radius: var(--radius-s);
    --embed-border-start: var(--embed-border-thickness, 2px) solid var(--embed-border-color, var(--background-modifier-border-focus));
    --checkbox-radius: 4px;
    --metadata-gap: 8px;
    --tag-padding-x: 8px;
    --tag-padding-y: 4px;
    --tag-radius: 8px;
    --tag-weight: var(--font-medium);
    --tag-background: color-mix(in oklch, var(--color-accent) 10%, transparent);
    --tag-background-hover: color-mix(in oklch, var(--color-accent) 20%, transparent);
    --tag-border-color: color-mix(in oklch, var(--color-accent) 15%, transparent);
    --tag-border-color-hover: color-mix(in oklch, var(--color-accent) 15%, transparent);
    --link-decoration: none;
    --link-external-decoration: none;
    --indentation-guide-color: var(--background-modifier-border-hover);
    --indentation-guide-width: 0px;
    --file-header-border: none;
    --hr-width: 100%;
    --hr-align: center;
    --hr-dashed-size: 1rem;
    --hr-dashed-spacing: 0.5rem;
    --hr-thickness: 1px;
  }
  body:not(.is-phone) .mod-root .workspace-tabs {
    overflow: visible;
  }
  body:not(.is-phone) .mod-root .workspace-tab-container {
    border-radius: var(--tab-radius);
    box-shadow: 0 0 0 var(--tab-outline-width) var(--tab-outline-color);
    transition: var(--anim-duration-moderate);
    overflow: hidden;
  }
  .markdown-preview-view,
  .markdown-source-view {
    color: var(--text-normal-editor, var(--text-normal));
  }
  .markdown-rendered h1 + :not(hr),
  .markdown-rendered h2 + :not(hr, h1),
  .markdown-rendered h3 + :not(hr, h1, h2),
  .markdown-rendered h4 + :not(hr, h1, h2, h3),
  .markdown-rendered h5 + :not(hr, h1, h2, h3, h4),
  .markdown-rendered h6 + :not(hr, h1, h2, h3, h4, h5),
  .markdown-rendered div.el-h1 + div > :not(hr),
  .markdown-rendered div.el-h2 + div > :not(hr, h1),
  .markdown-rendered div.el-h3 + div > :not(hr, h1, h2),
  .markdown-rendered div.el-h4 + div > :not(hr, h1, h2, h3),
  .markdown-rendered div.el-h5 + div > :not(hr, h1, h2, h3, h4),
  .markdown-rendered div.el-h6 + div > :not(hr, h1, h2, h3, h4, h5),
  .markdown-rendered div.el-p + div:is(.el-ul, .el-ol) > * {
    margin-block-start: var(--p-spacing-empty);
  }
  .view-header {
    padding: 0 8px;
    flex-shrink: 0;
  }
  .view-header-title-container {
    height: auto !important;
  }
  .view-header-title-container > div {
    transition: var(--anim-duration-moderate) var(--anim-motion-baseline);
  }
  .view-header-title-parent {
    color: var(--text-faint);
  }
  .view-header-title {
    font-weight: max(var(--file-header-font-weight), var(--font-medium));
  }
  body:not(.is-phone, .view-header-title-always) .view-header:not(.view-header-always-show):not(:hover) .view-header-title-container > div:not(:focus-within) {
    opacity: 0 !important;
  }
  body:not(.is-phone).view-header-title-hidden .view-header-title-container > div {
    visibility: hidden;
  }
  body.is-phone .view-header-title {
    font-size: inherit;
  }
  .document-search-buttons,
  .document-replace-buttons {
    flex-grow: 0 !important;
  }
  body.active-line-side .view-content > .markdown-source-view .cm-line.cm-active:not(:has(.cm-fold-indicator):hover)::before {
    position: absolute;
    top: 4px;
    bottom: 4px;
    inset-inline-start: -16px;
    border-left: 4px solid var(--background-modifier-border-hover);
    border-radius: var(--input-radius);
    content: "";
  }
  body.active-line-block .view-content > .markdown-source-view .cm-line.cm-active:not(.cm-gutterElement, .HyperMD-callout, .HyperMD-codeblock-bg, .HyperMD-quote)::before {
    position: absolute;
    inset: -2px -4px;
    background: var(--background-secondary);
    content: "";
    z-index: -2;
    border-radius: var(--radius-s);
  }
  body.active-line-block .view-content > .markdown-source-view .cm-line.cm-active:is(.HyperMD-callout, .HyperMD-codeblock-bg, .HyperMD-quote) {
    background-color: var(--background-modifier-hover) !important;
  }
  body.active-line-background .view-content > .markdown-source-view .cm-scroller {
    overflow-x: hidden;
    overflow-y: scroll;
  }
  body.active-line-background .view-content > .markdown-source-view .cm-line.cm-active:not(.cm-gutterElement)::before {
    position: absolute;
    inset: -2px -100%;
    background: var(--background-secondary);
    content: "";
    z-index: -2;
    pointer-events: none;
  }
  body.active-line-background .view-content > .markdown-source-view .cm-line.cm-active:is(.HyperMD-callout, .HyperMD-codeblock-bg, .HyperMD-quote) {
    background-color: var(--background-modifier-hover) !important;
  }
  body.active-line-background .view-content > .markdown-source-view .cm-line.cm-active:is(.HyperMD-callout, .HyperMD-codeblock-bg, .HyperMD-quote)::before {
    inset: 0 -100%;
  }
  body.active-line-color-accent.active-line-side .view-content > .markdown-source-view .cm-line.cm-active:not(:has(.cm-fold-indicator):hover)::before {
    border-color: var(--color-accent);
  }
  body.active-line-color-accent:is(.active-line-block, .active-line-background) .view-content > .markdown-source-view .cm-line.cm-active::before {
    background-color: var(--background-modifier-active-hover);
  }
  .markdown-rendered pre {
    --code-border-width: 0px;
    corner-shape: var(--corner-shape);
  }
  .markdown-rendered code {
    corner-shape: var(--corner-shape);
    padding: 2px 4px;
  }
  .markdown-rendered pre code {
    white-space: var(--code-white-space);
  }
  body.code-scroll {
    --code-white-space: pre;
  }
  body.code-scroll .HyperMD-codeblock:not(.HyperMD-codeblock-begin) {
    overflow-y: scroll;
    white-space: pre;
  }
  body.code-line-numbers .HyperMD-codeblock-begin {
    counter-reset: codeblock-line-numbers;
  }
  body.code-line-numbers .HyperMD-codeblock:not(.HyperMD-codeblock-begin, .HyperMD-codeblock-end)::before {
    counter-increment: codeblock-line-numbers;
    content: counter(codeblock-line-numbers);
    font-size: var(--font-smallest);
    text-align: right;
    color: var(--text-muted);
    padding-right: 1rem;
  }
  .dataview .inline-field-standalone-value,
  .dataview.inline-field-key,
  .dataview.inline-field-value {
    font-family: var(--font-text);
    font-size: var(--font-smaller);
    background: transparent;
    color: var(--text-faint);
    padding-inline: 2px;
  }
  .embed-strict {
    --embed-border-start: none;
    --embed-background: transparent;
    --embed-padding: 0;
  }
  .embed-block {
    --embed-border-start: none;
    --embed-padding: 16px;
  }
  .embed-block .markdown-embed:not(.image-embed, .canvas-node-content) {
    border-radius: var(--embed-radius);
  }
  .embed-hide-title .embed-title,
  .embed-title:empty {
    display: none;
  }
  .markdown-embed {
    corner-shape: var(--corner-shape);
  }
  .markdown-embed:not(.image-embed, .canvas-node-content) {
    display: flex;
    flex-direction: column;
    max-height: var(--embed-max-height);
    overflow: hidden;
    border-start-end-radius: var(--embed-radius);
    border-end-end-radius: var(--embed-radius);
  }
  .inline-embed > .markdown-embed-title {
    padding-bottom: var(--inline-title-margin-bottom);
  }
  .inline-embed > .markdown-embed-content {
    max-height: 100%;
  }
  .block-language-chart {
    width: 100% !important;
  }
  body:not(.is-mobile) .inline-title:not([data-level]) {
    position: relative;
  }
  body:not(.is-mobile) .inline-title:not([data-level])::before {
    content: "";
    position: absolute;
    inset: -8px;
    border-radius: var(--radius-s);
    pointer-events: none;
    transition: var(--anim-duration-fast);
    border: var(--border-width) solid transparent;
  }
  body:not(.is-mobile) .inline-title:not([data-level]):hover::before, body:not(.is-mobile) .inline-title:not([data-level]):focus-within::before {
    border-color: var(--background-modifier-border);
  }
  body:not(.is-mobile) .inline-title:not([data-level]):not(:focus-within) {
    cursor: pointer;
  }
  .inline-title {
    text-align: var(--inline-title-align);
  }
  .markdown-rendered h1,
  .HyperMD-header-1,
  .HyperMD-list-line .cm-header-1 {
    text-transform: var(--h1-transform);
    text-align: var(--h1-align);
  }
  .markdown-rendered h2,
  .HyperMD-header-2,
  .HyperMD-list-line .cm-header-2 {
    text-transform: var(--h2-transform);
    text-align: var(--h2-align);
  }
  .markdown-rendered h3,
  .HyperMD-header-3,
  .HyperMD-list-line .cm-header-3 {
    text-transform: var(--h3-transform);
    text-align: var(--h3-align);
  }
  .markdown-rendered h4,
  .HyperMD-header-4,
  .HyperMD-list-line .cm-header-4 {
    text-transform: var(--h4-transform);
    text-align: var(--h4-align);
  }
  .markdown-rendered h5,
  .HyperMD-header-5,
  .HyperMD-list-line .cm-header-5 {
    text-transform: var(--h5-transform);
    text-align: var(--h5-align);
  }
  .markdown-rendered h6,
  .HyperMD-header-6,
  .HyperMD-list-line .cm-header-6 {
    text-transform: var(--h6-transform);
    text-align: var(--h6-align);
  }
  .inline-title:not([data-level]),
  .markdown-rendered :is(h1, h2, h3, h4, h5, h6),
  .HyperMD-header {
    text-wrap: pretty;
    letter-spacing: normal;
  }
  .h1-l .markdown-reading-view h1,
  .h1-l .markdown-source-view .HyperMD-header-1,
  .h2-l .markdown-reading-view h2,
  .h2-l .markdown-source-view .HyperMD-header-2,
  .h3-l .markdown-reading-view h3,
  .h3-l .markdown-source-view .HyperMD-header-3,
  .h4-l .markdown-reading-view h4,
  .h4-l .markdown-source-view .HyperMD-header-4,
  .h5-l .markdown-reading-view h5,
  .h5-l .markdown-source-view .HyperMD-header-5,
  .h6-l .markdown-reading-view h6,
  .h6-l .markdown-source-view .HyperMD-header-6 {
    border-bottom: var(--divider-width) solid var(--background-modifier-border);
    padding-bottom: var(--p-spacing);
  }
  .markdown-rendered hr,
  .markdown-source-view.mod-cm6 .hr {
    width: var(--hr-width, 100%);
    justify-self: var(--hr-align, center);
  }
  body.hr-dashed .markdown-rendered hr,
  body.hr-dashed .markdown-source-view.mod-cm6 .hr {
    border-top: none;
    background: repeating-linear-gradient(to right, var(--hr-color), var(--hr-color) var(--hr-dashed-size), transparent var(--hr-dashed-size), transparent calc(var(--hr-dashed-size) + var(--hr-dashed-spacing)));
  }
  .markdown-reading-view mark,
  .markdown-source-view mark,
  .markdown-rendered mark {
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
    border-radius: var(--radius-s);
    padding: 2px 4px;
    color: var(--text-highlight, var(--text-normal));
  }
  .cm-s-obsidian span.cm-highlight,
  .cm-s-obsidian span.cm-highlight-color-widget {
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
    padding-block: 2px;
  }
  .cm-line .cm-highlight:nth-child(1 of .cm-highlight) {
    border-top-left-radius: var(--radius-s);
    border-bottom-left-radius: var(--radius-s);
    padding-left: 4px;
  }
  .cm-line .cm-highlight:nth-last-child(1 of .cm-highlight) {
    border-top-right-radius: var(--radius-s);
    border-bottom-right-radius: var(--radius-s);
    padding-right: 4px;
  }
  img:not(.link-favicon),
  iframe,
  video,
  .file-embed {
    corner-shape: var(--corner-shape);
    border-radius: var(--image-radius);
  }
  .image-embed {
    padding-bottom: 0px;
    padding-inline-end: 0px;
  }
  body.img-radius-off {
    --image-radius: 0px;
  }
  body:is(.media-width-full, .media-width-full-always, :not(.css-settings-manager)) .markdown-preview-sizer .image-embed:not([width]),
  body:is(.media-width-full, .media-width-full-always, :not(.css-settings-manager)) .markdown-preview-sizer .image-embed:not([width]) > .image-wrapper,
  body:is(.media-width-full, .media-width-full-always, :not(.css-settings-manager)) .markdown-preview-sizer iframe,
  body:is(.media-width-full, .media-width-full-always, :not(.css-settings-manager)) .markdown-preview-sizer video,
  body:is(.media-width-full, .media-width-full-always, :not(.css-settings-manager)) .markdown-preview-sizer img:not([width], .cm-widgetBuffer, .link-favicon, .emoji, .highlight-swatch, [alt=banner]),
  body:is(.media-width-full, .media-width-full-always, :not(.css-settings-manager)) .cm-content .image-embed:not([width]),
  body:is(.media-width-full, .media-width-full-always, :not(.css-settings-manager)) .cm-content .image-embed:not([width]) > .image-wrapper,
  body:is(.media-width-full, .media-width-full-always, :not(.css-settings-manager)) .cm-content iframe,
  body:is(.media-width-full, .media-width-full-always, :not(.css-settings-manager)) .cm-content video,
  body:is(.media-width-full, .media-width-full-always, :not(.css-settings-manager)) .cm-content img:not([width], .cm-widgetBuffer, .link-favicon, .emoji, .highlight-swatch, [alt=banner]) {
    width: 100%;
    padding: 0;
  }
  body:is(.media-width-full, :not(.css-settings-manager)) .markdown-preview-sizer iframe,
  body:is(.media-width-full, :not(.css-settings-manager)) .markdown-preview-sizer video,
  body:is(.media-width-full, :not(.css-settings-manager)) .markdown-preview-sizer img:not([width], .cm-widgetBuffer, .link-favicon, .emoji, .highlight-swatch, [alt=banner]),
  body:is(.media-width-full, :not(.css-settings-manager)) .cm-content iframe,
  body:is(.media-width-full, :not(.css-settings-manager)) .cm-content video,
  body:is(.media-width-full, :not(.css-settings-manager)) .cm-content img:not([width], .cm-widgetBuffer, .link-favicon, .emoji, .highlight-swatch, [alt=banner]) {
    background: var(--background-primary-alt);
    max-height: 75vh;
    object-fit: contain;
    outline: var(--border-width) solid var(--background-modifier-hover);
    outline-offset: var(--border-width-offset);
  }
  body.media-width-fit-center .markdown-preview-sizer .image-embed,
  body.media-width-fit-center .markdown-preview-sizer .image-embed > .image-wrapper,
  body.media-width-fit-center .markdown-preview-sizer iframe,
  body.media-width-fit-center .markdown-preview-sizer video,
  body.media-width-fit-center .markdown-preview-sizer img:not(.cm-widgetBuffer, .link-favicon, .emoji, [alt=banner]),
  body.media-width-fit-center .cm-content .image-embed,
  body.media-width-fit-center .cm-content .image-embed > .image-wrapper,
  body.media-width-fit-center .cm-content iframe,
  body.media-width-fit-center .cm-content video,
  body.media-width-fit-center .cm-content img:not(.cm-widgetBuffer, .link-favicon, .emoji, [alt=banner]) {
    display: flex;
    justify-self: center;
  }
  body.theme-dark.media-muted div:is(.markdown-preview-sizer, .cm-content, .markdown-embed, .bases-view) img:not(.cm-widgetBuffer, .link-favicon, .emoji, [alt=banner]),
  body.theme-dark.media-muted div:is(.markdown-preview-sizer, .cm-content, .markdown-embed, .bases-view) .bases-cards-cover {
    transition: opacity var(--anim-duration-moderate);
  }
  body.theme-dark.media-muted div:is(.markdown-preview-sizer, .cm-content, .markdown-embed, .bases-view) img:not(.cm-widgetBuffer, .link-favicon, .emoji, [alt=banner]):not(:hover),
  body.theme-dark.media-muted div:is(.markdown-preview-sizer, .cm-content, .markdown-embed, .bases-view) .bases-cards-cover:not(:hover) {
    opacity: 0.7;
  }
  .lightbox .modal-close-button {
    top: 8px;
    inset-inline-end: 8px;
    opacity: 0.5;
    background: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
  .lightbox .modal-close-button::after {
    content: none !important;
  }
  .lightbox .lightbox-titlebar {
    --lightbox-close-top: 8px;
    --lightbox-close-size: calc(var(--icon-m) + 8px * 2);
  }
  .lightbox .lightbox-titlebar-text {
    opacity: 0.5;
  }
  .lightbox .media-wrapper img {
    padding: 0;
    border-radius: 0;
  }
  .img-grid .markdown-preview-section .el-p > p:has(> .image-embed):has(span:last-child),
  .img-grid .markdown-preview-section .el-p > p:has(> img):not(:has(> :not(img))) {
    --p-spacing: 4px;
    display: flex;
    gap: var(--img-grid-gap, 4px);
    line-height: 0;
  }
  .img-grid .markdown-preview-section .el-p > p:has(> .image-embed):has(span:last-child) br,
  .img-grid .markdown-preview-section .el-p > p:has(> img):not(:has(> :not(img))) br {
    display: none;
  }
  .img-grid .markdown-preview-section .el-p > p:has(> .image-embed):has(span:last-child) > img,
  .img-grid .markdown-preview-section .el-p > p:has(> .image-embed):has(span:last-child) > .image-embed,
  .img-grid .markdown-preview-section .el-p > p:has(> img):not(:has(> :not(img))) > img,
  .img-grid .markdown-preview-section .el-p > p:has(> img):not(:has(> :not(img))) > .image-embed {
    flex: 1;
    object-fit: cover;
  }
  .img-grid .markdown-preview-section .el-p > p:has(> .image-embed):has(span:last-child) img,
  .img-grid .markdown-preview-section .el-p > p:has(> img):not(:has(> :not(img))) img {
    height: -webkit-fill-available;
    height: stretch;
    overflow: auto;
    object-fit: cover;
  }
  body.unstyled-tags {
    --tag-background: transparent;
    --tag-background-hover: transparent;
    --tag-border-width: 0px;
    --tag-padding-x: 0;
    --tag-padding-y: 0;
    --tag-size: inherit;
    --tag-color-hover: var(--text-accent-hover);
  }
  body.strike-lists-off {
    --checklist-done-decoration: none;
    --checklist-done-color: var(--text-normal);
  }
  .task-list-item {
    --indentation-guide-reading-indent: -1.05rem;
  }
  body.pdf-seamless {
    --pdf-shadow: none;
  }
  .pdf-container .pdfViewer .canvasWrapper {
    contain: content;
    border-radius: var(--radius-s);
    overflow: hidden;
  }
  .pdf-container .pdfViewer .page {
    transition-duration: var(--anim-duration-moderate);
    transition-property: filter, opacity;
  }
  body.pdf-radius-off .pdf-container .pdfViewer .canvasWrapper {
    border-radius: 0px;
  }
  body.theme-dark.pdf-muted .pdf-container .pdfViewer .page:not(:hover) {
    opacity: 0.7;
  }
  body.theme-dark.pdf-invert-dark .pdf-container .pdfViewer .page {
    filter: invert(1) hue-rotate(180deg) contrast(0.75);
  }
}
@media screen, print {
  body {
    --metadata-label-width: calc(9em * var(--metadata-label-width-modifier, 1));
    --metadata-label-font-size: var(--font-smallest);
    --metadata-input-font-size: var(--font-smallest);
  }
  body.is-phone {
    --metadata-label-width: calc(7.5em * var(--metadata-label-width-modifier, 1));
  }
  body:not(.accented-interface) {
    --collapse-icon-color-collapsed: var(--text-muted);
  }
  body.is-mobile .metadata-content {
    background-color: transparent;
    padding: 0;
  }
  .metadata-container {
    --metadata-divider-width: 0 !important;
  }
  .metadata-properties-heading {
    padding-inline: 0;
    width: 100%;
  }
  .metadata-property-icon,
  .text-icon-button {
    --icon-size: var(--icon-xs);
    --icon-stroke: var(--icon-xs-stroke-width);
  }
  .metadata-property-icon::before,
  .text-icon-button::before {
    display: none;
  }
  .metadata-property-key {
    padding-inline: 8px;
  }
  .metadata-property-key-input,
  .metadata-input {
    box-shadow: none !important;
    border-bottom: none !important;
  }
  .metadata-container .metadata-input-longtext:not(:focus) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
  }
  .metadata-link {
    width: 100%;
  }
  .metadata-property-value[data-property-type=tags] .multi-select-container {
    padding-block: 0;
  }
  .multi-select-pill {
    line-height: var(--line-height-tight) !important;
  }
  .mod-root .metadata-container .text-icon-button {
    gap: 8px;
    transition: var(--anim-duration-moderate) var(--anim-motion-baseline);
    margin-top: 4px;
    background-color: transparent;
    padding-inline: 8px;
    color: var(--text-faint);
    font-weight: normal;
    text-transform: lowercase;
  }
  .mod-root .metadata-container .text-icon-button:hover {
    color: var(--text-muted);
  }
  .mod-root .metadata-content {
    transform: translateX(-8px) !important;
    width: calc(100% + 16px) !important;
  }
  body.metadata-heading-off .metadata-properties-heading {
    display: none;
  }
  body.metadata-heading-off .hover-popover .metadata-container {
    display: none;
  }
  body.metadata-add-property-hover .markdown-reading-view .metadata-container:not(:hover) .text-icon-button {
    opacity: 0;
    height: 0;
    padding-block: 0px;
    margin-block: 0px;
    display: flex;
  }
  body.metadata-add-property-hidden .markdown-reading-view .metadata-add-button {
    display: none;
  }
  body.metadata-icons-off .metadata-property-icon {
    display: none;
  }
  body.metadata-icons-off .metadata-property-key-input {
    padding-inline: 0;
  }
  body.metadata-longtext {
    --metadata-input-longtext-lines: unset;
  }
  body.metadata-longtext .metadata-input-longtext:not(:focus) {
    white-space: pre-wrap;
  }
  body.metadata-longtext .metadata-link-inner {
    white-space: pre-wrap;
  }
  .markdown-source-view .metadata-container,
  .markdown-preview-view .metadata-container {
    transform: none;
  }
  .metadata-list-tags {
    --pill-weight: var(--tag-weight);
    --pill-background: var(--background-modifier-hover);
    --pill-background-hover: var(--background-modifier-hover);
  }
  .metadata-list-tags .multi-select-container {
    padding-block: 0;
    gap: 4px;
  }
  .metadata-list-tags .multi-select-pill {
    --pill-padding-x: var(--tag-padding-x);
    --pill-padding-y: var(--tag-padding-y);
    --pill-radius: var(--tag-radius);
  }
  body.metadata-block {
    --metadata-background: var(--background-primary-alt);
    --metadata-border-width: var(--border-width);
    --metadata-padding: 12px 16px;
  }
  body.metadata-block.is-phone .metadata-container {
    --metadata-padding: 8px 12px;
  }
  body.metadata-block .metadata-container {
    border-radius: var(--radius-s);
  }
  body.metadata-block .metadata-properties-heading.is-collapsed {
    margin-bottom: 0;
  }
  body.metadata-block .metadata-properties-heading .collapse-indicator {
    inset-inline-start: -16px;
  }
  body.metadata-block .workspace-split:not(.mod-root) .metadata-container {
    padding: 8px !important;
  }
  body.metadata-cupertino {
    --metadata-gap: 0;
    --metadata-padding: 0;
    --metadata-property-radius: var(--radius-m);
    --metadata-property-radius-hover: var(--radius-m);
    --metadata-property-radius-focus: var(--radius-m);
  }
  body.metadata-cupertino .metadata-container {
    --input-padding: 8px;
  }
  body.metadata-cupertino .metadata-container .metadata-properties-heading {
    padding-inline: 0px;
  }
  body.metadata-cupertino .metadata-container .metadata-properties {
    border-radius: var(--radius-m);
    background-color: var(--background-primary-alt);
  }
  body.metadata-cupertino .metadata-container .metadata-property-key,
  body.metadata-cupertino .metadata-container .text-icon-button {
    padding: 4px 16px;
  }
  body.metadata-cupertino.is-mobile .metadata-container .metadata-property-key,
  body.metadata-cupertino.is-mobile .metadata-container .text-icon-button {
    padding-inline-end: 4px;
  }
  body.metadata-cupertino .workspace-split:not(.mod-root) .metadata-container {
    padding: 8px !important;
  }
  body.metadata-compact {
    --metadata-gap: 0px;
  }
}
@media screen, print {
  body {
    --blockquote-background-color: var(--background-primary-alt);
    --blockquote-border-color: var(--background-modifier-border-hover);
    --blockquote-border-thickness: 2px;
    --blockquote-radius: var(--radius-s);
    --blockquote-size: var(--font-text-size);
  }
  .markdown-rendered blockquote,
  .HyperMD-quote {
    corner-shape: var(--corner-shape);
    font-size: var(--blockquote-size);
  }
  .markdown-rendered blockquote {
    position: relative;
    border-inline-start: none;
  }
  .markdown-rendered blockquote::before {
    position: absolute;
    border-radius: var(--radius-m);
    background-color: var(--blockquote-border-color);
    width: var(--blockquote-border-thickness);
    pointer-events: none;
    content: "";
  }
  body:is(.blockquote-block, :not(.css-settings-manager)) .markdown-rendered blockquote {
    border-radius: var(--radius-s);
    padding-inline: calc(var(--blockquote-border-thickness) + 32px) 16px;
    padding-block: 16px;
  }
  body:is(.blockquote-block, :not(.css-settings-manager)) .markdown-rendered blockquote::before {
    inset: 16px;
  }
  body:is(.blockquote-block, :not(.css-settings-manager)) .markdown-rendered blockquote > blockquote {
    padding-inline-start: calc(var(--blockquote-border-thickness) + 16px);
    padding-block: 0;
    border: none;
  }
  body:is(.blockquote-block, :not(.css-settings-manager)) .markdown-rendered blockquote > blockquote::before {
    inset: 0;
  }
  body:is(.blockquote-block, :not(.css-settings-manager)) .is-live-preview .HyperMD-quote {
    border: 0px solid var(--blockquote-background-color);
    border-width: 0 16px;
  }
  body:is(.blockquote-block, :not(.css-settings-manager)) .HyperMD-quote:first-child,
  body:is(.blockquote-block, :not(.css-settings-manager)) .cm-line:not(.HyperMD-quote) + .HyperMD-quote {
    border-top-width: 16px;
    border-start-start-radius: var(--radius-s);
    border-start-end-radius: var(--radius-s);
  }
  body:is(.blockquote-block, :not(.css-settings-manager)) .HyperMD-quote:last-child,
  body:is(.blockquote-block, :not(.css-settings-manager)) .cm-line.HyperMD-quote:has(+ .cm-line:not(.HyperMD-quote)) {
    border-bottom-width: 16px;
    border-end-start-radius: var(--radius-s);
    border-end-end-radius: var(--radius-s);
  }
  body.blockquote-edge .markdown-rendered blockquote {
    border-radius: calc(var(--blockquote-border-thickness) / 2) var(--radius-s) var(--radius-s) calc(var(--blockquote-border-thickness) / 2);
    padding-inline: calc(var(--blockquote-border-thickness) + 16px) 16px;
    padding-block: 8px;
  }
  body.blockquote-edge .markdown-rendered blockquote::before {
    inset: 0;
  }
  body.blockquote-edge .HyperMD-quote:first-child,
  body.blockquote-edge .cm-line:not(.HyperMD-quote) + .HyperMD-quote {
    border-start-start-radius: calc(var(--blockquote-border-thickness) / 2);
    border-start-end-radius: var(--radius-s);
    padding-top: 8px;
  }
  body.blockquote-edge .HyperMD-quote:last-child,
  body.blockquote-edge .cm-line.HyperMD-quote:has(+ .cm-line:not(.HyperMD-quote)) {
    border-end-start-radius: calc(var(--blockquote-border-thickness) / 2);
    border-end-end-radius: var(--radius-s);
    padding-bottom: 8px;
  }
}
@media screen, print {
  body {
    --callout-blend-mode: normal;
    --callout-border-width: var(--border-width);
    --callout-border-opacity: 0.15;
    --callout-padding: 16px;
    --callout-radius: var(--radius-s);
    --callout-size: var(--font-text-size);
  }
  .callout:not([data-callout=note-toolbar]) {
    corner-shape: var(--corner-shape);
    font-size: var(--callout-size);
  }
  .callout:not([data-callout=note-toolbar]) .callout-content > *:first-child {
    margin-block-start: 8px;
  }
  .callout:not([data-callout=note-toolbar]) .callout-content > *:last-child {
    margin-block-end: 0 !important;
  }
  .callout:not([data-callout=note-toolbar]) pre {
    box-shadow: none;
    border: var(--border-width) solid var(--background-modifier-border);
  }
  .callout:not([data-callout=note-toolbar]) .callout-title {
    gap: 8px;
  }
  .callout:not([data-callout=note-toolbar]).is-collapsible .callout-title {
    cursor: pointer;
  }
  .callout:not([data-callout=note-toolbar]) .callout-title-inner {
    --p-spacing: 0;
  }
  .callout:not([data-callout=note-toolbar]) .callout-fold {
    padding-inline-end: 0;
  }
  .callout:not([data-callout=note-toolbar]) .callout-content {
    margin-left: calc(var(--icon-size) + 8px);
    overflow-x: unset;
  }
  .callout:not([data-callout]) {
    --callout-color: var(--color-accent);
  }
  body.callouts-default.input-cupertino .callout:not([data-callout=note-toolbar]) {
    box-shadow: 0 0 0 0.5pt hsl(from var(--callout-color) h s l/var(--callout-border-opacity)), var(--raised-shadow);
    background: var(--raised-background);
    background-color: hsl(from var(--callout-color) h s l/0.15);
    border: none;
  }
  body.callouts-padded.theme-light .callout:not([data-callout=note-toolbar]) {
    background-color: hsl(from var(--callout-color) h s l/0.15);
  }
  body.callouts-padded.theme-light .callout:not([data-callout=note-toolbar]) .callout-content {
    --callout-content-background: color-mix(in srgb, var(--callout-color) 5%, var(--background-primary));
  }
  body.callouts-padded.theme-dark .callout:not([data-callout=note-toolbar]) {
    background-color: hsl(from var(--callout-color) h s l/0.3);
  }
  body.callouts-padded.theme-dark .callout:not([data-callout=note-toolbar]) .callout-content {
    --callout-content-background: color-mix(in srgb, var(--callout-color) 15%, var(--background-primary));
  }
  body.callouts-padded .callout:not([data-callout=note-toolbar]) {
    --callout-border-width: 0;
    --callout-padding: 0;
    --callout-content-padding: 16px;
    --callout-radius: var(--radius-s);
    position: relative;
  }
  body.callouts-padded .callout:not([data-callout=note-toolbar]) .callout-icon {
    width: 48px;
    position: absolute;
    opacity: 0.2;
    right: 16px;
    bottom: -8px;
  }
  body.callouts-padded .callout:not([data-callout=note-toolbar]) .callout-icon svg.svg-icon {
    width: 100%;
    height: 100%;
  }
  body.callouts-padded .callout:not([data-callout=note-toolbar]) .callout-title {
    padding: 16px;
    overflow: hidden;
    position: relative;
  }
  body.callouts-padded .callout:not([data-callout=note-toolbar]) .callout-content {
    border-radius: calc(var(--callout-radius) - 4px);
    margin: 0 4px 4px !important;
    background: var(--callout-content-background);
  }
  body.callouts-padded .callout:not([data-callout=note-toolbar]) .callout-content > *:first-child {
    margin-top: 0;
  }
  body.callouts-outlined .callout:not([data-callout=note-toolbar]) {
    --callout-border-opacity: 0.3;
    background-color: transparent;
    position: relative;
    overflow: visible;
  }
  body.callouts-outlined .callout:not([data-callout=note-toolbar]) .callout-title:not(:only-child) {
    transform: translateY(-1.75rem);
    width: fit-content;
    padding: 0 8px;
    background-color: var(--background-primary);
    max-width: 90%;
  }
  body.callouts-outlined .callout:not([data-callout=note-toolbar]) .callout-content {
    margin-left: 0 !important;
    overflow: visible;
  }
  body.callouts-outlined .callout:not([data-callout=note-toolbar]) .callout-content > *:first-child {
    margin-top: -1rem;
  }
  body.callouts-outlined .markdown-source-view .cm-embed-block.cm-callout {
    contain: unset !important;
    overflow: visible !important;
    box-shadow: none !important;
  }
}
@media screen, print {
  body {
    --table-text-size: var(--font-small);
    --table-border-color: var(--background-modifier-border);
    --table-border-width: var(--border-width);
    --table-add-button-border-width: 0;
    --table-header-border-color: transparent;
    --embed-block-shadow-hover: none;
  }
  body:not(.table-width-fit, .table-width-fit-center) table,
  body:not(.table-width-fit, .table-width-fit-center) .markdown-source-view.mod-cm6 .cm-table-widget .table-wrapper {
    min-width: 100%;
  }
  body.table-width-fit-center .el-table,
  body.table-width-fit-center .markdown-source-view.mod-cm6 .cm-table-widget {
    display: flex;
    justify-content: center;
  }
  :root table {
    border-collapse: separate;
    border-spacing: 0;
    margin-block-start: 0 !important;
  }
  div:is(.markdown-preview-view, .is-live-preview) table {
    position: relative;
  }
  div:is(.markdown-preview-view, .is-live-preview) table .table-cell-wrapper:active,
  div:is(.markdown-preview-view, .is-live-preview) table .table-cell-wrapper:focus,
  div:is(.markdown-preview-view, .is-live-preview) table .table-cell-wrapper:focus-within {
    background-color: var(--background-modifier-hover);
  }
  div:is(.markdown-preview-view, .is-live-preview) table th,
  div:is(.markdown-preview-view, .is-live-preview) table td {
    corner-shape: var(--corner-shape);
  }
  div:is(.markdown-preview-view, .is-live-preview) table > thead:only-child,
  div:is(.markdown-preview-view, .is-live-preview) table > tbody {
    --table-header-border-color: var(--table-border-color);
    background-color: var(--background-primary-alt);
    position: relative;
  }
  div:is(.markdown-preview-view, .is-live-preview) table > thead:not(:only-child) > tr > th,
  div:is(.markdown-preview-view, .is-live-preview) table > thead:not(:only-child) > tr > th .table-cell-wrapper {
    border-radius: var(--radius-s);
  }
  div:is(.markdown-preview-view, .is-live-preview) table > tbody > tr:not(:last-child) > th,
  div:is(.markdown-preview-view, .is-live-preview) table > tbody > tr:not(:last-child) > td {
    border-bottom: none;
  }
  div:is(.markdown-preview-view, .is-live-preview) div:not([dir=rtl]) > table:not([dir=rtl]) > thead > tr > th:not(:last-child),
  div:is(.markdown-preview-view, .is-live-preview) div:not([dir=rtl]) > table:not([dir=rtl]) > tbody > tr > th:not(:last-child),
  div:is(.markdown-preview-view, .is-live-preview) div:not([dir=rtl]) > table:not([dir=rtl]) > tbody > tr > td:not(:last-child) {
    border-right: none;
  }
  div:is(.markdown-preview-view, .is-live-preview) div:not([dir=rtl]) > table:not([dir=rtl]) > :is(thead, tbody) > tr:first-child > :is(th, td):first-child,
  div:is(.markdown-preview-view, .is-live-preview) div:not([dir=rtl]) > table:not([dir=rtl]) > :is(thead, tbody) > tr:first-child > :is(th, td):first-child .table-cell-wrapper {
    border-top-left-radius: var(--radius-s);
  }
  div:is(.markdown-preview-view, .is-live-preview) div:not([dir=rtl]) > table:not([dir=rtl]) > :is(thead, tbody) > tr:first-child > :is(th, td):last-child,
  div:is(.markdown-preview-view, .is-live-preview) div:not([dir=rtl]) > table:not([dir=rtl]) > :is(thead, tbody) > tr:first-child > :is(th, td):last-child .table-cell-wrapper {
    border-top-right-radius: var(--radius-s);
  }
  div:is(.markdown-preview-view, .is-live-preview) div:not([dir=rtl]) > table:not([dir=rtl]) > :is(thead, tbody) > tr:last-child > :is(th, td):first-child,
  div:is(.markdown-preview-view, .is-live-preview) div:not([dir=rtl]) > table:not([dir=rtl]) > :is(thead, tbody) > tr:last-child > :is(th, td):first-child .table-cell-wrapper {
    border-bottom-left-radius: var(--radius-s);
  }
  div:is(.markdown-preview-view, .is-live-preview) div:not([dir=rtl]) > table:not([dir=rtl]) > :is(thead, tbody) > tr:last-child > :is(th, td):last-child,
  div:is(.markdown-preview-view, .is-live-preview) div:not([dir=rtl]) > table:not([dir=rtl]) > :is(thead, tbody) > tr:last-child > :is(th, td):last-child .table-cell-wrapper {
    border-bottom-right-radius: var(--radius-s);
  }
  div:is(.markdown-preview-view, .is-live-preview) div[dir=rtl] > table > thead > tr > th:not(:last-child),
  div:is(.markdown-preview-view, .is-live-preview) div[dir=rtl] > table > tbody > tr > th:not(:last-child),
  div:is(.markdown-preview-view, .is-live-preview) div[dir=rtl] > table > tbody > tr > td:not(:last-child),
  div:is(.markdown-preview-view, .is-live-preview) table[dir=rtl] > thead > tr > th:not(:last-child),
  div:is(.markdown-preview-view, .is-live-preview) table[dir=rtl] > tbody > tr > th:not(:last-child),
  div:is(.markdown-preview-view, .is-live-preview) table[dir=rtl] > tbody > tr > td:not(:last-child) {
    border-left: none;
  }
  div:is(.markdown-preview-view, .is-live-preview) div[dir=rtl] > table > :is(thead, tbody) > tr:first-child > :is(th, td):first-child,
  div:is(.markdown-preview-view, .is-live-preview) div[dir=rtl] > table > :is(thead, tbody) > tr:first-child > :is(th, td):first-child .table-cell-wrapper,
  div:is(.markdown-preview-view, .is-live-preview) table[dir=rtl] > :is(thead, tbody) > tr:first-child > :is(th, td):first-child,
  div:is(.markdown-preview-view, .is-live-preview) table[dir=rtl] > :is(thead, tbody) > tr:first-child > :is(th, td):first-child .table-cell-wrapper {
    border-top-right-radius: var(--radius-s);
  }
  div:is(.markdown-preview-view, .is-live-preview) div[dir=rtl] > table > :is(thead, tbody) > tr:first-child > :is(th, td):last-child,
  div:is(.markdown-preview-view, .is-live-preview) div[dir=rtl] > table > :is(thead, tbody) > tr:first-child > :is(th, td):last-child .table-cell-wrapper,
  div:is(.markdown-preview-view, .is-live-preview) table[dir=rtl] > :is(thead, tbody) > tr:first-child > :is(th, td):last-child,
  div:is(.markdown-preview-view, .is-live-preview) table[dir=rtl] > :is(thead, tbody) > tr:first-child > :is(th, td):last-child .table-cell-wrapper {
    border-top-left-radius: var(--radius-s);
  }
  div:is(.markdown-preview-view, .is-live-preview) div[dir=rtl] > table > :is(thead, tbody) > tr:last-child > :is(th, td):first-child,
  div:is(.markdown-preview-view, .is-live-preview) div[dir=rtl] > table > :is(thead, tbody) > tr:last-child > :is(th, td):first-child .table-cell-wrapper,
  div:is(.markdown-preview-view, .is-live-preview) table[dir=rtl] > :is(thead, tbody) > tr:last-child > :is(th, td):first-child,
  div:is(.markdown-preview-view, .is-live-preview) table[dir=rtl] > :is(thead, tbody) > tr:last-child > :is(th, td):first-child .table-cell-wrapper {
    border-bottom-right-radius: var(--radius-s);
  }
  div:is(.markdown-preview-view, .is-live-preview) div[dir=rtl] > table > :is(thead, tbody) > tr:last-child > :is(th, td):last-child,
  div:is(.markdown-preview-view, .is-live-preview) div[dir=rtl] > table > :is(thead, tbody) > tr:last-child > :is(th, td):last-child .table-cell-wrapper,
  div:is(.markdown-preview-view, .is-live-preview) table[dir=rtl] > :is(thead, tbody) > tr:last-child > :is(th, td):last-child,
  div:is(.markdown-preview-view, .is-live-preview) table[dir=rtl] > :is(thead, tbody) > tr:last-child > :is(th, td):last-child .table-cell-wrapper {
    border-bottom-left-radius: var(--radius-s);
  }
  .cm-html-embed th,
  .markdown-rendered th,
  .cm-html-embed td,
  .markdown-rendered td,
  .markdown-source-view.mod-cm6 .cm-table-widget .table-cell-wrapper {
    padding: 8px;
  }
  .cm-html-embed th,
  .markdown-rendered th {
    text-align: var(--table-text-align-header);
  }
  .cm-html-embed td,
  .markdown-rendered td {
    text-align: var(--table-text-align-body);
  }
  .dataview.table-view-table::before,
  .block-language-datacorejsx.table-view-table::before {
    border: none;
  }
  .dataview.table-view-table tr:first-child > td,
  .block-language-datacorejsx.table-view-table tr:first-child > td {
    border-top: none;
  }
  .dataview.table-view-table > thead > tr > th,
  .dataview .datacore-table-header-cell,
  .block-language-datacorejsx.table-view-table > thead > tr > th,
  .block-language-datacorejsx .datacore-table-header-cell {
    border-bottom: none;
    font-weight: var(--table-header-weight);
    font-size: var(--table-header-size);
  }
  .dataview.table-view-table > tbody > tr:not(:only-child) > td,
  .block-language-datacorejsx.table-view-table > tbody > tr:not(:only-child) > td {
    max-width: 20rem;
  }
  .dataview.dataview-error-box,
  .block-language-datacorejsx.dataview-error-box {
    border: none;
    border-radius: var(--radius-s);
    background-color: var(--background-secondary);
    min-height: 80px;
  }
  .dataview .dc-paging-control-page,
  .block-language-datacorejsx .dc-paging-control-page {
    padding: 0 !important;
  }
}
body {
  --bases-header-border-width: 0;
  --bases-table-header-color: var(--text-faint);
  --bases-table-group-background: none;
}

.bases-view {
  border-radius: var(--radius-s);
}

.mod-sidedock .bases-table-container,
.mod-sidedock .bases-tbody {
  background-color: transparent;
}

.bases-table-container.mod-multiline .bases-table-cell {
  align-items: var(--bases-table-align-items, start);
}

.bases-thead .bases-table-header {
  overflow: hidden;
}

.bases-thead .bases-td {
  box-shadow: none;
  border-radius: var(--radius-s);
  overflow: visible;
}

.bases-thead .bases-td:hover {
  --bases-table-header-color: var(--text-normal);
}

.bases-table-header-resizer {
  border-radius: var(--radius-s);
}

.bases-tbody {
  background-color: var(--background-primary-alt);
}

.bases-table-cell > * {
  text-overflow: ellipsis;
  overflow: hidden;
}

.bases-row-alt .bases-tbody .bases-tr:nth-child(odd) {
  background-color: var(--background-secondary);
}

.bases-col-alt .bases-tbody .bases-tr > .bases-td:nth-child(2n+2) {
  background-color: var(--background-secondary);
}

.bases-plain .bases-header {
  display: none;
}

.bases-cards-item {
  gap: 2px;
}

.bases-cards-label {
  color: var(--text-faint);
}

.workspace-leaf-content[data-type=markdown] .bases-embed .bases-view {
  border: none;
  border-radius: 0;
}
.workspace-leaf-content[data-type=markdown] .bases-embed .bases-view .bases-thead,
.workspace-leaf-content[data-type=markdown] .bases-embed .bases-view .bases-tbody,
.workspace-leaf-content[data-type=markdown] .bases-embed .bases-view .bases-tbody > .bases-tr:first-child,
.workspace-leaf-content[data-type=markdown] .bases-embed .bases-view .bases-tbody > .bases-tr > .bases-td:first-child {
  box-shadow: none;
}
.workspace-leaf-content[data-type=markdown] .bases-embed .bases-view .bases-tbody {
  border: var(--bases-embed-border-width) solid var(--bases-embed-border-color);
  border-radius: var(--bases-embed-border-radius);
  overflow: hidden;
}

.query-toolbar-menu,
.bases-toolbar-menu,
.cm-tooltip {
  min-width: unset;
}

.text-icon-button {
  border-radius: var(--clickable-icon-radius);
}

body:not(.is-phone) .menu.bases-toolbar-menu {
  align-items: unset;
}
body:not(.is-phone) .menu.bases-toolbar-menu .search-input-container {
  margin: var(--menu-padding) var(--menu-padding) 0;
  padding-bottom: 0;
  background: var(--background-modifier-form-field);
  border: var(--input-border-width) solid var(--background-modifier-border);
  border-radius: var(--input-radius);
}

body.is-phone {
  --bases-embed-width: unset;
  --bases-embed-transform: none;
}
body.is-phone .markdown-preview-sizer > .el-pre .bases-embed,
body.is-phone .markdown-preview-sizer > .el-p .bases-embed,
body.is-phone .cm-content > .bases-embed,
body.is-phone .cm-content > .cm-lang-base {
  max-width: 100cqw !important;
  width: 100cqw !important;
  justify-self: center;
  margin-inline: calc(-1 * var(--file-margins-x)) !important;
}

body:is(.layout-classic, .layout-minimal) .mod-root .workspace-tab-container {
  border-radius: 0;
}

body:is(.layout-classic, .layout-minimal):not(.is-mobile) {
  --titlebar-border-width: var(--divider-width);
}
body:is(.layout-classic, .layout-minimal):not(.is-mobile).mod-macos.is-frameless:not(.is-hidden-frameless) {
  --titlebar-height: 38px;
}
body:is(.layout-classic, .layout-minimal):not(.is-mobile).tab-top-left-stacked .mod-sidedock.mod-left-split .workspace-tab-header-container {
  border: none;
}
body:is(.layout-classic, .layout-minimal):not(.is-mobile).tab-top-left-stacked .mod-sidedock.mod-left-split .workspace-tab-header-container-inner {
  margin-bottom: 0 !important;
}
body:is(.layout-classic, .layout-minimal):not(.is-mobile) .mod-sidedock > .workspace-leaf-resize-handle {
  border-color: var(--divider-color);
}
body:is(.layout-classic, .layout-minimal):not(.is-mobile):not(.hover-ribbon) .workspace-ribbon.is-collapsed {
  border-right: var(--divider-width) solid var(--divider-color);
}
body:is(.layout-classic, .layout-minimal):not(.is-mobile).mod-macos.is-hidden-frameless:not(.hover-ribbon) .workspace-ribbon.is-collapsed {
  padding-top: 8px;
  box-shadow: 0 calc(-1 * var(--tab-outline-width)) var(--tab-outline-color);
}
body:is(.layout-classic, .layout-minimal):not(.is-mobile).status-bar-full {
  --status-bar-border-width: var(--divider-width) 0 0 0;
}

body:is(.layout-classic, .layout-minimal).is-tablet .workspace-drawer.is-pinned > .workspace-leaf-resize-handle:not(:hover) {
  border-color: var(--divider-color);
}

body.layout-classic:is(.tab-floating, .tab-floating-center):not(.is-phone):not(.colorful-frame) {
  --tab-background-active: var(--background-primary);
}

body.layout-minimal:not(.is-translucent) .workspace {
  background-color: var(--background-primary);
}
body.layout-minimal.show-ribbon:not(.is-translucent):not(.is-mobile) .workspace-ribbon:not(.is-collapsed) {
  background-color: var(--background-secondary);
  box-shadow: 0 calc(-1 * var(--header-height)) var(--background-secondary);
}
body.layout-minimal .mod-sidedock .workspace-tabs:not(.mod-top) .workspace-tab-header-container {
  border-bottom: none;
}
body.layout-minimal .mod-sidedock.mod-left-split,
body.layout-minimal .workspace-drawer.mod-left {
  background-color: var(--background-secondary);
}

body.layout-minimal.is-tablet .workspace {
  background-color: transparent;
}

body:is(.layout-cards, .layout-border):not(.is-mobile) {
  --tab-outline-color: transparent;
}
body:is(.layout-cards, .layout-border):not(.is-mobile):not(.show-ribbon:not(.hover-ribbon)) .workspace:not(.is-primary-sidedock-open) .mod-root {
  margin-left: 8px;
}
body:is(.layout-cards, .layout-border):not(.is-mobile) .workspace:not(.is-secondary-sidedock-open) .mod-root {
  margin-right: 8px;
}
body:is(.layout-cards, .layout-border):not(.is-mobile) .mod-sidedock .workspace-tabs {
  overflow: visible;
}
body:is(.layout-cards, .layout-border):not(.is-mobile) .mod-sidedock .workspace-tabs .workspace-tab-container {
  background-color: var(--background-primary);
  margin: 0 8px;
  border-radius: var(--tab-radius);
}
body:is(.layout-cards, .layout-border):not(.is-mobile) .workspace-ribbon:not(.is-collapsed) {
  padding-left: 4px;
}
body:is(.layout-cards, .layout-border):not(.is-mobile).show-ribbon:not(.hover-ribbon) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-container-inner, body:is(.layout-cards, .layout-border):not(.is-mobile).show-ribbon:not(.hover-ribbon):not(.hover-sidedock) .mod-sidedock.mod-left-split .workspace-tabs .workspace-tab-container,
body:is(.layout-cards, .layout-border):not(.is-mobile).show-ribbon:not(.hover-ribbon) .workspace:not(.is-primary-sidedock-open) .mod-root .workspace-tab-container {
  margin-left: 0 !important;
}
body:is(.layout-cards, .layout-border):not(.is-mobile).show-ribbon:not(.hover-ribbon).tab-top-left-stacked:not(.mod-macos) .workspace-ribbon:not(.is-collapsed), body:is(.layout-cards, .layout-border):not(.is-mobile).show-ribbon:not(.hover-ribbon).tab-top-left-stacked.mod-macos:not(.is-hidden-frameless) .workspace-ribbon:not(.is-collapsed) {
  margin-top: var(--header-height);
}
body:is(.layout-cards, .layout-border):not(.is-mobile).mod-macos.is-hidden-frameless .workspace-ribbon {
  padding-top: 8px;
}
body:is(.layout-cards, .layout-border):not(.is-mobile).tab-top-left-stacked .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-container-inner {
  background-color: var(--background-primary);
  border-radius: var(--tab-radius);
  padding-block: 8px;
}
body:is(.layout-cards, .layout-border):not(.is-mobile).show-ribbon.tab-top-left-stacked:not(.mod-macos):not(.hover-sidedock) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-container-inner, body:is(.layout-cards, .layout-border):not(.is-mobile).show-ribbon.tab-top-left-stacked:not(.mod-macos).hover-sidedock .mod-sidedock.mod-left-split:not(.is-sidedock-collapsed) .workspace-tabs.mod-top-left-space .workspace-tab-header-container-inner, body:is(.layout-cards, .layout-border):not(.is-mobile).show-ribbon.tab-top-left-stacked.mod-macos:not(.is-hidden-frameless) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-container-inner {
  margin-top: var(--header-height);
  margin-left: 0;
}
body:is(.layout-cards, .layout-border):not(.is-mobile).hover-sidedock.tab-top-left-stacked .mod-sidedock.mod-left-split.is-sidedock-collapsed .workspace-tabs.mod-top-left-space .workspace-tab-header-container-inner,
body:is(.layout-cards, .layout-border):not(.is-mobile).hover-sidedock .mod-sidedock.is-sidedock-collapsed .workspace-tabs .workspace-tab-container {
  background-color: transparent;
  margin: 0;
  padding-block: 0;
}
body:is(.layout-cards, .layout-border):not(.is-mobile):not(.status-bar-cupertino, .status-bar-full) .workspace > .workspace-split {
  padding-bottom: 8px;
}
body:is(.layout-cards, .layout-border):not(.is-mobile):not(.status-bar-cupertino, .status-bar-full) .status-bar {
  bottom: 8px;
  right: 8px;
}
body:is(.layout-cards, .layout-border):not(.is-mobile).status-bar-default .status-bar {
  border: none;
}

body:is(.layout-cards, .layout-border).is-tablet {
  --tab-outline-color: transparent;
}
body:is(.layout-cards, .layout-border).is-tablet .mod-root {
  padding-inline: 8px;
  padding-bottom: 8px;
}
body:is(.layout-cards, .layout-border).is-tablet .workspace-drawer.is-pinned {
  margin: 0;
  margin-top: calc(var(--safe-area-inset-top) + var(--header-height));
  margin-bottom: 8px;
  border-radius: var(--radius-s);
  background-color: var(--background-primary);
  height: auto;
}
body:is(.layout-cards, .layout-border).is-tablet .workspace-drawer.is-pinned .workspace-drawer-ribbon,
body:is(.layout-cards, .layout-border).is-tablet .workspace-drawer.is-pinned .workspace-drawer-inner {
  padding-block: 0px 16px;
}
body:is(.layout-cards, .layout-border).is-tablet .workspace-drawer.is-pinned.mod-left {
  margin-left: 8px;
}
body:is(.layout-cards, .layout-border).is-tablet .workspace-drawer.is-pinned.mod-right {
  margin-right: 8px;
}

body.layout-cards:not(.is-phone) .workspace-split.mod-vertical {
  gap: 8px;
}
body.layout-cards:not(.is-phone) .workspace-leaf-resize-handle:not(:hover) {
  border-color: transparent;
}

body.layout-cards:not(.is-mobile).tab-top-left-stacked .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-container-inner {
  margin: 0 8px 8px;
}
body.layout-cards:not(.is-mobile).hide-vault-switcher-off .mod-sidedock .workspace-sidedock-vault-profile {
  margin: 8px 8px 0;
  border-top: none;
  border-radius: var(--tab-radius);
  background-color: var(--background-primary);
  width: auto;
}

body.layout-border:not(.is-mobile):not(.status-bar-full) .mod-sidedock > .workspace-leaf-resize-handle {
  margin-bottom: 8px;
  height: -webkit-fill-available;
  height: stretch;
}
body.layout-border:not(.is-mobile) .mod-sidedock > .workspace-leaf-resize-handle,
body.layout-border:not(.is-mobile) .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle {
  top: var(--header-height);
}
body.layout-border:not(.is-mobile) .mod-sidedock .workspace-tabs > .workspace-leaf-resize-handle {
  width: -webkit-fill-available;
  width: stretch;
}
body.layout-border:not(.is-mobile) .mod-sidedock .workspace-tabs > .workspace-leaf-resize-handle:is(.mod-sidedock.mod-left-split .workspace-leaf-resize-handle) {
  left: 8px;
}
body.layout-border:not(.is-mobile) .mod-sidedock .workspace-tabs > .workspace-leaf-resize-handle:is(.mod-sidedock.mod-right-split .workspace-leaf-resize-handle) {
  right: 8px;
}
body.layout-border:not(.is-mobile) .mod-sidedock .workspace-tabs:not(.mod-top) .workspace-tab-header-container {
  background-color: var(--background-primary);
}
body.layout-border:not(.is-mobile) .mod-sidedock > .workspace-leaf-resize-handle:not(:hover) {
  border-color: var(--divider-color);
}
body.layout-border:not(.is-mobile) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container {
  margin-left: 8px;
}
body.layout-border:not(.is-mobile) .mod-sidedock.mod-left-split .workspace-tabs.mod-top .workspace-tab-container {
  border-top-left-radius: var(--tab-radius);
}
body.layout-border:not(.is-mobile) .mod-sidedock.mod-left-split .workspace-tabs:last-child .workspace-tab-container {
  border-bottom-left-radius: var(--tab-radius);
}
body.layout-border:not(.is-mobile) .mod-sidedock.mod-left-split .workspace-tabs .workspace-tab-container {
  margin-right: 0;
  border-radius: 0;
}
body.layout-border:not(.is-mobile) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container {
  margin-right: 8px;
}
body.layout-border:not(.is-mobile) .mod-sidedock.mod-right-split .workspace-tabs.mod-top .workspace-tab-container {
  border-top-right-radius: var(--tab-radius);
}
body.layout-border:not(.is-mobile) .mod-sidedock.mod-right-split .workspace-tabs:last-child .workspace-tab-container {
  border-bottom-right-radius: var(--tab-radius);
}
body.layout-border:not(.is-mobile) .mod-sidedock.mod-right-split .workspace-tabs .workspace-tab-container {
  margin-left: 0;
  border-radius: 0;
}
body.layout-border:not(.is-mobile).tab-top-left-stacked .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-container-inner {
  border-radius: var(--tab-radius) 0 0 0;
  margin-left: 8px;
  margin-top: 0;
}
body.layout-border:not(.is-mobile).tab-top-left-stacked .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-container {
  border-top-left-radius: 0;
}
body.layout-border:not(.is-mobile).tab-top-left-stacked.show-ribbon.hover-ribbon .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-container-inner {
  margin-left: 8px;
}
body.layout-border:not(.is-mobile) .mod-sidedock .workspace-sidedock-vault-profile {
  margin-right: 0;
  border-bottom-right-radius: 0;
}
body.layout-border:not(.is-mobile).hide-vault-switcher-off .mod-sidedock.mod-left-split .workspace-tabs:last-of-type .workspace-tab-container {
  border-bottom-left-radius: 0;
}
body.layout-border:not(.is-mobile).hide-vault-switcher-off .mod-sidedock .workspace-sidedock-vault-profile {
  width: auto;
  margin: 0 0 0 8px;
  background-color: var(--background-primary);
  border-bottom-left-radius: var(--tab-radius);
}
body.layout-border:not(.is-mobile) .mod-root .workspace-tab-container {
  border-radius: 0;
}
body.layout-border:not(.is-mobile) .workspace:not(.is-primary-sidedock-open) .mod-root > div:first-of-type .workspace-tab-container {
  border-top-left-radius: var(--tab-radius);
  border-bottom-left-radius: var(--tab-radius);
}
body.layout-border:not(.is-mobile) .workspace:not(.is-secondary-sidedock-open) .mod-root > div:last-of-type .workspace-tab-container {
  border-top-right-radius: var(--tab-radius);
  border-bottom-right-radius: var(--tab-radius);
}

body.layout-border.is-tablet .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle {
  top: var(--header-height);
}
body.layout-border.is-tablet .mod-root .workspace-tab-container {
  border-radius: 0;
}
body.layout-border.is-tablet .workspace-drawer.is-pinned.mod-left + .mod-root {
  padding-left: 0;
}
body.layout-border.is-tablet .workspace-drawer.mod-left:not(.is-pinned) + .mod-root > div:first-of-type .workspace-tab-container {
  border-top-left-radius: var(--tab-radius);
  border-bottom-left-radius: var(--tab-radius);
}
body.layout-border.is-tablet .mod-root:has(+ .workspace-drawer.is-pinned.mod-right) {
  padding-right: 0;
}
body.layout-border.is-tablet .mod-root:has(+ .workspace-drawer.mod-right:not(.is-pinned)) > div:last-of-type .workspace-tab-container {
  border-top-right-radius: var(--tab-radius);
  border-bottom-right-radius: var(--tab-radius);
}
body.layout-border.is-tablet .workspace-drawer > .workspace-leaf-resize-handle:not(:hover) {
  border-color: var(--divider-color);
}
body.layout-border.is-tablet .workspace-drawer.is-pinned {
  border-width: var(--divider-width);
}
body.layout-border.is-tablet .workspace-drawer.is-pinned.mod-left {
  margin-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body.layout-border.is-tablet .workspace-drawer.is-pinned.mod-right {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

body.layout-frame:not(.is-mobile) .workspace {
  padding: 8px;
  gap: 4px;
}
body.layout-frame:not(.is-mobile) .workspace-ribbon,
body.layout-frame:not(.is-mobile) .workspace-split {
  background-color: var(--background-primary) !important;
  border-radius: var(--radius-window, var(--radius-m));
  border: var(--divider-width) solid var(--background-modifier-border);
}
body.layout-frame:not(.is-mobile) .workspace-ribbon:not(.is-collapsed) {
  padding-left: 4px;
}
body.layout-frame:not(.is-mobile) .mod-root {
  overflow: hidden;
}
body.layout-frame:not(.is-mobile) .mod-root .workspace-tab-container {
  box-shadow: 0 calc(-1 * var(--tab-outline-width)) var(--tab-outline-color);
  border-radius: 0;
}
body.layout-frame:not(.is-mobile).hover-ribbon .workspace-ribbon {
  height: fit-content;
}
body.layout-frame:not(.is-mobile).mod-macos.is-hidden-frameless.show-ribbon {
  --frame-left-space: 0px;
}
body.layout-frame:not(.is-mobile).mod-macos.is-hidden-frameless:not(.hover-ribbon) .workspace-ribbon {
  --ribbon-width: 80px;
  margin-top: 0;
  padding-top: var(--header-height);
}
body.layout-frame:not(.is-mobile):not(.mod-macos):not(.is-popout-modal).is-hidden-frameless .titlebar {
  height: var(--header-height);
  top: 8px;
  right: 8px;
}
body.layout-frame:not(.is-mobile):not(.mod-macos):not(.is-popout-modal).is-hidden-frameless .titlebar .titlebar-button-container.mod-right {
  border-top-right-radius: var(--radius-window, var(--radius-m));
  overflow: hidden;
}
body.layout-frame:not(.is-mobile):not(.status-bar-full, .status-bar-cupertino) .status-bar {
  right: 8px;
  bottom: 8px;
}
body.layout-frame:not(.is-mobile).status-bar-full .workspace {
  padding-bottom: 0;
}
body.layout-frame:not(.is-mobile).status-bar-full .workspace .workspace-ribbon,
body.layout-frame:not(.is-mobile).status-bar-full .workspace .workspace-split {
  margin-bottom: 0;
}

body.layout-frame.is-tablet .workspace {
  padding: 0 4px 4px;
  background-color: var(--mobile-sidebar-background);
}
body.layout-frame.is-tablet .mod-root .workspace-tab-container {
  box-shadow: 0 calc(-1 * var(--tab-outline-width)) var(--tab-outline-color);
  border-radius: 0;
}
body.layout-frame.is-tablet .mod-root,
body.layout-frame.is-tablet .workspace-drawer.is-pinned {
  padding-top: 0;
  margin: var(--safe-area-inset-top) 4px 4px;
  height: auto;
  background-color: var(--background-primary);
  border-radius: var(--radius-m);
  border: var(--divider-width) solid var(--background-modifier-border);
  overflow: hidden;
}
body.layout-frame.is-tablet .workspace-drawer-ribbon,
body.layout-frame.is-tablet .workspace-drawer-inner {
  padding-block: 0px 16px;
}

body:is(.layout-baseline, :not(.css-settings-manager), .layout-fusion):not(.is-mobile) .workspace:not(.is-primary-sidedock-open):not(.is-secondary-sidedock-open) .mod-root {
  padding-bottom: 0;
}
body:is(.layout-baseline, :not(.css-settings-manager), .layout-fusion):not(.is-mobile).show-ribbon .workspace:not(.is-primary-sidedock-open):not(.is-secondary-sidedock-open) .mod-root .workspace-tab-container {
  border-top-left-radius: var(--tab-radius);
}
body:is(.layout-baseline, :not(.css-settings-manager), .layout-fusion):not(.is-mobile) .workspace:not(.is-primary-sidedock-open):not(.is-secondary-sidedock-open) .mod-root .workspace-tab-container {
  border-radius: 0;
}
body:is(.layout-baseline, :not(.css-settings-manager), .layout-fusion):not(.is-mobile):not(.show-ribbon:not(.hover-ribbon)) .workspace:not(.is-primary-sidedock-open).is-secondary-sidedock-open .mod-root {
  margin-left: 8px;
}
body:is(.layout-baseline, :not(.css-settings-manager), .layout-fusion):not(.is-mobile) .workspace.is-primary-sidedock-open:not(.is-secondary-sidedock-open) .mod-root {
  margin-right: 8px;
}
body:is(.layout-baseline, :not(.css-settings-manager), .layout-fusion):not(.is-mobile):not(.status-bar-full) .mod-root {
  padding-bottom: 8px;
}
body:is(.layout-baseline, :not(.css-settings-manager), .layout-fusion):not(.is-phone) .workspace:is(.is-primary-sidedock-open, .is-secondary-sidedock-open) .mod-root,
body:is(.layout-baseline, :not(.css-settings-manager), .layout-fusion):not(.is-phone) .workspace:is(.is-primary-sidedock-open, .is-secondary-sidedock-open) .mod-root .workspace-split.mod-vertical {
  gap: 8px;
}
body:is(.layout-baseline, :not(.css-settings-manager), .layout-fusion):not(.is-phone) .workspace:is(.is-primary-sidedock-open, .is-secondary-sidedock-open) .mod-root .workspace-tabs > .workspace-leaf-resize-handle:not(:hover) {
  border-color: transparent;
}
body:is(.layout-baseline, :not(.css-settings-manager), .layout-fusion).is-tablet .workspace-drawer.is-pinned.mod-left + .mod-root,
body:is(.layout-baseline, :not(.css-settings-manager), .layout-fusion).is-tablet .mod-root:has(+ .workspace-drawer.is-pinned.mod-right) {
  padding-bottom: 8px;
}
body:is(.layout-baseline, :not(.css-settings-manager), .layout-fusion).is-tablet .workspace-drawer.is-pinned.mod-left + .mod-root:has(+ .workspace-drawer.mod-right:not(.is-pinned)) .workspace-tabs:last-of-type .workspace-tab-container {
  margin-right: 8px;
}
body:is(.layout-baseline, :not(.css-settings-manager), .layout-fusion).is-tablet .workspace-drawer.mod-left:not(.is-pinned) + .mod-root:has(+ .workspace-drawer.is-pinned.mod-right) .workspace-tabs:first-of-type .workspace-tab-container {
  margin-left: 8px;
}

body:is(.layout-macos, .layout-fusion):not(.is-mobile):not(.is-focused):not(.reduce-contrast-change) {
  --workspace-background-translucent: var(--background-secondary);
  --modal-background: var(--background-secondary);
  --menu-background: var(--background-secondary);
  --raised-background: var(--background-modifier-hover);
  --shadow-xs: none;
  --shadow-s: none;
  --shadow-l: none;
  --shadow-surface: none;
  --tab-outline-color: transparent;
}
body:is(.layout-macos, .layout-fusion):not(.is-mobile):not(.is-focused):not(.reduce-contrast-change) .workspace-ribbon,
body:is(.layout-macos, .layout-fusion):not(.is-mobile):not(.is-focused):not(.reduce-contrast-change) .mod-sidedock > div,
body:is(.layout-macos, .layout-fusion):not(.is-mobile):not(.is-focused):not(.reduce-contrast-change) .modal.mod-settings .vertical-tab-header > div {
  opacity: 0.75;
}

body.layout-fusion:not(.is-mobile).is-fullscreen .mod-sidedock.mod-left-split {
  border-radius: var(--radius-m);
}
body.layout-fusion:not(.is-mobile).is-fullscreen .mod-sidedock.mod-left-split .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-container {
  height: calc(var(--header-height) - 8px);
  padding-left: var(--frame-left-space);
}
body.layout-fusion:not(.is-mobile).show-ribbon:not(.mod-macos) .workspace-ribbon:not(.is-collapsed), body.layout-fusion:not(.is-mobile).show-ribbon.mod-macos.is-frameless:not(.is-hidden-frameless) .workspace-ribbon:not(.is-collapsed) {
  margin-block: 8px;
}
body.layout-fusion:not(.is-mobile).show-ribbon:not(.mod-macos):not(.tab-top-left-stacked) .workspace-ribbon:not(.is-collapsed) .sidebar-toggle-button {
  height: calc(var(--header-height) - 24px);
}
body.layout-fusion:not(.is-mobile).show-ribbon.mod-macos:not(.hover-ribbon) .workspace-ribbon:not(.is-collapsed) {
  margin-top: calc(var(--header-height) - 8px);
  padding-left: 16px;
}
body.layout-fusion:not(.is-mobile).show-ribbon:not(.hover-ribbon) .mod-sidedock.mod-left-split:not(.is-sidedock-collapsed) {
  margin-left: calc(-1 * var(--ribbon-width) + 8px);
  padding-left: calc(var(--ribbon-width) - 8px);
}
body.layout-fusion:not(.is-mobile).show-ribbon .workspace-ribbon .sidebar-toggle-button .clickable-icon:hover,
body.layout-fusion:not(.is-mobile).show-ribbon .workspace-ribbon .side-dock-actions .side-dock-ribbon-action:hover {
  box-shadow: none !important;
  background-color: transparent !important;
  color: var(--text-normal);
}
body.layout-fusion:not(.is-mobile):not(.is-translucent).layout-fusion .mod-sidedock.mod-left-split {
  background: var(--raised-background);
}
body.layout-fusion:not(.is-mobile).is-translucent.layout-fusion .mod-sidedock.mod-left-split {
  background-color: hsl(from white h s l/0.025) !important;
}
body.layout-fusion:not(.is-mobile) .mod-sidedock {
  transition: var(--anim-duration-moderate), background-color 0s, box-shadow 0s;
}
body.layout-fusion:not(.is-mobile) .mod-sidedock.mod-left-split {
  corner-shape: var(--corner-shape);
  z-index: var(--layer-sidedock);
  margin: 8px;
  box-shadow: var(--shadow-surface);
  border-radius: var(--radius-window, var(--radius-m));
  height: -webkit-fill-available;
  height: stretch;
  overflow: hidden;
}
body.layout-fusion:not(.is-mobile).status-bar-full .mod-sidedock.mod-left-split {
  margin-bottom: 0;
}
body.layout-fusion:not(.is-mobile):not(.tab-top-left-stacked) .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-container {
  padding-block: 0px;
}
body.layout-fusion:not(.is-mobile):not(.tab-top-left-stacked) .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-container,
body.layout-fusion:not(.is-mobile) .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-container .sidebar-toggle-button {
  min-height: calc(var(--header-height) - 16px);
  max-height: calc(var(--header-height) - 16px);
}
body.layout-fusion:not(.is-mobile):not(.tab-top-left-stacked) .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-container div:is(.workspace-tab-header-inner, .clickable-icon),
body.layout-fusion:not(.is-mobile) .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-container .sidebar-toggle-button div:is(.workspace-tab-header-inner, .clickable-icon) {
  padding-block: 4px;
}
body.layout-fusion:not(.is-mobile):not(.tab-floating, .tab-floating-center).mod-macos.is-hidden-frameless .workspace-ribbon.is-collapsed {
  padding-top: 8px;
}
body.layout-fusion:not(.is-mobile) .modal.mod-settings .vertical-tab-header {
  margin: 8px 0 8px 8px;
  box-shadow: var(--shadow-surface);
  border-radius: max(var(--modal-radius) - 8px, var(--radius-s)) !important;
  background: var(--raised-background);
}

body.layout-fusion.is-tablet .workspace {
  background-color: var(--background-primary);
}
body.layout-fusion.is-tablet .workspace-drawer.is-pinned.mod-left {
  background: var(--raised-background);
  box-shadow: var(--shadow-surface);
  border: none;
  margin: calc(var(--safe-area-inset-top) + 8px) 8px 8px;
  border-radius: calc(env(safe-area-inset-bottom) - 8px);
  height: auto;
}
body.layout-fusion.is-tablet .workspace-drawer.is-pinned.mod-left .workspace-drawer-ribbon,
body.layout-fusion.is-tablet .workspace-drawer.is-pinned.mod-left .workspace-drawer-inner {
  padding-block: 0px 16px;
}
body.layout-fusion.is-tablet .modal.mod-settings .vertical-tab-header {
  margin: 8px 0 8px 8px;
  border-radius: var(--radius-m);
  border: none;
  z-index: 1;
  background: var(--raised-background);
  box-shadow: var(--shadow-surface);
}

body.layout-baseline.input-cupertino:not(.is-phone).theme-light .workspace:is(.is-primary-sidedock-open, .is-secondary-sidedock-open) .mod-root .workspace-tab-container {
  box-shadow: hsla(0, 0%, 0%, 0.07) 0 2px 2px -1px, hsla(0, 0%, 0%, 0.05) 0 8px 8px -4px, hsla(0, 0%, 0%, 0.035) 0 12px 12px -6px, hsla(0, 0%, 0%, 0.035) 0 24px 24px -12px, 0 0 0 var(--tab-outline-width) var(--tab-outline-color);
}
body.layout-baseline.input-cupertino:not(.is-phone).theme-dark .workspace:is(.is-primary-sidedock-open, .is-secondary-sidedock-open) .mod-root .workspace-tab-container {
  box-shadow: 0 0 0 var(--tab-outline-width) var(--tab-outline-color), hsla(0, 0%, 0%, 0.1) 0 2px 2px -1px, hsla(0, 0%, 0%, 0.1) 0 8px 8px -4px, hsla(0, 0%, 0%, 0.07) 0 16px 16px -8px, hsla(0, 0%, 0%, 0.07) 0 24px 24px -12px;
}

body.layout-macos:not(.is-phone) .mod-root {
  background-color: var(--background-primary) !important;
}
body.layout-macos:not(.is-phone) .mod-root .workspace-tab-container {
  border-radius: 0;
  box-shadow: 0 calc(-1 * var(--tab-outline-width)) var(--tab-outline-color);
}
body.layout-macos:not(.is-phone):is(.tab-floating, .tab-floating-center) {
  --tab-outline-color: transparent;
}
body.layout-macos:not(.is-phone) .mod-sidedock > .workspace-leaf-resize-handle:not(:hover) {
  border-color: var(--divider-color);
}
body.layout-macos:not(.is-phone) .modal.mod-settings .vertical-tab-header {
  background-color: var(--background-secondary);
  border-right: var(--divider-width) solid var(--divider-color);
}
body.layout-macos:not(.is-phone).input-cupertino.theme-dark:not(.is-popout-modal) .modal.mod-settings .vertical-tab-header {
  border-radius: calc(var(--modal-radius) - 0.5pt) 0 0 calc(var(--modal-radius) - 0.5pt);
  margin: 0.5pt 0 0.5pt 0.5pt;
}
body.layout-macos:not(.is-phone).input-cupertino.theme-dark:not(.is-popout-modal) .modal.mod-settings .vertical-tab-content-container {
  margin: 0.5pt 0.5pt 0.5pt 0;
}

body.layout-fusion:not(.is-phone):not(.tab-floating, .tab-floating-center) .workspace:is(.is-primary-sidedock-open, .is-secondary-sidedock-open) {
  --tab-outline-color: transparent;
}
body.layout-fusion:not(.is-phone).is-translucent:is(.tab-floating, .tab-floating-center):not(.is-popout-window) .mod-root .workspace-tabs:not(.mod-stacked) .workspace-leaf {
  background-color: hsl(from var(--background-secondary) h s l/75%) !important;
}
body.layout-fusion:not(.is-phone).is-translucent:is(.tab-floating, .tab-floating-center):not(.is-popout-window) .mod-root .workspace-tabs:not(.mod-stacked) .view-header,
body.layout-fusion:not(.is-phone).is-translucent:is(.tab-floating, .tab-floating-center):not(.is-popout-window) .mod-root .workspace-tabs:not(.mod-stacked) .view-content,
body.layout-fusion:not(.is-phone).is-translucent:is(.tab-floating, .tab-floating-center):not(.is-popout-window) .mod-root .workspace-tabs:not(.mod-stacked) .document-search-container {
  background-color: transparent;
}
body.layout-fusion:not(.is-phone).is-tablet:not(.tab-floating, .tab-floating-center) .workspace {
  background-color: var(--background-secondary);
}

body.layout-viewfinder:not(.is-mobile):not(.show-ribbon:not(.hover-ribbon)) .workspace:not(.is-primary-sidedock-open) .mod-root {
  margin-left: 8px;
}
body.layout-viewfinder:not(.is-mobile) .workspace:not(.is-secondary-sidedock-open) .mod-root {
  margin-right: 8px;
}
body.layout-viewfinder:not(.is-mobile) .mod-root {
  overflow: hidden;
  background: var(--background-primary);
  margin-block: 8px;
  height: auto;
  border-radius: var(--radius-window, var(--radius-m));
  border: var(--divider-width) solid var(--background-modifier-border);
}
body.layout-viewfinder:not(.is-mobile) .mod-root .workspace-tab-container {
  box-shadow: 0 calc(-1 * var(--tab-outline-width)) var(--tab-outline-color);
  border-radius: 0;
}
body.layout-viewfinder:not(.is-mobile) .mod-sidedock .workspace-tabs.mod-top .workspace-tab-header-container {
  margin-top: 8px;
}
body.layout-viewfinder:not(.is-mobile):not(.mod-macos):not(.is-popout-modal).is-hidden-frameless .titlebar {
  top: 8px;
  right: 8px;
}
body.layout-viewfinder:not(.is-mobile):not(.mod-macos):not(.is-popout-modal).is-hidden-frameless .titlebar .titlebar-button {
  border-radius: var(--radius-window, var(--radius-m));
}

body.layout-viewfinder.is-tablet .mod-root {
  padding-top: 8px;
  margin: var(--safe-area-inset-top) 8px 8px;
  height: auto;
  background: var(--background-primary);
  border-radius: calc(env(safe-area-inset-bottom) - 8px);
  border: var(--divider-width) solid var(--background-modifier-border);
  overflow: hidden;
}
body.layout-viewfinder.is-tablet .mod-root .workspace-tab-container {
  box-shadow: 0 calc(-1 * var(--tab-outline-width)) var(--tab-outline-color);
  border-radius: 0;
}

body {
  --input-height: 32px;
  --input-transition: var(--anim-duration-superfast), box-shadow var(--anim-duration-fast);
  --button-transition: var(--input-transition), scale var(--anim-duration-fast) var(--anim-motion-baseline);
  --hotkey-radius: var(--radius-s);
  --hotkey-corner-shape: var(--corner-shape);
  
  --radius-modifier-check: clamp(0, (var(--radius-modifier) - 1) * 10000 + 1, 1);
  --button-radius: calc((8px * var(--radius-modifier)) * (1 - var(--radius-modifier-check)) + 100vh * var(--radius-modifier-check));
  --radius-modifier: 1;
  --radius-s: calc(8px * var(--radius-modifier));
  --radius-m: calc(16px * var(--radius-modifier));
  --radius-l: calc(24px * var(--radius-modifier));
  --radius-xl: calc(32px * var(--radius-modifier));
  --radius-window: 8px;
}
body.obsidian-app {
  --clickable-icon-radius: var(--radius-s);
  --input-radius: var(--radius-s);
  --search-input-radius: var(--input-radius);
  --search-input-corner-shape: var(--corner-shape);
}
body.obsidian-app .search-input-container {
  corner-shape: var(--search-input-corner-shape);
}
body {
  --dropdown-padding-start: var(--font-ui-small);
  --toggle-thumb-color: #fff;
  --toggle-border-width: 2px;
  --toggle-s-border-width: var(--toggle-border-width);
  --toggle-s-thumb-height: var(--toggle-thumb-height);
  --toggle-s-thumb-width: var(--toggle-thumb-width);
  --toggle-s-width: var(--toggle-width);
  --slider-thumb-background-hover: var(--slider-thumb-background);
  --slider-thumb-border-width: var(--border-width);
  --slider-thumb-border-color: var(--background-modifier-hover);
  --slider-thumb-shadow: 0 0 0 var(--slider-thumb-border-width) var(--slider-thumb-border-color);
}
body:not(.is-mobile) {
  --toggle-thumb-height: 16px;
  --toggle-thumb-width: 16px;
  --toggle-width: 32px;
  --slider-thumb-y: -5px;
  --slider-thumb-height: 16px;
  --slider-thumb-width: 16px;
  --slider-track-height: 2px;
}
body.is-mobile {
  --toggle-thumb-height: 24px;
  --toggle-thumb-width: 24px;
  --toggle-width: 48px;
}
body.mod-macos {
  --slider-thumb-border-width: var(--border-width);
  --toggle-thumb-opacity-active: 1;
  --slider-thumb-opacity-active: 1;
  --slider-thumb-height-active: var(--slider-thumb-height);
  --slider-thumb-width-active: var(--slider-thumb-width);
  --slider-thumb-y-active: var(--slider-thumb-y);
  --toggle-s-thumb-height: var(--toggle-thumb-height);
  --toggle-s-thumb-width: var(--toggle-thumb-width);
  --toggle-s-width: var(--toggle-width);
}

body:is(.input-baseline, :not(.css-settings-manager)) {
  --input-shadow: inset 0 0 0 var(--input-border-width) var(--background-modifier-border);
  --input-shadow-hover: inset 0 0 0 var(--input-border-width) var(--background-modifier-border-hover);
  --input-font-weight: var(--font-medium);
}
body:is(.input-baseline, :not(.css-settings-manager)) button:where(:not(.clickable-icon, .ant-switch, .workspace-leaf-content:not([data-type=markdown]) button, .copy-code-button)):active {
  scale: 0.975;
}
body:is(.input-baseline, :not(.css-settings-manager)) .checkbox-container::after {
  box-shadow: none;
}
body:is(.input-baseline, :not(.css-settings-manager)) .checkbox-container:where(:not(.is-disabled)):active:after {
  width: calc(var(--toggle-thumb-width) + 4px) !important;
  height: var(--toggle-thumb-height) !important;
  margin-top: var(--toggle-border-width) !important;
}
body:is(.input-baseline, :not(.css-settings-manager)) .checkbox-container.is-enabled:where(:not(.is-disabled)):active:after {
  left: -4px;
}
body:is(.input-baseline, :not(.css-settings-manager)) {
  --slider-thumb-width-active: calc(var(--slider-thumb-width) + 4px);
}

button:where(:not(.clickable-icon, .ant-switch, .workspace-leaf-content:not([data-type=markdown]) button, .copy-code-button)) {
  padding: var(--font-ui-small);
  display: inline-flex;
}

.clickable-icon {
  corner-shape: round;
  padding: 8px;
}

body:not(.accented-interface) .checkbox-container {
  --interactive-accent: var(--color-green);
}

.checkbox-container,
.checkbox-container::after {
  box-shadow: none;
  transition: var(--anim-duration-moderate) var(--anim-motion-baseline), background-color var(--anim-duration-moderate);
}

input[type=range]::-webkit-slider-thumb {
  border: none;
  -webkit-transition: var(--anim-duration-moderate) var(--anim-motion-baseline);
  transition: var(--anim-duration-moderate) var(--anim-motion-baseline);
}

.empty-state-hotkey,
.setting-hotkey,
.suggestion-hotkey {
  color: var(--text-muted);
  font-size: var(--font-ui-smaller);
  font-weight: var(--input-font-weight);
}

body.input-cupertino {
  --side-padding: 20px;
  --input-shadow: none;
  --input-shadow-hover: none;
  --input-height: 24px;
  --input-radius: var(--radius-s);
  --button-radius: var(--input-radius);
  --clickable-icon-radius: 100vh;
  --interactive-normal: hsl(from var(--mono-100) h s l / 5%);
  --interactive-hover: hsl(from var(--mono-100) h s l / 5%);
  --blur-radius-s: 2px;
  --blur-radius-m: 4px;
  --blur-radius-l: 8px;
  --raised-mask: linear-gradient(#ffffffbf, #ffffffbf) padding-box, linear-gradient(white, white) border-box;
  --raised-mask-border-width: 0px !important;
  --raised-mask-background: linear-gradient(transparent, white 35%, white 65%, transparent);
  --shadow-extra: 0 0 transparent;
}
body.input-cupertino.theme-light {
  --blur-background: hsl(0 0% 95% / 0.5);
  --raised-background: linear-gradient(
    to bottom,
    color-mix(in oklch, var(--blur-background), white 25%),
    var(--blur-background) 25%,
    var(--blur-background) 50%,
    color-mix(in oklch, var(--blur-background), white 25%)
  );
  --shadow-edges:
    var(--shadow-extra), 0 0 0 0.5pt hsl(0 0% 0% / 0.075), -1px 0 0 -0.5pt hsl(0 0% 0% / 0.3), 1px 0 0 -0.5pt hsl(0 0% 0% / 0.3),
    inset 0 1.5pt 1.5pt -1.5pt hsl(0 0% 100% / 0.5), inset 0 -1.5pt 1.5pt -1.5pt hsl(0 0% 100% / 0.5) !important;
  --shadow-xs: var(--shadow-edges), 0 2px 8px hsl(0 0% 0% / 0.035);
  --shadow-s: var(--shadow-edges), 0 8px 48px 0 hsl(0 0% 0% / 0.25);
  --shadow-l: var(--shadow-edges), 0 18px 54px 0 hsl(0 0% 0% / 0.35);
  --shadow-surface: var(--shadow-edges), 0 4px 24px hsl(0 0% 0% / 0.05);
}
body.input-cupertino.theme-dark {
  --blur-background: hsl(0 0% 20% / 0.5);
  --raised-background: linear-gradient(
    to bottom,
    color-mix(in oklch, var(--blur-background), white 3.5%),
    var(--blur-background) 25%,
    var(--blur-background) 75%,
    color-mix(in oklch, var(--blur-background), white 3.5%)
  );
  --shadow-edges:
    var(--shadow-extra), 0 0 0 0.5pt hsl(0 0% 0% / 0.07), -1px 0 0 -0.5pt hsl(0 0% 0% / 0.15), 1px 0 0 -0.5pt hsl(0 0% 0% / 0.15),
    inset 0px 1.5pt 1.5pt -1.5pt hsl(0 0% 100% / 0.25), inset 0px -1.5pt 1.5pt -1.5pt hsl(0 0% 100% / 0.25) !important;
  --shadow-xs: var(--shadow-edges);
  --shadow-s: inset 0 0 0 0.5pt hsl(0 0% 100% / 0.1), var(--shadow-edges), 0 8px 48px 0 hsl(0 0% 0% / 0.45);
  --shadow-l: inset 0 0 0 0.5pt hsl(0 0% 100% / 0.1), var(--shadow-edges), 0 18px 54px 0 hsl(0 0% 0% / 0.57), 0 0 1px 0 hsl(0 0% 0% / 0.8);
  --shadow-surface: var(--shadow-edges), inset 0 0 1px 1px hsl(0 0% 100% / 0.05), 0 8px 16px hsl(0 0% 0% / 0.2);
}
body.input-cupertino:not(.is-mobile) {
  --tab-action-width: 36px;
}
body.input-cupertino:not(.is-mobile).theme-light {
  --shadow-extra: inset 0 0 0 0.5pt hsl(0 0% 100% / 0.25);
}
body.input-cupertino:not(.is-mobile).theme-dark {
  --shadow-extra: inset 0 0 0 0.5pt hsl(0 0% 100% / 0.05);
}
body.input-cupertino.is-mobile {
  --titlebar-background: transparent;
  --titlebar-background-focused: transparent;
  --radius-s: calc(16px * var(--radius-modifier));
  --radius-m: calc(24px * var(--radius-modifier));
  --radius-l: calc(32px * var(--radius-modifier));
  --radius-xl: calc(40px * var(--radius-modifier));
  --input-radius: var(--radius-l);
  --input-height: 48px;
  --input-padding: 0 var(--side-padding);
}
body.input-cupertino.is-phone {
  --nav-item-padding: calc(16px * var(--density-modifier)) var(--side-padding);
}
body.input-cupertino button:where(:not(.clickable-icon, .ant-switch, .workspace-leaf-content:not([data-type=markdown]) button, .copy-code-button)) {
  padding: 4px 12px;
}
body.input-cupertino.is-phone button:where(:not(.clickable-icon, .ant-switch, .workspace-leaf-content:not([data-type=markdown]) button, .copy-code-button)) {
  padding: 0 var(--side-padding);
}
body.input-cupertino.is-tablet button:where(:not(.clickable-icon, .ant-switch, .workspace-leaf-content:not([data-type=markdown]) button, .copy-code-button)) {
  padding: 4px var(--side-padding);
}
body.input-cupertino:not(.is-mobile) .clickable-icon {
  transition: var(--anim-duration-superfast);
  padding: 10px;
}
body.input-cupertino:not(.is-mobile) .clickable-icon:not([aria-disabled=true]):hover,
body.input-cupertino:not(.is-mobile) .clickable-icon.has-active-menu,
body.input-cupertino:not(.is-mobile) .modal-header-button:hover,
body.input-cupertino:not(.is-mobile) .search-input-container input {
  box-shadow: var(--raised-shadow);
  background: var(--raised-background);
}
body.input-cupertino {
  --slider-thumb-border-width: 0;
  --slider-thumb-y: -5px;
  --slider-thumb-height: 16px;
  --slider-thumb-width: 20px;
  --slider-thumb-radius: var(--toggle-thumb-radius);
  --slider-thumb-shadow: 0 1px 4px hsl(0 0% 0% / 0.07), 0 1px 8px hsl(0 0% 0% / 0.07);
  --slider-track-height: 6px;
  --slider-track-background: var(--background-modifier-border-hover);
}
body.input-cupertino.is-mobile {
  --slider-thumb-y: -9px;
  --slider-thumb-height: 24px;
  --slider-thumb-width: 37px;
}
body.input-cupertino input[type=range]:where(:not(:disabled))::-webkit-slider-thumb:active {
  box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.15), inset 0 0 1px 1px hsla(0, 0%, 100%, 0.35), 0 4px 8px -4px hsla(0, 0%, 100%, 0.5), 0 8px 8px hsla(0, 0%, 0%, 0.075);
  background: none;
  scale: 1.25;
}
body.input-cupertino {
  --toggle-border-width: 1.5px;
  --toggle-thumb-height: 13px;
  --toggle-thumb-width: 21px;
  --toggle-width: 36px;
}
body.input-cupertino.is-mobile {
  --toggle-border-width: 2px;
  --toggle-thumb-height: 24px;
  --toggle-thumb-width: 37px;
  --toggle-width: 68px;
  --toggle-s-border-width: var(--toggle-border-width);
  --toggle-s-thumb-height: var(--toggle-thumb-height);
  --toggle-s-thumb-width: var(--toggle-thumb-width);
  --toggle-s-width: var(--toggle-width);
}
body.input-cupertino .checkbox-container::after {
  box-shadow: var(--slider-thumb-shadow);
}
body.input-cupertino .checkbox-container:where(:not(.is-disabled)):active:after {
  box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.15), inset 0 0 1px 1px hsla(0, 0%, 100%, 0.35), 0 4px 8px -4px hsla(0, 0%, 100%, 0.5), 0 8px 8px hsla(0, 0%, 0%, 0.075);
  background-color: transparent;
  left: calc(var(--toggle-border-width) * -2) !important;
}
body.input-cupertino.is-mobile {
  --dropdown-padding-start: var(--side-padding);
}
body.input-cupertino .search-input-container {
  --search-icon-size: var(--icon-xs);
  display: flex;
  align-items: center;
  overflow: visible;
  min-height: 32px;
}
body.input-cupertino .search-input-container::before {
  top: unset;
  inset-inline-start: 12px !important;
}
body.input-cupertino .search-input-container input {
  border: none;
  padding-inline-start: calc(12px + var(--search-icon-size) + 8px);
  min-height: inherit;
  border-radius: 100vh;
}
body.input-cupertino.is-mobile .search-input-container input {
  background-color: transparent;
}
body.input-cupertino .workspace-ribbon .sidebar-toggle-button .clickable-icon:hover,
body.input-cupertino .workspace-ribbon .side-dock-actions .side-dock-ribbon-action:hover {
  box-shadow: none !important;
  background-color: transparent !important;
  color: var(--text-normal);
}
body.input-cupertino:not(.is-mobile):not(.tab-top-left-stacked, .tab-top-left-text) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-container-inner, body.input-cupertino:not(.is-mobile):not(.tab-top-right-text) .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-container-inner, body.input-cupertino:not(.is-mobile):not(.tab-left-text) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner, body.input-cupertino:not(.is-mobile):not(.tab-right-text) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner {
  -webkit-app-region: no-drag;
  gap: 0px;
  transition: var(--anim-duration-moderate);
  border-radius: var(--clickable-icon-radius);
  padding: 4px;
  height: auto;
}
body.input-cupertino:not(.is-mobile):not(.tab-top-left-stacked, .tab-top-left-text) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-container-inner:hover, body.input-cupertino:not(.is-mobile):not(.tab-top-right-text) .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-container-inner:hover, body.input-cupertino:not(.is-mobile):not(.tab-left-text) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner:hover, body.input-cupertino:not(.is-mobile):not(.tab-right-text) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner:hover {
  background-color: var(--background-modifier-hover);
}
body.input-cupertino:not(.is-mobile):not(.tab-top-left-stacked, .tab-top-left-text) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-container-inner:hover .workspace-tab-header.is-active, body.input-cupertino:not(.is-mobile):not(.tab-top-right-text) .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-container-inner:hover .workspace-tab-header.is-active, body.input-cupertino:not(.is-mobile):not(.tab-left-text) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner:hover .workspace-tab-header.is-active, body.input-cupertino:not(.is-mobile):not(.tab-right-text) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner:hover .workspace-tab-header.is-active {
  background: var(--raised-background);
  box-shadow: var(--raised-shadow);
}
body.input-cupertino:not(.is-mobile):not(.tab-top-left-stacked, .tab-top-left-text) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header, body.input-cupertino:not(.is-mobile):not(.tab-top-right-text) .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header, body.input-cupertino:not(.is-mobile):not(.tab-left-text) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header, body.input-cupertino:not(.is-mobile):not(.tab-right-text) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header {
  border-radius: var(--clickable-icon-radius);
  min-width: var(--tab-action-width);
}
body.input-cupertino:not(.is-mobile):not(.tab-top-left-stacked, .tab-top-left-text) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-inner, body.input-cupertino:not(.is-mobile):not(.tab-top-right-text) .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-inner, body.input-cupertino:not(.is-mobile):not(.tab-left-text) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner, body.input-cupertino:not(.is-mobile):not(.tab-right-text) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner {
  padding: 6px;
}
body.input-cupertino:not(.is-mobile):not(.tab-top-left-stacked, .tab-top-left-text) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner, body.input-cupertino:not(.is-mobile):not(.tab-top-right-text) .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner, body.input-cupertino:not(.is-mobile):not(.tab-left-text) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner, body.input-cupertino:not(.is-mobile):not(.tab-right-text) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
  background-color: var(--background-modifier-hover);
}
body.input-cupertino:not(.is-mobile):not(.tab-top-left-stacked, .tab-top-left-text) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .sidebar-toggle-button,
body.input-cupertino:not(.is-mobile):not(.tab-top-left-stacked, .tab-top-left-text) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-inner, body.input-cupertino:not(.is-mobile):not(.tab-top-right-text) .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .sidebar-toggle-button,
body.input-cupertino:not(.is-mobile):not(.tab-top-right-text) .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-inner, body.input-cupertino:not(.is-mobile):not(.tab-left-text) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .sidebar-toggle-button,
body.input-cupertino:not(.is-mobile):not(.tab-left-text) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner, body.input-cupertino:not(.is-mobile):not(.tab-right-text) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .sidebar-toggle-button,
body.input-cupertino:not(.is-mobile):not(.tab-right-text) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner {
  border-radius: var(--clickable-icon-radius);
  height: fit-content;
  z-index: 1;
}
body.input-cupertino:not(.is-mobile):not(.tab-top-left-stacked, .tab-top-left-text) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-status-container, body.input-cupertino:not(.is-mobile):not(.tab-top-right-text) .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-status-container, body.input-cupertino:not(.is-mobile):not(.tab-left-text) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-status-container, body.input-cupertino:not(.is-mobile):not(.tab-right-text) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-status-container {
  margin-left: -8px;
}
body.input-cupertino:not(.is-mobile):not(.tab-top-left-stacked, .tab-top-left-text) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-status-icon,
body.input-cupertino:not(.is-mobile):not(.tab-top-left-stacked, .tab-top-left-text) .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-inner-close-button, body.input-cupertino:not(.is-mobile):not(.tab-top-right-text) .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-status-icon,
body.input-cupertino:not(.is-mobile):not(.tab-top-right-text) .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-inner-close-button, body.input-cupertino:not(.is-mobile):not(.tab-left-text) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-status-icon,
body.input-cupertino:not(.is-mobile):not(.tab-left-text) .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner-close-button, body.input-cupertino:not(.is-mobile):not(.tab-right-text) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-status-icon,
body.input-cupertino:not(.is-mobile):not(.tab-right-text) .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner-close-button {
  --icon-size: 12px;
  color: var(--text-muted);
}
body.input-cupertino:not(.nav-action-center, .nav-action-left) .mod-sidedock .workspace-leaf-content .nav-header:first-child .nav-buttons-container {
  border-radius: var(--clickable-icon-radius);
  padding: 4px;
  box-shadow: var(--raised-shadow);
  background: var(--raised-background);
  gap: 0;
}
body.input-cupertino:not(.nav-action-center, .nav-action-left) .mod-sidedock .workspace-leaf-content .nav-header:first-child .nav-buttons-container .nav-action-button:hover:not([aria-disabled=true]) {
  background-color: var(--background-modifier-hover);
  box-shadow: none;
}
body.input-cupertino .mod-sidedock .workspace-tab-container,
body.input-cupertino .mod-sidedock .workspace-leaf,
body.input-cupertino .mod-sidedock .workspace-leaf-content {
  contain: size !important;
  overflow: visible;
}
body.input-cupertino .tree-item-self.is-active {
  --nav-item-weight-active: calc(var(--font-weight) + var(--bold-modifier));
}
body.input-cupertino .markdown-source-view,
body.input-cupertino .markdown-preview-view {
  transition: transform var(--anim-duration-slow) var(--anim-motion-baseline);
}
body.input-cupertino .workspace-leaf-content[data-mode=source] > .view-content > .markdown-reading-view > .markdown-preview-view,
body.input-cupertino .workspace-leaf-content[data-mode=preview] > .view-content > .markdown-source-view {
  transform: scale(0.99);
  opacity: 0;
}
body.input-cupertino.tab-left-compact .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container:not(:hover) .workspace-tab-header-container-inner, body.input-cupertino.tab-right-compact .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container:not(:hover) .workspace-tab-header-container-inner {
  gap: calc(8px * var(--density-modifier));
}
body.input-cupertino.status-bar-cupertino .status-bar:hover {
  backdrop-filter: var(--blur-m);
  background: var(--raised-background);
  box-shadow: var(--raised-shadow);
}

body.input-cupertino {
  --background-modifier-message: var(--raised-background);
  --modal-background: var(--raised-background) !important;
  --menu-background: var(--raised-background);
}
body.input-cupertino.is-translucent {
  --background-modifier-message: var(--background-primary);
  --modal-background: var(--background-primary) !important;
  --menu-background: var(--background-primary);
}
body.input-cupertino .prompt,
body.input-cupertino .modal:not(.mod-sidebar-layout) {
  backdrop-filter: var(--blur-l);
  background: var(--modal-background);
}
body.input-cupertino .menu,
body.input-cupertino .suggestion-container,
body.input-cupertino .popover {
  backdrop-filter: var(--blur-m);
  background: var(--menu-background);
}
body.input-cupertino .cm-tooltip,
body.input-cupertino .notice {
  backdrop-filter: var(--blur-s);
}

body.input-cupertino:not(.is-mobile) .menu .menu-item,
body.input-cupertino:not(.is-mobile) .suggestion-container .menu-item {
  padding: calc(4px * var(--density-modifier)) 12px;
}
body.input-cupertino:not(.is-mobile) .menu .menu-separator,
body.input-cupertino:not(.is-mobile) .suggestion-container .menu-separator {
  margin: 6px 8px;
}
body.input-cupertino:not(.is-mobile) .menu .suggestion-item,
body.input-cupertino:not(.is-mobile) .suggestion-container .suggestion-item {
  padding: calc(8px * var(--density-modifier)) 12px;
}
body.input-cupertino:not(.is-mobile) .menu:hover .menu-item.selected:not(.is-label):not(.is-disabled),
body.input-cupertino:not(.is-mobile) .suggestion-container:hover .menu-item.selected:not(.is-label):not(.is-disabled) {
  background-color: var(--interactive-accent);
  color: var(--text-on-accent);
}
body.input-cupertino:not(.is-mobile) .menu:hover .menu-item.selected:not(.is-label):not(.is-disabled) .menu-item-icon,
body.input-cupertino:not(.is-mobile) .suggestion-container:hover .menu-item.selected:not(.is-label):not(.is-disabled) .menu-item-icon {
  color: var(--text-on-accent);
}

body.input-cupertino.is-mobile .menu .menu-scroll,
body.input-cupertino.is-mobile .suggestion-container .menu-scroll {
  background-color: transparent;
}
body.input-cupertino.is-mobile .menu .menu-item,
body.input-cupertino.is-mobile .menu .suggestion-item,
body.input-cupertino.is-mobile .suggestion-container .menu-item,
body.input-cupertino.is-mobile .suggestion-container .suggestion-item {
  padding: calc(12px * var(--density-modifier)) var(--side-padding);
}
body.input-cupertino.is-mobile .menu .menu-item:not([class*=is-]) .menu-item-icon,
body.input-cupertino.is-mobile .menu .suggestion-item:not([class*=is-]) .menu-item-icon,
body.input-cupertino.is-mobile .suggestion-container .menu-item:not([class*=is-]) .menu-item-icon,
body.input-cupertino.is-mobile .suggestion-container .suggestion-item:not([class*=is-]) .menu-item-icon {
  color: var(--text-normal);
}
body.input-cupertino.is-mobile .menu .menu-item .menu-item-icon .svg-icon,
body.input-cupertino.is-mobile .menu .suggestion-item .menu-item-icon .svg-icon,
body.input-cupertino.is-mobile .suggestion-container .menu-item .menu-item-icon .svg-icon,
body.input-cupertino.is-mobile .suggestion-container .suggestion-item .menu-item-icon .svg-icon {
  --icon-size: var(--icon-m);
  --icon-stroke: var(--icon-m-stroke-width);
}

body.input-cupertino.is-phone {
  --menu-shadow: var(--shadow-s);
  --menu-padding: 32px var(--safe-area-inset-side);
}
body.input-cupertino.is-phone .menu {
  margin: 8px;
  border-radius: var(--modal-radius) var(--modal-radius) calc(var(--safe-area-inset-top) - 8px) calc(var(--safe-area-inset-top) - 8px);
}
body.input-cupertino.is-phone .menu-scroll {
  mask: linear-gradient(to bottom, transparent, white 32px);
}
body.input-cupertino.is-phone .menu .menu-item {
  font-size: var(--font-ui-medium);
}
body.input-cupertino.is-phone .menu .menu-item::after {
  content: none;
}
body.input-cupertino.is-phone .menu .menu-item:not(:last-child) {
  border-bottom: none;
}
body.input-cupertino.is-phone .menu .menu-item:not(:last-child)::after {
  position: absolute;
  right: var(--side-padding);
  left: 56px;
  background-color: var(--background-modifier-hover);
  width: auto;
  height: var(--divider-width);
  content: "";
}
body.input-cupertino.is-phone .menu-group .menu-item.is-label + .menu-item:not(.is-label),
body.input-cupertino.is-phone .menu-group .menu-item:first-child {
  border-top-left-radius: var(--radius-m);
  border-top-right-radius: var(--radius-m);
}
body.input-cupertino.is-phone .menu-group .menu-item:last-child {
  border-bottom-left-radius: var(--radius-m);
  border-bottom-right-radius: var(--radius-m);
}
body.input-cupertino.is-phone .suggestion-container {
  border-radius: var(--radius-m);
}

body.input-cupertino.is-tablet {
  --menu-shadow: var(--shadow-l);
}
body.input-cupertino.is-tablet .menu .menu-separator,
body.input-cupertino.is-tablet .suggestion-container .menu-separator {
  margin: 4px 16px;
}
body.input-cupertino.is-tablet .menu .menu-item,
body.input-cupertino.is-tablet .menu .suggestion-item,
body.input-cupertino.is-tablet .suggestion-container .menu-item,
body.input-cupertino.is-tablet .suggestion-container .suggestion-item {
  gap: 16px;
  padding: calc(12px * var(--density-modifier)) var(--side-padding);
}
body.input-cupertino.is-tablet .suggestion-container {
  border-radius: var(--radius-m);
}

@keyframes floatInCupertino {
  from {
    opacity: 1;
    filter: none;
    transform: scale(0.99);
  }
}
body.input-cupertino:not(.is-mobile) .modal {
  animation: floatInCupertino var(--anim-duration-moderate) var(--anim-motion-baseline) forwards;
}
body.input-cupertino:not(.is-mobile) .modal:not(.mod-sidebar-layout) .modal-title {
  width: 100%;
}
body.input-cupertino:not(.is-mobile) .modal:not(.mod-sidebar-layout) .modal-button-container button {
  flex: 1;
  margin: 0;
  border-radius: 100vh;
  min-height: 32px;
}

body.input-cupertino.is-phone {
  --modal-radius: var(--radius-xl);
}
body.input-cupertino.is-phone .modal-container.mod-confirmation .modal {
  border-radius: var(--radius-xl) var(--radius-xl) calc(var(--safe-area-inset-top) - 8px) calc(var(--safe-area-inset-top) - 8px);
}
body.input-cupertino.is-phone .modal:not(.mod-sidebar-layout) {
  --modal-radius: var(--radius-xl);
  margin: 0 8px 8px;
  width: calc(100vw - 16px) !important;
  left: 0 !important;
}
body.input-cupertino.is-phone .modal:not(.mod-sidebar-layout) .modal-header-button {
  top: 16px !important;
  inset-inline-end: 16px !important;
}
body.input-cupertino.is-phone .modal:not(.mod-sidebar-layout) .modal-content {
  padding: 0 var(--safe-area-inset-side);
}
body.input-cupertino.is-phone .modal:not(.mod-sidebar-layout) .modal-button-container {
  gap: 8px;
  padding: 16px var(--safe-area-inset-side) 0;
}
body.input-cupertino.is-phone .modal:not(.mod-sidebar-layout) .modal-button-container button {
  margin-top: 0;
}

body.input-cupertino .notice {
  border-radius: var(--radius-m);
  padding: calc(16px * var(--density-modifier)) var(--side-padding);
  color: var(--text-normal);
  transition: var(--anim-duration-slow) var(--anim-motion-baseline) !important;
}
body.input-cupertino .notice[style^="opacity: 0"] {
  margin-top: unset !important;
  transform: scale(1.1);
  filter: blur(8px);
}
body.input-cupertino .tooltip {
  --background-modifier-message: var(--background-primary);
  --tooltip-background: var(--background-primary);
  --tooltip-shadow: none;
  --tooltip-color: var(--text-muted);
  filter: drop-shadow(0 0 16px var(--background-modifier-box-shadow));
}

body.input-cupertino:not(.is-mobile) .notice {
  box-shadow: var(--shadow-s);
}
@starting-style {
  body.input-cupertino:not(.is-mobile) .notice:last-child {
    transform: translateX(50%) !important;
    filter: blur(8px);
    opacity: 0;
  }
}

body.input-cupertino.is-mobile .notice {
  box-shadow: var(--raised-shadow);
}
@starting-style {
  body.input-cupertino.is-mobile .notice:last-child {
    transform: translateY(-50%) scaleX(0.5) !important;
    filter: blur(4px);
    opacity: 0;
  }
}

body.input-cupertino:not(.is-mobile) {
  --drag-ghost-background: var(--background-primary);
  --drag-ghost-text-color: var(--text-normal);
}
body.input-cupertino:not(.is-mobile) .drag-ghost {
  box-shadow: var(--shadow-l);
  padding: 8px 12px;
  border-radius: var(--radius-m);
}

body.input-cupertino {
  --setting-nav-icon-background: var(--color-base-60);
}
body.input-cupertino .modal.mod-settings .vertical-tab-nav-item .vertical-tab-nav-item-icon {
  --icon-size: var(--icon-xs);
  --icon-stroke: var(--icon-xs-stroke-width);
  box-shadow: var(--shadow-edges);
  border-radius: 6px;
  background-image: linear-gradient(oklch(from var(--setting-nav-icon-background) calc(l * 1.075) c h), oklch(from var(--setting-nav-icon-background) calc(l * 0.975) c h));
  background-color: var(--setting-nav-icon-background);
  padding: 4px;
  color: var(--setting-nav-icon-color, white);
}
body.input-cupertino .modal.mod-settings .vertical-tab-nav-item[data-setting-id=canvas] .vertical-tab-nav-item-icon {
  --setting-nav-icon-color: var(--color-red);
  --setting-nav-icon-background: var(--color-base-20);
}
body.input-cupertino .modal.mod-settings .vertical-tab-nav-item[data-setting-id=community-plugins] .vertical-tab-nav-item-icon {
  --setting-nav-icon-color: var(--color-blue);
  --setting-nav-icon-background: var(--color-base-20);
}
body.input-cupertino .modal.mod-settings .vertical-tab-nav-item[data-setting-id=command-palette] .vertical-tab-nav-item-icon {
  --setting-nav-icon-background: #242424;
}
body.input-cupertino .modal.mod-settings .vertical-tab-nav-item[data-setting-id=sync] .vertical-tab-nav-item-icon {
  --setting-nav-icon-color: var(--color-green);
  --setting-nav-icon-background: var(--color-base-20);
}
body.input-cupertino .modal.mod-settings .vertical-tab-nav-item[data-setting-id=webviewer] .vertical-tab-nav-item-icon {
  --setting-nav-icon-color: var(--color-blue);
  --setting-nav-icon-background: var(--color-base-20);
}

body.input-cupertino:not(.is-mobile) {
  --settings-background: var(--background-primary);
  --setting-items-padding-x: var(--side-padding);
  --setting-items-padding-y: calc(12px * var(--density-modifier));
  --setting-group-heading-color: var(--text-normal);
}
body.input-cupertino:not(.is-mobile).theme-light {
  --setting-items-background: var(--background-primary-alt);
}
body.input-cupertino:not(.is-mobile) .modal.mod-settings .vertical-tab-nav-item.is-active {
  --text-normal: var(--text-on-accent);
  color: var(--text-on-accent);
  background-color: var(--interactive-accent);
  font-weight: calc(var(--font-weight) + var(--bold-modifier));
}
body.input-cupertino:not(.is-mobile) .modal.mod-settings .vertical-tab-nav-item:not(.is-active):hover {
  background-color: transparent;
}
body.input-cupertino:not(.is-mobile) .modal.mod-settings .vertical-tab-header-group-title,
body.input-cupertino:not(.is-mobile) .modal.mod-settings .vertical-tab-nav-item {
  padding: 6px 8px;
}
body.input-cupertino:not(.is-mobile) .modal.mod-settings .setting-group-search + .setting-items {
  border-radius: var(--setting-items-radius);
}
body.input-cupertino:not(.is-mobile) .modal.mod-settings .setting-item:not(.setting-item-heading, .setting-items .setting-item) {
  padding: var(--setting-items-padding-y) var(--setting-items-padding-x);
}

body.input-cupertino.is-mobile .modal.mod-settings .vertical-tab-nav-item .vertical-tab-nav-item-icon {
  padding: 5px;
  border-radius: 8px;
  margin-left: -2px;
  margin-inline-end: 14px;
}

body.input-cupertino.is-phone {
  --setting-items-radius: var(--radius-m);
  --setting-group-heading-size: var(--font-ui-medium);
}
body.input-cupertino.is-phone .modal.mod-sidebar-layout {
  --modal-radius: var(--radius-xl) var(--radius-xl) 0 0;
  --modal-header-inset-top: 16px;
  max-height: calc(100% - var(--safe-area-inset-top));
}
body.input-cupertino.is-phone .modal.mod-sidebar-layout .modal-setting-back-button svg.svg-icon,
body.input-cupertino.is-phone .modal.mod-sidebar-layout .modal-header-button svg.svg-icon {
  --icon-size: 30px;
}
body.input-cupertino.is-phone .modal.mod-sidebar-layout .modal-header-button {
  top: var(--modal-header-inset-top);
  inset-inline-end: var(--modal-header-inset-top);
}
body.input-cupertino.is-phone .modal.mod-sidebar-layout .vertical-tab-header,
body.input-cupertino.is-phone .modal.mod-sidebar-layout .vertical-tab-content {
  padding-top: var(--modal-header-height);
}
body.input-cupertino.is-phone .modal.mod-sidebar-layout .vertical-tab-nav-item {
  height: var(--touch-size-xl);
}
body.input-cupertino.is-phone .modal.mod-sidebar-layout .vertical-tab-nav-item-title {
  line-height: var(--touch-size-xl);
}

body.input-cupertino.is-tablet {
  --setting-items-padding: calc(16px * var(--density-modifier)) var(--side-padding);
}
body.input-cupertino.is-tablet .modal.mod-settings .vertical-tab-header-group-title {
  display: none;
}
body.input-cupertino.is-tablet .modal.mod-settings .vertical-tab-nav-item {
  padding: calc(12px * var(--density-modifier)) var(--side-padding);
  border-radius: var(--radius-l);
  font-size: var(--font-ui-medium);
}
body.input-cupertino.is-tablet .modal.mod-settings .vertical-tab-nav-item.is-active {
  font-weight: calc(var(--font-weight) + var(--bold-modifier));
}

body.input-cupertino .prompt-input-container {
  align-items: center;
}
body.input-cupertino .search-input-container::before,
body.input-cupertino .prompt-input-container::before,
body.input-cupertino .omnisearch-input-field::before {
  position: absolute;
  inset-inline-start: var(--side-padding);
  mask-position: 50% 50%;
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  background-color: var(--search-icon-color);
  width: var(--search-icon-size);
  height: var(--search-icon-size);
  content: "";
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='white' d='M0 7.793c0 4.297 3.496 7.793 7.793 7.793 1.7 0 3.252-.547 4.531-1.465l4.805 4.815c.224.224.517.332.83.332.664 0 1.123-.498 1.123-1.153a1.118 1.118 0 0 0-.322-.8l-4.776-4.805a7.703 7.703 0 0 0 1.602-4.717C15.586 3.496 12.09 0 7.793 0 3.496 0 0 3.496 0 7.793Zm1.67 0A6.127 6.127 0 0 1 7.793 1.67a6.127 6.127 0 0 1 6.123 6.123 6.127 6.127 0 0 1-6.123 6.123A6.127 6.127 0 0 1 1.67 7.793Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h20v20H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  z-index: 1;
}
body.input-cupertino .prompt-input {
  border-bottom: none;
  padding-inline-start: calc(var(--search-icon-size) + var(--side-padding) + 12px) !important;
}

body.input-cupertino:not(.is-phone) .prompt-input-container::after {
  content: "";
  position: absolute;
  inset: auto var(--side-padding) 0;
  height: var(--divider-width);
  background-color: var(--background-modifier-hover);
  pointer-events: none;
}

body.input-cupertino.is-phone {
  --prompt-input-height: 48px;
}
body.input-cupertino.is-phone .prompt {
  --prompt-top: 0;
  border-radius: 0;
  height: 100vh;
  padding-bottom: 0;
}
body.input-cupertino.is-phone .prompt .prompt-input-container {
  width: calc(100% - var(--safe-area-inset-side) * 2);
}
body.input-cupertino.is-phone .prompt .prompt-input-container,
body.input-cupertino.is-phone .prompt .suggester-input {
  border: none;
  gap: 8px;
  position: absolute;
  inset: auto var(--safe-area-inset-side) calc(var(--safe-area-inset-side) + var(--safe-area-inset-bottom));
  z-index: 1;
  background-color: transparent;
  box-shadow: none;
  backdrop-filter: none;
  margin: 0;
}
body.input-cupertino.is-phone .prompt .prompt-input {
  border-radius: 100vh;
}
body.input-cupertino.is-phone .prompt .prompt-input-container .prompt-input-cta:not(:empty),
body.input-cupertino.is-phone .prompt .prompt-input-container .search-input-clear-button {
  border-radius: 100vh;
  position: relative;
  inset-inline-end: 0;
  width: var(--prompt-input-height);
  height: var(--prompt-input-height);
  flex-shrink: 0;
  margin: 0;
}
body.input-cupertino.is-phone .prompt .prompt-input-container .search-input-clear-button:after {
  mask-position: 50% 50%;
  mask-size: 100% 100%;
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='black' d='M13.993.26.253 14a.875.875 0 0 0 0 1.23.896.896 0 0 0 1.24 0l13.74-13.74a.875.875 0 0 0 0-1.23.87.87 0 0 0-1.24 0ZM15.233 14 1.493.26a.87.87 0 0 0-1.24 0 .884.884 0 0 0 0 1.23l13.74 13.74c.332.333.908.342 1.24 0a.884.884 0 0 0 0-1.23Z'/%3e%3c/svg%3e");
}
body.input-cupertino.is-phone .prompt .prompt-results {
  mask: linear-gradient(to bottom, transparent, black calc(var(--safe-area-inset-top) + 16px), black calc(100vh - var(--side-padding) - var(--safe-area-inset-bottom) - 96px), transparent calc(100vh - var(--side-padding) - var(--safe-area-inset-bottom)));
  padding: calc(var(--safe-area-inset-top) + 16px) var(--side-padding) 128px;
}
body.input-cupertino.is-phone .prompt .suggestion-item {
  padding: var(--nav-item-padding);
}
body.input-cupertino.is-phone .prompt {
  transform: none !important;
  overflow: visible;
  box-shadow: none;
}
@starting-style {
  body.input-cupertino.is-phone .prompt {
    opacity: 0;
  }
}
body.input-cupertino.is-phone .prompt-results {
  transition: var(--anim-duration-slow) var(--anim-motion-baseline);
}
@starting-style {
  body.input-cupertino.is-phone .prompt-results {
    transform: translateY(var(--safe-area-inset-top));
  }
}
body.input-cupertino.is-phone .prompt[style*="transform: translateY"] {
  opacity: 0;
}

body.input-cupertino.is-mobile .workspace-leaf-content:not([data-type=empty]) .mod-left-split-toggle svg.svg-icon {
  --icon-size: var(--icon-l);
  background-color: currentColor;
  content: "";
  mask-position: 25% 50%;
  mask-size: 80% 80%;
  mask-repeat: no-repeat;
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' fill='none' viewBox='0 0 12 21'%3e%3cpath fill='white' d='M0 10.372c0 .397.141.732.459 1.046l9.137 8.934c.256.266.575.395.953.395a1.35 1.35 0 0 0 1.372-1.354c0-.382-.163-.718-.422-.983l-8.24-8.04 8.24-8.036c.261-.266.422-.61.422-.98A1.349 1.349 0 0 0 10.549 0c-.38 0-.697.129-.953.385L.459 9.327A1.397 1.397 0 0 0 0 10.372Z'/%3e%3c/svg%3e");
}
body.input-cupertino.is-mobile .workspace-drawer .nav-buttons-container {
  justify-self: center;
  gap: 0;
  backdrop-filter: blur(4px);
  border-radius: 100vh;
  background-color: var(--background-modifier-hover);
  padding-inline: 8px;
  width: fit-content;
  margin-bottom: 8px;
}
body.input-cupertino.is-mobile:not(.is-floating-nav) .workspace-drawer .nav-buttons-container {
  margin-bottom: 0;
}
body.input-cupertino.is-mobile .bases-cards-item {
  padding: var(--side-padding);
}
body.input-cupertino.is-mobile .bases-cards-line,
body.input-cupertino.is-mobile .bases-cards-label {
  padding: 0;
}
body.input-cupertino.is-mobile .nav-files-container > div {
  --nav-item-color: var(--text-normal);
}
body.input-cupertino.is-mobile .pull-action.mod-activated {
  color: var(--text-normal);
  background-color: transparent;
  backdrop-filter: var(--blur-l) brightness(1.1);
}

body.input-cupertino.is-phone:not(.mode-switcher-off) .mod-root .workspace-leaf-content[data-type=markdown] .view-actions button:nth-last-child(2),
body.input-cupertino.is-phone .prompt-input,
body.input-cupertino.is-phone .prompt-input-container .prompt-input-cta:not(:empty),
body.input-cupertino.is-phone .prompt-input-container .search-input-clear-button,
body.input-cupertino.is-phone .workspace-drawer-header-icon,
body.input-cupertino.is-phone .search-input-container,
body.input-cupertino.is-phone .mobile-tab-switcher-menu-button,
body.input-cupertino.is-phone .mobile-tab-switcher-menu-spacer .clickable-icon,
body.input-cupertino.is-phone .pull-action {
  backdrop-filter: var(--raised-blur);
  transition: var(--anim-duration-moderate) var(--anim-motion-baseline);
  box-shadow: var(--raised-shadow);
  border: none;
  background: var(--raised-background);
  color: var(--text-normal);
}
body.input-cupertino.is-phone .mod-raised:not(.prompt-input-container)::after, body.input-cupertino.is-phone:not(.mode-switcher-off) .mod-root .workspace-leaf-content[data-type=markdown] .view-actions button:nth-last-child(2)::after,
body.input-cupertino.is-phone .prompt-input-container::after,
body.input-cupertino.is-phone .prompt-input-container .prompt-input-cta:not(:empty)::before,
body.input-cupertino.is-phone .prompt-input-container .search-input-clear-button::before,
body.input-cupertino.is-phone .search-input-container::after,
body.input-cupertino.is-phone .mobile-tab-switcher-menu-button::after,
body.input-cupertino.is-phone .mobile-tab-switcher-menu-spacer .clickable-icon::after,
body.input-cupertino.is-phone .notice::after,
body.input-cupertino.is-phone .pull-action::after,
body.input-cupertino.is-phone .modal:not(.mod-sidebar-layout)::after,
body.input-cupertino.is-phone .menu::after,
body.input-cupertino.is-phone .suggestion-container::after,
body.input-cupertino.is-phone .popover::after {
  display: var(--raised-mask-display);
  position: absolute;
  content: "";
  backdrop-filter: brightness(1.1);
  background: var(--raised-mask-background);
  mask: var(--raised-mask);
  mask-composite: var(--raised-mask-composite);
  inset: 0;
  border: var(--raised-mask-border-width) solid transparent;
  border-width: var(--border-width) 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: -1;
}
body.input-cupertino.is-phone.theme-dark {
  --raised-mask-background: none;
}
body.input-cupertino.is-phone .prompt-input-container {
  background: none;
}
body.input-cupertino.is-phone .prompt-input-container::after {
  margin-right: 56px;
}
body.input-cupertino.is-phone .mod-root .view-header-left,
body.input-cupertino.is-phone .mod-root .view-actions {
  flex: 0;
  position: relative;
}
body.input-cupertino.is-phone .mod-root .view-header {
  padding-inline: var(--safe-area-inset-side);
}
body.input-cupertino.is-phone .mod-root .view-header-title-parent {
  font-size: var(--font-ui-smaller);
  opacity: 1;
}
body.input-cupertino.is-phone .mod-root .view-header-title {
  font-weight: var(--font-medium);
  opacity: 1;
  height: 1lh;
}
body.input-cupertino.is-phone .mod-root .view-header-breadcrumb {
  padding: 0;
}
body.input-cupertino.is-phone .mod-root .view-header-breadcrumb-separator {
  padding: 0 4px;
}
body.input-cupertino.is-phone .mod-root .view-header-breadcrumb-separator:last-child {
  display: none;
}
body.input-cupertino.is-phone .nav-files-container > div {
  --nav-item-size: var(--font-ui-medium);
  --nav-item-color: var(--text-normal);
  --nav-item-color-hover: var(--text-normal);
  --nav-item-color-active: var(--text-normal);
  --nav-item-background-hover: transparent;
  --nav-item-background-active: var(--background-modifier-hover);
  --nav-item-weight-hover: var(--font-normal);
  --nav-item-weight-active: var(--font-normal);
  background-color: var(--setting-items-background);
  border-radius: var(--radius-m);
}
body.input-cupertino.is-phone .nav-files-container > div .tree-item {
  position: relative;
}
body.input-cupertino.is-phone .nav-files-container > div .tree-item .tree-item-self {
  padding-inline-end: var(--side-padding);
  margin-bottom: 0;
  border-radius: 0;
}
body.input-cupertino.is-phone .nav-files-container > div .tree-item .tree-item-self .tree-item-icon {
  position: relative;
  order: 1;
  margin-inline-start: unset;
}
body.input-cupertino.is-phone .nav-files-container > div .tree-item .tree-item-inner {
  flex: 1;
}
body.input-cupertino.is-phone .nav-files-container > div .tree-item-self.has-active-menu,
body.input-cupertino.is-phone .nav-files-container > div .tree-item-self.is-being-renamed {
  box-shadow: none;
  color: var(--text-accent);
}
body.input-cupertino.is-phone .nav-files-container > div .tree-item:has(> .tree-item-self.is-active)::before,
body.input-cupertino.is-phone .nav-files-container > div .tree-item:has(> .tree-item-self.is-active) + .tree-item::before {
  content: none !important;
}
body.input-cupertino.is-phone .nav-files-container > div .tree-item:not(.nav-files-container > div > div:nth-child(2)):not(:last-child:only-child):before {
  position: absolute;
  inset: calc(-1 * var(--divider-width) / 2) var(--side-padding) auto;
  background: var(--setting-items-divider-color);
  height: var(--divider-width);
  content: "";
}
body.input-cupertino.is-phone .nav-files-container > div .tree-item-self.is-active::before {
  content: none;
}
body.input-cupertino.is-phone {
  --tab-switcher-background: transparent;
  --tab-switcher-preview-background-shadow: 0 4px 16px hsl(0 0% 0% / 0.2);
}
body.input-cupertino.is-phone .mobile-tab-switcher {
  background: linear-gradient(hsl(from var(--mono-0) h s l/0.5), var(--mobile-sidebar-background)) !important;
  backdrop-filter: var(--blur-l);
}
body.input-cupertino.is-phone .mobile-tab-switcher-menubar {
  padding: 0 var(--navbar-side-offset) var(--navbar-bottom-offset);
}
body.input-cupertino.is-phone .mobile-tab-switcher-menu-button {
  flex: 1;
  height: var(--input-height);
  border-radius: var(--clickable-icon-radius);
  justify-content: center;
}
body.input-cupertino.is-phone .mobile-tab-switcher-menu-spacer .clickable-icon {
  position: relative;
}
body.input-cupertino.is-phone .mobile-tab-switcher-menu-spacer:first-child .clickable-icon {
  width: var(--input-height);
  height: var(--input-height);
}
body.input-cupertino.is-phone .mobile-tab-switcher-menu-spacer:last-child .clickable-icon {
  padding: var(--input-padding);
  height: var(--input-height);
  backdrop-filter: none;
}
body.input-cupertino.is-phone .mobile-tab .mobile-tab-pin,
body.input-cupertino.is-phone .mobile-tab .close-button {
  width: 32px;
  height: 32px;
}

body.input-cupertino.is-tablet .mod-raised {
  background: var(--raised, var(--raised-background));
}
body.input-cupertino.is-tablet .workspace-tab-header-new-tab,
body.input-cupertino.is-tablet .workspace-tab-header-tab-list {
  --icon-color: var(--text-normal);
}

body.input-fluent {
  --radius-s: calc(4px * var(--radius-modifier));
  --radius-m: calc(6px * var(--radius-modifier));
  --radius-l: calc(8px * var(--radius-modifier));
  --radius-xl: calc(12px * var(--radius-modifier));
  --input-radius: var(--radius-m);
  --button-radius: var(--input-radius);
  --clickable-icon-radius: var(--radius-m);
  --checkbox-radius: var(--radius-m);
  --tab-radius: var(--radius-l);
  --toggle-thumb-height: 12px;
  --toggle-thumb-width: 12px;
  --toggle-width: 40px;
  --toggle-border-width: 4px;
  --slider-thumb-background: var(--interactive-accent);
  --slider-thumb-border-color: var(--color-base-40);
  --slider-thumb-border-width: 4px;
  --slider-thumb-shadow: none;
  --slider-thumb-width: 18px;
  --slider-thumb-height: 18px;
  --slider-track-background: var(--color-base-50);
  --slider-track-height: 4px;
  --blur-radius-s: 4px;
  --blur-radius-m: 8px;
  --blur-radius-l: 12px;
  --blur-saturation: 1;
  --interactive-normal: color-mix(in srgb, var(--background-primary), white 12.5%);
  --interactive-hover: color-mix(in srgb, var(--interactive-normal), var(--mono-100) 2.5%);
  --interactive-active: color-mix(in srgb, var(--interactive-normal), var(--mono-0) 2.5%);
  --background-modifier-form-field: var(--interactive-normal);
}
body.input-fluent.is-mobile {
  --input-border-width: var(--border-width);
  --slider-thumb-width: 24px;
  --slider-thumb-height: 24px;
}
body.input-fluent.theme-light {
  --input-shadow: inset 0 var(--border-width-offset) hsl(0 0% 0% / 0.1), inset 0 0 0 var(--input-border-width) var(--background-modifier-border);
  --input-shadow-hover: var(--input-shadow);
  --input-shadow-active: inset 0 0 0 var(--input-border-width) var(--background-modifier-border);
  --shadow-s: 0px 1px 2px hsl(0 0% 0% / 0.028), 0px 3.4px 6.7px hsl(0 0% 0% / 0.042), 0px 15px 30px hsl(0 0% 0% / 0.07);
  --shadow-l: 0px 32px 64px 0px hsl(0 0% 0% / 0.19), 0px 2px 21px 0px hsl(0 0% 0% / 0.15);
  --modal-background: hsl(from var(--color-base-00) h s l / 85%);
  --setting-items-background: hsl(0 0% 100% / 0.65);
}
body.input-fluent.theme-dark {
  --input-shadow: inset 0 var(--input-border-width) var(--background-modifier-hover), 0 0 0 var(--input-border-width) hsl(0 0% 0% / 0.05);
  --input-shadow-hover: var(--input-shadow);
  --input-shadow-active: inset 0 0 0 var(--input-border-width) var(--background-modifier-hover);
  --shadow-s: 0px 1px 2px hsl(0 0% 0% / 0.028), 0px 3.4px 6.7px hsl(0 0% 0% / 0.042), 0px 15px 30px hsl(0 0% 0% / 0.07);
  --shadow-l: 0px 32px 64px 0px hsl(0 0% 0% / 0.37), 0px 2px 21px 0px hsl(0 0% 0% / 0.37);
  --modal-background: hsl(from var(--color-base-25) h s l / 90%);
  --setting-items-background: hsl(0 0% 100% / 0.035);
}
body.input-fluent.is-translucent {
  --modal-background: var(--background-secondary);
}
body.input-fluent button:active,
body.input-fluent select:focus,
body.input-fluent .combobox-button:focus,
body.input-fluent .dropdown:focus {
  color: var(--text-muted);
  background-color: var(--interactive-active);
  box-shadow: var(--input-shadow-active);
}
body.input-fluent:not(.is-mobile) .clickable-icon.is-active {
  color: var(--icon-color-focused);
  background-color: var(--background-primary);
}
body.input-fluent:not(.is-mobile) .clickable-icon:not([aria-disabled=true], .modal-header-button):hover,
body.input-fluent:not(.is-mobile) .clickable-icon.has-active-menu {
  background-color: var(--background-modifier-hover);
}
body.input-fluent input:is([type=text], [type=search], [type=email], [type=password], [type=number]):not(.prompt-input) {
  box-shadow: inset 0 var(--border-width-offset) 0 var(--color-base-50);
}
body.input-fluent input:is([type=text], [type=search], [type=email], [type=password], [type=number]):not(.prompt-input):hover {
  background-color: var(--interactive-hover);
}
body.input-fluent input:is([type=text], [type=search], [type=email], [type=password], [type=number]):not(.prompt-input):active, body.input-fluent input:is([type=text], [type=search], [type=email], [type=password], [type=number]):not(.prompt-input):focus, body.input-fluent input:is([type=text], [type=search], [type=email], [type=password], [type=number]):not(.prompt-input):focus-visible {
  border-color: var(--background-modifier-border-hover);
  background-color: var(--interactive-active);
  box-shadow: inset 0 -2px 0 var(--interactive-accent);
}
body.input-fluent input[type=range]::-webkit-slider-thumb {
  border: var(--slider-thumb-border-width) solid var(--slider-thumb-border-color);
}
body.input-fluent input[type=range]::-webkit-slider-thumb:hover,
body.input-fluent input[type=range]::-webkit-slider-thumb:active {
  --slider-thumb-border-width: 3px;
}
body.input-fluent .checkbox-container:where(:not(.is-disabled)):hover {
  --toggle-thumb-width: 14px;
  --toggle-thumb-height: 14px;
  --toggle-border-width: 3px;
  --toggle-s-border-width: var(--toggle-border-width);
  --toggle-s-thumb-height: var(--toggle-thumb-height);
  --toggle-s-thumb-width: var(--toggle-thumb-width);
}
body.input-fluent .checkbox-container:where(:not(.is-disabled)):active:after {
  width: calc(var(--toggle-thumb-width) + 4px) !important;
  height: var(--toggle-thumb-height) !important;
  margin-top: var(--toggle-border-width) !important;
}
body.input-fluent .checkbox-container:not(.is-enabled) {
  --toggle-thumb-color: var(--color-base-100);
  box-shadow: inset 0 0 0 var(--border-width) var(--color-base-70);
}
body.input-fluent .checkbox-container.is-enabled {
  --toggle-thumb-color: var(--text-on-accent);
}
body.input-fluent .checkbox-container.is-enabled:where(:not(.is-disabled)):active:after {
  left: -4px;
}
body.input-fluent .menu,
body.input-fluent .suggestion-container,
body.input-fluent .popover,
body.input-fluent .prompt,
body.input-fluent .modal,
body.input-fluent .cm-tooltip,
body.input-fluent .notice {
  background-color: var(--modal-background) !important;
  backdrop-filter: var(--blur-l);
}
body.input-fluent {
  --setting-items-padding-x: calc(16px * var(--density-modifier));
  --setting-items-padding-y: calc(16px * var(--density-modifier));
}
body.input-fluent .modal.mod-settings .vertical-tab-header-group-title,
body.input-fluent .modal.mod-settings .vertical-tab-nav-item {
  padding: calc(8px * var(--density-modifier)) 16px;
  position: relative;
  border-radius: var(--setting-items-radius);
}
body.input-fluent .modal.mod-settings .vertical-tab-nav-item.is-active {
  background-color: var(--background-modifier-hover);
  color: var(--text-normal);
}
body.input-fluent .modal.mod-settings .vertical-tab-nav-item.is-active::before {
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 0;
  border-radius: var(--button-radius);
  background-color: var(--interactive-accent);
  width: 4px;
  content: "";
  margin-left: unset;
  height: unset;
}
body.input-fluent .modal.mod-settings .setting-items {
  background-color: transparent;
  padding-block: 0;
}
body.input-fluent .modal.mod-settings .setting-item::before {
  content: none;
}
body.input-fluent .modal.mod-settings .setting-item:not(.setting-item-heading) {
  border: var(--border-width) solid hsla(0, 0%, 0%, 0.075);
  border-radius: var(--radius-m);
  background-color: var(--setting-items-background);
}
body.input-fluent .modal.mod-settings .setting-item:not(.setting-item-heading):not(:first-child) {
  margin-top: 4px;
}
body.input-fluent .notice {
  color: var(--text-muted);
}

@keyframes floatInFluent {
  from {
    transform: translateY(16px);
    opacity: 0;
  }
}
body.input-fluent:not(.is-mobile) .mod-sidedock .workspace-leaf {
  animation: floatInFluent var(--anim-duration-moderate);
}
body.input-fluent:not(.is-mobile):not(.nav-action-center, .nav-action-left) .mod-sidedock .workspace-leaf-content .nav-header:first-child .nav-buttons-container {
  padding: 0;
}
body.input-fluent:not(.is-mobile):not(.nav-action-center, .nav-action-left) .mod-sidedock .workspace-leaf-content .nav-header:first-child .nav-buttons-container .nav-action-button {
  flex: 1;
  padding: 12px;
}
body.input-fluent:not(.is-mobile):not(.nav-action-center, .nav-action-left) .mod-sidedock .workspace-leaf-content .nav-header:first-child .nav-buttons-container .nav-action-button.is-active {
  background-color: var(--interactive-normal);
  color: var(--icon-color);
  box-shadow: inset 0 0 0 var(--border-width) var(--background-modifier-hover);
}
body.input-fluent:not(.is-mobile):not(.nav-action-center, .nav-action-left) .mod-sidedock .workspace-leaf-content .nav-header:first-child .nav-buttons-container .nav-action-button.is-active::after {
  position: absolute;
  bottom: 0;
  border-radius: var(--button-radius);
  background-color: var(--interactive-accent);
  width: 24px;
  height: 3px;
  content: "";
}
body.input-fluent:not(.is-mobile) .modal-bg {
  background-color: black;
  opacity: 0.3 !important;
}
body.input-fluent:not(.is-mobile) .menu,
body.input-fluent:not(.is-mobile) .suggestion-container {
  border-radius: var(--radius-xl);
  border: var(--border-width) solid var(--background-modifier-border);
}
body.input-fluent:not(.is-mobile) .menu .menu-separator,
body.input-fluent:not(.is-mobile) .suggestion-container .menu-separator {
  margin: var(--menu-padding) calc(-1 * var(--menu-padding));
}
body.input-fluent:not(.is-mobile) .menu .menu-item,
body.input-fluent:not(.is-mobile) .menu .suggestion-item,
body.input-fluent:not(.is-mobile) .suggestion-container .menu-item,
body.input-fluent:not(.is-mobile) .suggestion-container .suggestion-item {
  border-radius: var(--radius-m);
  padding: 8px;
}
body.input-fluent:not(.is-mobile) .menu .menu-item-icon .svg-icon,
body.input-fluent:not(.is-mobile) .suggestion-container .menu-item-icon .svg-icon {
  --icon-size: var(--icon-s);
  --icon-stroke: var(--icon-s-stroke-width);
}
body.input-fluent:not(.is-mobile) .prompt .prompt-results {
  position: relative;
}
body.input-fluent:not(.is-mobile) .prompt .prompt-results .suggestion-item {
  position: relative;
}
body.input-fluent:not(.is-mobile) .prompt .prompt-results .suggestion-item.is-selected::after {
  position: absolute;
  left: 0;
  border-radius: var(--button-radius);
  background-color: var(--interactive-accent);
  width: 4px;
  height: 16px;
  content: "";
}
body.input-fluent:not(.is-mobile) .modal {
  animation: none;
}
body.input-fluent:not(.is-mobile) .modal-header-button {
  top: 0;
  inset-inline-end: 0 !important;
  padding-inline: 16px;
  border-radius: 0;
}
body.input-fluent:not(.is-mobile) .modal-header-button:empty::before {
  margin: 0;
  width: var(--icon-s);
  height: var(--icon-s);
  font-size: var(--icon-xs);
  font-weight: 100;
}
body.input-fluent:not(.is-mobile) .modal-header-button:hover {
  background-color: var(--color-red);
  color: white;
}
body.input-fluent:not(.is-mobile) .modal:not(.mod-sidebar-layout) {
  padding: 0;
  min-width: 480px;
}
body.input-fluent:not(.is-mobile) .modal:not(.mod-sidebar-layout) .modal-title {
  padding: 24px 24px 4px;
  font-size: var(--font-ui-large);
}
body.input-fluent:not(.is-mobile) .modal:not(.mod-sidebar-layout) .modal-content {
  padding: 4px 24px 16px;
}
body.input-fluent:not(.is-mobile) .modal:not(.mod-sidebar-layout) .modal-button-container {
  margin: 0;
  border-top: var(--divider-width) solid var(--background-modifier-border);
  background-color: hsla(0, 0%, 0%, 0.05);
  padding: 24px;
}
body.input-fluent:not(.is-mobile) .modal:not(.mod-sidebar-layout) .modal-button-container button {
  border-radius: var(--button-radius);
}
body.input-fluent:not(.is-mobile) .modal:not(.mod-sidebar-layout) .modal-content > .modal-button-container {
  margin: 0 -24px -16px;
}
body.input-fluent:not(.is-mobile) .modal.mod-sidebar-layout .vertical-tab-content {
  animation: floatInFluent var(--anim-duration-moderate);
}

body.input-fluent.is-phone .mobile-navbar, body.input-fluent.is-phone:not(.mode-switcher-off) .mod-root .workspace-leaf-content[data-type=markdown] .view-actions button:nth-last-child(2) {
  backdrop-filter: var(--blur-l);
  box-shadow: var(--shadow-s);
  border-radius: var(--radius-l);
  background-color: var(--modal-background) !important;
}
body.input-fluent.is-phone .modal.mod-settings .vertical-tab-header-group-items {
  background-color: transparent;
}
body.input-fluent.is-phone .modal.mod-settings .vertical-tab-nav-item-chevron,
body.input-fluent.is-phone .modal.mod-settings .vertical-tab-nav-item-title {
  border-bottom: none;
}
body.input-fluent.is-phone .modal.mod-settings .vertical-tab-content {
  background-color: var(--settings-background);
}

body.input-material {
  --input-font-weight: var(--font-medium);
  --input-border-width: 1px;
  --input-height: 40px;
  --radius-xs: calc(4px * var(--radius-modifier));
  --radius-s: calc(8px * var(--radius-modifier));
  --radius-m: calc(12px * var(--radius-modifier));
  --radius-l: calc(16px * var(--radius-modifier));
  --radius-xl: calc(28px * var(--radius-modifier));
  --input-radius: var(--radius-s);
  --button-radius: 100vh;
  --clickable-icon-radius: 100vh;
  --tab-radius: var(--radius-m);
  --toggle-border-width: 4px;
  --toggle-thumb-height: 24px;
  --toggle-thumb-width: 24px;
  --toggle-width: 52px;
  --slider-thumb-background: var(--interactive-accent);
  --slider-thumb-border-width: 0;
  --slider-thumb-height: 44px;
  --slider-thumb-width: 4px;
  --slider-thumb-y: -19px;
  --slider-thumb-shadow: 0 0 0 6px var(--setting-items-background);
  --slider-thumb-radius: 100vh;
  --slider-track-height: 16px;
  --tab-font-weight: var(--font-medium);
  --nav-item-weight: var(--font-medium);
  --nav-item-weight-hover: var(--font-medium);
  --nav-item-weight-active: var(--font-medium);
  --nav-item-radius: var(--radius-l);
  --interactive-normal: var(--background-modifier-hover);
  --interactive-hover: var(--background-modifier-border);
  --dropdown-background: var(--interactive-normal);
  --dropdown-background-hover: var(--interactive-hover);
  --background-modifier-form-field: var(--background-modifier-hover);
  --menu-radius: var(--radius-l);
  --input-shadow: none;
  --input-shadow-hover: none;
  --shadow-s: hsl(0 0% 0% / 0.2) 0px 3px 3px -2px, hsl(0 0% 0% / 0.14) 0px 3px 4px 0px, hsl(0 0% 0% / 0.12) 0px 1px 8px 0px !important;
  --shadow-l: hsl(0 0% 0% / 0.2) 0px 3px 5px -1px, hsl(0 0% 0% / 0.14) 0px 6px 10px 0px, hsl(0 0% 0% / 0.12) 0px 1px 18px 0px !important;
}
body.input-material button:not([aria-disabled=true]),
body.input-material .clickable-icon:not([aria-disabled=true]),
body.input-material .tappable,
body.input-material .is-clickable {
  cursor: pointer;
}
body.input-material textarea,
body.input-material input:is([type=text], [type=search], [type=email], [type=password], [type=number]):not(.prompt-input),
body.input-material select,
body.input-material .combobox-button,
body.input-material .dropdown {
  transition: var(--anim-duration-fast);
  box-shadow: inset 0 0 var(--interactive-accent);
  border-width: 0 0 var(--divider-width);
  border-style: solid;
  border-color: var(--background-modifier-border-focus);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
body.input-material textarea:focus,
body.input-material input:is([type=text], [type=search], [type=email], [type=password], [type=number]):not(.prompt-input):focus,
body.input-material select:focus,
body.input-material .combobox-button:focus,
body.input-material .dropdown:focus {
  box-shadow: inset 0 -2px var(--interactive-accent);
  border-color: transparent;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
body.input-material .checkbox-container:where(:not(.is-disabled)) {
  cursor: pointer;
}
body.input-material .checkbox-container:where(:not(.is-disabled)):hover:after {
  box-shadow: 0 0 0 calc(var(--toggle-border-width) + 4px) var(--background-modifier-hover);
}
body.input-material .checkbox-container:not(.is-enabled) {
  --toggle-thumb-color: var(--text-muted);
  box-shadow: inset 0 0 0 2px var(--text-muted);
}
body.input-material .checkbox-container:not(.is-enabled):not(:active) {
  --toggle-thumb-width: 16px;
  --toggle-thumb-height: 16px;
  --toggle-border-width: 8px;
  --toggle-s-border-width: var(--toggle-border-width);
  --toggle-s-thumb-height: var(--toggle-thumb-height);
  --toggle-s-thumb-width: var(--toggle-thumb-width);
}
body.input-material .checkbox-container:not(.is-enabled):where(:not(.is-disabled)):active {
  --toggle-thumb-width: 32px;
  --toggle-thumb-height: 32px;
  --toggle-border-width: 0px;
  --toggle-s-border-width: var(--toggle-border-width);
  --toggle-s-thumb-height: var(--toggle-thumb-height);
  --toggle-s-thumb-width: var(--toggle-thumb-width);
}
body.input-material .checkbox-container.is-enabled {
  --toggle-thumb-color: var(--text-on-accent);
}
body.input-material .checkbox-container.is-enabled:where(:not(.is-disabled)):active {
  --toggle-thumb-width: 28px;
  --toggle-thumb-height: 28px;
  --toggle-border-width: 2px;
  --toggle-s-border-width: var(--toggle-border-width);
  --toggle-s-thumb-height: var(--toggle-thumb-height);
  --toggle-s-thumb-width: var(--toggle-thumb-width);
}
body.input-material .checkbox-container.is-enabled:where(:not(.is-disabled)):active::after {
  width: var(--toggle-thumb-width) !important;
  height: var(--toggle-thumb-height) !important;
  margin-top: var(--toggle-border-width) !important;
  left: 0;
}
body.input-material input[type=range]:where(:not(:disabled))::-webkit-slider-thumb {
  cursor: pointer;
}
body.input-material input[type=range]:where(:not(:disabled))::-webkit-slider-thumb:active {
  width: 2px;
  box-shadow: 0 0 0 7px var(--setting-items-background);
}
body.input-material .menu .menu-item-icon .svg-icon,
body.input-material .suggestion-container .menu-item-icon .svg-icon {
  --icon-size: var(--icon-m);
  --icon-stroke: var(--icon-m-stroke-width);
}
body.input-material {
  --setting-items-radius: var(--radius-l);
}
body.input-material .modal.mod-settings .vertical-tab-header-group-title {
  display: none;
}
body.input-material .modal.mod-settings .vertical-tab-header-group-items {
  gap: 0;
}
body.input-material .modal.mod-settings .vertical-tab-nav-item {
  border-radius: var(--button-radius);
  padding: calc(12px * var(--density-modifier)) 16px;
  width: fit-content;
  font-weight: var(--font-medium);
  border-bottom: 0;
  cursor: pointer;
  align-items: center;
}
body.input-material .modal.mod-settings .vertical-tab-nav-item .vertical-tab-nav-item-icon {
  --icon-size: 20px;
  --setting-nav-icon-background: var(--color-base-50);
  padding: 10px;
  border-radius: var(--clickable-icon-radius);
  color: oklch(from var(--setting-nav-icon-background) calc(l * 0.5) c h);
  background-color: var(--setting-nav-icon-background);
  margin-top: -4px;
  margin-left: -8px;
  margin-bottom: -4px;
}
body.input-material .modal.mod-settings .setting-items {
  padding: 0;
  background-color: transparent;
}
body.input-material .modal.mod-settings .setting-item:not(.setting-item-heading) {
  border-top: none;
  background-color: var(--setting-items-background);
  margin-bottom: 2px;
}
body.input-material .modal.mod-settings .setting-item:not(.setting-item-heading)::before {
  border: none;
}
body.input-material .modal.mod-settings .setting-item-name {
  font-weight: var(--font-medium);
}
body.input-material .modal.mod-settings .setting-item-description {
  font-size: var(--font-ui-small);
}

body.input-material.is-mobile .modal.mod-settings .setting-group .setting-item:not(:last-child):not(.setting-item-heading) {
  margin-bottom: 2px;
}
body.input-material.is-mobile .modal.mod-settings .setting-item-control button:not(.clickable-icon) {
  width: fit-content;
  padding: 16px;
}

body.input-material:not(.is-phone) .menu,
body.input-material:not(.is-phone) .suggestion-container {
  transform-origin: top center;
}
body.input-material:not(.is-phone) .menu .menu-item,
body.input-material:not(.is-phone) .menu .suggestion-item,
body.input-material:not(.is-phone) .suggestion-container .menu-item,
body.input-material:not(.is-phone) .suggestion-container .suggestion-item {
  padding: calc(8px * var(--density-modifier)) 12px;
  font-weight: var(--font-medium);
  cursor: pointer;
  gap: 12px;
}
body.input-material:not(.is-phone) .prompt {
  border-radius: var(--radius-l);
}
body.input-material:not(.is-phone) .prompt .prompt-input-container {
  margin: 8px 8px 0;
}
body.input-material:not(.is-phone) .prompt .prompt-input {
  border: none;
  border-radius: 100vh;
  background-color: var(--background-modifier-form-field);
  font-size: var(--font-ui-large);
}
body.input-material:not(.is-phone) .prompt .prompt-results {
  padding: 8px;
}
body.input-material:not(.is-phone) .prompt .suggestion-item {
  border-radius: 100vh;
  padding: 12px;
}

body.input-material.is-phone .mobile-navbar, body.input-material.is-phone:not(.mode-switcher-off) .mod-root .workspace-leaf-content[data-type=markdown] .view-actions button:nth-last-child(2) {
  box-shadow: var(--shadow-s);
}
body.input-material.is-phone.is-floating-nav .mod-root .workspace-leaf-content[data-type=markdown] > .view-content::before, body.input-material.is-phone.is-floating-nav .mod-root .workspace-leaf-content[data-type=markdown] > .view-content::after {
  content: none;
}
body.input-material.is-phone .menu .menu-item:not(.is-label) {
  border-radius: var(--radius-xs);
}
body.input-material.is-phone .menu .menu-item.is-label + .menu-item:not(.is-label),
body.input-material.is-phone .menu .menu-item:first-child {
  border-top-left-radius: var(--setting-items-radius);
  border-top-right-radius: var(--setting-items-radius);
}
body.input-material.is-phone .menu .menu-item:last-child {
  border-bottom-left-radius: var(--setting-items-radius);
  border-bottom-right-radius: var(--setting-items-radius);
}
body.input-material.is-phone .menu .menu-item:not(:last-child) {
  margin-bottom: 2px;
}
body.input-material.is-phone .menu .menu-item::after {
  content: none;
}
body.input-material.is-phone .modal.mod-settings .vertical-tab-header-group-items {
  gap: 2px;
  background-color: transparent;
}
body.input-material.is-phone .modal.mod-settings .vertical-tab-nav-item {
  width: 100%;
  border-radius: var(--radius-xs);
  padding: calc(16px * var(--density-modifier)) 20px;
  height: auto;
  background-color: var(--setting-items-background);
}
body.input-material.is-phone .modal.mod-settings .vertical-tab-nav-item-title,
body.input-material.is-phone .modal.mod-settings .vertical-tab-nav-item-chevron {
  border-bottom: none;
}
body.input-material.is-phone .prompt .prompt-input {
  box-shadow: none;
  border: none;
  border-radius: 100vh;
}
body.input-material.is-phone .prompt .prompt-input-container {
  margin: auto var(--safe-area-inset-side) var(--safe-area-inset-side);
}
body.input-material.is-phone .prompt .suggestion-item {
  border-radius: 100vh;
}

body.input-adwaita {
  --shadow-s: 0 0 0 1px rgba(0, 0, 6, 3%), 0 1px 3px 1px rgba(0, 0, 6, 7%), 0 2px 6px 2px rgba(0, 0, 6, 3%);
  --shadow-l: 0 0 14px 5px hsl(0 0% 0% / 15%), 0 0 5px 2px hsl(0 0% 0% / 10%), 0 0 0 1px hsl(0 0% 0% / 5%);
  --input-border-width: 0;
  --input-shadow: none;
  --input-shadow-hover: none;
  --input-font-weight: calc(var(--font-weight) + var(--bold-modifier));
  --radius-s: calc(9px * var(--radius-modifier));
  --radius-m: calc(12px * var(--radius-modifier));
  --radius-l: calc(15px * var(--radius-modifier));
  --radius-xl: calc(18px * var(--radius-modifier));
  --button-radius: var(--radius-s);
}
body.input-adwaita button:where(:not(.clickable-icon, .ant-switch, .workspace-leaf-content:not([data-type=markdown]) button, .copy-code-button)) {
  padding: 5px 17px;
}
body.input-adwaita {
  --slider-thumb-border-width: 0;
  --slider-thumb-y: -8px;
  --slider-thumb-height: var(--toggle-thumb-height);
  --slider-thumb-width: var(--toggle-thumb-width);
  --slider-thumb-radius: var(--toggle-thumb-radius);
  --slider-thumb-shadow: 0 0 0 var(--border-width) var(--background-modifier-hover), 0 2px 4px hsl(from var(--text-normal) h s l / 20%);
  --slider-track-height: 4px;
  --toggle-border-width: 3px;
  --toggle-thumb-height: 20px;
  --toggle-thumb-width: 20px;
  --toggle-width: 46px;
  --toggle-s-border-width: var(--toggle-border-width);
  --toggle-s-thumb-height: var(--toggle-thumb-height);
  --toggle-s-thumb-width: var(--toggle-thumb-width);
  --toggle-s-width: var(--toggle-width);
}
body.input-adwaita .checkbox-container::after {
  box-shadow: var(--slider-thumb-shadow);
}
body.input-adwaita .checkbox-container:where(:not(.is-disabled)):active:after {
  width: var(--toggle-thumb-width) !important;
  height: var(--toggle-thumb-height) !important;
  margin-top: var(--toggle-border-width) !important;
  left: 0 !important;
}
body.input-adwaita .checkbox-container:not(.is-enabled):where(:not(.is-disabled)):hover {
  background-color: color-mix(in srgb, var(--background-modifier-border-hover), var(--text-normal) 5%);
}
body.input-adwaita .checkbox-container:not(.is-enabled):where(:not(.is-disabled)):active {
  background-color: color-mix(in srgb, var(--background-modifier-border-hover), var(--text-normal) 15%);
}
body.input-adwaita .checkbox-container.is-enabled:where(:not(.is-disabled)):hover {
  background-color: color-mix(in srgb, var(--interactive-accent), var(--text-normal) 5%);
}
body.input-adwaita .checkbox-container.is-enabled:where(:not(.is-disabled)):active {
  background-color: color-mix(in srgb, var(--interactive-accent), var(--text-normal) 15%);
}
body.input-adwaita {
  --dropdown-padding-end: 2.4rem;
}
body.input-adwaita select,
body.input-adwaita .dropdown {
  background-color: transparent;
  padding-inline-start: 0px;
  font-weight: var(--font-normal);
}
body.input-adwaita select:focus-visible,
body.input-adwaita .dropdown:focus-visible {
  box-shadow: none;
}
body.input-adwaita .dropdown {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m4 8 8 8 8-8'/%3e%3c/svg%3e");
}
body.input-adwaita.theme-dark .dropdown {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m4 8 8 8 8-8'/%3e%3c/svg%3e");
}
body.input-adwaita {
  --setting-group-heading-color: var(--text-normal);
  --setting-group-heading-size: var(--font-ui-medium);
  --setting-group-heading-weight: calc(var(--font-weight) + var(--bold-modifier));
  --setting-items-padding-x: 14px;
  --setting-items-padding-y: calc(12px * var(--density-modifier));
  --setting-items-shadow: 0 0 0 1px rgba(0, 0, 6, 3%), 0 1px 3px 1px rgba(0, 0, 6, 7%), 0 2px 6px 2px rgba(0, 0, 6, 3%);
}
body.input-adwaita.theme-light {
  --settings-background: var(--background-primary-alt);
  --setting-items-background: var(--background-primary);
}
body.input-adwaita.theme-dark {
  --setting-items-background: var(--background-secondary);
}
body.input-adwaita .modal.mod-settings .vertical-tab-header {
  background-color: var(--background-secondary);
  border-right: var(--divider-width) solid var(--divider-color);
}
body.input-adwaita .modal.mod-settings .vertical-tab-header-group {
  padding-block: 6px;
}
body.input-adwaita .modal.mod-settings .vertical-tab-header-group:first-child {
  padding-top: 0px;
}
body.input-adwaita .modal.mod-settings .vertical-tab-header-group:not(:last-child) {
  border-bottom: var(--divider-width) solid hsl(from var(--text-normal) h s l/15%);
}
body.input-adwaita .modal.mod-settings .vertical-tab-header-group-title {
  display: none;
}
body.input-adwaita .modal.mod-settings .vertical-tab-nav-item {
  padding: calc(12px * var(--density-modifier)) 14px;
}
body.input-adwaita .modal.mod-settings .vertical-tab-nav-item-icon {
  color: var(--text-normal);
  margin-inline-end: 12px;
}
body.input-adwaita .modal.mod-settings .setting-search-container,
body.input-adwaita .modal.mod-settings .vertical-tab-header-group-container {
  padding: 6px 6px 0;
}
body.input-adwaita .modal.mod-settings .setting-group .setting-item:not(.setting-item-heading)::before {
  left: 0;
  right: 0;
}
body.input-adwaita .modal.mod-settings .setting-group .setting-items,
body.input-adwaita .modal.mod-settings div:not(.setting-items, .hotkey-list-container, .style-settings-container) > .setting-item:not(.setting-item-heading) {
  box-shadow: var(--setting-items-shadow);
}
body.input-adwaita .modal.mod-settings .setting-item-heading {
  padding-left: 0;
}
body.input-adwaita .modal.mod-settings .setting-item-description {
  color: var(--text-faint);
}
body.input-adwaita .modal.mod-settings .setting-group-search + .setting-items {
  border-radius: var(--setting-items-radius);
}
body.input-adwaita .modal.mod-settings .setting-items .mobile-option-setting-item {
  padding-inline: 16px;
}
body.input-adwaita .modal.mod-community-modal .community-item {
  box-shadow: var(--setting-items-shadow);
  border: none;
}

body.input-adwaita:not(.is-mobile):not(.mod-macos) {
  --frame-right-space: 124px;
}
body.input-adwaita:not(.is-mobile):not(.mod-macos) .titlebar-button-container.mod-right {
  align-items: center;
  justify-content: space-evenly;
}
body.input-adwaita:not(.is-mobile):not(.mod-macos) .titlebar-button-container.mod-right .titlebar-button {
  width: fit-content;
  height: fit-content;
  background-color: hsl(from var(--text-normal) h s l/10%);
  border-radius: 100vh !important;
  padding: 4px;
  flex: 0;
}
body.input-adwaita:not(.is-mobile):not(.mod-macos) .titlebar-button-container.mod-right .titlebar-button svg {
  height: 16px;
}
body.input-adwaita:not(.is-mobile):not(.mod-macos) .titlebar-button-container.mod-right .titlebar-button:hover {
  background-color: hsl(from var(--text-normal) h s l/15%);
}
body.input-adwaita:not(.is-mobile):not(.mod-macos) .titlebar-button.mod-minimize svg {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%232E3436' d='M4 10.008h8v1.988H4v-1.988Z'/%3e%3c/svg%3e");
}
body.input-adwaita:not(.is-mobile):not(.mod-macos) .titlebar-button.mod-maximize svg {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%232E3436' d='M3.988 3.992v8.012H12V3.992H3.988Zm2 2H10v4.012H5.988V5.992Z'/%3e%3c/svg%3e");
}
body.input-adwaita:not(.is-mobile):not(.mod-macos) .titlebar-button.mod-close svg {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%232E3436' d='M4 4h1.031c.254.012.512.129.688.313L8 6.592l2.313-2.28c.265-.231.445-.305.687-.313h1v1c0 .285-.035.55-.25.75L9.469 8.031l2.25 2.25c.187.188.281.453.281.719v1h-1c-.266 0-.531-.094-.719-.281L8 9.438l-2.281 2.28A1.016 1.016 0 0 1 5 12H4v-1c0-.266.094-.531.281-.719l2.282-2.25L4.28 5.75A.904.904 0 0 1 4 5V4Z'/%3e%3c/svg%3e");
}
body.input-adwaita:not(.is-mobile):not(.mod-macos).is-maximized .titlebar-button.mod-maximize svg {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%232E3434' d='M4.988 4.992v6.012H11V4.992H4.988Zm2 2H9v2.012H6.988V6.992Z'/%3e%3c/svg%3e");
}
body.input-adwaita:not(.is-mobile) {
  --menu-padding: 6px;
}
body.input-adwaita:not(.is-mobile) .menu .menu-item,
body.input-adwaita:not(.is-mobile) .menu .suggestion-item,
body.input-adwaita:not(.is-mobile) .suggestion-container .menu-item,
body.input-adwaita:not(.is-mobile) .suggestion-container .suggestion-item {
  padding: calc(8px * var(--density-modifier)) 12px;
}
body.input-adwaita:not(.is-mobile) .menu .menu-separator,
body.input-adwaita:not(.is-mobile) .suggestion-container .menu-separator {
  border-bottom-color: hsl(from var(--text-normal) h s l/15%);
}
body.input-adwaita:not(.is-mobile) .prompt {
  border-radius: var(--radius-xl);
}
body.input-adwaita:not(.is-mobile) .modal .modal-header-button {
  padding: 4px;
  background-color: hsl(from var(--text-normal) h s l/10%);
}
body.input-adwaita:not(.is-mobile) .modal .modal-header-button path,
body.input-adwaita:not(.is-mobile) .modal .modal-header-button rect,
body.input-adwaita:not(.is-mobile) .modal .modal-header-button circle {
  visibility: hidden;
}
body.input-adwaita:not(.is-mobile) .modal .modal-header-button svg {
  background-color: currentcolor;
  margin: 0;
  mask-size: 100% 100%;
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%232E3436' d='M4 4h1.031c.254.012.512.129.688.313L8 6.592l2.313-2.28c.265-.231.445-.305.687-.313h1v1c0 .285-.035.55-.25.75L9.469 8.031l2.25 2.25c.187.188.281.453.281.719v1h-1c-.266 0-.531-.094-.719-.281L8 9.438l-2.281 2.28A1.016 1.016 0 0 1 5 12H4v-1c0-.266.094-.531.281-.719l2.282-2.25L4.28 5.75A.904.904 0 0 1 4 5V4Z'/%3e%3c/svg%3e");
}
body.input-adwaita:not(.is-mobile) .modal .modal-header-button:hover {
  background-color: hsl(from var(--text-normal) h s l/15%);
}

body.input-adwaita:not(.is-phone) .prompt .prompt-input {
  box-shadow: none;
  border: none;
  font-size: var(--font-ui-large);
  font-weight: calc(var(--font-weight) + var(--bold-modifier));
}

body.input-adwaita.is-mobile {
  --dropdown-padding-start: 0;
}

body.input-adwaita.is-phone {
  --mobile-sidebar-background: var(--modal-background);
}
body.input-adwaita.is-phone .mod-root .workspace-leaf-content[data-type=markdown] > .view-content::before,
body.input-adwaita.is-phone .mod-root .workspace-leaf-content[data-type=markdown] > .view-content::after {
  content: none;
}
body.input-adwaita.is-phone .menu,
body.input-adwaita.is-phone .suggestion-container {
  --interactive-normal: transparent;
  background-color: var(--menu-background);
}
body.input-adwaita.is-phone .menu .menu-group .menu-item:not(.is-label):after,
body.input-adwaita.is-phone .suggestion-container .menu-group .menu-item:not(.is-label):after {
  content: none;
}
body.input-adwaita.is-phone .menu .menu-item,
body.input-adwaita.is-phone .suggestion-container .menu-item {
  padding: calc(12px * var(--density-modifier)) 14px;
}
body.input-adwaita.is-phone .menu .menu-separator,
body.input-adwaita.is-phone .suggestion-container .menu-separator {
  margin: calc(12px * var(--density-modifier)) 0;
  border-bottom: var(--divider-width) solid var(--background-modifier-border);
}
body.input-adwaita.is-phone {
  --prompt-background: var(--modal-background);
}
body.input-adwaita.is-phone .modal.mod-settings .vertical-tab-header {
  background-color: var(--settings-background);
  padding-inline: 16px;
}
body.input-adwaita.is-phone .modal.mod-settings .vertical-tab-header-group {
  padding-inline: 0;
}
body.input-adwaita.is-phone .modal.mod-settings .vertical-tab-header-group-items {
  background-color: transparent;
}
body.input-adwaita.is-phone .modal.mod-settings .vertical-tab-nav-item {
  border-radius: var(--radius-s);
}
body.input-adwaita.is-phone .modal.mod-settings .vertical-tab-nav-item-title,
body.input-adwaita.is-phone .modal.mod-settings .vertical-tab-nav-item-chevron {
  border-bottom: none;
}
body.input-adwaita.is-phone .modal.mod-settings .setting-item {
  gap: calc(12px * var(--density-modifier));
}
body.input-adwaita.is-phone .modal.mod-settings .setting-item-heading {
  padding-left: 8px;
}
body.input-adwaita.is-phone .modal.mod-settings .setting-item:not(.setting-item-heading) {
  padding: calc(16px * var(--density-modifier)) 16px;
}


input[type=checkbox]:checked {
  border: none;
}

input[type=checkbox]:checked::after,
.checklist-plugin-main .checked:after {
  top: 0;
  inset-inline-start: 0;
  mask-position: 50% 50%;
  mask-size: 100% 100%;
}

input[type=checkbox][data-indeterminate=true]:not(:checked) {
  --checkbox-color: var(--checkbox-border-color) !important;
  background-color: var(--checkbox-color);
}
input[type=checkbox][data-indeterminate=true]:not(:checked):after {
  top: 0;
  inset-inline-start: 0;
  mask-position: 50% 50%;
  mask-size: 100% 100%;
  background-color: var(--checkbox-marker-color);
  width: var(--checkbox-size);
  height: var(--checkbox-size);
}

li[data-task][data-task=">"],
li[data-task][data-task=">"] input[type=checkbox]:checked, li[data-task][data-task="<"],
li[data-task][data-task="<"] input[type=checkbox]:checked, li[data-task][data-task="*"],
li[data-task][data-task="*"] input[type=checkbox]:checked, li[data-task][data-task='"'],
li[data-task][data-task='"'] input[type=checkbox]:checked, li[data-task][data-task=“],
li[data-task][data-task=“] input[type=checkbox]:checked, li[data-task][data-task=l],
li[data-task][data-task=l] input[type=checkbox]:checked, li[data-task][data-task=b],
li[data-task][data-task=b] input[type=checkbox]:checked, li[data-task][data-task=S],
li[data-task][data-task=S] input[type=checkbox]:checked, li[data-task][data-task=I],
li[data-task][data-task=I] input[type=checkbox]:checked, li[data-task][data-task=p],
li[data-task][data-task=p] input[type=checkbox]:checked, li[data-task][data-task=c],
li[data-task][data-task=c] input[type=checkbox]:checked, li[data-task][data-task=f],
li[data-task][data-task=f] input[type=checkbox]:checked, li[data-task][data-task=k],
li[data-task][data-task=k] input[type=checkbox]:checked, li[data-task][data-task=w],
li[data-task][data-task=w] input[type=checkbox]:checked, li[data-task][data-task=u],
li[data-task][data-task=u] input[type=checkbox]:checked, li[data-task][data-task=d],
li[data-task][data-task=d] input[type=checkbox]:checked, li[data-task][data-task=B],
li[data-task][data-task=B] input[type=checkbox]:checked, li[data-task][data-task=a],
li[data-task][data-task=a] input[type=checkbox]:checked, li[data-task][data-task=n],
li[data-task][data-task=n] input[type=checkbox]:checked, li[data-task][data-task=R],
li[data-task][data-task=R] input[type=checkbox]:checked, li[data-task][data-task=t],
li[data-task][data-task=t] input[type=checkbox]:checked, li[data-task][data-task=P],
li[data-task][data-task=P] input[type=checkbox]:checked, li[data-task][data-task=L],
li[data-task][data-task=L] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task=">"],
input[type=checkbox][data-task]:checked[data-task=">"] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task="<"],
input[type=checkbox][data-task]:checked[data-task="<"] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task="*"],
input[type=checkbox][data-task]:checked[data-task="*"] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task='"'],
input[type=checkbox][data-task]:checked[data-task='"'] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task=“],
input[type=checkbox][data-task]:checked[data-task=“] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task=l],
input[type=checkbox][data-task]:checked[data-task=l] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task=b],
input[type=checkbox][data-task]:checked[data-task=b] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task=S],
input[type=checkbox][data-task]:checked[data-task=S] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task=I],
input[type=checkbox][data-task]:checked[data-task=I] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task=p],
input[type=checkbox][data-task]:checked[data-task=p] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task=c],
input[type=checkbox][data-task]:checked[data-task=c] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task=f],
input[type=checkbox][data-task]:checked[data-task=f] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task=k],
input[type=checkbox][data-task]:checked[data-task=k] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task=w],
input[type=checkbox][data-task]:checked[data-task=w] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task=u],
input[type=checkbox][data-task]:checked[data-task=u] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task=d],
input[type=checkbox][data-task]:checked[data-task=d] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task=B],
input[type=checkbox][data-task]:checked[data-task=B] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task=a],
input[type=checkbox][data-task]:checked[data-task=a] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task=n],
input[type=checkbox][data-task]:checked[data-task=n] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task=R],
input[type=checkbox][data-task]:checked[data-task=R] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task=t],
input[type=checkbox][data-task]:checked[data-task=t] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task=P],
input[type=checkbox][data-task]:checked[data-task=P] input[type=checkbox]:checked,
input[type=checkbox][data-task]:checked[data-task=L],
input[type=checkbox][data-task]:checked[data-task=L] input[type=checkbox]:checked {
  --checkbox-color: transparent;
}
li[data-task][data-task=">"]:hover,
li[data-task][data-task=">"] input[type=checkbox]:checked:hover, li[data-task][data-task="<"]:hover,
li[data-task][data-task="<"] input[type=checkbox]:checked:hover, li[data-task][data-task="*"]:hover,
li[data-task][data-task="*"] input[type=checkbox]:checked:hover, li[data-task][data-task='"']:hover,
li[data-task][data-task='"'] input[type=checkbox]:checked:hover, li[data-task][data-task=“]:hover,
li[data-task][data-task=“] input[type=checkbox]:checked:hover, li[data-task][data-task=l]:hover,
li[data-task][data-task=l] input[type=checkbox]:checked:hover, li[data-task][data-task=b]:hover,
li[data-task][data-task=b] input[type=checkbox]:checked:hover, li[data-task][data-task=S]:hover,
li[data-task][data-task=S] input[type=checkbox]:checked:hover, li[data-task][data-task=I]:hover,
li[data-task][data-task=I] input[type=checkbox]:checked:hover, li[data-task][data-task=p]:hover,
li[data-task][data-task=p] input[type=checkbox]:checked:hover, li[data-task][data-task=c]:hover,
li[data-task][data-task=c] input[type=checkbox]:checked:hover, li[data-task][data-task=f]:hover,
li[data-task][data-task=f] input[type=checkbox]:checked:hover, li[data-task][data-task=k]:hover,
li[data-task][data-task=k] input[type=checkbox]:checked:hover, li[data-task][data-task=w]:hover,
li[data-task][data-task=w] input[type=checkbox]:checked:hover, li[data-task][data-task=u]:hover,
li[data-task][data-task=u] input[type=checkbox]:checked:hover, li[data-task][data-task=d]:hover,
li[data-task][data-task=d] input[type=checkbox]:checked:hover, li[data-task][data-task=B]:hover,
li[data-task][data-task=B] input[type=checkbox]:checked:hover, li[data-task][data-task=a]:hover,
li[data-task][data-task=a] input[type=checkbox]:checked:hover, li[data-task][data-task=n]:hover,
li[data-task][data-task=n] input[type=checkbox]:checked:hover, li[data-task][data-task=R]:hover,
li[data-task][data-task=R] input[type=checkbox]:checked:hover, li[data-task][data-task=t]:hover,
li[data-task][data-task=t] input[type=checkbox]:checked:hover, li[data-task][data-task=P]:hover,
li[data-task][data-task=P] input[type=checkbox]:checked:hover, li[data-task][data-task=L]:hover,
li[data-task][data-task=L] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task=">"]:hover,
input[type=checkbox][data-task]:checked[data-task=">"] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task="<"]:hover,
input[type=checkbox][data-task]:checked[data-task="<"] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task="*"]:hover,
input[type=checkbox][data-task]:checked[data-task="*"] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task='"']:hover,
input[type=checkbox][data-task]:checked[data-task='"'] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task=“]:hover,
input[type=checkbox][data-task]:checked[data-task=“] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task=l]:hover,
input[type=checkbox][data-task]:checked[data-task=l] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task=b]:hover,
input[type=checkbox][data-task]:checked[data-task=b] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task=S]:hover,
input[type=checkbox][data-task]:checked[data-task=S] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task=I]:hover,
input[type=checkbox][data-task]:checked[data-task=I] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task=p]:hover,
input[type=checkbox][data-task]:checked[data-task=p] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task=c]:hover,
input[type=checkbox][data-task]:checked[data-task=c] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task=f]:hover,
input[type=checkbox][data-task]:checked[data-task=f] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task=k]:hover,
input[type=checkbox][data-task]:checked[data-task=k] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task=w]:hover,
input[type=checkbox][data-task]:checked[data-task=w] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task=u]:hover,
input[type=checkbox][data-task]:checked[data-task=u] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task=d]:hover,
input[type=checkbox][data-task]:checked[data-task=d] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task=B]:hover,
input[type=checkbox][data-task]:checked[data-task=B] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task=a]:hover,
input[type=checkbox][data-task]:checked[data-task=a] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task=n]:hover,
input[type=checkbox][data-task]:checked[data-task=n] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task=R]:hover,
input[type=checkbox][data-task]:checked[data-task=R] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task=t]:hover,
input[type=checkbox][data-task]:checked[data-task=t] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task=P]:hover,
input[type=checkbox][data-task]:checked[data-task=P] input[type=checkbox]:checked:hover,
input[type=checkbox][data-task]:checked[data-task=L]:hover,
input[type=checkbox][data-task]:checked[data-task=L] input[type=checkbox]:checked:hover {
  background-color: transparent;
}
li[data-task][data-task=">"]:hover::after,
li[data-task][data-task=">"] input[type=checkbox]:checked:hover::after, li[data-task][data-task="<"]:hover::after,
li[data-task][data-task="<"] input[type=checkbox]:checked:hover::after, li[data-task][data-task="*"]:hover::after,
li[data-task][data-task="*"] input[type=checkbox]:checked:hover::after, li[data-task][data-task='"']:hover::after,
li[data-task][data-task='"'] input[type=checkbox]:checked:hover::after, li[data-task][data-task=“]:hover::after,
li[data-task][data-task=“] input[type=checkbox]:checked:hover::after, li[data-task][data-task=l]:hover::after,
li[data-task][data-task=l] input[type=checkbox]:checked:hover::after, li[data-task][data-task=b]:hover::after,
li[data-task][data-task=b] input[type=checkbox]:checked:hover::after, li[data-task][data-task=S]:hover::after,
li[data-task][data-task=S] input[type=checkbox]:checked:hover::after, li[data-task][data-task=I]:hover::after,
li[data-task][data-task=I] input[type=checkbox]:checked:hover::after, li[data-task][data-task=p]:hover::after,
li[data-task][data-task=p] input[type=checkbox]:checked:hover::after, li[data-task][data-task=c]:hover::after,
li[data-task][data-task=c] input[type=checkbox]:checked:hover::after, li[data-task][data-task=f]:hover::after,
li[data-task][data-task=f] input[type=checkbox]:checked:hover::after, li[data-task][data-task=k]:hover::after,
li[data-task][data-task=k] input[type=checkbox]:checked:hover::after, li[data-task][data-task=w]:hover::after,
li[data-task][data-task=w] input[type=checkbox]:checked:hover::after, li[data-task][data-task=u]:hover::after,
li[data-task][data-task=u] input[type=checkbox]:checked:hover::after, li[data-task][data-task=d]:hover::after,
li[data-task][data-task=d] input[type=checkbox]:checked:hover::after, li[data-task][data-task=B]:hover::after,
li[data-task][data-task=B] input[type=checkbox]:checked:hover::after, li[data-task][data-task=a]:hover::after,
li[data-task][data-task=a] input[type=checkbox]:checked:hover::after, li[data-task][data-task=n]:hover::after,
li[data-task][data-task=n] input[type=checkbox]:checked:hover::after, li[data-task][data-task=R]:hover::after,
li[data-task][data-task=R] input[type=checkbox]:checked:hover::after, li[data-task][data-task=t]:hover::after,
li[data-task][data-task=t] input[type=checkbox]:checked:hover::after, li[data-task][data-task=P]:hover::after,
li[data-task][data-task=P] input[type=checkbox]:checked:hover::after, li[data-task][data-task=L]:hover::after,
li[data-task][data-task=L] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task=">"]:hover::after,
input[type=checkbox][data-task]:checked[data-task=">"] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task="<"]:hover::after,
input[type=checkbox][data-task]:checked[data-task="<"] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task="*"]:hover::after,
input[type=checkbox][data-task]:checked[data-task="*"] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task='"']:hover::after,
input[type=checkbox][data-task]:checked[data-task='"'] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task=“]:hover::after,
input[type=checkbox][data-task]:checked[data-task=“] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task=l]:hover::after,
input[type=checkbox][data-task]:checked[data-task=l] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task=b]:hover::after,
input[type=checkbox][data-task]:checked[data-task=b] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task=S]:hover::after,
input[type=checkbox][data-task]:checked[data-task=S] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task=I]:hover::after,
input[type=checkbox][data-task]:checked[data-task=I] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task=p]:hover::after,
input[type=checkbox][data-task]:checked[data-task=p] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task=c]:hover::after,
input[type=checkbox][data-task]:checked[data-task=c] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task=f]:hover::after,
input[type=checkbox][data-task]:checked[data-task=f] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task=k]:hover::after,
input[type=checkbox][data-task]:checked[data-task=k] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task=w]:hover::after,
input[type=checkbox][data-task]:checked[data-task=w] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task=u]:hover::after,
input[type=checkbox][data-task]:checked[data-task=u] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task=d]:hover::after,
input[type=checkbox][data-task]:checked[data-task=d] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task=B]:hover::after,
input[type=checkbox][data-task]:checked[data-task=B] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task=a]:hover::after,
input[type=checkbox][data-task]:checked[data-task=a] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task=n]:hover::after,
input[type=checkbox][data-task]:checked[data-task=n] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task=R]:hover::after,
input[type=checkbox][data-task]:checked[data-task=R] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task=t]:hover::after,
input[type=checkbox][data-task]:checked[data-task=t] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task=P]:hover::after,
input[type=checkbox][data-task]:checked[data-task=P] input[type=checkbox]:checked:hover::after,
input[type=checkbox][data-task]:checked[data-task=L]:hover::after,
input[type=checkbox][data-task]:checked[data-task=L] input[type=checkbox]:checked:hover::after {
  background-color: var(--checkbox-color-hover);
}

input[data-task="/"]:checked,
li[data-task="/"] > input:checked,
li[data-task="/"] > p > input:checked {
  border: var(--border-width) solid var(--interactive-accent);
  background: linear-gradient(to right, var(--interactive-accent) 50%, transparent 50%);
}
input[data-task="/"]:checked::after,
li[data-task="/"] > input:checked::after,
li[data-task="/"] > p > input:checked::after {
  display: none;
}

.task-list-item:not([data-task]) input[type=checkbox],
.checked:after,
div:checked::after,
input[type=checkbox]:checked::after,
.tasks-modal-checkbox:checked::after {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath fill='black' d='m12.998 6.084-4.17 6.7-1.982-2.56c-.244-.322-.46-.41-.742-.41a.788.788 0 0 0-.782.801c0 .225.088.44.235.635l2.45 3.008c.255.342.528.478.86.478.332 0 .615-.156.82-.478l4.59-7.227c.118-.205.245-.43.245-.644 0-.46-.4-.752-.83-.752-.255 0-.508.156-.694.449Z'/%3e%3c/svg%3e");
}

input[data-task="-"]:checked,
li[data-task="-"] > input:checked,
li[data-task="-"] > p > input:checked {
  --checkbox-color: var(--checkbox-border-color);
}
input[data-task="-"]:checked:after,
li[data-task="-"] > input:checked:after,
li[data-task="-"] > p > input:checked:after {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath fill='black' d='M6.025 9.121c-.595 0-.966.313-.966.86 0 .537.39.84.966.84h7.891c.566 0 .947-.303.947-.84 0-.547-.361-.86-.947-.86h-7.89Z'/%3e%3c/svg%3e");
}

input[data-task="-"],
li[data-task="-"],
.HyperMD-list-line[data-task="-"] {
  -webkit-text-decoration: var(--checklist-done-decoration);
          text-decoration: var(--checklist-done-decoration);
  color: var(--text-faint);
}

input[data-task=">"]:checked::after,
li[data-task=">"] > input:checked::after,
li[data-task=">"] > p > input:checked::after {
  background-color: var(--color-cyan);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' fill='none' viewBox='0 0 22 18'%3e%3cpath fill='black' d='M11.533 0c.479 0 .801.205 1.319.693L20.557 7.9c.38.362.498.723.498 1.055 0 .322-.127.693-.498 1.045l-7.705 7.275c-.47.44-.86.635-1.338.635-.664 0-1.153-.488-1.153-1.142v-3.73h-.283c-3.78 0-6.172.956-7.871 4.15-.342.625-.791.722-1.201.722C.479 17.91 0 17.441 0 16.602c0-7.217 3.057-11.72 10.078-11.72h.283v-3.69C10.361.536 10.85 0 11.533 0Z'/%3e%3c/svg%3e");
}

input[data-task="<"]:checked::after,
li[data-task="<"] > input:checked::after,
li[data-task="<"] > p > input:checked::after {
  background-color: var(--color-blue);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' fill='none' viewBox='0 0 20 18'%3e%3cpath fill='black' d='M3.066 17.979h13.34c2.041 0 3.057-1.016 3.057-3.028V3.027C19.463 1.016 18.447 0 16.406 0H3.066C1.026 0 0 1.006 0 3.027v11.924c0 2.022 1.025 3.027 3.066 3.027Zm-.146-1.573c-.87 0-1.348-.459-1.348-1.367V5.83c0-.898.479-1.367 1.348-1.367h13.613c.87 0 1.358.469 1.358 1.367v9.21c0 .907-.489 1.366-1.358 1.366H2.92ZM7.832 7.97h.576c.342 0 .45-.098.45-.44v-.576c0-.342-.108-.45-.45-.45h-.576c-.342 0-.459.108-.459.45v.576c0 .342.117.44.459.44Zm3.242 0h.576c.342 0 .46-.098.46-.44v-.576c0-.342-.118-.45-.46-.45h-.576c-.342 0-.459.108-.459.45v.576c0 .342.117.44.46.44Zm3.242 0h.577c.341 0 .459-.098.459-.44v-.576c0-.342-.118-.45-.46-.45h-.576c-.341 0-.449.108-.449.45v.576c0 .342.108.44.45.44ZM4.59 11.162h.566c.352 0 .46-.098.46-.44v-.575c0-.342-.108-.44-.46-.44H4.59c-.352 0-.46.098-.46.44v.576c0 .341.108.44.46.44Zm3.242 0h.576c.342 0 .45-.098.45-.44v-.575c0-.342-.108-.44-.45-.44h-.576c-.342 0-.459.098-.459.44v.576c0 .341.117.44.459.44Zm3.242 0h.576c.342 0 .46-.098.46-.44v-.575c0-.342-.118-.44-.46-.44h-.576c-.342 0-.459.098-.459.44v.576c0 .341.117.44.46.44Zm3.242 0h.577c.341 0 .459-.098.459-.44v-.575c0-.342-.118-.44-.46-.44h-.576c-.341 0-.449.098-.449.44v.576c0 .341.108.44.45.44ZM4.59 14.365h.566c.352 0 .46-.107.46-.449v-.576c0-.342-.108-.44-.46-.44H4.59c-.352 0-.46.098-.46.44v.576c0 .342.108.45.46.45Zm3.242 0h.576c.342 0 .45-.107.45-.449v-.576c0-.342-.108-.44-.45-.44h-.576c-.342 0-.459.098-.459.44v.576c0 .342.117.45.459.45Zm3.242 0h.576c.342 0 .46-.107.46-.449v-.576c0-.342-.118-.44-.46-.44h-.576c-.342 0-.459.098-.459.44v.576c0 .342.117.45.46.45Z'/%3e%3c/svg%3e");
}

input[data-task="?"]:checked,
li[data-task="?"] > input:checked,
li[data-task="?"] > p > input:checked,
input[type=checkbox][data-indeterminate=true]:not(:checked) {
  --checkbox-color: var(--color-pink);
  border: none;
}
input[data-task="?"]:checked:hover,
li[data-task="?"] > input:checked:hover,
li[data-task="?"] > p > input:checked:hover,
input[type=checkbox][data-indeterminate=true]:not(:checked):hover {
  background-color: var(--checkbox-color-hover);
}
input[data-task="?"]:checked:after,
li[data-task="?"] > input:checked:after,
li[data-task="?"] > p > input:checked:after,
input[type=checkbox][data-indeterminate=true]:not(:checked):after {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath fill='black' d='M8.643 14.004c0 .576.507 1.045 1.093 1.045s1.094-.46 1.094-1.045c0-.586-.498-1.055-1.094-1.055-.595 0-1.093.479-1.093 1.055ZM6.924 6.553a1.665 1.665 0 0 0-.088.498c0 .449.361.693.693.693.342 0 .567-.166.752-.4l.176-.244c.361-.586.879-.918 1.553-.918.908 0 1.504.517 1.504 1.279 0 .684-.42 1.016-1.3 1.63-.722.509-1.269 1.036-1.269 2.032v.127c0 .527.293.8.81.8.509 0 .821-.322.821-.722v-.117c0-.566.322-.928 1.026-1.387.976-.644 1.68-1.23 1.68-2.441 0-1.68-1.495-2.569-3.214-2.569-1.738 0-2.87.811-3.144 1.739Z'/%3e%3c/svg%3e");
}

input[data-task="!"]:checked,
li[data-task="!"] > input:checked,
li[data-task="!"] > p > input:checked {
  --checkbox-color: var(--color-orange);
}
input[data-task="!"]:checked:after,
li[data-task="!"] > input:checked:after,
li[data-task="!"] > p > input:checked:after {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath fill='black' d='M8.867 14.004c0 .576.508 1.045 1.094 1.045.586 0 1.094-.46 1.094-1.045 0-.586-.498-1.055-1.094-1.055-.596 0-1.094.479-1.094 1.055Zm.166-8.35.127 5.323c.01.517.293.8.8.8.49 0 .772-.273.782-.8l.137-5.313c.01-.518-.39-.898-.928-.898-.547 0-.928.37-.918.888Z'/%3e%3c/svg%3e");
}

input[data-task="*"]:checked::after,
li[data-task="*"] > input:checked::after,
li[data-task="*"] > p > input:checked::after {
  background-color: var(--color-yellow);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='21' fill='none' viewBox='0 0 22 21'%3e%3cpath fill='black' d='M4.161 20.547c.4.312.908.205 1.514-.235l5.166-3.798 5.176 3.799c.605.439 1.103.546 1.513.234.4-.303.488-.8.244-1.514l-2.04-6.074 5.214-3.75c.606-.43.85-.879.694-1.367-.157-.469-.616-.694-1.368-.694h-6.396l-1.944-6.064C11.7.361 11.35 0 10.841 0c-.498 0-.85.361-1.084 1.084L7.813 7.148H1.417c-.752 0-1.211.225-1.367.694-.166.488.088.937.693 1.367l5.215 3.75-2.041 6.074c-.244.713-.156 1.211.244 1.514Z'/%3e%3c/svg%3e");
}

input[data-task='"']:checked::after,
li[data-task='"'] > input:checked::after,
li[data-task='"'] > p > input:checked::after,
input[data-task=“]:checked::after,
li[data-task=“] > input:checked::after,
li[data-task=“] > p > input:checked::after {
  background-color: var(--color-purple);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='21' fill='none' viewBox='0 0 22 21'%3e%3cpath fill='black' d='M21.523 4.473v7.48c0 2.861-1.562 4.463-4.472 4.463h-6.602l-3.525 3.223c-.46.43-.742.625-1.123.625-.557 0-.87-.4-.87-1.006v-2.842h-.458C1.563 16.416 0 14.824 0 11.953v-7.48C0 1.602 1.563 0 4.473 0H17.05c2.91 0 4.472 1.611 4.472 4.473ZM5.898 7.148c0 1.143.713 2.032 1.856 2.032.42 0 .84-.069 1.103-.4h.079a2.863 2.863 0 0 1-1.797 1.542c-.381.098-.489.254-.489.498 0 .254.215.47.498.47 1.016 0 3.057-1.212 3.057-3.77 0-1.368-.879-2.413-2.187-2.413-1.211 0-2.12.84-2.12 2.041Zm5.44 0c0 1.143.713 2.032 1.846 2.032.43 0 .85-.069 1.113-.4h.078a2.855 2.855 0 0 1-1.807 1.542c-.361.098-.478.254-.478.498 0 .254.215.47.498.47 1.016 0 3.057-1.212 3.057-3.77 0-1.368-.89-2.413-2.198-2.413-1.21 0-2.11.84-2.11 2.041Z'/%3e%3c/svg%3e");
}

input[data-task=l]:checked::after,
li[data-task=l] > input:checked::after,
li[data-task=l] > p > input:checked::after {
  background-color: var(--color-red);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='21' fill='none' viewBox='0 0 8 21'%3e%3cpath fill='black' d='M7.334 3.682A3.65 3.65 0 0 1 4.57 7.236V16.3c0 2.89-.508 4.453-.908 4.453-.39 0-.908-1.572-.908-4.453V7.236A3.65 3.65 0 0 1 0 3.682C0 1.66 1.63 0 3.662 0a3.676 3.676 0 0 1 3.672 3.682ZM1.357 2.617c0 .684.586 1.27 1.26 1.27.684 0 1.25-.586 1.25-1.27 0-.674-.566-1.25-1.25-1.25-.674 0-1.26.576-1.26 1.25Z'/%3e%3c/svg%3e");
}

input[data-task=b]:checked::after,
li[data-task=b] > input:checked::after,
li[data-task=b] > p > input:checked::after {
  background-color: var(--color-orange);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='21' fill='none' viewBox='0 0 14 21'%3e%3cpath fill='black' d='M1.035 20.947c.479 0 .762-.273 1.64-1.123l3.82-3.76c.048-.048.136-.048.175 0l3.818 3.76c.88.85 1.162 1.123 1.64 1.123.655 0 1.036-.43 1.036-1.191V2.803C13.164.947 12.236 0 10.4 0H2.764C.928 0 0 .947 0 2.803v16.953c0 .762.38 1.191 1.035 1.191Z'/%3e%3c/svg%3e");
}

input[data-task=i]:checked,
li[data-task=i] > input:checked,
li[data-task=i] > p > input:checked {
  --checkbox-color: var(--color-blue);
}
input[data-task=i]:checked:after,
li[data-task=i] > input:checked:after,
li[data-task=i] > p > input:checked:after {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath fill='black' d='M8.37 8.154a.721.721 0 0 0-.733.713c0 .42.322.723.732.723h1.074v4.59h-1.24a.724.724 0 0 0-.742.713c0 .42.322.722.742.722h4.092c.42 0 .742-.303.742-.722a.724.724 0 0 0-.742-.713h-1.24V9.072c0-.547-.274-.918-.791-.918H8.369Zm.185-2.988c0 .742.586 1.328 1.318 1.328.732 0 1.309-.586 1.309-1.328 0-.742-.577-1.328-1.309-1.328s-1.318.586-1.318 1.328Z'/%3e%3c/svg%3e");
}

input[data-task=S]:checked::after,
li[data-task=S] > input:checked::after,
li[data-task=S] > p > input:checked::after {
  background-color: var(--color-green);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='23' fill='none' viewBox='0 0 13 23'%3e%3cpath fill='black' d='M6.24 19.639c3.301 0 6.143-1.66 6.143-4.824 0-2.93-2.295-3.975-5.02-4.63l-1.875-.458c-1.777-.43-3.252-1.202-3.252-2.891 0-1.895 2.022-2.861 3.994-2.861 2.022 0 3.487.947 4.024 2.685.156.46.459.772.967.772s.879-.352.879-.87c0-.78-.518-1.835-1.192-2.51-1.191-1.19-2.9-1.747-4.678-1.747-3.056 0-5.869 1.62-5.869 4.677 0 2.705 2.305 3.926 4.815 4.502l1.885.44c1.875.44 3.457 1.123 3.457 3.037 0 2.148-1.973 3.018-4.258 3.018-2.158 0-3.906-.87-4.424-2.813-.147-.479-.43-.752-.928-.752-.547 0-.908.371-.908.86 0 .908.596 1.962 1.27 2.607 1.318 1.24 3.173 1.758 4.97 1.758Zm-.049 2.373a.642.642 0 0 0 .635-.645V.635A.64.64 0 0 0 6.191 0a.64.64 0 0 0-.634.635v20.732c0 .352.283.645.634.645Z'/%3e%3c/svg%3e");
}

input[data-task=I]:checked::after,
li[data-task=I] > input:checked::after,
li[data-task=I] > p > input:checked::after {
  background-color: var(--color-yellow);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='22' fill='none' viewBox='0 0 21 22'%3e%3cpath fill='black' d='M4.346 12.48c-.215 0-.362.137-.381.362-.371 3.017-.518 3.095-3.574 3.594-.254.029-.391.156-.391.38 0 .215.137.342.342.372 3.086.595 3.252.576 3.623 3.584.02.234.166.37.38.37.206 0 .362-.136.382-.36.39-3.057.507-3.145 3.613-3.595.195-.019.342-.156.342-.37 0-.215-.147-.352-.342-.381-3.106-.596-3.213-.596-3.613-3.614a.367.367 0 0 0-.381-.341ZM11.982 0c-.283 0-.507.205-.546.508-.85 6.181-1.7 7.002-7.793 7.812-.313.03-.538.254-.538.547 0 .303.225.537.538.567 6.113.664 6.992 1.62 7.792 7.793.04.302.264.517.547.517.293 0 .508-.215.557-.517.81-6.172 1.68-7.13 7.793-7.793a.552.552 0 0 0 .527-.567c0-.293-.205-.517-.527-.547-6.113-.683-6.982-1.63-7.793-7.812C12.49.205 12.275 0 11.982 0Z'/%3e%3c/svg%3e");
}

input[data-task=p]:checked::after,
li[data-task=p] > input:checked::after,
li[data-task=p] > p > input:checked::after {
  background-color: var(--color-green);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath fill='black' d='M0 13.74c0 2.89 1.807 5.313 4.229 5.313h1.718c-1.758-1.28-2.48-3.213-2.48-5.41.01-2.442.957-4.19 1.797-5.245H3.867C1.69 8.398 0 10.742 0 13.74Zm4.814-.078c0 3.565 2.784 6.318 7.325 6.318h1.328c1.26 0 2.197-.087 2.724-.234.762-.185 1.495-.654 1.495-1.572 0-.381-.098-.654-.215-.86-.078-.127-.059-.224.058-.273.606-.254 1.104-.82 1.104-1.592 0-.44-.127-.83-.342-1.094-.107-.146-.098-.283.088-.38.43-.254.742-.801.742-1.436 0-.459-.146-.937-.4-1.172-.157-.137-.127-.234.029-.38.303-.255.498-.694.498-1.25a1.69 1.69 0 0 0-1.7-1.71h-3.437c-.869 0-1.445-.449-1.445-1.172 0-1.298 1.63-3.7 1.63-5.42C14.297.528 13.712 0 12.95 0c-.703 0-1.045.479-1.416 1.21-1.455 2.823-3.388 5.108-4.863 7.061-1.25 1.66-1.856 3.096-1.856 5.391Z'/%3e%3c/svg%3e");
}

input[data-task=c]:checked::after,
li[data-task=c] > input:checked::after,
li[data-task=c] > p > input:checked::after {
  background-color: var(--color-red);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath fill='black' d='M19.238 6.24c0-2.89-1.816-5.312-4.228-5.312h-1.72c1.758 1.28 2.54 3.213 2.5 5.41-.03 2.442-.976 4.19-1.826 5.245h1.406c2.178 0 3.867-2.344 3.867-5.342Zm-4.756.07C14.541 2.744 11.65.05 7.11.01L5.791 0c-1.27-.01-2.207.09-2.734.236-.762.185-1.494.644-1.494 1.571 0 .371.097.655.214.86.078.117.069.224-.058.273-.596.244-1.104.82-1.104 1.582 0 .45.127.83.352 1.104.107.146.088.273-.088.38-.44.254-.752.801-.752 1.436 0 .46.146.938.4 1.172.166.137.137.234-.029.38C.195 9.25 0 9.689 0 10.245a1.69 1.69 0 0 0 1.7 1.71h3.437c.869 0 1.445.449 1.445 1.172 0 1.299-1.621 3.691-1.621 5.41 0 .918.576 1.445 1.348 1.445.693 0 1.035-.478 1.406-1.21 1.455-2.823 3.389-5.108 4.863-7.071 1.25-1.66 1.865-3.086 1.904-5.39Z'/%3e%3c/svg%3e");
}

input[data-task=f]:checked::after,
li[data-task=f] > input:checked::after,
li[data-task=f] > p > input:checked::after {
  background-color: var(--color-orange);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='22' fill='none' viewBox='0 0 17 22'%3e%3cpath fill='black' d='M7.676 21.123c5.156 0 8.594-3.486 8.594-8.74C16.27 3.643 8.828 0 3.662 0c-.918 0-1.504.322-1.504.947 0 .244.108.498.313.733 1.162 1.386 2.324 3.037 2.343 4.96 0 .44-.048.83-.36 1.378l.487-.098c-.439-1.436-1.62-2.451-2.656-2.451-.4 0-.674.293-.674.732 0 .254.069.85.069 1.28C1.68 9.667 0 10.946 0 14.472c0 3.994 3.057 6.65 7.676 6.65Zm.224-2.744c-1.826 0-3.037-1.104-3.037-2.744 0-1.719 1.221-2.334 1.377-3.438.02-.088.078-.117.147-.058.449.4.742.888.986 1.455.518-.703.762-2.188.596-3.79-.01-.087.049-.136.136-.107 2.14 1.006 3.252 3.135 3.252 5.04 0 1.933-1.132 3.642-3.457 3.642Z'/%3e%3c/svg%3e");
}

input[data-task=k]:checked::after,
li[data-task=k] > input:checked::after,
li[data-task=k] > p > input:checked::after {
  background-color: var(--color-yellow);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='25' fill='none' viewBox='0 0 13 25'%3e%3cpath fill='black' d='M6.24 0C2.764 0 0 2.764 0 6.22c0 2.608 1.563 4.913 4.004 5.84v9.64a.83.83 0 0 0 .254.614l1.63 1.641c.167.166.499.215.704.01l3.096-3.096a.487.487 0 0 0 0-.703l-1.924-1.895 2.636-2.627c.186-.195.186-.478-.02-.693l-2.607-2.627c3.018-1.201 4.698-3.428 4.698-6.103A6.22 6.22 0 0 0 6.24 0Zm0 5.723c-.908 0-1.63-.733-1.63-1.631 0-.908.712-1.631 1.63-1.631.899 0 1.631.723 1.631 1.63 0 .9-.732 1.632-1.63 1.632Z'/%3e%3c/svg%3e");
}

input[data-task=w]:checked::after,
li[data-task=w] > input:checked::after,
li[data-task=w] > p > input:checked::after {
  background-color: var(--color-orange);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' fill='none' viewBox='0 0 20 22'%3e%3cpath fill='black' d='M0 3.223c0 4.033 1.934 6.552 5.791 7.734a8.289 8.289 0 0 0 1.953 1.758v4.248H6.211c-1.377 0-2.09.79-2.09 2.09v1.611c0 .44.342.742.752.742h9.356c.41 0 .752-.302.752-.742v-1.611c0-1.3-.723-2.09-2.1-2.09h-1.524v-4.248a8.07 8.07 0 0 0 1.944-1.758c3.867-1.182 5.8-3.701 5.8-7.734 0-1.006-.624-1.621-1.67-1.621h-1.894C15.381.605 14.677 0 13.497 0H5.604C4.433 0 3.72.596 3.564 1.602H1.67C.625 1.602 0 2.217 0 3.222Zm1.396.136c0-.156.118-.283.284-.283h1.836V4.99c0 1.494.39 2.881.996 4.082C2.47 8.037 1.396 6.142 1.396 3.36ZM14.58 9.072a8.947 8.947 0 0 0 1.006-4.082V3.076h1.836c.166 0 .283.127.283.283 0 2.784-1.074 4.678-3.125 5.713Z'/%3e%3c/svg%3e");
}

input[data-task=u]:checked::after,
li[data-task=u] > input:checked::after,
li[data-task=u] > p > input:checked::after {
  background-color: var(--color-orange);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='19' fill='none' viewBox='0 0 15 19'%3e%3cpath fill='black' d='M.84 8.271c.234 0 .469-.078.615-.234L3.682 5.85l3.71-4.082 3.731 4.082 2.227 2.187c.156.156.38.234.615.234.488 0 .84-.37.84-.85a.879.879 0 0 0-.264-.634L8.057.293A.885.885 0 0 0 7.402 0a.885.885 0 0 0-.654.293L.273 6.787c-.185.195-.273.4-.273.635 0 .478.352.85.84.85Zm6.562 10.176c.508 0 .87-.351.87-.86V4.728l-.098-2.91c0-.46-.313-.772-.772-.772s-.771.312-.771.771l-.098 2.91v12.862c0 .508.362.86.87.86Z'/%3e%3c/svg%3e");
}

input[data-task=d]:checked::after,
li[data-task=d] > input:checked::after,
li[data-task=d] > p > input:checked::after {
  background-color: var(--color-blue);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='19' fill='none' viewBox='0 0 15 19'%3e%3cpath fill='black' d='M7.402 18.447a.885.885 0 0 0 .655-.293l6.484-6.494a.879.879 0 0 0 .264-.635c0-.478-.352-.85-.84-.85a.863.863 0 0 0-.615.235l-2.227 2.188-3.73 4.082-3.711-4.082-2.227-2.188c-.146-.156-.38-.234-.615-.234-.488 0-.84.37-.84.85 0 .234.088.439.273.634l6.475 6.494c.186.196.41.293.654.293Zm0-1.045c.46 0 .772-.312.772-.771l.097-2.91V.859c0-.507-.36-.859-.869-.859-.507 0-.869.352-.869.86v12.86l.098 2.91c0 .46.312.772.771.772Z'/%3e%3c/svg%3e");
}

input[data-task="+"]:checked,
li[data-task="+"] > input:checked,
li[data-task="+"] > p > input:checked {
  --checkbox-color: var(--color-orange);
}
input[data-task="+"]:checked:after,
li[data-task="+"] > input:checked:after,
li[data-task="+"] > p > input:checked:after {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3e%3cpath fill='black' d='M8.154 5.172v2.963H5.192c-.509 0-.86.352-.86.86 0 .499.351.831.86.831h2.962V12.8c0 .498.342.86.841.86.509 0 .86-.352.86-.86V9.826h2.973c.498 0 .86-.332.86-.83 0-.51-.362-.861-.86-.861H9.856V5.172c0-.508-.352-.87-.86-.87-.5 0-.842.362-.842.87Z'/%3e%3c/svg%3e");
}

input[data-task=B]:checked::after,
li[data-task=B] > input:checked::after,
li[data-task=B] > p > input:checked::after {
  background-color: var(--color-pink);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' fill='none' viewBox='0 0 22 20'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='black' d='M14.023 19.365a3.261 3.261 0 0 0 3.262-3.261 3.263 3.263 0 0 0-3.262-3.272 3.263 3.263 0 0 0-3.261 3.271 3.261 3.261 0 0 0 3.261 3.262Zm-7.177 0a3.261 3.261 0 0 0 3.261-3.261 3.263 3.263 0 0 0-3.261-3.272 3.263 3.263 0 0 0-3.262 3.271 3.261 3.261 0 0 0 3.262 3.262Zm10.761-6.425a3.255 3.255 0 0 0 3.262-3.262 3.255 3.255 0 0 0-3.262-3.262 3.263 3.263 0 0 0-3.271 3.262 3.263 3.263 0 0 0 3.271 3.261Zm-14.345 0a3.263 3.263 0 0 0 3.271-3.262 3.263 3.263 0 0 0-3.271-3.262 3.261 3.261 0 1 0 0 6.524Zm10.761-6.417a3.255 3.255 0 0 0 3.262-3.261A3.255 3.255 0 0 0 14.023 0a3.255 3.255 0 0 0-3.261 3.262 3.255 3.255 0 0 0 3.261 3.261Zm-7.177 0a3.255 3.255 0 0 0 3.261-3.261A3.255 3.255 0 0 0 6.846 0a3.255 3.255 0 0 0-3.262 3.262 3.255 3.255 0 0 0 3.262 3.261Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h21.23v19.365H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

input[data-task=a]:checked::after,
li[data-task=a] > input:checked::after,
li[data-task=a] > p > input:checked::after {
  background-color: var(--color-pink);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' fill='none' viewBox='0 0 20 22'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='black' d='M9.336 20.254a9.336 9.336 0 0 0 9.336-9.336c0-5.156-4.18-9.346-9.336-9.346C4.18 1.572 0 5.762 0 10.918a9.336 9.336 0 0 0 9.336 9.336Zm-4.443-8.262a.663.663 0 0 1-.674-.674c0-.38.293-.683.674-.683h3.76V5.4a.68.68 0 1 1 1.357 0v5.918a.672.672 0 0 1-.684.674H4.893Zm-3.575-7.91c.147 0 .254-.02.391-.127l3.271-2.47c.157-.118.245-.274.245-.44 0-.205-.098-.371-.264-.527C4.59.186 3.926 0 3.34 0A2.734 2.734 0 0 0 .596 2.744c0 .361.058.723.166.947.107.245.312.391.556.391Zm16.035 0c.245 0 .45-.156.567-.39.098-.215.156-.587.156-.948A2.728 2.728 0 0 0 15.332 0c-.586 0-1.25.186-1.621.518-.166.156-.264.322-.264.527 0 .166.088.322.254.44l3.262 2.47a.568.568 0 0 0 .39.127ZM1.172 19.971a.74.74 0 0 0 1.074-.01l1.846-1.836-1.055-1.045-1.855 1.836a.743.743 0 0 0-.01 1.055Zm16.328 0a.734.734 0 0 0-.01-1.055l-1.855-1.836-1.045 1.045 1.836 1.836a.74.74 0 0 0 1.074.01Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h19.033v21.924H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

input[data-task=n]:checked::after,
li[data-task=n] > input:checked::after,
li[data-task=n] > p > input:checked::after {
  background-color: var(--color-blue);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='black'  d='M2.668 14.63 13.322 3.985l-1.709-1.719L.95 12.911l-.928 2.178c-.097.234.157.508.391.41l2.256-.87ZM14.182 3.145l.986-.966c.498-.499.527-1.036.078-1.485l-.332-.332c-.44-.44-.976-.4-1.475.088l-.986.977 1.729 1.718Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h15.932v15.52H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

input[data-task=R]:checked::after,
li[data-task=R] > input:checked::after,
li[data-task=R] > p > input:checked::after {
  background-color: var(--color-cyan);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' fill='none' viewBox='0 0 22 18'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='black'  d='M8.652 16.777v-6.181c0-.4-.224-.616-.625-.616a.803.803 0 0 0-.507.176l-3.692 3.057c-.303.264-.322.664 0 .928l3.692 3.066a.812.812 0 0 0 .507.186c.4 0 .625-.225.625-.616ZM20.02 8.36a.81.81 0 0 0-.82.83v.928c0 1.67-1.163 2.764-2.93 2.764H7.216c-.45 0-.82.371-.82.81 0 .45.37.82.82.82h8.896c2.91 0 4.727-1.65 4.727-4.277V9.19a.81.81 0 0 0-.82-.83ZM12.188.635v6.181c0 .391.224.616.624.616a.812.812 0 0 0 .508-.186l3.692-3.057c.312-.253.332-.654 0-.927L13.32.195a.803.803 0 0 0-.508-.175c-.4 0-.624.214-.624.615ZM.82 9.053c.47 0 .83-.362.83-.83v-.928c0-1.67 1.153-2.774 2.92-2.774h9.063c.44 0 .81-.36.81-.81a.82.82 0 0 0-.81-.81H4.727C1.827 2.9 0 4.54 0 7.177v1.045c0 .468.361.83.82.83Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h21.201v17.393H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

input[data-task=t]:checked::after,
li[data-task=t] > input:checked::after,
li[data-task=t] > p > input:checked::after {
  background-color: var(--color-orange);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' fill='none' viewBox='0 0 21 20'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='white' d='M4.854 11.016a.667.667 0 0 1-.684-.684c0-.38.293-.674.684-.674h4.423V3.75c0-.38.293-.674.674-.674.381 0 .684.293.684.674v6.582c0 .39-.303.684-.684.684H4.854Zm5.107 8.906c5.498 0 9.96-4.473 9.96-9.961C19.922 4.463 15.46 0 9.962 0 4.473 0 0 4.463 0 9.96c0 5.49 4.473 9.962 9.96 9.962Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h20.283v19.932H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

input[data-task=P]:checked::after,
li[data-task=P] > input:checked::after,
li[data-task=P] > p > input:checked::after {
  background-color: var(--color-green);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none' viewBox='0 0 19 19'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='white' d='M5 13.154c2.871 2.881 6.309 5.069 9.072 5.069 1.3 0 2.432-.518 3.174-1.348.713-.8.957-1.396.957-1.924 0-.41-.254-.79-.898-1.24l-2.383-1.709c-.596-.42-.86-.498-1.211-.498-.303 0-.557.059-1.065.332l-1.562.86c-.186.107-.264.126-.4.126-.186 0-.313-.049-.498-.127-.743-.341-1.788-1.162-2.715-2.09-.928-.927-1.65-1.875-2.022-2.607a.971.971 0 0 1-.107-.41c0-.127.068-.234.146-.371l.918-1.572c.254-.43.323-.665.323-.997 0-.38-.127-.79-.489-1.308L4.6 1.055C4.13.4 3.78 0 3.252 0 2.598 0 1.807.498 1.24 1.045.43 1.826 0 2.92 0 4.15c0 2.784 2.139 6.153 5 9.004Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h18.564v18.232H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

input[data-task=L]:checked::after,
li[data-task=L] > input:checked::after,
li[data-task=L] > p > input:checked::after {
  background-color: var(--color-pink);
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' fill='none' viewBox='0 0 20 19'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='white' d='M9.697 18.525c.205 0 .498-.136.713-.263 5.498-3.516 8.985-7.608 8.985-11.768 0-3.457-2.373-5.898-5.44-5.898-1.904 0-3.37 1.054-4.258 2.666C8.828 1.66 7.344.596 5.44.596 2.373.596 0 3.037 0 6.494c0 4.16 3.486 8.252 8.994 11.768.205.127.498.263.703.263Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h19.756v18.525H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

body:not(.banner-off) {
  --banner-image-object-fit: cover;
  --banner-image-inset: 8px;
  --banner-image-height: 320px;
  --banner-image-height-s: 240px;
  --banner-image-radius: var(--radius-s);
  --banner-fade-height: 80px;
  --banner-icon-size: 3rem;
  --banner-mobile-offset: 0px;
}
body:not(.banner-off):where(.is-mobile) {
  --banner-image-height: var(--banner-image-height-s);
}
body:not(.banner-off):where(.is-mobile) .banner, body:not(.banner-off):where(.is-mobile) .banner-icon {
  --banner-mobile-offset: 1.5rem;
}
body:not(.banner-off):not(.is-mobile):not(.show-view-header) {
  --banner-image-inset: 0px;
}
body:not(.banner-off):not(.is-phone) {
  --view-top-spacing-markdown: 0px;
}
body:not(.banner-off):not(.is-phone) .banner-icon.banner-title .inline-title ~ .metadata-container {
  padding-top: 0px;
}
body:not(.banner-off).is-mobile .banner-icon .inline-title {
  padding-top: 0px;
}
body:not(.banner-off).is-phone .banner-icon.banner-title .inline-title ~ .metadata-container {
  padding-top: 8px;
}
body:not(.banner-off) .banner.y0 img[alt=banner] {
  object-position: center 0%;
}
body:not(.banner-off) .banner.y5 img[alt=banner] {
  object-position: center 5%;
}
body:not(.banner-off) .banner.y10 img[alt=banner] {
  object-position: center 10%;
}
body:not(.banner-off) .banner.y15 img[alt=banner] {
  object-position: center 15%;
}
body:not(.banner-off) .banner.y20 img[alt=banner] {
  object-position: center 20%;
}
body:not(.banner-off) .banner.y25 img[alt=banner] {
  object-position: center 25%;
}
body:not(.banner-off) .banner.y30 img[alt=banner] {
  object-position: center 30%;
}
body:not(.banner-off) .banner.y35 img[alt=banner] {
  object-position: center 35%;
}
body:not(.banner-off) .banner.y40 img[alt=banner] {
  object-position: center 40%;
}
body:not(.banner-off) .banner.y45 img[alt=banner] {
  object-position: center 45%;
}
body:not(.banner-off) .banner.y50 img[alt=banner] {
  object-position: center 50%;
}
body:not(.banner-off) .banner.y55 img[alt=banner] {
  object-position: center 55%;
}
body:not(.banner-off) .banner.y60 img[alt=banner] {
  object-position: center 60%;
}
body:not(.banner-off) .banner.y65 img[alt=banner] {
  object-position: center 65%;
}
body:not(.banner-off) .banner.y70 img[alt=banner] {
  object-position: center 70%;
}
body:not(.banner-off) .banner.y75 img[alt=banner] {
  object-position: center 75%;
}
body:not(.banner-off) .banner.y80 img[alt=banner] {
  object-position: center 80%;
}
body:not(.banner-off) .banner.y85 img[alt=banner] {
  object-position: center 85%;
}
body:not(.banner-off) .banner.y90 img[alt=banner] {
  object-position: center 90%;
}
body:not(.banner-off) .banner.y95 img[alt=banner] {
  object-position: center 95%;
}
body:not(.banner-off) .banner.y100 img[alt=banner] {
  object-position: center 100%;
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview) .markdown-preview-sizer,
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview) .cm-editor > .cm-scroller > .cm-sizer {
  margin-top: calc(var(--banner-image-height) + var(--banner-icon-size) - var(--banner-fade-height) + var(--banner-mobile-offset));
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview):not(.banner) {
  --banner-image-height: 0px;
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview):not(.banner.banner-fade) {
  --banner-fade-height: 0px;
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview):not(.banner-icon) {
  --banner-icon-size: 0px;
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner-icon:not(.banner) {
  --banner-image-height: var(--banner-icon-size);
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner-icon:not(.banner.banner-fade) {
  --banner-fade-height: var(--banner-icon-size);
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner.banner-icon.banner-title:not(.banner-fade) {
  --banner-fade-height: 0px;
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner-image-contain {
  --banner-image-object-fit: contain;
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner-image-cover {
  --banner-image-object-fit: cover;
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner-image-fill {
  --banner-image-object-fit: fill;
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner img[alt=banner]:not([contenteditable]) {
  position: absolute;
  inset: var(--view-top-spacing-markdown) var(--banner-image-inset) auto;
  border-radius: var(--banner-image-radius);
  width: -webkit-fill-available;
  width: stretch;
  height: var(--banner-image-height);
  overflow: hidden;
  object-fit: var(--banner-image-object-fit);
  line-height: 0;
  max-width: calc(100% - var(--banner-image-inset) * 2);
  padding: 0;
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner .cm-line:has(.image-embed[alt=banner]) {
  position: static;
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner .image-embed[alt=banner],
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner .image-embed[alt=banner] > .image-wrapper,
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner .image-embed[alt=banner] > .image-resize-container {
  display: contents !important;
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner .image-embed[alt=banner]::before, body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner .image-embed[alt=banner]::after,
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner .image-embed[alt=banner] .image-resize-corner,
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner .image-embed[alt=banner] .image-resize-handle,
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner .image-embed[alt=banner] > .image-wrapper::before,
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner .image-embed[alt=banner] > .image-wrapper::after,
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner .image-embed[alt=banner] > .image-wrapper .image-resize-corner,
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner .image-embed[alt=banner] > .image-wrapper .image-resize-handle,
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner .image-embed[alt=banner] > .image-resize-container::before,
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner .image-embed[alt=banner] > .image-resize-container::after,
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner .image-embed[alt=banner] > .image-resize-container .image-resize-corner,
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner .image-embed[alt=banner] > .image-resize-container .image-resize-handle {
  display: none !important;
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner:not(.banner-icon.banner-title) div:is(.mod-header, .inline-title, .metadata-container) {
  position: relative;
  z-index: 1;
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner.banner-fade img[alt=banner] {
  mask: linear-gradient(to bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.987) 14%, hsla(0, 0%, 0%, 0.951) 26.2%, hsla(0, 0%, 0%, 0.896) 36.8%, hsla(0, 0%, 0%, 0.825) 45.9%, hsla(0, 0%, 0%, 0.741) 53.7%, hsla(0, 0%, 0%, 0.648) 60.4%, hsla(0, 0%, 0%, 0.55) 66.2%, hsla(0, 0%, 0%, 0.45) 71.2%, hsla(0, 0%, 0%, 0.352) 75.6%, hsla(0, 0%, 0%, 0.259) 79.6%, hsla(0, 0%, 0%, 0.175) 83.4%, hsla(0, 0%, 0%, 0.104) 87.2%, hsla(0, 0%, 0%, 0.049) 91.1%, hsla(0, 0%, 0%, 0.013) 95.3%, hsla(0, 0%, 0%, 0) 100%);
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner-icon .cm-callout:has(.callout[data-callout=banner-icon]) {
  display: contents !important;
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner-icon .callout[data-callout=banner-icon] {
  z-index: 1;
  position: absolute;
  top: calc(var(--view-top-spacing-markdown) + var(--banner-image-height) - var(--banner-fade-height) + 1rem);
  margin: 0 !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  width: var(--banner-icon-size);
  height: var(--banner-icon-size);
  font-size: var(--banner-icon-size);
  display: flex;
  justify-content: center;
  overflow: visible;
  box-shadow: none;
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner-icon .callout[data-callout=banner-icon] .callout-title-inner {
  line-height: 1;
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner-icon .callout[data-callout=banner-icon] .callout-icon,
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner-icon .callout[data-callout=banner-icon] .callout-content {
  display: none;
}
@keyframes bannerTitleEditIn {
  from {
    transform: translateY(-0.5rem);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes bannerTitleEditOut {
  from {
    transform: translateY(0.5rem);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner-icon.banner-title .inline-title {
  transition: var(--anim-duration-moderate) var(--anim-motion-baseline), margin-left 0s;
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner-icon.banner-title .inline-title:focus-within {
  animation: bannerTitleEditIn var(--anim-duration-moderate) var(--anim-motion-baseline) forwards;
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner-icon.banner-title .inline-title:not(:focus-within) {
  position: absolute;
  z-index: 1;
  top: calc(var(--view-top-spacing-markdown) + var(--banner-image-height) - var(--banner-fade-height) + 1rem);
  align-items: center;
  animation: bannerTitleEditOut var(--anim-duration-moderate) var(--anim-motion-baseline) forwards;
  margin-bottom: 0;
  margin-left: calc(var(--banner-icon-size) + 1rem);
  width: calc(var(--file-line-width) - var(--banner-icon-size) - 1rem);
  max-width: calc(100% - var(--file-margins-x) * 2 - var(--banner-icon-size) - 1rem);
  height: var(--banner-icon-size);
  overflow: hidden;
  line-height: var(--banner-icon-size);
  text-overflow: ellipsis;
  white-space: nowrap;
}
body:not(.banner-off) .mod-root .view-content:not(.pixel-banner, .has-banner) div:is(.markdown-preview-view, .is-live-preview).banner-icon.banner-title .inline-title:not(:focus-within)::before {
  content: none;
}

body {
  --file-line-width: var(--line-width);
  --line-width: 700px;
}

body:not(.block-width-off) {
  --line-width-wide: 50rem;
}
body:not(.block-width-off) .wide {
  --file-line-width: min(100cqw, var(--line-width-wide));
}
body:not(.block-width-off) .max {
  --file-line-width: 100%;
}
body:not(.block-width-off) {
  --block-width-wide: min(100cqw, var(--line-width-wide));
  --block-width-max: calc(100cqw - (var(--file-margins-x) * 2));
  --block-width-offset: calc(-1 * var(--file-margins-x));
}
body:not(.block-width-off) .mod-root .workspace-tab-container {
  container-type: inline-size;
}
body:not(.block-width-off):is(.table-wide, .table-max, .table-100) .markdown-preview-sizer > .el-table,
body:not(.block-width-off):is(.table-wide, .table-max, .table-100) .markdown-preview-sizer > .el-pre .block-language-dataview,
body:not(.block-width-off):is(.table-wide, .table-max, .table-100) .markdown-preview-sizer > .el-pre .block-language-dataviewjs,
body:not(.block-width-off):is(.table-wide, .table-max, .table-100) .markdown-preview-sizer > .el-pre .block-language-datacorejsx,
body:not(.block-width-off):is(.table-wide, .table-max, .table-100) .cm-content > .cm-table-widget,
body:not(.block-width-off):is(.table-wide, .table-max, .table-100) .cm-content > .cm-lang-dataview,
body:not(.block-width-off):is(.table-wide, .table-max, .table-100) .cm-content > .cm-lang-dataviewjs,
body:not(.block-width-off):is(.table-wide, .table-max, .table-100) .cm-content > .cm-lang-datacorejsx,
body:not(.block-width-off) div:is(.table-wide, .table-max, .table-100) .markdown-preview-sizer > .el-table,
body:not(.block-width-off) div:is(.table-wide, .table-max, .table-100) .markdown-preview-sizer > .el-pre .block-language-dataview,
body:not(.block-width-off) div:is(.table-wide, .table-max, .table-100) .markdown-preview-sizer > .el-pre .block-language-dataviewjs,
body:not(.block-width-off) div:is(.table-wide, .table-max, .table-100) .markdown-preview-sizer > .el-pre .block-language-datacorejsx,
body:not(.block-width-off) div:is(.table-wide, .table-max, .table-100) .cm-content > .cm-table-widget,
body:not(.block-width-off) div:is(.table-wide, .table-max, .table-100) .cm-content > .cm-lang-dataview,
body:not(.block-width-off) div:is(.table-wide, .table-max, .table-100) .cm-content > .cm-lang-dataviewjs,
body:not(.block-width-off) div:is(.table-wide, .table-max, .table-100) .cm-content > .cm-lang-datacorejsx {
  max-width: var(--table-line-max-width) !important;
  width: var(--table-line-width) !important;
  justify-self: center;
  margin-inline: var(--table-line-width-offset) !important;
}
body:not(.block-width-off).table-wide,
body:not(.block-width-off) .table-wide {
  --table-line-max-width: var(--block-width-max);
  --table-line-width: var(--block-width-wide);
}
body:not(.block-width-off).table-max,
body:not(.block-width-off) .table-max {
  --table-line-max-width: var(--block-width-max);
  --table-line-width: var(--block-width-max);
}
body:not(.block-width-off).table-100,
body:not(.block-width-off) .table-100 {
  --table-line-max-width: 100cqw;
  --table-line-width: 100cqw;
  --table-line-width-offset: var(--block-width-offset);
}
body:not(.block-width-off).table-100 .markdown-preview-sizer > .el-table tbody > tr > td,
body:not(.block-width-off).table-100 .cm-content > .cm-table-widget tbody > tr > td,
body:not(.block-width-off) .table-100 .markdown-preview-sizer > .el-table tbody > tr > td,
body:not(.block-width-off) .table-100 .cm-content > .cm-table-widget tbody > tr > td {
  border-radius: 0;
}
body:not(.block-width-off).table-100 .markdown-preview-sizer > .el-table tbody tr:first-child > td,
body:not(.block-width-off).table-100 .cm-content > .cm-table-widget tbody tr:first-child > td,
body:not(.block-width-off) .table-100 .markdown-preview-sizer > .el-table tbody tr:first-child > td,
body:not(.block-width-off) .table-100 .cm-content > .cm-table-widget tbody tr:first-child > td {
  border-block-start-width: 0;
}
body:not(.block-width-off).table-100 .markdown-preview-sizer > .el-table tbody tr > td:last-child,
body:not(.block-width-off).table-100 .cm-content > .cm-table-widget tbody tr > td:last-child,
body:not(.block-width-off) .table-100 .markdown-preview-sizer > .el-table tbody tr > td:last-child,
body:not(.block-width-off) .table-100 .cm-content > .cm-table-widget tbody tr > td:last-child {
  border-inline-end-width: 0;
}
body:not(.block-width-off).table-100 .markdown-preview-sizer > .el-table tbody tr > td:first-child,
body:not(.block-width-off).table-100 .cm-content > .cm-table-widget tbody tr > td:first-child,
body:not(.block-width-off) .table-100 .markdown-preview-sizer > .el-table tbody tr > td:first-child,
body:not(.block-width-off) .table-100 .cm-content > .cm-table-widget tbody tr > td:first-child {
  border-inline-start-width: 0;
}
body:not(.block-width-off).table-100 .markdown-preview-sizer > .el-table tbody tr:last-child > td,
body:not(.block-width-off).table-100 .cm-content > .cm-table-widget tbody tr:last-child > td,
body:not(.block-width-off) .table-100 .markdown-preview-sizer > .el-table tbody tr:last-child > td,
body:not(.block-width-off) .table-100 .cm-content > .cm-table-widget tbody tr:last-child > td {
  border-block-end-width: 0;
}
body:not(.block-width-off):is(.bases-wide, .bases-max, .bases-100) .markdown-preview-sizer > .el-pre .bases-embed,
body:not(.block-width-off):is(.bases-wide, .bases-max, .bases-100) .markdown-preview-sizer > .el-p .bases-embed,
body:not(.block-width-off):is(.bases-wide, .bases-max, .bases-100) .cm-content > .bases-embed,
body:not(.block-width-off):is(.bases-wide, .bases-max, .bases-100) .cm-content > .cm-lang-base,
body:not(.block-width-off) div:is(.bases-wide, .bases-max, .bases-100) .markdown-preview-sizer > .el-pre .bases-embed,
body:not(.block-width-off) div:is(.bases-wide, .bases-max, .bases-100) .markdown-preview-sizer > .el-p .bases-embed,
body:not(.block-width-off) div:is(.bases-wide, .bases-max, .bases-100) .cm-content > .bases-embed,
body:not(.block-width-off) div:is(.bases-wide, .bases-max, .bases-100) .cm-content > .cm-lang-base {
  max-width: var(--bases-line-max-width) !important;
  width: var(--bases-line-width) !important;
  justify-self: center;
  margin-inline: var(--bases-line-width-offset) !important;
}
body:not(.block-width-off).bases-wide,
body:not(.block-width-off) .bases-wide {
  --bases-line-max-width: var(--block-width-max);
  --bases-line-width: var(--block-width-wide);
}
body:not(.block-width-off).bases-max,
body:not(.block-width-off) .bases-max {
  --bases-line-max-width: var(--block-width-max);
  --bases-line-width: var(--block-width-max);
}
body:not(.block-width-off).bases-100,
body:not(.block-width-off) .bases-100 {
  --bases-line-max-width: 100cqw;
  --bases-line-width: 100cqw;
  --bases-line-width-offset: var(--block-width-offset);
}
body:not(.block-width-off):is(.img-wide, .img-max, .img-100) .markdown-preview-sizer > .el-p p:has(img),
body:not(.block-width-off):is(.img-wide, .img-max, .img-100) .markdown-preview-sizer > .el-iframe,
body:not(.block-width-off):is(.img-wide, .img-max, .img-100) .cm-content .image-embed,
body:not(.block-width-off) div:is(.img-wide, .img-max, .img-100) .markdown-preview-sizer > .el-p p:has(img),
body:not(.block-width-off) div:is(.img-wide, .img-max, .img-100) .markdown-preview-sizer > .el-iframe,
body:not(.block-width-off) div:is(.img-wide, .img-max, .img-100) .cm-content .image-embed {
  max-width: var(--img-line-max-width) !important;
  width: var(--img-line-width) !important;
  justify-self: center;
  margin-inline: var(--img-line-width-offset) !important;
}
body:not(.block-width-off) .cm-content .image-embed {
  display: block;
}
body:not(.block-width-off).img-wide,
body:not(.block-width-off) .img-wide {
  --img-line-max-width: var(--block-width-max);
  --img-line-width: var(--block-width-wide);
}
body:not(.block-width-off).img-max,
body:not(.block-width-off) .img-max {
  --img-line-max-width: var(--block-width-max);
  --img-line-width: var(--block-width-max);
}
body:not(.block-width-off).img-100,
body:not(.block-width-off) .img-100 {
  --img-line-max-width: 100cqw;
  --img-line-width: 100cqw;
  --img-line-width-offset: var(--block-width-offset);
}
body:not(.block-width-off).img-100 .markdown-preview-sizer img:not([alt=banner]),
body:not(.block-width-off).img-100 .cm-content img:not([alt=banner]),
body:not(.block-width-off) .img-100 .markdown-preview-sizer img:not([alt=banner]),
body:not(.block-width-off) .img-100 .cm-content img:not([alt=banner]) {
  border-radius: 0 !important;
}

body:not(.callout-lucide) .callout-icon .lucide-pencil,
body:not(.callout-lucide) .callout-icon .lucide-clipboard-list,
body:not(.callout-lucide) .callout-icon .lucide-info,
body:not(.callout-lucide) .callout-icon .lucide-check-circle-2,
body:not(.callout-lucide) .callout-icon .lucide-flame,
body:not(.callout-lucide) .callout-icon .lucide-check,
body:not(.callout-lucide) .callout-icon .lucide-help-circle,
body:not(.callout-lucide) .callout-icon .lucide-alert-triangle,
body:not(.callout-lucide) .callout-icon .lucide-x,
body:not(.callout-lucide) .callout-icon .lucide-zap,
body:not(.callout-lucide) .callout-icon .lucide-bug,
body:not(.callout-lucide) .callout-icon .lucide-list,
body:not(.callout-lucide) .callout-icon .lucide-quote {
  mask-position: 50% 50%;
  mask-size: 100% 100%;
  background-color: var(--callout-color);
}
body:not(.callout-lucide) .callout-icon .lucide-pencil path,
body:not(.callout-lucide) .callout-icon .lucide-pencil rect,
body:not(.callout-lucide) .callout-icon .lucide-pencil circle,
body:not(.callout-lucide) .callout-icon .lucide-clipboard-list path,
body:not(.callout-lucide) .callout-icon .lucide-clipboard-list rect,
body:not(.callout-lucide) .callout-icon .lucide-clipboard-list circle,
body:not(.callout-lucide) .callout-icon .lucide-info path,
body:not(.callout-lucide) .callout-icon .lucide-info rect,
body:not(.callout-lucide) .callout-icon .lucide-info circle,
body:not(.callout-lucide) .callout-icon .lucide-check-circle-2 path,
body:not(.callout-lucide) .callout-icon .lucide-check-circle-2 rect,
body:not(.callout-lucide) .callout-icon .lucide-check-circle-2 circle,
body:not(.callout-lucide) .callout-icon .lucide-flame path,
body:not(.callout-lucide) .callout-icon .lucide-flame rect,
body:not(.callout-lucide) .callout-icon .lucide-flame circle,
body:not(.callout-lucide) .callout-icon .lucide-check path,
body:not(.callout-lucide) .callout-icon .lucide-check rect,
body:not(.callout-lucide) .callout-icon .lucide-check circle,
body:not(.callout-lucide) .callout-icon .lucide-help-circle path,
body:not(.callout-lucide) .callout-icon .lucide-help-circle rect,
body:not(.callout-lucide) .callout-icon .lucide-help-circle circle,
body:not(.callout-lucide) .callout-icon .lucide-alert-triangle path,
body:not(.callout-lucide) .callout-icon .lucide-alert-triangle rect,
body:not(.callout-lucide) .callout-icon .lucide-alert-triangle circle,
body:not(.callout-lucide) .callout-icon .lucide-x path,
body:not(.callout-lucide) .callout-icon .lucide-x rect,
body:not(.callout-lucide) .callout-icon .lucide-x circle,
body:not(.callout-lucide) .callout-icon .lucide-zap path,
body:not(.callout-lucide) .callout-icon .lucide-zap rect,
body:not(.callout-lucide) .callout-icon .lucide-zap circle,
body:not(.callout-lucide) .callout-icon .lucide-bug path,
body:not(.callout-lucide) .callout-icon .lucide-bug rect,
body:not(.callout-lucide) .callout-icon .lucide-bug circle,
body:not(.callout-lucide) .callout-icon .lucide-list path,
body:not(.callout-lucide) .callout-icon .lucide-list rect,
body:not(.callout-lucide) .callout-icon .lucide-list circle,
body:not(.callout-lucide) .callout-icon .lucide-quote path,
body:not(.callout-lucide) .callout-icon .lucide-quote rect,
body:not(.callout-lucide) .callout-icon .lucide-quote circle {
  visibility: hidden;
}
body:not(.callout-lucide) .callout-icon .lucide-pencil {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='black' d='M2.668 14.573 13.322 3.93l-1.709-1.72L.95 12.856l-.928 2.177c-.097.235.157.508.391.41l2.256-.869ZM14.182 3.09l.986-.967c.498-.498.527-1.035.078-1.484l-.332-.332c-.44-.44-.976-.4-1.475.087l-.986.977 1.729 1.719Z'/%3e%3c/svg%3e");
}
body:not(.callout-lucide) .callout-icon .lucide-clipboard-list {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='21' fill='none' viewBox='0 0 17 21'%3e%3cg fill='black'%3e%3cpath d='M0 17.88c0 2.042 1.006 3.058 3.027 3.058h10.371c2.022 0 3.028-1.016 3.028-3.057V3.066C16.426 1.036 15.42 0 13.398 0H3.028C1.005 0 0 1.035 0 3.066v14.815Zm1.572-.028V3.096c0-.977.518-1.524 1.533-1.524H13.32c1.016 0 1.534.547 1.534 1.524v14.756c0 .976-.518 1.513-1.534 1.513H3.105c-1.015 0-1.533-.537-1.533-1.513Z'/%3e%3cpath d='M4.512 5.654h7.412a.588.588 0 0 0 .596-.605.586.586 0 0 0-.596-.596H4.512a.588.588 0 0 0-.606.596.59.59 0 0 0 .606.605Zm0 3.409h7.412a.588.588 0 0 0 .596-.606.586.586 0 0 0-.596-.596H4.512a.588.588 0 0 0-.606.596.59.59 0 0 0 .606.605Zm0 3.407h3.506c.351 0 .605-.253.605-.585a.593.593 0 0 0-.605-.615H4.512a.593.593 0 0 0-.606.615c0 .332.254.586.606.586Z'/%3e%3c/g%3e%3c/svg%3e");
}
body:not(.callout-lucide) .callout-icon .lucide-info {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cg fill='black'%3e%3cpath d='M9.96 19.922c5.499 0 9.962-4.463 9.962-9.961S15.459 0 9.96 0 0 4.463 0 9.96c0 5.499 4.463 9.962 9.96 9.962Zm0-1.66c-4.589 0-8.3-3.711-8.3-8.301s3.711-8.3 8.3-8.3c4.59 0 8.302 3.71 8.302 8.3 0 4.59-3.711 8.3-8.301 8.3Z'/%3e%3cpath d='M8.252 15.43h3.975c.4 0 .713-.293.713-.694 0-.38-.313-.683-.713-.683h-1.211V9.082c0-.527-.264-.879-.762-.879H8.418c-.4 0-.713.303-.713.684 0 .4.313.693.713.693h1.045v4.473H8.252c-.4 0-.713.302-.713.683 0 .4.313.694.713.694Zm1.621-8.848c.713 0 1.27-.566 1.27-1.28 0-.712-.557-1.279-1.27-1.279a1.27 1.27 0 0 0-1.27 1.28 1.27 1.27 0 0 0 1.27 1.279Z'/%3e%3c/g%3e%3c/svg%3e");
}
body:not(.callout-lucide) .callout-icon .lucide-check-circle-2 {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cg fill='black'%3e%3cpath d='M9.96 19.922c5.499 0 9.962-4.463 9.962-9.961S15.459 0 9.96 0 0 4.463 0 9.96c0 5.499 4.463 9.962 9.96 9.962Zm0-1.66c-4.589 0-8.3-3.711-8.3-8.301s3.711-8.3 8.3-8.3c4.59 0 8.302 3.71 8.302 8.3 0 4.59-3.711 8.3-8.301 8.3Z'/%3e%3cpath d='M8.887 14.6c.322 0 .595-.157.79-.46l4.464-7.02c.107-.196.234-.411.234-.626 0-.44-.39-.723-.8-.723-.245 0-.49.157-.675.44l-4.052 6.504-1.924-2.49c-.235-.313-.45-.391-.723-.391a.757.757 0 0 0-.752.771c0 .215.088.42.225.606l2.383 2.93c.244.322.507.459.83.459Z'/%3e%3c/g%3e%3c/svg%3e");
}
body:not(.callout-lucide) .callout-icon .lucide-flame {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='23' fill='none' viewBox='0 0 14 23'%3e%3cpath fill='black' d='M0 6.016c0 3.75 2.246 4.677 2.871 11.191.04.352.234.576.606.576H9.59c.38 0 .576-.224.615-.576.625-6.514 2.861-7.441 2.861-11.191 0-3.37-2.88-6.016-6.533-6.016C2.881 0 0 2.646 0 6.016Zm1.475 0c0-2.637 2.314-4.541 5.058-4.541 2.744 0 5.059 1.904 5.059 4.54 0 2.803-1.856 3.467-2.735 10.294H4.22c-.89-6.827-2.745-7.49-2.745-10.293Zm1.972 13.877H9.63a.563.563 0 0 0 .566-.577.56.56 0 0 0-.566-.566H3.447a.571.571 0 1 0 0 1.143Zm3.086 2.832c1.514 0 2.774-.743 2.871-1.866H3.672c.068 1.123 1.338 1.866 2.861 1.866Z'/%3e%3c/svg%3e");
}
body:not(.callout-lucide) .callout-icon .lucide-check {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none' viewBox='0 0 17 17'%3e%3cpath fill='black' d='M6.367 16.69c.42 0 .752-.186.987-.547L16.582 1.61c.176-.283.244-.498.244-.722 0-.537-.351-.889-.889-.889-.39 0-.605.127-.84.498L6.329 14.473l-4.55-5.957c-.245-.342-.489-.479-.84-.479-.557 0-.938.381-.938.918 0 .225.098.479.283.713l5.069 6.455c.293.38.595.566 1.015.566Z'/%3e%3c/svg%3e");
}
body:not(.callout-lucide) .callout-icon .lucide-help-circle {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cg fill='black'%3e%3cpath d='M9.96 19.922c5.499 0 9.962-4.463 9.962-9.961S15.459 0 9.96 0 0 4.463 0 9.96c0 5.499 4.463 9.962 9.96 9.962Zm0-1.66c-4.589 0-8.3-3.711-8.3-8.301s3.711-8.3 8.3-8.3c4.59 0 8.302 3.71 8.302 8.3 0 4.59-3.711 8.3-8.301 8.3Z'/%3e%3cpath d='M9.756 11.982c.488 0 .79-.312.79-.693v-.117c0-.547.313-.899.997-1.348.947-.625 1.621-1.191 1.621-2.363 0-1.621-1.445-2.5-3.105-2.5-1.68 0-2.784.8-3.047 1.7a1.584 1.584 0 0 0-.078.478c0 .44.341.673.664.673.332 0 .547-.156.722-.39l.176-.234c.342-.567.85-.899 1.504-.899.889 0 1.465.508 1.465 1.25 0 .664-.41.986-1.26 1.582-.703.488-1.23 1.006-1.23 1.963v.127c0 .508.283.771.78.771Zm-.02 2.91c.567 0 1.055-.449 1.055-1.015 0-.567-.479-1.016-1.055-1.016s-1.054.46-1.054 1.016c0 .557.488 1.016 1.054 1.016Z'/%3e%3c/g%3e%3c/svg%3e");
}
body:not(.callout-lucide) .callout-icon .lucide-alert-triangle {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cg fill='black'%3e%3cpath d='M9.96 19.922c5.499 0 9.962-4.463 9.962-9.961S15.459 0 9.96 0 0 4.463 0 9.96c0 5.499 4.463 9.962 9.96 9.962Zm0-1.66c-4.589 0-8.3-3.711-8.3-8.301s3.711-8.3 8.3-8.3c4.59 0 8.302 3.71 8.302 8.3 0 4.59-3.711 8.3-8.301 8.3Z'/%3e%3cpath d='M9.951 11.719c.46 0 .733-.264.742-.772l.147-5.156c.01-.498-.381-.87-.899-.87-.527 0-.898.362-.888.86l.127 5.166c.01.498.283.772.771.772Zm0 3.174c.557 0 1.045-.45 1.045-1.016 0-.567-.478-1.016-1.045-1.016-.576 0-1.055.46-1.055 1.016 0 .557.489 1.016 1.055 1.016Z'/%3e%3c/g%3e%3c/svg%3e");
}
body:not(.callout-lucide) .callout-icon .lucide-x {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='black' d='M13.993.26.253 14a.875.875 0 0 0 0 1.23.896.896 0 0 0 1.24 0l13.74-13.74a.875.875 0 0 0 0-1.23.87.87 0 0 0-1.24 0ZM15.233 14 1.493.26a.87.87 0 0 0-1.24 0 .884.884 0 0 0 0 1.23l13.74 13.74c.332.333.908.342 1.24 0a.884.884 0 0 0 0-1.23Z'/%3e%3c/svg%3e");
}
body:not(.callout-lucide) .callout-icon .lucide-zap {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='19' fill='none' viewBox='0 0 21 19'%3e%3cg fill='black'%3e%3cpath d='M2.666 18.555h15.137c1.66 0 2.666-1.153 2.666-2.647 0-.459-.137-.937-.381-1.367L12.51 1.338A2.588 2.588 0 0 0 10.234 0C9.336 0 8.457.45 7.96 1.338L.381 14.54c-.264.44-.381.908-.381 1.367 0 1.494 1.006 2.647 2.666 2.647Zm.01-1.534c-.684 0-1.094-.527-1.094-1.123 0-.185.04-.42.147-.625L9.297 2.08c.205-.361.576-.518.937-.518.362 0 .723.157.928.518l7.568 13.203c.108.205.157.43.157.615 0 .596-.43 1.123-1.104 1.123H2.676Z'/%3e%3cpath d='M10.234 11.973c.47 0 .743-.274.752-.782l.137-5.146c.01-.498-.38-.87-.898-.87-.528 0-.899.362-.89.86l.128 5.156c.01.498.283.782.771.782Zm0 3.173c.567 0 1.055-.449 1.055-1.015 0-.576-.479-1.016-1.055-1.016s-1.054.45-1.054 1.016c0 .556.488 1.015 1.054 1.015Z'/%3e%3c/g%3e%3c/svg%3e");
}
body:not(.callout-lucide) .callout-icon .lucide-bug {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' fill='none' viewBox='0 0 23 23'%3e%3cpath fill='black' d='M11.065 22.94c5.156 0 8.583-3.515 8.583-8.818 0-2.93-1.298-5.927-3.369-7.744-.02-2.705-2.08-4.336-5.214-4.336-3.135 0-5.186 1.641-5.206 4.346-2.07 1.816-3.369 4.766-3.369 7.734 0 5.303 3.428 8.819 8.575 8.819Zm0-14.237c1.728 0 3.437-.333 4.55-.83 1.211 1.26 2.5 3.476 2.5 6.25 0 4.374-2.822 7.294-7.05 7.294-4.23 0-7.051-2.92-7.051-7.295 0-2.763 1.279-4.97 2.51-6.25 1.113.498 2.822.83 4.54.83Zm-.674 13.144h1.279V10.538a.642.642 0 0 0-.645-.634.634.634 0 0 0-.634.635v11.308ZM7.949 12.12a1.24 1.24 0 0 0 1.23-1.24 1.23 1.23 0 0 0-1.23-1.23 1.23 1.23 0 0 0-1.22 1.23c0 .674.546 1.24 1.22 1.24Zm-1.162 3.868a1.436 1.436 0 0 0 0-2.871c-.8 0-1.445.644-1.445 1.435a1.44 1.44 0 0 0 1.445 1.436Zm1.162 3.34a1.138 1.138 0 1 0 .01-2.275 1.138 1.138 0 0 0-.01 2.274Zm6.24-7.207c.674 0 1.221-.567 1.221-1.24a1.23 1.23 0 0 0-1.22-1.231c-.684 0-1.231.556-1.231 1.23 0 .674.547 1.24 1.23 1.24Zm1.163 3.867c.79 0 1.445-.645 1.445-1.436 0-.79-.654-1.435-1.445-1.435-.782 0-1.436.644-1.436 1.435s.654 1.436 1.436 1.436Zm-1.162 3.34c.625 0 1.132-.508 1.132-1.133a1.138 1.138 0 1 0-1.133 1.133ZM6.768 1.407l.664.244c.42.146.586.37.507.722l-.117.489 1.436-.01.068-.498c.108-.947-.332-1.65-1.299-1.992L7.256.05c-.967-.332-1.426 1.084-.488 1.358Zm8.603 0c.938-.274.479-1.69-.488-1.358l-.772.313c-.966.341-1.406 1.045-1.299 1.992l.069.498 1.435.01-.117-.489c-.078-.351.088-.576.508-.722l.664-.244ZM4.981 8.195 3.163 6.652c-.361-.303-.83-.342-1.133.02-.293.35-.185.83.176 1.122l1.846 1.553.927-1.152Zm-1.778 4.61-2.402.009c-.489 0-.801.303-.801.742 0 .45.313.752.81.752l2.393-.01v-1.494Zm.791 5.712L2.168 20.05c-.352.293-.459.762-.166 1.123.303.362.762.323 1.133.02l1.797-1.524-.938-1.152ZM17.148 8.195l.938 1.152 1.846-1.553c.351-.293.468-.771.175-1.123-.302-.361-.771-.322-1.132-.02l-1.827 1.544Zm1.788 4.61v1.493l2.392.01c.488 0 .81-.303.81-.752 0-.44-.322-.742-.8-.742l-2.402-.01Zm-.801 5.712-.938 1.143 1.807 1.533c.361.302.83.341 1.133-.02.293-.361.185-.83-.176-1.123l-1.826-1.533Z'/%3e%3c/svg%3e");
}
body:not(.callout-lucide) .callout-icon .lucide-list {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='23' fill='none' viewBox='0 0 19 23'%3e%3cpath fill='black' d='M8.486 4.756c.127 0 .196-.078.215-.195.293-1.582.264-1.66 1.963-1.963.117-.03.195-.098.195-.225 0-.117-.078-.195-.195-.215-1.7-.303-1.67-.38-1.963-1.963C8.681.078 8.613 0 8.486 0s-.195.078-.215.195c-.292 1.582-.263 1.66-1.962 1.963-.127.02-.196.098-.196.215 0 .127.069.195.196.225 1.699.302 1.67.38 1.962 1.963.02.117.088.195.215.195ZM3.76 11.475a.324.324 0 0 0 .332-.303c.351-2.608.44-2.608 3.135-3.125.166-.03.293-.147.293-.332a.32.32 0 0 0-.293-.322c-2.696-.381-2.793-.47-3.135-3.116-.02-.185-.147-.312-.332-.312-.176 0-.303.127-.332.322-.313 2.608-.46 2.598-3.135 3.106-.166.029-.293.146-.293.322 0 .195.127.303.332.332 2.656.43 2.783.498 3.096 3.105.029.196.156.323.332.323Zm6.62 10.8c.255 0 .44-.185.49-.449.693-5.342 1.445-6.162 6.737-6.748.274-.03.46-.224.46-.488 0-.254-.186-.45-.46-.479-5.292-.586-6.044-1.406-6.738-6.757-.049-.264-.234-.44-.488-.44s-.44.176-.479.44c-.693 5.351-1.455 6.171-6.738 6.757-.283.03-.469.225-.469.479 0 .264.186.459.47.488 5.272.694 6.005 1.406 6.737 6.748.04.264.225.45.479.45Z'/%3e%3c/svg%3e");
}
body:not(.callout-lucide) .callout-icon .lucide-quote {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14' fill='none' viewBox='0 0 22 14'%3e%3cpath fill='black' d='M0 4.697c0 2.598 1.934 4.668 4.404 4.668A4.09 4.09 0 0 0 7.48 8.008h.264C7.178 9.854 5.46 11.396 3.33 12.03c-.312.098-.537.186-.674.303a.604.604 0 0 0-.234.508c0 .41.303.693.752.693.322 0 .547-.059.976-.195a8.532 8.532 0 0 0 3.496-2.197c1.31-1.368 2.12-3.194 2.12-5.362C9.766 2.12 7.44 0 4.716 0 2.032 0 0 2.05 0 4.697Zm11.729 0c0 2.598 1.923 4.668 4.404 4.668a4.105 4.105 0 0 0 3.076-1.357h.254c-.557 1.846-2.276 3.388-4.414 4.023-.313.098-.527.186-.664.303a.612.612 0 0 0-.244.508c0 .41.312.693.771.693.303 0 .537-.059.957-.195a8.372 8.372 0 0 0 3.486-2.197c1.329-1.368 2.14-3.194 2.14-5.362C21.494 2.12 19.17 0 16.444 0 13.76 0 11.73 2.05 11.73 4.697Z'/%3e%3c/svg%3e");
}


body {
  --cards-min-width: 160px;
  --cards-max-width: 1fr;
  --cards-mobile-width: 120px;
  --cards-image-height: 400px;
  --cards-image-fit: contain;
  --cards-background: transparent;
  --cards-background-hover: transparent;
  --cards-padding: 4px;
  --cards-aspect-ratio: auto;
  --cards-columns: repeat(auto-fit, minmax(var(--cards-min-width), var(--cards-max-width)));
}

@media (max-width: 400pt) {
  body {
    --cards-min-width: var(--cards-mobile-width);
  }
}
.cards.table-100 table.dataview tbody,
.table-100 .cards table.dataview tbody {
  padding: 0 8px;
}

.cards table.dataview.table-view-table tbody {
  clear: both;
  display: grid;
  grid-template-columns: var(--cards-columns);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: transparent;
}
.cards table.dataview.table-view-table > tbody > tr {
  background-color: var(--cards-background);
  border: var(--table-border-width) solid var(--background-modifier-border);
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: var(--cards-padding);
  border-radius: var(--radius-s);
  overflow: hidden;
  transition: var(--anim-duration-moderate) var(--anim-motion-baseline);
  max-width: var(--cards-max-width);
  height: auto;
}
.cards table.dataview.table-view-table > tbody > tr:hover {
  background-color: var(--cards-background-hover);
}
.cards table.dataview.table-view-table tbody > tr > td {
  text-wrap: wrap;
}
.cards table.dataview.table-view-table tbody > tr > td:first-child {
  font-weight: calc(var(--font-weight) + var(--bold-modifier));
}
.cards table.dataview.table-view-table tbody > tr > td:not(:first-child) {
  font-size: var(--font-small);
  color: var(--text-muted);
}
.cards table.dataview.table-view-table tbody > tr > td {
  
}
.cards table.dataview.table-view-table tbody > tr > td > ul {
  width: 100%;
  margin: 0 auto !important;
}
.cards table.dataview.table-view-table tbody > tr > td img {
  aspect-ratio: var(--cards-aspect-ratio);
  width: 100%;
  object-fit: var(--cards-image-fit);
  max-height: var(--cards-image-height);
  background-color: var(--background-secondary);
  vertical-align: bottom;
}

.markdown-source-view.mod-cm6.cards .dataview.table-view-table > tbody > tr > td,
.trim-cols .cards table.dataview tbody > tr > td {
  white-space: normal;
}

.links-int-on .cards table {
  --link-decoration: none;
}



.cards.table-100 table.dataview thead > tr,
.table-100 .cards table.dataview thead > tr {
  right: 8px;
}

.table-100 .cards table.dataview thead:before,
.cards.table-100 table.dataview thead:before {
  margin-right: 8px;
}

.cards table.dataview thead {
  -webkit-user-select: none;
          user-select: none;
  width: 24px;
  height: 24px;
  float: right;
  position: relative;
  cursor: help;
}
.cards table.dataview thead:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: var(--icon-size);
  height: var(--icon-size);
  background-color: var(--text-faint);
  mask-repeat: no-repeat;
  mask-size: 16px;
  mask-position: center center;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXJvd3MyLWljb24gbHVjaWRlLXJvd3MtMiI+PHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB4PSIzIiB5PSIzIiByeD0iMiIvPjxwYXRoIGQ9Ik0zIDEyaDE4Ii8+PC9zdmc+");
}
.cards table.dataview thead > tr {
  transition: var(--anim-duration-moderate) var(--anim-motion-baseline);
  position: absolute;
  z-index: 1;
  background-color: var(--menu-background);
  corner-shape: var(--menu-corner-shape);
  box-shadow: var(--menu-shadow);
  padding: var(--menu-padding);
  border-radius: var(--menu-radius);
  flex-direction: column;
  margin: 0;
  width: fit-content;
  right: 24px;
  display: flex;
}
.cards table.dataview thead:not(:hover) > tr {
  opacity: 0;
  transform: translateY(-2px);
  pointer-events: none;
}
.cards table.dataview thead > tr > th {
  padding: 6px 12px;
  font-weight: var(--font-normal);
  font-size: var(--font-ui-small);
  white-space: nowrap;
}



.list-cards.markdown-preview-view .list-bullet,
.list-cards.markdown-preview-view .list-collapse-indicator, .list-cards.markdown-preview-view.markdown-rendered.show-indentation-guide li > ul::before {
  display: none;
}
.list-cards.markdown-preview-view div > ul {
  display: grid;
  gap: 8px;
  grid-template-columns: var(--cards-columns);
  padding: 0;
  line-height: var(--line-height-tight);
}
.list-cards.markdown-preview-view div > ul > li.task-list-item > .task-list-item-checkbox {
  margin-inline-start: 4px;
}
.list-cards.markdown-preview-view div > ul > li {
  background-color: var(--cards-background);
  border-radius: var(--radius-s);
  border: var(--table-border-width) solid var(--background-modifier-border);
  overflow: hidden;
  padding: 8px;
  margin-inline-start: 0;
  transition: var(--anim-duration-moderate) var(--anim-motion-baseline);
}
.list-cards.markdown-preview-view div > ul > li:hover {
  background-color: var(--cards-background-hover);
}
.list-cards.markdown-preview-view div > ul .image-embed {
  padding: 0;
  display: block;
}
.list-cards.markdown-preview-view div > ul .image-embed img {
  aspect-ratio: var(--cards-aspect-ratio);
  object-fit: var(--cards-image-fit);
  max-height: var(--cards-image-height);
  background-color: var(--background-secondary);
  vertical-align: bottom;
}
.list-cards.markdown-preview-view div > ul > li > a {
  --link-decoration: none;
  --link-external-decoration: none;
  font-weight: calc(var(--font-weight) + var(--bold-modifier));
}
.list-cards.markdown-preview-view div ul ul {
  display: block;
  width: 100%;
  color: var(--text-muted);
  font-size: var(--font-smallest);
}
.list-cards.markdown-preview-view div ul ul > li {
  display: block;
  margin-inline-start: 0;
}



.cards.cards-16-9,
.list-cards.cards-16-9 {
  --cards-aspect-ratio: 16/9;
}
.cards.cards-1-1,
.list-cards.cards-1-1 {
  --cards-aspect-ratio: 1/1;
}
.cards.cards-2-1,
.list-cards.cards-2-1 {
  --cards-aspect-ratio: 2/1;
}
.cards.cards-2-3,
.list-cards.cards-2-3 {
  --cards-aspect-ratio: 2/3;
}
.cards.cards-cols-1,
.list-cards.cards-cols-1 {
  --cards-columns: repeat(1, minmax(0, 1fr));
}
.cards.cards-cols-2,
.list-cards.cards-cols-2 {
  --cards-columns: repeat(2, minmax(0, 1fr));
}
.cards.cards-cover,
.list-cards.cards-cover {
  --cards-image-fit: cover;
  
}
.cards.cards-cover tbody > tr > td:first-child,
.list-cards.cards-cover tbody > tr > td:first-child {
  padding: 0 !important;
  background-color: var(--background-secondary);
  display: block;
  margin: calc(-1 * var(--cards-padding)) calc(-1 * var(--cards-padding)) 0;
  width: calc(100% + var(--cards-padding) * 2);
}
.cards.cards-cover tbody > tr > td:first-child img,
.list-cards.cards-cover tbody > tr > td:first-child img {
  border-radius: 0;
}
.cards.cards-align-bottom table.dataview tbody > tr > td:last-child,
.list-cards.cards-align-bottom table.dataview tbody > tr > td:last-child {
  margin-top: auto;
}

@media (max-width: 400pt) {
  .cards table.dataview tbody > tr > td:not(:first-child) {
    font-size: 80%;
  }
}
@media (min-width: 400pt) {
  .cards-cols-3 {
    --cards-columns: repeat(3, minmax(0, 1fr));
  }
  .cards-cols-4 {
    --cards-columns: repeat(4, minmax(0, 1fr));
  }
  .cards-cols-5 {
    --cards-columns: repeat(5, minmax(0, 1fr));
  }
  .cards-cols-6 {
    --cards-columns: repeat(6, minmax(0, 1fr));
  }
  .cards-cols-7 {
    --cards-columns: repeat(7, minmax(0, 1fr));
  }
  .cards-cols-8 {
    --cards-columns: repeat(8, minmax(0, 1fr));
  }
}


.table-small {
  --table-text-size: var(--font-smaller);
}

.table-tiny {
  --table-text-size: var(--font-smallest);
}

.row-hover {
  --table-row-background-hover: var(--background-modifier-hover);
  --table-row-alt-background-hover: var(--background-modifier-hover);
}

.row-alt {
  --table-row-alt-background: var(--background-primary);
  --table-row-alt-background-hover: var(--background-primary);
}

.col-alt .markdown-rendered:not(.cards) {
  --table-column-alt-background: var(--background-primary);
}

.table-tabular table:not(.calendar) {
  font-variant-numeric: tabular-nums;
}

.table-center .markdown-preview-sizer table,
.table-center .table-wrapper {
  margin: 0 auto;
}

.table-nowrap {
  --table-white-space: nowrap;
}

.table-nowrap-first table thead > tr > th:first-child,
.table-nowrap-first table tbody > tr > td:first-child {
  --table-white-space: nowrap;
}

.trim-cols,
.table-nowrap .table-wrap {
  --table-white-space: normal;
}

.table-numbers table {
  counter-reset: section;
}
.table-numbers table:not(.table-editor) > :is(thead, tbody) > tr > :is(th, td):first-child, .table-numbers table.table-editor > :is(thead, tbody) > tr > :is(th, td):first-child .table-cell-wrapper {
  position: relative;
  padding-left: 3rem;
}
.table-numbers table:not(.table-editor) tbody > tr > td:first-child::before, .table-numbers table.table-editor tbody > tr > td:first-child .table-cell-wrapper::before {
  display: inline-block;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  counter-increment: section;
  min-width: 2rem;
  content: counter(section);
  color: var(--text-faint);
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.row-lines div:not(.el-table):not(.table-wrapper) > table > tbody > tr > td {
  border-bottom: var(--table-border-width) solid var(--table-border-color);
}
.row-lines div:not(.el-table):not(.table-wrapper) > table > tbody > tr:last-child > td {
  border-bottom: none;
}

.col-lines div:not(.el-table):not(.table-wrapper) > table > tbody > tr > td {
  border-right: var(--table-border-width) solid var(--table-border-color);
}
.col-lines div:not(.el-table):not(.table-wrapper) > table > tbody > tr > td:last-child {
  border-right: none;
}




.theme-light img[src$="#blend"],
.theme-light div[src$="#blend"] img,
.theme-light span[src$="#blend"] img {
  mix-blend-mode: multiply;
}
.theme-light img[src$="#invertW"],
.theme-light div[src$="#invertW"] img,
.theme-light span[src$=invertW] img {
  filter: invert(1) hue-rotate(180deg);
}
.theme-light .img-blend {
  mix-blend-mode: multiply;
}

.theme-dark div[src$="#invert"],
.theme-dark div[src$="#blend"] {
  background-color: var(--background-primary);
}
.theme-dark img[src$="#invert"],
.theme-dark div[src$="#invert"] img,
.theme-dark span[src$="#invert"] img {
  filter: invert(1) hue-rotate(180deg);
  mix-blend-mode: screen;
}
.theme-dark img[src$="#blend"],
.theme-dark div[src$="#blend"] img,
.theme-dark span[src$="#blend"] img {
  mix-blend-mode: screen;
}
.theme-dark .img-blend {
  mix-blend-mode: screen;
}


img[alt=left]:not(.emoji),
div[alt=left]:not(.emoji),
span[alt=left] img:not(.emoji) {
  display: block;
  justify-self: left;
}

img[alt=center]:not(.emoji),
div[alt=center]:not(.emoji),
span[alt=center] img:not(.emoji) {
  display: block;
  justify-self: center;
}

img[alt=right]:not(.emoji),
div[alt=right]:not(.emoji),
span[alt=right] img:not(.emoji) {
  display: block;
  justify-self: right;
}


img[src$="#circle"]:not(.emoji),
div[src$="#circle"]:not(.emoji),
span[src$="#circle"]:not(.emoji),
img[src$="#circle"] img:not(.emoji),
div[src$="#circle"] img:not(.emoji),
span[src$="#round"] img:not(.emoji) {
  border-radius: 50% !important;
  aspect-ratio: 1/1;
  object-fit: cover;
}


img[src$="#outline"],
div[src$="#outline"] img,
span[src$="#outline"] img {
  border: var(--border-width) solid var(--background-modifier-border);
}


img[src$="#interface"],
div[src$="#interface"],
span[src$="#interface"] img {
  border: var(--border-width) solid var(--background-modifier-border);
  box-shadow: var(--shadow-l);
  border-radius: var(--radius-m);
}

body.colorful-folders-side .nav-files-container > div > .nav-folder {
  position: relative;
}
body.colorful-folders-side .nav-files-container > div > .nav-folder::before {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 8px;
  border-radius: var(--radius-s);
  width: 4px;
  height: -webkit-fill-available;
  height: stretch;
  content: "";
}

body.colorful-folders-dot .nav-files-container > div > .nav-folder > .nav-folder-title > .collapse-icon::before {
  width: 8px;
  height: 8px;
  border-radius: var(--radius-s);
  content: "";
}

body:is(.colorful-folders-side, .colorful-folders-dot) .nav-files-container > div > .nav-folder > .nav-folder-title > .collapse-icon svg {
  display: none;
}
body:is(.colorful-folders-side, .colorful-folders-dot) .nav-files-container > div > .nav-folder:nth-child(8n+2)::before,
body:is(.colorful-folders-side, .colorful-folders-dot) .nav-files-container > div > .nav-folder:nth-child(8n+2) > .nav-folder-title > .collapse-icon::before {
  background-color: var(--color-red);
}
body:is(.colorful-folders-side, .colorful-folders-dot) .nav-files-container > div > .nav-folder:nth-child(8n+3)::before,
body:is(.colorful-folders-side, .colorful-folders-dot) .nav-files-container > div > .nav-folder:nth-child(8n+3) > .nav-folder-title > .collapse-icon::before {
  background-color: var(--color-orange);
}
body:is(.colorful-folders-side, .colorful-folders-dot) .nav-files-container > div > .nav-folder:nth-child(8n+4)::before,
body:is(.colorful-folders-side, .colorful-folders-dot) .nav-files-container > div > .nav-folder:nth-child(8n+4) > .nav-folder-title > .collapse-icon::before {
  background-color: var(--color-yellow);
}
body:is(.colorful-folders-side, .colorful-folders-dot) .nav-files-container > div > .nav-folder:nth-child(8n+5)::before,
body:is(.colorful-folders-side, .colorful-folders-dot) .nav-files-container > div > .nav-folder:nth-child(8n+5) > .nav-folder-title > .collapse-icon::before {
  background-color: var(--color-green);
}
body:is(.colorful-folders-side, .colorful-folders-dot) .nav-files-container > div > .nav-folder:nth-child(8n+6)::before,
body:is(.colorful-folders-side, .colorful-folders-dot) .nav-files-container > div > .nav-folder:nth-child(8n+6) > .nav-folder-title > .collapse-icon::before {
  background-color: var(--color-cyan);
}
body:is(.colorful-folders-side, .colorful-folders-dot) .nav-files-container > div > .nav-folder:nth-child(8n+7)::before,
body:is(.colorful-folders-side, .colorful-folders-dot) .nav-files-container > div > .nav-folder:nth-child(8n+7) > .nav-folder-title > .collapse-icon::before {
  background-color: var(--color-blue);
}
body:is(.colorful-folders-side, .colorful-folders-dot) .nav-files-container > div > .nav-folder:nth-child(8n+8)::before,
body:is(.colorful-folders-side, .colorful-folders-dot) .nav-files-container > div > .nav-folder:nth-child(8n+8) > .nav-folder-title > .collapse-icon::before {
  background-color: var(--color-purple);
}
body:is(.colorful-folders-side, .colorful-folders-dot) .nav-files-container > div > .nav-folder:nth-child(8n+9)::before,
body:is(.colorful-folders-side, .colorful-folders-dot) .nav-files-container > div > .nav-folder:nth-child(8n+9) > .nav-folder-title > .collapse-icon::before {
  background-color: var(--color-pink);
}

body.colorful-folders-frame .nav-files-container > div > .nav-folder {
  --nav-item-tint: 75%;
  box-shadow: inset 0 0 0 var(--border-width) var(--nav-item-color);
}

body:is(.colorful-folders-subtle, .colorful-folders-frame) .nav-files-container {
  --collapse-icon-color: var(--text-normal);
}
body:is(.colorful-folders-subtle, .colorful-folders-frame) .nav-files-container > div > .nav-folder {
  border-radius: var(--radius-s);
  --nav-item-color-hover: var(--nav-item-color);
  --nav-collapse-icon-color: var(--nav-item-color);
}
body:is(.colorful-folders-subtle, .colorful-folders-frame) .nav-files-container > div > .nav-folder:nth-child(8n+2) {
  --nav-item-color: color-mix(in srgb, var(--color-red) var(--nav-item-tint), var(--text-normal));
  background-color: hsl(from var(--color-red) h s l/0.15);
}
body:is(.colorful-folders-subtle, .colorful-folders-frame) .nav-files-container > div > .nav-folder:nth-child(8n+3) {
  --nav-item-color: color-mix(in srgb, var(--color-orange) var(--nav-item-tint), var(--text-normal));
  background-color: hsl(from var(--color-orange) h s l/0.15);
}
body:is(.colorful-folders-subtle, .colorful-folders-frame) .nav-files-container > div > .nav-folder:nth-child(8n+4) {
  --nav-item-color: color-mix(in srgb, var(--color-yellow) var(--nav-item-tint), var(--text-normal));
  background-color: hsl(from var(--color-yellow) h s l/0.15);
}
body:is(.colorful-folders-subtle, .colorful-folders-frame) .nav-files-container > div > .nav-folder:nth-child(8n+5) {
  --nav-item-color: color-mix(in srgb, var(--color-green) var(--nav-item-tint), var(--text-normal));
  background-color: hsl(from var(--color-green) h s l/0.15);
}
body:is(.colorful-folders-subtle, .colorful-folders-frame) .nav-files-container > div > .nav-folder:nth-child(8n+6) {
  --nav-item-color: color-mix(in srgb, var(--color-cyan) var(--nav-item-tint), var(--text-normal));
  background-color: hsl(from var(--color-cyan) h s l/0.15);
}
body:is(.colorful-folders-subtle, .colorful-folders-frame) .nav-files-container > div > .nav-folder:nth-child(8n+7) {
  --nav-item-color: color-mix(in srgb, var(--color-blue) var(--nav-item-tint), var(--text-normal));
  background-color: hsl(from var(--color-blue) h s l/0.15);
}
body:is(.colorful-folders-subtle, .colorful-folders-frame) .nav-files-container > div > .nav-folder:nth-child(8n+8) {
  --nav-item-color: color-mix(in srgb, var(--color-purple) var(--nav-item-tint), var(--text-normal));
  background-color: hsl(from var(--color-purple) h s l/0.15);
}
body:is(.colorful-folders-subtle, .colorful-folders-frame) .nav-files-container > div > .nav-folder:nth-child(8n+9) {
  --nav-item-color: color-mix(in srgb, var(--color-pink) var(--nav-item-tint), var(--text-normal));
  background-color: hsl(from var(--color-pink) h s l/0.15);
}

body.colorful-folders-strong .nav-files-container {
  --collapse-icon-color: var(--text-normal);
}
body.colorful-folders-strong .nav-files-container > div > .nav-folder {
  border-radius: var(--radius-s);
  --nav-item-color: white;
  --nav-item-color-hover: var(--nav-item-color);
  --nav-item-color-active: var(--nav-item-color);
  --nav-collapse-icon-color: var(--nav-item-color);
}
body.colorful-folders-strong .nav-files-container > div > .nav-folder:nth-child(8n+2) {
  background-color: var(--color-red);
}
body.colorful-folders-strong .nav-files-container > div > .nav-folder:nth-child(8n+3) {
  background-color: var(--color-orange);
}
body.colorful-folders-strong .nav-files-container > div > .nav-folder:nth-child(8n+4) {
  background-color: var(--color-yellow);
}
body.colorful-folders-strong .nav-files-container > div > .nav-folder:nth-child(8n+5) {
  background-color: var(--color-green);
}
body.colorful-folders-strong .nav-files-container > div > .nav-folder:nth-child(8n+6) {
  background-color: var(--color-cyan);
}
body.colorful-folders-strong .nav-files-container > div > .nav-folder:nth-child(8n+7) {
  background-color: var(--color-blue);
}
body.colorful-folders-strong .nav-files-container > div > .nav-folder:nth-child(8n+8) {
  background-color: var(--color-purple);
}
body.colorful-folders-strong .nav-files-container > div > .nav-folder:nth-child(8n+9) {
  background-color: var(--color-pink);
}

body.colorful-folders-mono .nav-files-container {
  --collapse-icon-color: var(--text-normal);
}
body.colorful-folders-mono .nav-files-container > div > .nav-folder {
  border-radius: var(--radius-s);
  --nav-item-color: var(--text-normal);
}
body.colorful-folders-mono .nav-files-container > div > .nav-folder:nth-child(8n+2) {
  background-color: hsl(from var(--mono-100) h s l/0.24);
}
body.colorful-folders-mono .nav-files-container > div > .nav-folder:nth-child(8n+3) {
  background-color: hsl(from var(--mono-100) h s l/0.21);
}
body.colorful-folders-mono .nav-files-container > div > .nav-folder:nth-child(8n+4) {
  background-color: hsl(from var(--mono-100) h s l/0.18);
}
body.colorful-folders-mono .nav-files-container > div > .nav-folder:nth-child(8n+5) {
  background-color: hsl(from var(--mono-100) h s l/0.15);
}
body.colorful-folders-mono .nav-files-container > div > .nav-folder:nth-child(8n+6) {
  background-color: hsl(from var(--mono-100) h s l/0.12);
}
body.colorful-folders-mono .nav-files-container > div > .nav-folder:nth-child(8n+7) {
  background-color: hsl(from var(--mono-100) h s l/0.09);
}
body.colorful-folders-mono .nav-files-container > div > .nav-folder:nth-child(8n+8) {
  background-color: hsl(from var(--mono-100) h s l/0.06);
}
body.colorful-folders-mono .nav-files-container > div > .nav-folder:nth-child(8n+9) {
  background-color: hsl(from var(--mono-100) h s l/0.03);
}

@media screen, print {
  body.colorful-headings-text .markdown-rendered h1,
  body.colorful-headings-text .HyperMD-header-1 {
    color: color-mix(in srgb, var(--h1-color, var(--color-red)) 75%, var(--color-base-100));
  }
  body.colorful-headings-text .markdown-rendered h2,
  body.colorful-headings-text .HyperMD-header-2 {
    color: color-mix(in srgb, var(--h2-color, var(--color-orange)) 75%, var(--color-base-100));
  }
  body.colorful-headings-text .markdown-rendered h3,
  body.colorful-headings-text .HyperMD-header-3 {
    color: color-mix(in srgb, var(--h3-color, var(--color-yellow)) 75%, var(--color-base-100));
  }
  body.colorful-headings-text .markdown-rendered h4,
  body.colorful-headings-text .HyperMD-header-4 {
    color: color-mix(in srgb, var(--h4-color, var(--color-green)) 75%, var(--color-base-100));
  }
  body.colorful-headings-text .markdown-rendered h5,
  body.colorful-headings-text .HyperMD-header-5 {
    color: color-mix(in srgb, var(--h5-color, var(--color-blue)) 75%, var(--color-base-100));
  }
  body.colorful-headings-text .markdown-rendered h6,
  body.colorful-headings-text .HyperMD-header-6 {
    color: color-mix(in srgb, var(--h6-color, var(--color-purple)) 75%, var(--color-base-100));
  }
  body.colorful-headings-dot .markdown-rendered :is(h1, h2, h3, h4, h5, h6):not(:hover) .heading-collapse-indicator,
  body.colorful-headings-dot .cm-line.HyperMD-header:not(:hover) .heading-collapse-indicator {
    opacity: 1;
  }
  body.colorful-headings-dot .markdown-rendered :is(h1, h2, h3, h4, h5, h6):not(:hover) .heading-collapse-indicator svg.svg-icon,
  body.colorful-headings-dot .cm-line.HyperMD-header:not(:hover) .heading-collapse-indicator svg.svg-icon {
    border-radius: 100vh;
  }
  body.colorful-headings-dot .markdown-rendered h1:not(:hover) .heading-collapse-indicator svg.svg-icon,
  body.colorful-headings-dot .HyperMD-header-1:not(:hover) .heading-collapse-indicator svg.svg-icon {
    color: var(--h1-color, var(--color-red));
    background-color: var(--h1-color, var(--color-red));
  }
  body.colorful-headings-dot .markdown-rendered h2:not(:hover) .heading-collapse-indicator svg.svg-icon,
  body.colorful-headings-dot .HyperMD-header-2:not(:hover) .heading-collapse-indicator svg.svg-icon {
    color: var(--h2-color, var(--color-orange));
    background-color: var(--h2-color, var(--color-orange));
  }
  body.colorful-headings-dot .markdown-rendered h3:not(:hover) .heading-collapse-indicator svg.svg-icon,
  body.colorful-headings-dot .HyperMD-header-3:not(:hover) .heading-collapse-indicator svg.svg-icon {
    color: var(--h3-color, var(--color-yellow));
    background-color: var(--h3-color, var(--color-yellow));
  }
  body.colorful-headings-dot .markdown-rendered h4:not(:hover) .heading-collapse-indicator svg.svg-icon,
  body.colorful-headings-dot .HyperMD-header-4:not(:hover) .heading-collapse-indicator svg.svg-icon {
    color: var(--h4-color, var(--color-green));
    background-color: var(--h4-color, var(--color-green));
  }
  body.colorful-headings-dot .markdown-rendered h5:not(:hover) .heading-collapse-indicator svg.svg-icon,
  body.colorful-headings-dot .HyperMD-header-5:not(:hover) .heading-collapse-indicator svg.svg-icon {
    color: var(--h5-color, var(--color-blue));
    background-color: var(--h5-color, var(--color-blue));
  }
  body.colorful-headings-dot .markdown-rendered h6:not(:hover) .heading-collapse-indicator svg.svg-icon,
  body.colorful-headings-dot .HyperMD-header-6:not(:hover) .heading-collapse-indicator svg.svg-icon {
    color: var(--h6-color, var(--color-purple));
    background-color: var(--h6-color, var(--color-purple));
  }
  body.colorful-headings-side .markdown-rendered :is(h1, h2, h3, h4, h5, h6),
  body.colorful-headings-side .cm-line.HyperMD-header {
    position: relative;
    padding-inline-start: var(--font-ui-smaller);
  }
  body.colorful-headings-side .markdown-rendered :is(h1, h2, h3, h4, h5, h6)::before,
  body.colorful-headings-side .cm-line.HyperMD-header::before {
    pointer-events: none;
    display: inline-flex;
    border-radius: var(--radius-s);
    width: 4px;
    inset-block: 0;
    content: "";
    position: absolute;
    inset-inline-start: 0;
    transition: var(--anim-duration-moderate) var(--anim-motion-baseline);
  }
  body.colorful-headings-side .HyperMD-header:not(.cm-line.HyperMD-header + .cm-line:not(.HyperMD-header):has(> br:only-child) + .cm-line.HyperMD-header)::before {
    margin-top: var(--p-spacing);
  }
  body.colorful-headings-side .markdown-rendered h1::before,
  body.colorful-headings-side .HyperMD-header-1::before {
    background-color: var(--h1-color, var(--color-red));
  }
  body.colorful-headings-side .markdown-rendered h2::before,
  body.colorful-headings-side .HyperMD-header-2::before {
    background-color: var(--h2-color, var(--color-orange));
  }
  body.colorful-headings-side .markdown-rendered h3::before,
  body.colorful-headings-side .HyperMD-header-3::before {
    background-color: var(--h3-color, var(--color-yellow));
  }
  body.colorful-headings-side .markdown-rendered h4::before,
  body.colorful-headings-side .HyperMD-header-4::before {
    background-color: var(--h4-color, var(--color-green));
  }
  body.colorful-headings-side .markdown-rendered h5::before,
  body.colorful-headings-side .HyperMD-header-5::before {
    background-color: var(--h5-color, var(--color-blue));
  }
  body.colorful-headings-side .markdown-rendered h6::before,
  body.colorful-headings-side .HyperMD-header-6::before {
    background-color: var(--h6-color, var(--color-purple));
  }
  body.colorful-headings-side .heading-collapse-indicator,
  body.colorful-headings-background .heading-collapse-indicator {
    inset-inline-start: 0;
  }
  body.colorful-headings-side .cm-active .heading-collapse-indicator,
  body.colorful-headings-background .cm-active .heading-collapse-indicator {
    inset-inline-start: -32px;
  }
  body.colorful-headings-side.colorful-headings-background .markdown-rendered :is(h1, h2, h3, h4, h5, h6),
  body.colorful-headings-side.colorful-headings-background .cm-line.HyperMD-header {
    padding-inline-start: var(--font-ui-smaller);
  }
  body.colorful-headings-background .markdown-rendered :is(h1, h2, h3, h4, h5, h6),
  body.colorful-headings-background .cm-line.HyperMD-header {
    position: relative;
    padding-inline: 8px;
  }
  body.colorful-headings-background .markdown-rendered :is(h1, h2, h3, h4, h5, h6)::after,
  body.colorful-headings-background .cm-line.HyperMD-header::after {
    pointer-events: none;
    display: inline-flex;
    border-radius: var(--radius-s);
    inset: -4px 0;
    content: "";
    position: absolute;
    max-width: 100cqw;
    transition: var(--anim-duration-moderate) var(--anim-motion-baseline);
  }
  body.colorful-headings-background .markdown-source-view:not(.is-live-preview) .cm-line.HyperMD-header::after {
    inset-block: 0;
  }
  body.colorful-headings-background .HyperMD-header:not(.cm-line.HyperMD-header + .cm-line:not(.HyperMD-header):has(> br:only-child) + .cm-line.HyperMD-header)::after {
    margin-top: var(--p-spacing);
  }
  body.colorful-headings-background .markdown-rendered h1::after,
  body.colorful-headings-background .HyperMD-header-1::after {
    background-color: hsl(from var(--h1-color, var(--color-red)) h s l/10%);
  }
  body.colorful-headings-background .markdown-rendered h2::after,
  body.colorful-headings-background .HyperMD-header-2::after {
    background-color: hsl(from var(--h2-color, var(--color-orange)) h s l/10%);
  }
  body.colorful-headings-background .markdown-rendered h3::after,
  body.colorful-headings-background .HyperMD-header-3::after {
    background-color: hsl(from var(--h3-color, var(--color-yellow)) h s l/10%);
  }
  body.colorful-headings-background .markdown-rendered h4::after,
  body.colorful-headings-background .HyperMD-header-4::after {
    background-color: hsl(from var(--h4-color, var(--color-green)) h s l/10%);
  }
  body.colorful-headings-background .markdown-rendered h5::after,
  body.colorful-headings-background .HyperMD-header-5::after {
    background-color: hsl(from var(--h5-color, var(--color-blue)) h s l/10%);
  }
  body.colorful-headings-background .markdown-rendered h6::after,
  body.colorful-headings-background .HyperMD-header-6::after {
    background-color: hsl(from var(--h6-color, var(--color-purple)) h s l/10%);
  }
  body.colorful-headings-background:not(.colorful-headings-full-width) .markdown-rendered :is(h1, h2, h3, h4, h5, h6),
  body.colorful-headings-background:not(.colorful-headings-full-width) .HyperMD-header {
    width: fit-content;
    max-width: 100%;
  }
  body.colorful-headings-background:not(.colorful-headings-full-width) .markdown-rendered h1,
  body.colorful-headings-background:not(.colorful-headings-full-width) .HyperMD-header-1 {
    justify-self: var(--h1-align);
  }
  body.colorful-headings-background:not(.colorful-headings-full-width) .markdown-rendered h2,
  body.colorful-headings-background:not(.colorful-headings-full-width) .HyperMD-header-2 {
    justify-self: var(--h2-align);
  }
  body.colorful-headings-background:not(.colorful-headings-full-width) .markdown-rendered h3,
  body.colorful-headings-background:not(.colorful-headings-full-width) .HyperMD-header-3 {
    justify-self: var(--h3-align);
  }
  body.colorful-headings-background:not(.colorful-headings-full-width) .markdown-rendered h4,
  body.colorful-headings-background:not(.colorful-headings-full-width) .HyperMD-header-4 {
    justify-self: var(--h4-align);
  }
  body.colorful-headings-background:not(.colorful-headings-full-width) .markdown-rendered h5,
  body.colorful-headings-background:not(.colorful-headings-full-width) .HyperMD-header-5 {
    justify-self: var(--h5-align);
  }
  body.colorful-headings-background:not(.colorful-headings-full-width) .markdown-rendered h6,
  body.colorful-headings-background:not(.colorful-headings-full-width) .HyperMD-header-6 {
    justify-self: var(--h6-align);
  }
}
body:not(.is-mobile):not(.is-translucent).colorful-frame {
  --colorful-frame-icon-color: #ffffff;
}
body:not(.is-mobile):not(.is-translucent).colorful-frame:is(.layout-cards, .layout-border) .workspace-ribbon, body:not(.is-mobile):not(.is-translucent).colorful-frame:is(.layout-baseline, .layout-classic, .layout-cards, .layout-border) .workspace-ribbon .sidebar-toggle-button, body:not(.is-mobile):not(.is-translucent).colorful-frame:is(.layout-baseline, .layout-classic, .layout-border) .workspace-tabs.mod-top .workspace-tab-header-container, body:not(.is-mobile):not(.is-translucent).colorful-frame.layout-cards .workspace-tabs .workspace-tab-header-container, body:not(.is-mobile):not(.is-translucent).colorful-frame.layout-minimal .workspace-split:not(.mod-left-split) .workspace-tabs.mod-top .workspace-tab-header-container {
  --icon-color: hsl(from var(--colorful-frame-icon-color) h s l / 0.7);
  --icon-color-hover: var(--colorful-frame-icon-color);
  --icon-color-active: var(--colorful-frame-icon-color);
  --icon-color-focused: var(--colorful-frame-icon-color);
}
body:not(.is-mobile):not(.is-translucent).colorful-frame:is(.layout-baseline, .layout-classic, .layout-border) .workspace-tabs.mod-top .workspace-tab-header-container-inner, body:not(.is-mobile):not(.is-translucent).colorful-frame.layout-cards .workspace-split .workspace-tabs .workspace-tab-header-container-inner, body:not(.is-mobile):not(.is-translucent).colorful-frame.layout-minimal .workspace-split:not(.mod-left-split) .workspace-tabs.mod-top .workspace-tab-header-container-inner {
  --tab-text-color: hsl(from var(--colorful-frame-icon-color) h s l / 0.5);
  --tab-text-color-active: hsl(from var(--colorful-frame-icon-color) h s l / 0.7);
  --tab-text-color-focused: hsl(from var(--colorful-frame-icon-color) h s l / 0.7);
  --tab-text-color-focused-active: var(--colorful-frame-icon-color);
}
body:not(.is-mobile):not(.is-translucent).colorful-frame.tab-top-left-stacked:not(.theme-light.contrast-light-vivid) .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-container-inner {
  --colorful-frame-icon-color: initial;
}
body:not(.is-mobile):not(.is-translucent).colorful-frame:is(.layout-baseline, .layout-classic, .layout-minimal, .layout-cards, .layout-border).tab-default .mod-root .workspace-tabs.mod-top .workspace-tab-header.is-active {
  --tab-text-color: initial;
  --tab-text-color-active: initial;
  --tab-text-color-focused: initial;
  --tab-text-color-focused-active: initial;
}
body:not(.is-mobile):not(.is-translucent).colorful-frame:is(.layout-baseline, .layout-classic, .layout-minimal) .workspace {
  background-image: linear-gradient(var(--colorful-frame-background, var(--color-accent)) calc(var(--header-height) - var(--tab-outline-width)), transparent calc(var(--header-height) - var(--tab-outline-width)));
}
body:not(.is-mobile):not(.is-translucent).colorful-frame:is(.layout-baseline, .layout-classic) .workspace-ribbon .side-dock-actions, body:not(.is-mobile):not(.is-translucent).colorful-frame:is(.layout-baseline, .layout-classic).tab-top-left-stacked .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-container-inner {
  margin-top: 8px;
}
body:not(.is-mobile):not(.is-translucent).colorful-frame:is(.layout-classic, .layout-minimal) .workspace-split > .workspace-leaf-resize-handle {
  top: var(--header-height);
}
body:not(.is-mobile):not(.is-translucent).colorful-frame:is(.layout-cards, .layout-border, .layout-frame) .workspace {
  background: var(--colorful-frame-background, var(--color-accent));
}
body:not(.is-mobile):not(.is-translucent).colorful-frame.layout-cards.tab-left-compact .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container:not(:hover) .workspace-tab-header, body:not(.is-mobile):not(.is-translucent).colorful-frame.layout-cards.tab-right-compact .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container:not(:hover) .workspace-tab-header {
  background-color: hsl(from var(--colorful-frame-icon-color) h s l/0.5);
}
body:not(.is-mobile):not(.is-translucent).colorful-frame.layout-macos .workspace, body:not(.is-mobile):not(.is-translucent).colorful-frame.layout-macos .vertical-tab-header {
  background-color: color-mix(in srgb, var(--background-primary-alt), var(--colorful-frame-background, var(--color-accent)) 2%);
}
body:not(.is-mobile):not(.is-translucent).colorful-frame.layout-fusion .mod-sidedock {
  background-color: color-mix(in srgb, var(--blur-background), var(--colorful-frame-background, var(--color-accent)) 2%);
}
body:not(.is-mobile):not(.is-translucent).colorful-frame:is(.layout-baseline, .layout-classic, .layout-cards, .layout-border, .layout-frame).is-frameless:not(.is-hidden-frameless) .titlebar {
  --titlebar-text-color: hsl(from var(--colorful-frame-icon-color) h s l / 0.7);
  --titlebar-text-color-focused: var(--colorful-frame-icon-color);
  border-bottom: none;
  background: var(--colorful-frame-background, var(--color-accent));
}
body:not(.is-mobile):not(.is-translucent).colorful-frame:is(.layout-baseline, .layout-classic, .layout-minimal, .layout-cards, .layout-border, .layout-frame).is-frameless .titlebar {
  --titlebar-text-color: hsl(from var(--colorful-frame-icon-color) h s l / 0.7);
  --titlebar-text-color-focused: var(--colorful-frame-icon-color);
}
body:not(.is-mobile):not(.is-translucent).colorful-frame:is(.tab-underline, .tab-underline-accented):not(.layout-cards, .layout-border) .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header {
  margin-bottom: var(--divider-width);
}
body:not(.is-mobile):not(.is-translucent).colorful-frame:is(.tab-underline, .tab-underline-accented):not(.layout-cards, .layout-border) .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active {
  border-color: var(--tab-text-color-focused-active);
}

body.focus-view:not(.is-mobile):not(.is-popout-window) .workspace:not(.is-primary-sidedock-open):not(.is-secondary-sidedock-open) {
  --ribbon-width: 0px;
  --ribbon-padding: 0px;
  --view-top-spacing-markdown: var(--header-height);
  --file-margins: calc(var(--file-margins-y) + var(--header-height)) var(--file-margins-y);
}
body.focus-view:not(.is-mobile):not(.is-popout-window) .workspace:not(.is-primary-sidedock-open):not(.is-secondary-sidedock-open) .workspace-tab-header-container {
  height: 0;
  border-width: 0px;
}
body.focus-view:not(.is-mobile):not(.is-popout-window) .workspace:not(.is-primary-sidedock-open):not(.is-secondary-sidedock-open) .workspace-tab-header-container > div:not(.sidebar-toggle-button) {
  opacity: 0;
}
body.focus-view:not(.is-mobile):not(.is-popout-window) .workspace:not(.is-primary-sidedock-open):not(.is-secondary-sidedock-open) .view-header {
  -webkit-app-region: drag;
  position: absolute;
  left: calc(var(--frame-left-space) + var(--tab-action-width));
  right: calc(var(--frame-right-space) + var(--tab-action-width));
  background-color: transparent;
  transition: var(--anim-duration-fast);
}
body.focus-view:not(.is-mobile):not(.is-popout-window) .workspace:not(.is-primary-sidedock-open):not(.is-secondary-sidedock-open) .view-header:not(:hover) {
  opacity: 0.5;
}
body.focus-view:not(.is-mobile):not(.is-popout-window) .workspace:not(.is-primary-sidedock-open):not(.is-secondary-sidedock-open) .workspace-leaf-content:not([data-type=markdown]) > .view-content {
  margin-top: var(--header-height);
}
body.focus-view:not(.is-mobile):not(.is-popout-window) .workspace:not(.is-primary-sidedock-open):not(.is-secondary-sidedock-open) .sidebar-toggle-button {
  position: absolute;
  height: var(--header-height);
  z-index: 1;
}
body.focus-view:not(.is-mobile):not(.is-popout-window) .workspace:not(.is-primary-sidedock-open):not(.is-secondary-sidedock-open) .sidebar-toggle-button.mod-left {
  left: calc(var(--frame-left-space) + 8px);
}
body.focus-view:not(.is-mobile):not(.is-popout-window) .workspace:not(.is-primary-sidedock-open):not(.is-secondary-sidedock-open) .sidebar-toggle-button.mod-right {
  right: calc(var(--frame-right-space) + 8px);
}
body.focus-view:not(.is-mobile):not(.is-popout-window) .workspace:not(.is-primary-sidedock-open):not(.is-secondary-sidedock-open) .sidebar-toggle-button:not(:hover) {
  opacity: 0.5;
}

body.focus-view.mod-macos:not(.is-mobile):not(.is-popout-window).is-hidden-frameless .workspace:not(.is-primary-sidedock-open):not(.is-secondary-sidedock-open) .mod-root {
  --frame-left-space: 80px;
}

body.focus-view.mod-macos:not(.is-mobile):not(.is-popout-window):not(.is-hidden-frameless) .workspace:not(.is-primary-sidedock-open):not(.is-secondary-sidedock-open) .mod-root {
  --frame-left-space: 0px;
}

body.focus-view:not(.mod-macos):not(.is-mobile):not(.is-popout-window):not(.is-hidden-frameless) .workspace:not(.is-primary-sidedock-open):not(.is-secondary-sidedock-open) .mod-root {
  --frame-right-space: 0px;
}

body:not(.is-mobile) {
  --hover-sidedock-width: 320px;
  --hover-sidedock-delay: 160ms;
  --hover-sidedock-trigger-area: 4px;
}

body:not(.is-mobile).hover-sidedock .mod-sidedock.is-sidedock-collapsed.mod-left-split:hover + .mod-root div:is(.workspace-tab-header-container, .workspace-tab-header-container-inner),
body:not(.is-mobile).hover-sidedock .mod-root:has(+ .mod-sidedock.is-sidedock-collapsed.mod-right-split:hover) div:is(.workspace-tab-header-container, .workspace-tab-header-container-inner),
body:not(.is-mobile).hover-sidedock .mod-sidedock.is-sidedock-collapsed div:is(.workspace-tab-header-container, .workspace-tab-header-container-inner),
body:not(.is-mobile).hover-ribbon .workspace-ribbon:hover ~ .mod-root div:is(.workspace-tab-header-container, .workspace-tab-header-container-inner) {
  -webkit-app-region: no-drag;
}

body:not(.is-mobile).hover-sidedock .mod-sidedock.is-sidedock-collapsed[style*=display] {
  display: flex !important;
  position: absolute;
  opacity: 0;
  z-index: 11;
  margin: 0;
  border: none;
  background-color: transparent;
  width: var(--hover-sidedock-width) !important;
  overflow: visible;
}
body:not(.is-mobile).hover-sidedock .mod-sidedock.is-sidedock-collapsed[style*=display] .workspace-tabs {
  visibility: visible;
}
body:not(.is-mobile).hover-sidedock .mod-sidedock.is-sidedock-collapsed[style*=display].mod-left-split {
  transform: translateX(calc(-1 * (var(--hover-sidedock-width) - var(--hover-sidedock-trigger-area))));
}
body:not(.is-mobile).hover-sidedock .mod-sidedock.is-sidedock-collapsed[style*=display].mod-right-split {
  transform: translateX(calc(var(--hover-sidedock-width) - var(--hover-sidedock-trigger-area)));
}
body:not(.is-mobile).hover-sidedock .mod-sidedock.is-sidedock-collapsed[style*=display].mod-left-split, body:not(.is-mobile).hover-sidedock .mod-sidedock.is-sidedock-collapsed[style*=display].mod-left-split::before {
  right: auto;
  left: 0;
}
body:not(.is-mobile).hover-sidedock .mod-sidedock.is-sidedock-collapsed[style*=display].mod-right-split, body:not(.is-mobile).hover-sidedock .mod-sidedock.is-sidedock-collapsed[style*=display].mod-right-split::before {
  right: 0;
  left: auto;
}
body:not(.is-mobile).hover-sidedock .mod-sidedock.is-sidedock-collapsed[style*=display]::before {
  position: absolute;
  z-index: 0;
  transition: var(--anim-duration-moderate);
  inset-block: 0;
  width: 150%;
  content: "";
  pointer-events: none;
}
body:not(.is-mobile).hover-sidedock .mod-sidedock.is-sidedock-collapsed[style*=display].mod-left-split::before {
  background: linear-gradient(to right, var(--background-primary) 50%, transparent);
}
body:not(.is-mobile).hover-sidedock .mod-sidedock.is-sidedock-collapsed[style*=display].mod-right-split::before {
  background: linear-gradient(to left, var(--background-primary) 50%, transparent);
}
body:not(.is-mobile).hover-sidedock.hover-sidedock-solid .mod-sidedock.is-sidedock-collapsed[style*=display]::before {
  width: 100%;
  background: var(--background-primary) !important;
  box-shadow: var(--shadow-s);
}
body:not(.is-mobile).hover-sidedock .mod-sidedock.is-sidedock-collapsed[style*=display]:hover, body:not(.is-mobile).hover-sidedock.hover-ribbon .workspace-ribbon.is-collapsed:hover + .mod-sidedock, body:not(.is-mobile).hover-sidedock:not(.hover-sidedock-active-off) > .app-container > .horizontal-main-container > .workspace > .mod-sidedock:has(> .workspace-tabs.mod-active) {
  transition-delay: var(--hover-sidedock-delay);
  transform: none;
  opacity: 1;
}
body:not(.is-mobile).hover-sidedock .mod-sidedock.is-sidedock-collapsed[style*=display]:hover::before, body:not(.is-mobile).hover-sidedock.hover-ribbon .workspace-ribbon.is-collapsed:hover + .mod-sidedock::before, body:not(.is-mobile).hover-sidedock:not(.hover-sidedock-active-off) > .app-container > .horizontal-main-container > .workspace > .mod-sidedock:has(> .workspace-tabs.mod-active)::before {
  opacity: 1;
}
body:not(.is-mobile).hover-sidedock.tab-top-left-stacked.mod-macos.is-hidden-frameless .mod-sidedock.mod-left-split.is-sidedock-collapsed .mod-top-left-space .workspace-tab-header-container {
  padding-top: var(--header-height);
  transition-delay: var(--hover-sidedock-delay);
}
body:not(.is-mobile).hover-sidedock.tab-top-left-stacked.mod-macos.is-hidden-frameless .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-container {
  transition: 0s;
}

body:not(.is-mobile).hover-ribbon.show-ribbon .workspace-ribbon {
  position: absolute;
  z-index: 12;
  height: -webkit-fill-available;
  height: stretch;
  opacity: 0;
  transform: translateX(calc(-1 * var(--ribbon-width) + var(--hover-sidedock-trigger-area)));
  background-color: transparent;
}
body:not(.is-mobile).hover-ribbon.show-ribbon .workspace-ribbon:hover {
  opacity: 1;
  transform: none;
}
body:not(.is-mobile).hover-ribbon.show-ribbon .workspace-ribbon.is-collapsed:hover {
  background: linear-gradient(to right, var(--background-primary) 50%, transparent);
}
body:not(.is-mobile).hover-ribbon.show-ribbon .workspace-ribbon:hover + .mod-sidedock {
  padding-left: calc(var(--ribbon-width) - 8px);
}
body:not(.is-mobile).hover-ribbon.show-ribbon .workspace-ribbon.is-collapsed:hover,
body:not(.is-mobile).hover-ribbon.show-ribbon .workspace-ribbon.is-collapsed:hover + .mod-sidedock {
  transition-delay: var(--hover-sidedock-delay) !important;
}
body:not(.is-mobile).hover-ribbon.show-ribbon.hover-sidedock .workspace-ribbon.is-collapsed {
  z-index: 13;
}
body:not(.is-mobile).hover-ribbon.show-ribbon.mod-macos:not(.is-fullscreen).is-hidden-frameless:not(.tab-top-left-stacked) .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-container {
  transition-timing-function: ease;
}
body:not(.is-mobile).hover-ribbon.show-ribbon.mod-macos:not(.is-fullscreen).is-hidden-frameless:not(.tab-top-left-stacked) .workspace-ribbon:not(.is-collapsed):hover ~ .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-container {
  padding-left: 52px;
}
body:not(.is-mobile).hover-ribbon.show-ribbon.mod-macos:not(.is-fullscreen).is-hidden-frameless:not(.tab-top-left-stacked) .workspace-ribbon:not(.is-collapsed):not(:hover) ~ .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-container,
body:not(.is-mobile).hover-ribbon.show-ribbon.mod-macos:not(.is-fullscreen).is-hidden-frameless .workspace-ribbon.is-collapsed ~ .mod-root > div:first-of-type .workspace-tab-header-container {
  padding-left: 88px;
}

body.nav-item-dot .nav-files-container > div {
  --nav-item-background-active: transparent;
  --nav-item-weight-active: var(--font-medium);
}
body.nav-item-dot .nav-files-container > div .tree-item-self.is-active::before {
  position: absolute;
  margin-left: -12px;
  border-radius: var(--button-radius);
  background-color: var(--nav-item-color-active);
  width: 4px;
  height: 4px;
  content: "";
}

body.nav-item-subtle.input-fluent .nav-files-container > div {
  --nav-item-background-active: var(--background-modifier-hover);
  --nav-item-color-active: var(--nav-item-color);
}
body.nav-item-subtle.input-fluent .nav-files-container > div .tree-item-self.is-active::before {
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 0;
  margin-left: 0;
  border-radius: var(--button-radius);
  background-color: var(--interactive-accent);
  width: 4px;
  height: auto;
  content: "";
}

body.nav-item-strong .nav-files-container > div {
  --nav-item-background-active: var(--interactive-accent);
  --nav-item-color-active: var(--text-on-accent);
}
body.nav-item-strong.input-material .nav-files-container > div {
  --nav-item-background-active: var(--background-primary);
  --nav-item-background-selected: var(--background-primary);
  --nav-item-color-active: var(--text-normal);
}
body.nav-item-strong.input-cupertino:is(.layout-macos, .layout-fusion):not(.is-mobile) .nav-files-container > div {
  --nav-item-background-hover: transparent;
  --nav-item-background-active: var(--background-modifier-hover);
  --nav-item-color: var(--text-normal);
  --nav-item-color-hover: var(--text-normal);
  --nav-item-color-active: var(--text-accent);
}


.theme-light.adwaita-light.color-scheme-accent,
.theme-dark.adwaita-dark.color-scheme-accent {
  --accent-h: 213;
  --accent-s: 76%;
  --accent-l: 55%;
}

.theme-light.adwaita-light {
  --background-primary: #fff;
  --background-primary-alt: #fff;
  --background-secondary: #ebebed;
  --background-secondary-alt: #f3f3f5;
  --background-modifier-border: #d0d0d2;
  --interactive-normal: #d9d9dc;
  --interactive-hover: #d0d0d2;
  --text-normal: #333338;
  --text-muted: #5c5c60;
  --text-faint: #858587;
  --color-red: #ed333b;
  --color-orange: #ff7800;
  --color-yellow: #f6d32d;
  --color-green: #2ec27e;
  --color-cyan: #23a4ad;
  --color-blue: #62a0ea;
  --color-purple: #c061cb;
  --color-pink: #e061b2;
}

.theme-dark.adwaita-dark {
  --background-primary: #1d1d20;
  --background-primary-alt: #2e2e32;
  --background-secondary: #2e2e32;
  --background-secondary-alt: #28282c;
  --background-modifier-border: #4d4d51;
  --interactive-normal: #424246;
  --interactive-hover: #4d4d51;
  --text-normal: #fff;
  --text-muted: #d2d2d2;
  --text-faint: #99999b;
  --color-red: #e01b24;
  --color-orange: #e66100;
  --color-yellow: #f5c211;
  --color-green: #26a269;
  --color-cyan: #2190a4;
  --color-blue: #3584e4;
  --color-purple: #9141ac;
  --color-pink: #d561aa;
}


.theme-light.atom-light {
  --background-primary: #fafafa;
  --background-primary-alt: #eaeaeb;
  --background-secondary: #eaeaeb;
  --background-modifier-border: #dbdbdc;
  --divider-color: #dbdbdc;
  --interactive-normal: hsla(0, 0%, 0%, 0.1);
  --interactive-hover: hsla(0, 0%, 0%, 0.15);
  --text-normal: #232324;
  --text-muted: #8e8e90;
  --text-faint: #a0a1a8;
  --text-selection: hsla(240, 2%, 71%, 0.3);
  --text-highlight-bg: hsla(29, 54%, 61%, 0.35);
  --color-red: #e45749;
  --color-orange: #b76b02;
  --color-yellow: #c18302;
  --color-green: #50a150;
  --color-cyan: #0d97b3;
  --color-blue: #62afef;
  --color-purple: #a626a4;
  --color-pink: #e45749;
}
.theme-light.atom-light.color-scheme-accent {
  --accent-h: 231;
  --accent-s: 76%;
  --accent-l: 62%;
}

.theme-dark.atom-dark {
  --background-primary: #282c34;
  --background-primary-alt: #21252c;
  --background-secondary: #21252c;
  --background-modifier-border: #181a1f;
  --divider-color: #181a1f;
  --interactive-normal: #3a3f4b;
  --interactive-hover: #282c34;
  --text-normal: #d8dae1;
  --text-muted: #898f9d;
  --text-faint: #5d6370;
  --text-selection: hsla(220, 11%, 50%, 0.3);
  --text-highlight-bg: hsla(29, 54%, 61%, 0.3);
  --color-red: #e16d76;
  --color-orange: #d19a66;
  --color-yellow: #cec167;
  --color-green: #98c379;
  --color-cyan: #58b6c2;
  --color-blue: #62afef;
  --color-purple: #c678de;
  --color-pink: #e16d76;
}
.theme-dark.atom-dark.color-scheme-accent {
  --accent-h: 220;
  --accent-s: 86%;
  --accent-l: 65%;
}


.theme-light.ayu-light {
  --background-primary: #fff;
  --background-primary-alt: #f8f9fa;
  --background-secondary: #f8f9fa;
  --background-modifier-border: #e6eaed;
  --interactive-normal: #e8edf0;
  --interactive-hover: #d1dae0;
  --text-normal: #5c6165;
  --text-muted: #8a9199;
  --text-faint: #aaaeb0;
  --text-selection: hsla(215, 97%, 43%, 0.15);
  --color-red: #e65050;
  --color-orange: #fa8d3e;
  --color-yellow: #f2ae49;
  --color-green: #6cbf43;
  --color-cyan: #4cbf99;
  --color-blue: #399ee6;
  --color-purple: #a37acc;
  --color-pink: #ff7383;
}
.theme-light.ayu-light.color-scheme-accent {
  --accent-h: 36;
  --accent-s: 100%;
  --accent-l: 50%;
}

.theme-dark.ayu-dark {
  --background-primary: #232937;
  --background-primary-alt: #1e2431;
  --background-secondary: #1e2431;
  --background-modifier-border: #333c4a;
  --interactive-normal: #2b3344;
  --interactive-hover: #333d50;
  --text-normal: #cccac2;
  --text-muted: #a0a9b9;
  --text-faint: #6f768a;
  --text-selection: hsla(210, 100%, 63%, 0.25);
  --color-red: #ff6666;
  --color-orange: #faad66;
  --color-yellow: #ffd137;
  --color-green: #87d96c;
  --color-cyan: #95e6cb;
  --color-blue: #73d0ff;
  --color-purple: #dfbfff;
  --color-pink: #f27983;
}
.theme-dark.ayu-dark.color-scheme-accent {
  --accent-h: 35;
  --accent-s: 100%;
  --accent-l: 60%;
  --text-on-accent: var(--background-primary);
  --text-on-accent-inverted: var(--background-primary);
}


.theme-light.catppuccin-light {
  --background-primary: #f0f1f5;
  --background-primary-alt: #dce0e8;
  --background-secondary: #dce0e8;
  --background-modifier-border: #ccd0da;
  --background-modifier-border-hover: #bcc0cc;
  --background-modifier-border-focus: #acb0be;
  --interactive-normal: #dbdde4;
  --interactive-hover: #c6c9d3;
  --text-normal: #4d4f69;
  --text-muted: #5d5f77;
  --text-faint: #8d8fa2;
  --text-selection: hsla(227, 12%, 71%, 0.3);
  --text-highlight-bg: hsla(35, 77%, 49%, 0.3);
  --color-red: #e64553;
  --color-orange: #fe640c;
  --color-yellow: #df8e1d;
  --color-green: #40a02b;
  --color-cyan: #17929a;
  --color-blue: #2166f6;
  --color-purple: #8938ef;
  --color-pink: #ea77cb;
}
.theme-light.catppuccin-light.color-scheme-accent {
  --accent-h: 11;
  --accent-s: 59%;
  --accent-l: 67%;
}

.theme-dark.catppuccin-dark {
  --background-primary: #303446;
  --background-primary-alt: #242634;
  --background-secondary: #242634;
  --background-modifier-border: #41455a;
  --background-modifier-border-hover: #51576d;
  --background-modifier-border-focus: #626880;
  --interactive-normal: #41465a;
  --interactive-hover: #53586e;
  --text-normal: #c6d0f5;
  --text-muted: #a6adce;
  --text-faint: #848ba7;
  --text-selection: hsla(228, 13%, 44%, 0.5);
  --text-highlight-bg: hsla(35, 77%, 49%, 0.4);
  --color-red: #eb999c;
  --color-orange: #efa076;
  --color-yellow: #e5c890;
  --color-green: #a6d18a;
  --color-cyan: #81c8be;
  --color-blue: #8caaee;
  --color-purple: #ca9ee6;
  --color-pink: #f4b9e5;
  --text-on-accent: var(--background-primary);
  --text-on-accent-inverted: var(--background-primary);
}
.theme-dark.catppuccin-dark.color-scheme-accent {
  --accent-h: 10;
  --accent-s: 57%;
  --accent-l: 88%;
  --text-on-accent: var(--background-primary);
  --text-on-accent-inverted: var(--background-primary);
}


.theme-light.dracula-light {
  --background-primary: #fffbeb;
  --background-primary-alt: #efeddc;
  --background-secondary: #efeddc;
  --background-modifier-border-hover: #cfcfde;
  --background-modifier-border-focus: #6c664b;
  --text-normal: #1f1f1f;
  --text-muted: #6b655b;
  --text-faint: #a9a299;
  --text-selection: #cfcfde;
  --color-red: #cb3a2a;
  --color-orange: #a34d14;
  --color-yellow: #846e15;
  --color-green: #14710a;
  --color-cyan: #036a96;
  --color-blue: #7862d0;
  --color-purple: #644ac9;
  --color-pink: #a3144d;
}

.theme-dark.dracula-dark {
  --background-primary: #282a36;
  --background-primary-alt: #21222c;
  --background-secondary: #21222c;
  --background-modifier-border-hover: #44475a;
  --background-modifier-border-focus: #6272a4;
  --text-normal: #f8f8f2;
  --text-muted: #7d859d;
  --text-faint: #5e6174;
  --text-selection: #44475a;
  --color-red: #ff5555;
  --color-orange: #ffb86c;
  --color-yellow: #f1fa8c;
  --color-green: #50fa7b;
  --color-cyan: #8be9fd;
  --color-blue: #d6acff;
  --color-purple: #bd93f9;
  --color-pink: #ff79c6;
}
.theme-dark.dracula-dark.color-scheme-accent {
  --accent-h: 265;
  --accent-s: 89%;
  --accent-l: 78%;
  --text-on-accent: var(--background-primary);
  --text-on-accent-inverted: var(--background-primary);
}


.theme-light.everforest-light {
  --background-primary: #fdf6e3;
  --background-primary-alt: #efebd4;
  --background-secondary: #efebd4;
  --background-modifier-border: #e0dcc7;
  --background-modifier-border-hover: #bec5b2;
  --background-modifier-border-focus: #bec5b2;
  --interactive-normal: #f0ead5;
  --interactive-hover: #e2dec6;
  --text-normal: #5c6a72;
  --text-muted: #829181;
  --text-faint: #a6b0a0;
  --text-selection: hsla(75, 43%, 72%, 0.4);
  --text-highlight-bg: hsla(45, 72%, 54%, 0.3);
  --color-red: #f85552;
  --color-orange: #f57d26;
  --color-yellow: #dfa000;
  --color-green: #8da101;
  --color-cyan: #35a77c;
  --color-blue: #3894c4;
  --color-purple: #df69ba;
  --color-pink: #df69ba;
}
.theme-light.everforest-light.color-scheme-accent {
  --accent-h: 83;
  --accent-s: 36%;
  --accent-l: 53%;
}

.theme-dark.everforest-dark {
  --background-primary: #2d353b;
  --background-primary-alt: #232a2e;
  --background-secondary: #232a2e;
  --background-modifier-border: #475258;
  --background-modifier-border-hover: #4f585e;
  --background-modifier-border-focus: #525c62;
  --interactive-normal: #3a444a;
  --interactive-hover: #475258;
  --text-normal: #d3c6aa;
  --text-muted: #9da9a0;
  --text-faint: #7a8478;
  --text-selection: hsla(338, 31%, 40%, 0.5);
  --text-highlight-bg: hsla(86, 39%, 55%, 0.3);
  --color-red: #e67e80;
  --color-orange: #e69875;
  --color-yellow: #dbbc7f;
  --color-green: #a7c080;
  --color-cyan: #83c092;
  --color-blue: #7fbbb3;
  --color-purple: #df69ba;
  --color-pink: #df69ba;
}
.theme-dark.everforest-dark.color-scheme-accent {
  --accent-h: 81;
  --accent-s: 34%;
  --accent-l: 63%;
  --text-on-accent: var(--background-primary);
  --text-on-accent-inverted: var(--background-primary);
}


.theme-light.flexoki-light {
  --background-primary: #fffcf0;
  --background-primary-alt: #f2f0e5;
  --background-secondary: #f2f0e5;
  --background-modifier-border: #e6e4d9;
  --background-modifier-border-hover: #dad8ce;
  --background-modifier-border-focus: #cecdc3;
  --interactive-normal: hsla(0, 3%, 6%, 0.05);
  --interactive-hover: hsla(0, 3%, 6%, 0.15);
  --text-normal: #100f0f;
  --text-muted: #6f6e69;
  --text-faint: #b7b5ac;
  --text-selection: hsla(155, 32%, 80%, 0.3);
  --text-highlight-bg: hsla(48, 92%, 60%, 0.3);
  --color-red: #af3029;
  --color-orange: #bc5215;
  --color-yellow: #ad8301;
  --color-green: #66800b;
  --color-cyan: #24837b;
  --color-blue: #205ea6;
  --color-purple: #5e409d;
  --color-pink: #a02f6f;
}
.theme-light.flexoki-light.color-scheme-accent {
  --accent-h: 175;
  --accent-s: 57%;
  --accent-l: 33%;
}

.theme-dark.flexoki-dark {
  --background-primary: #100f0f;
  --background-primary-alt: #100f0f;
  --background-secondary: #1c1b1a;
  --background-modifier-border: #282726;
  --background-modifier-border-hover: #343331;
  --background-modifier-border-focus: #403e3c;
  --interactive-normal: hsla(51, 88%, 97%, 0.05);
  --interactive-hover: hsla(51, 88%, 97%, 0.15);
  --text-normal: #cecdc3;
  --text-muted: #878580;
  --text-faint: #575653;
  --text-selection: hsla(176, 52%, 25%, 0.3);
  --text-highlight-bg: hsla(43, 85%, 45%, 0.3);
  --color-red: #d14d41;
  --color-orange: #da702c;
  --color-yellow: #d0a215;
  --color-green: #879a39;
  --color-cyan: #3aa99f;
  --color-blue: #4385be;
  --color-purple: #8b7ec8;
  --color-pink: #ce5d97;
}
.theme-dark.flexoki-dark.color-scheme-accent {
  --accent-h: 175;
  --accent-s: 49%;
  --accent-l: 45%;
}


.theme-dark.frappe-dark {
  --background-primary: #232634;
  --background-primary-alt: #292c3c;
  --background-secondary: #292c3c;
  --background-secondary-alt: #303446;
  --background-modifier-border: #414559;
  --background-modifier-border-hover: #51566c;
  --background-modifier-border-focus: #62677e;
  --text-normal: #c6ceef;
  --text-muted: #949bb7;
  --text-faint: #737891;
  --color-red: #e78284;
  --color-orange: #ef9f76;
  --color-yellow: #e5c890;
  --color-green: #a6d189;
  --color-cyan: #99d1db;
  --color-blue: #8caaee;
  --color-purple: #babbf1;
  --color-pink: #f4b8e4;
}
.theme-dark.frappe-dark.color-scheme-accent {
  --accent-h: 10;
  --accent-s: 57%;
  --accent-l: 88%;
  --text-on-accent: var(--background-primary);
  --text-on-accent-inverted: var(--background-primary);
}


.theme-light.gruvbox-light.color-scheme-accent,
.theme-dark.gruvbox-dark.color-scheme-accent {
  --accent-h: 24;
  --accent-s: 88%;
  --accent-l: 45%;
}

.theme-light.gruvbox-light {
  --background-primary: #fcf2c7;
  --background-primary-alt: #f2e6bd;
  --background-secondary: #f2e6bd;
  --background-modifier-border: #ebdbb2;
  --background-modifier-border-hover: #d5c4a1;
  --background-modifier-border-focus: #bdae93;
  --interactive-normal: #ebd9b3;
  --interactive-hover: #f2e6bd;
  --text-normal: #282828;
  --text-muted: #7c7065;
  --text-faint: #a89a85;
  --text-selection: hsla(36, 35%, 62%, 0.3);
  --text-highlight-bg: hsla(40, 73%, 49%, 0.4);
  --color-red: #cc241d;
  --color-orange: #d65d0e;
  --color-yellow: #d79921;
  --color-green: #98971a;
  --color-cyan: #689d6a;
  --color-blue: #458588;
  --color-purple: #b16286;
  --color-pink: #b16286;
}

.theme-dark.gruvbox-dark {
  --background-primary: #282828;
  --background-primary-alt: #1e2021;
  --background-secondary: #1e2021;
  --background-modifier-border: #3c3836;
  --background-modifier-border-hover: #504945;
  --background-modifier-border-focus: #665c54;
  --interactive-normal: #3d3836;
  --interactive-hover: #333130;
  --text-normal: #fbf1c7;
  --text-muted: #bdae93;
  --text-faint: #7c6f64;
  --text-selection: hsla(18, 17%, 61%, 0.3);
  --text-highlight-bg: hsla(40, 73%, 49%, 0.4);
  --color-red: #cc241d;
  --color-orange: #d65d0e;
  --color-yellow: #d79921;
  --color-green: #98971a;
  --color-cyan: #689d6a;
  --color-blue: #458588;
  --color-purple: #b16286;
  --color-pink: #b16286;
}


.theme-light.latte-light {
  --background-primary: #dce0e8;
  --background-primary-alt: #e6e9ef;
  --background-secondary: #e6e9ef;
  --background-secondary-alt: #eff1f5;
  --text-normal: #4c4f69;
  --color-red: #d20f39;
  --color-orange: #fe640b;
  --color-yellow: #e49320;
  --color-green: #40a02b;
  --color-cyan: #04a5e5;
  --color-blue: #2a6ef5;
  --color-purple: #7287fd;
  --color-pink: #ec83d0;
}
.theme-light.latte-light.color-scheme-accent {
  --accent-h: 11;
  --accent-s: 58%;
  --accent-l: 69%;
}


.theme-dark.macchiato-dark {
  --background-primary: #181926;
  --background-primary-alt: #1e2030;
  --background-secondary: #1e2030;
  --background-secondary-alt: #24273a;
  --background-modifier-border: #363a4f;
  --background-modifier-border-hover: #484c64;
  --background-modifier-border-focus: #5a5f78;
  --text-normal: #c5cff5;
  --text-muted: #8f97b7;
  --text-faint: #6c728d;
  --color-red: #ed8796;
  --color-orange: #f5a97f;
  --color-yellow: #eed49f;
  --color-green: #a6da95;
  --color-cyan: #91d7e3;
  --color-blue: #8aadf4;
  --color-purple: #b7bdf8;
  --color-pink: #f5bde6;
}
.theme-dark.macchiato-dark.color-scheme-accent {
  --accent-h: 10;
  --accent-s: 58%;
  --accent-l: 90%;
  --text-on-accent: var(--background-primary);
  --text-on-accent-inverted: var(--background-primary);
}


.theme-light.melange-light {
  --background-primary: #f0ecea;
  --background-primary-alt: #e9e1db;
  --background-secondary: #e9e1db;
  --background-modifier-border: #d6c0b3;
  --background-modifier-border-hover: #cdb8ad;
  --background-modifier-border-focus: #b09b8f;
  --interactive-normal: #f0ecea;
  --interactive-hover: #e9e1db;
  --text-normal: #54433a;
  --text-muted: #7d6658;
  --text-faint: #a98a78;
  --color-red: #c77b8b;
  --color-orange: #bc5c00;
  --color-yellow: #bda240;
  --color-green: #6e9b72;
  --color-cyan: #739797;
  --color-blue: #7892bd;
  --color-purple: #ad6bc0;
  --color-pink: #d65cbc;
}
.theme-light.melange-light.color-scheme-accent {
  --accent-h: 29;
  --accent-s: 100%;
  --accent-l: 37%;
}

.theme-dark.melange-dark {
  --background-primary: #292522;
  --background-primary-alt: #34302c;
  --background-secondary: #34302c;
  --background-modifier-border: #403a36;
  --background-modifier-border-hover: #635851;
  --background-modifier-border-focus: #7e7469;
  --interactive-normal: #292522;
  --interactive-hover: #34302c;
  --text-normal: #ece1d7;
  --text-muted: #c1a78e;
  --text-faint: #867462;
  --color-red: #bd8183;
  --color-orange: #e49b5d;
  --color-yellow: #d2be73;
  --color-green: #78997a;
  --color-cyan: #7b9695;
  --color-blue: #7f91b2;
  --color-purple: #b380b0;
  --color-pink: #c070ae;
}
.theme-dark.melange-dark.color-scheme-accent {
  --accent-h: 28;
  --accent-s: 71%;
  --accent-l: 63%;
  --text-on-accent: var(--background-primary);
  --text-on-accent-inverted: var(--background-primary);
}


.theme-light.minimal-light.color-scheme-accent,
.theme-dark.minimal-dark.color-scheme-accent {
  --accent-h: 201;
  --accent-s: 17%;
  --accent-l: 50%;
}

.theme-light.minimal-light {
  --background-primary: #fff;
  --background-primary-alt: #f5f5f5;
  --background-secondary: #f5f5f5;
  --background-secondary-alt: #fff;
  --background-modifier-border: #e6e6e6;
  --background-modifier-border-hover: #d6d6d6;
  --background-modifier-border-focus: #c2c2c2;
  --interactive-normal: #fff;
  --text-normal: #0f0f0f;
  --text-muted: #757575;
  --text-faint: #b5b5b5;
  --color-red: #d04255;
  --color-orange: #d5763f;
  --color-yellow: #e5b567;
  --color-green: #a8c373;
  --color-cyan: #73bbb2;
  --color-blue: #6c99bb;
  --color-purple: #9e86c8;
  --color-pink: #b05279;
}

.theme-dark.minimal-dark {
  --background-primary: #262626;
  --background-primary-alt: #212121;
  --background-secondary: #212121;
  --background-secondary-alt: #262626;
  --background-modifier-hover: hsla(0, 0%, 55%, 0.12);
  --background-modifier-border: #363636;
  --background-modifier-border-hover: #454545;
  --background-modifier-border-focus: #595959;
  --background-modifier-hover-active: hsla(0, 0%, 55%, 0.12);
  --interactive-normal: #323232;
  --text-normal: #d4d4d4;
  --text-muted: #999999;
  --text-faint: #595959;
  --color-red: #d04255;
  --color-orange: #d5763f;
  --color-yellow: #e5b567;
  --color-green: #a8c373;
  --color-cyan: #73bbb2;
  --color-blue: #6c99bb;
  --color-purple: #9e86c8;
  --color-pink: #b05279;
}


.theme-dark.mocha-dark {
  --background-primary: #11111b;
  --background-primary-alt: #181825;
  --background-secondary: #181825;
  --background-secondary-alt: #1e1e2e;
  --background-modifier-border: #313244;
  --background-modifier-border-hover: #43465a;
  --background-modifier-border-focus: #565970;
  --text-normal: #c6d0f5;
  --text-muted: #8e95b3;
  --text-faint: #696d86;
  --color-red: #f38ba8;
  --color-base-00: #11111b;
  --color-orange: #fab387;
  --color-yellow: #f9e2af;
  --color-green: #a6e3a1;
  --color-cyan: #89dceb;
  --color-blue: #87b0f9;
  --color-purple: #b4befe;
  --color-pink: #f5c2e7;
}
.theme-dark.mocha-dark.color-scheme-accent {
  --accent-h: 10;
  --accent-s: 56%;
  --accent-l: 91%;
  --text-on-accent: var(--background-primary);
  --text-on-accent-inverted: var(--background-primary);
}


.theme-light.nord-light.color-scheme-accent,
.theme-dark.nord-dark.color-scheme-accent {
  --accent-h: 213;
  --accent-s: 32%;
  --accent-l: 52%;
}

.theme-light.nord-light {
  --background-primary: #fff;
  --background-primary-alt: #eceff4;
  --background-secondary: #eceff4;
  --background-modifier-border: #d8dee9;
  --background-modifier-border-hover: #bbcadc;
  --background-modifier-border-focus: #81a1c1;
  --interactive-normal: #e7ebf3;
  --interactive-hover: #ced7e7;
  --text-normal: #2e3440;
  --text-muted: #7d8697;
  --text-faint: #adb1b8;
  --text-highlight-bg: hsla(14, 51%, 63%, 0.35);
  --color-red: #bf616a;
  --color-orange: #d08a70;
  --color-yellow: #ebcb8b;
  --color-green: #a3be8c;
  --color-cyan: #88c0d0;
  --color-blue: #81a1c1;
  --color-purple: #b48ead;
  --color-pink: #b48ead;
}

.theme-dark.nord-dark {
  --background-primary: #2e3440;
  --background-primary-alt: #3b4252;
  --background-secondary: #3b4252;
  --background-modifier-border: #434c5e;
  --background-modifier-border-hover: #58647b;
  --background-modifier-border-focus: #58647b;
  --interactive-normal: #3b4353;
  --interactive-hover: #4d576c;
  --text-normal: #d8dee9;
  --text-muted: #9eafcc;
  --text-faint: #67738d;
  --text-selection: hsla(225, 25%, 61%, 0.3);
  --text-highlight-bg: hsla(14, 51%, 63%, 0.35);
  --color-red: #bf616a;
  --color-orange: #d08a70;
  --color-yellow: #ebcb8b;
  --color-green: #a3be8c;
  --color-cyan: #88c0d0;
  --color-blue: #81a1c1;
  --color-purple: #b48ead;
  --color-pink: #b48ead;
}


.theme-light.notion-light.color-scheme-accent,
.theme-dark.notion-dark.color-scheme-accent {
  --accent-h: 217;
  --accent-s: 67%;
  --accent-l: 57%;
  --background-modifier-border-focus: var(--color-accent);
}

.theme-light.notion-light {
  --background-primary: #fff;
  --background-primary-alt: #f9f8f7;
  --background-secondary: #f9f8f7;
  --background-modifier-hover: hsla(0, 0%, 0%, 0.03);
  --background-modifier-border: #e9e8e5;
  --background-modifier-border-hover: #e6e6e4;
  --text-normal: #2c2c2b;
  --text-muted: #5f5e5b;
  --text-faint: #a8a49c;
  --text-selection: hsla(197, 65%, 71%, 0.3);
  --color-red: #e56458;
  --color-orange: #d5803b;
  --color-yellow: #d8a32f;
  --color-green: #46a171;
  --color-cyan: #37a4b4;
  --color-blue: #2783de;
  --color-purple: #b577d6;
  --color-pink: #db6999;
}

.theme-dark.notion-dark {
  --background-primary: #191919;
  --background-primary-alt: #202020;
  --background-secondary: #202020;
  --background-modifier-hover: hsla(0, 0%, 100%, 0.06);
  --background-modifier-border: #313131;
  --background-modifier-border-hover: #30302e;
  --text-normal: #f0efed;
  --text-muted: #9b9b9b;
  --text-faint: #65645f;
  --color-red: #e56458;
  --color-orange: #d5803b;
  --color-yellow: #d8a32f;
  --color-green: #46a171;
  --color-cyan: #37a4b4;
  --color-blue: #2783de;
  --color-purple: #b577d6;
  --color-pink: #db6999;
}


.theme-light.rose-pine-light {
  --background-primary: #fffaf3;
  --background-primary-alt: #faf4ed;
  --background-secondary: #faf4ed;
  --background-modifier-border: #eae3e1;
  --background-modifier-border-hover: #dfdad9;
  --background-modifier-border-focus: #cecacd;
  --interactive-normal: #f4ede7;
  --interactive-hover: #e9dfda;
  --text-normal: #575279;
  --text-muted: #797593;
  --text-faint: #9893a5;
  --text-selection: hsla(355, 8%, 73%, 0.35);
  --color-red: #b4637a;
  --color-orange: #d7827d;
  --color-yellow: #ea9d35;
  --color-green: #286983;
  --color-cyan: #57939f;
  --color-blue: #57939f;
  --color-purple: #907aa9;
  --color-pink: #907aa9;
}
.theme-light.rose-pine-light.color-scheme-accent {
  --accent-h: 3;
  --accent-s: 53%;
  --accent-l: 67%;
}

.theme-dark.rose-pine-dark {
  --background-primary: #1f1d2e;
  --background-primary-alt: #191724;
  --background-secondary: #191724;
  --background-modifier-border: #312f41;
  --background-modifier-border-hover: #403d52;
  --background-modifier-border-focus: #524f67;
  --interactive-normal: #323042;
  --interactive-hover: #444256;
  --text-normal: #e0def4;
  --text-muted: #908caa;
  --text-faint: #6e6a86;
  --text-selection: rgba(126, 121, 155, 0.35);
  --color-red: #ea6f92;
  --color-orange: #e99b97;
  --color-yellow: #f6c177;
  --color-green: #2f748f;
  --color-cyan: #9dcfd7;
  --color-blue: #9dcfd7;
  --color-purple: #c4a7e7;
  --color-pink: #c4a7e7;
}
.theme-dark.rose-pine-dark.color-scheme-accent {
  --accent-h: 2;
  --accent-s: 55%;
  --accent-l: 83%;
  --text-on-accent: var(--background-primary);
  --text-on-accent-inverted: var(--background-primary);
}


.theme-light.sanctum-light {
  --background-primary: #fdfefe;
  --background-primary-alt: #f0efed;
  --background-secondary: #f4f4f0;
  --background-secondary-alt: #e2e0dc;
  --background-modifier-hover: hsla(20, 1%, 55%, 0.12);
  --background-modifier-border: #e2e0dc;
  --background-modifier-border-hover: #e2e0dc;
  --background-modifier-border-focus: #c7c5c2;
  --interactive-normal: #fdfefe;
  --interactive-hover: #f4f4f0;
  --text-normal: #161616;
  --text-muted: #545151;
  --text-faint: #a9a8a5;
  --color-red: #c34128;
  --color-orange: #f58b42;
  --color-yellow: #f3bd4f;
  --color-green: #669861;
  --color-cyan: #63959c;
  --color-blue: #536f9d;
  --color-purple: #a577da;
  --color-pink: #eb5673;
}
.theme-light.sanctum-light.color-scheme-accent {
  --accent-h: 24;
  --accent-s: 90%;
  --accent-l: 61%;
}

.theme-dark.sanctum-dark {
  --background-primary: #161616;
  --background-primary-alt: #262625;
  --background-secondary: #262625;
  --background-secondary-alt: #3a3838;
  --background-modifier-hover: hsla(20, 1%, 55%, 0.16);
  --background-modifier-border: #3a3838;
  --background-modifier-border-hover: #3a3838;
  --background-modifier-border-focus: #545151;
  --interactive-normal: #262625;
  --interactive-hover: #282727;
  --text-normal: #f4f4f0;
  --text-muted: #c7c5c2;
  --text-faint: #706e6d;
  --color-red: #c34128;
  --color-orange: #f58b42;
  --color-yellow: #f3bd4f;
  --color-green: #669861;
  --color-cyan: #63959c;
  --color-blue: #536f9d;
  --color-purple: #a577da;
  --color-pink: #eb5673;
}
.theme-dark.sanctum-dark .color-scheme-accent {
  --accent-h: 115;
  --accent-s: 22%;
  --accent-l: 49%;
}


.theme-light.sky-light {
  --background-primary: #fff;
  --background-primary-alt: #f7f6f4;
  --background-secondary: #f7f6f4;
  --background-modifier-border: #ededec;
  --background-modifier-border-hover: #dbdbda;
  --background-modifier-border-focus: #aaa9a5;
  --interactive-normal: #e8e7e4;
  --interactive-hover: #dbdbda;
  --text-normal: #37352f;
  --text-muted: #72706c;
  --text-faint: #aaa9a5;
  --text-selection: hsla(197, 65%, 71%, 0.3);
}
.theme-light.sky-light.color-scheme-accent {
  --accent-h: 197;
  --accent-s: 71%;
  --accent-l: 52%;
}

.theme-dark.sky-dark {
  --background-primary: #2f3437;
  --background-primary-alt: #373c3f;
  --background-secondary: #373c3f;
  --background-modifier-border: #3e4245;
  --background-modifier-border-hover: #585d5f;
  --background-modifier-border-focus: #585d5f;
  --interactive-normal: #4b5053;
  --interactive-hover: #373c3f;
  --text-normal: #ebebeb;
  --text-muted: #a3a5a9;
  --text-faint: #6d7476;
  --text-selection: hsla(197, 48%, 43%, 0.3);
}
.theme-dark.sky-dark.color-scheme-accent {
  --accent-h: 197;
  --accent-s: 71%;
  --accent-l: 52%;
}


.theme-light.solarized-light.color-scheme-accent,
.theme-dark.solarized-dark.color-scheme-accent {
  --accent-h: 205;
  --accent-s: 70%;
  --accent-l: 48%;
}

.theme-light.solarized-light {
  --background-primary: #fdf6e3;
  --background-primary-alt: #eee8d5;
  --background-secondary: #eee8d5;
  --background-modifier-border: #e9e1c8;
  --background-modifier-border-hover: #d0cab8;
  --background-modifier-border-focus: #d0cab8;
  --interactive-normal: #ede7d5;
  --interactive-hover: #d7d1c1;
  --text-normal: #073642;
  --text-muted: #586e75;
  --text-faint: #abb2ac;
  --text-selection: hsla(45, 16%, 75%, 0.3);
  --text-highlight-bg: hsla(18, 80%, 44%, 0.3);
  --color-red: #dc322f;
  --color-orange: #cb4d16;
  --color-yellow: #b58900;
  --color-green: #859900;
  --color-cyan: #2aa198;
  --color-blue: #268bd2;
  --color-purple: #6c71c4;
  --color-pink: #d33682;
}

.theme-dark.solarized-dark {
  --background-primary: #002b36;
  --background-primary-alt: #073642;
  --background-secondary: #073642;
  --background-modifier-border: #19414b;
  --background-modifier-border-hover: #274850;
  --background-modifier-border-focus: #31535b;
  --interactive-normal: #103842;
  --interactive-hover: #264b54;
  --text-normal: #bccaca;
  --text-muted: #97abb2;
  --text-faint: #4a717a;
  --text-selection: hsla(192, 73%, 22%, 0.3);
  --text-highlight-bg: hsla(18, 80%, 44%, 0.35);
  --color-red: #dc322f;
  --color-orange: #cb4d16;
  --color-yellow: #b58900;
  --color-green: #859900;
  --color-cyan: #2aa198;
  --color-blue: #268bd2;
  --color-purple: #6c71c4;
  --color-pink: #d33682;
}


.theme-light.things-light {
  --background-primary: #fff;
  --background-primary-alt: #f5f6f8;
  --background-secondary: #f5f6f8;
  --background-modifier-border: #eef0f4;
  --background-modifier-border-hover: #d8dadd;
  --background-modifier-border-focus: #c1c3c6;
  --interactive-normal: #e8ecee;
  --interactive-hover: #d1d8dd;
  --text-normal: #26272b;
  --text-muted: #7d7f84;
  --text-faint: #a9abb0;
  --text-selection: #cae2ff;
  --color-red: #ff306c;
  --color-orange: #ff9502;
  --color-yellow: #ffd500;
  --color-green: #4bbf5e;
  --color-cyan: #49aea4;
  --color-blue: #1b61c2;
  --color-purple: #b051de;
  --color-pink: #ff2e55;
}
.theme-light.things-light.color-scheme-accent {
  --accent-h: 215;
  --accent-s: 76%;
  --accent-l: 43%;
}

.theme-dark.things-dark {
  --background-primary: #24262a;
  --background-primary-alt: #202225;
  --background-secondary: #202225;
  --background-modifier-border: #3a3b3f;
  --background-modifier-border-hover: #45464a;
  --background-modifier-border-focus: #6c6e70;
  --interactive-normal: #3d3f41;
  --interactive-hover: #202225;
  --text-normal: #fbfbfb;
  --text-muted: #cbcccd;
  --text-faint: #6c6e70;
  --text-selection: hsla(216, 84%, 54%, 0.35);
  --color-red: #ff306c;
  --color-orange: #ff9502;
  --color-yellow: #ffd500;
  --color-green: #4bbf5e;
  --color-cyan: #49aea4;
  --color-blue: #4d95f7;
  --color-purple: #b051de;
  --color-pink: #ff2e55;
}
.theme-dark.things-dark.color-scheme-accent {
  --accent-h: 215;
  --accent-s: 91%;
  --accent-l: 64%;
}


.theme-light.tiniri-light {
  --background-primary: #fdfcfc;
  --background-primary-alt: #fdfcfc;
  --background-secondary: #f7f3f0;
  --background-secondary-alt: #f7f3f0;
  --text-normal: #333231;
  --text-muted: #807974;
  --text-faint: hsla(25, 5%, 48%, 0.6);
  --color-red: #ad514c;
  --color-orange: #d28450;
  --color-yellow: #78716c;
  --color-green: #538a8a;
  --color-cyan: #78716c;
  --color-blue: #356b94;
  --color-purple: #804c6e;
  --color-pink: #bd71a4;
}
.theme-light.tiniri-light.color-scheme-accent {
  --accent-h: 3;
  --accent-l: 54;
  --accent-s: 70;
  --interactive-normal: #f7f3f0;
  --interactive-hover: #ede9e1;
  --interactive-accent: #538a8a;
  --interactive-accent-hover: #5c9e9e;
  --text-on-accent: #fdfcfc;
  --text-on-accent-inverted: #333231;
  --text-success: #538a8a;
  --text-warning: #ad514c;
  --text-error: #ad514c;
  --text-accent: #ad514c;
  --text-accent-hover: #cc645e;
  --text-selection: #dae5e2;
  --text-highlight-bg: #fab48588;
}

.theme-dark.tiniri-dark {
  --background-primary: #1f2122;
  --background-primary-alt: #1f2122;
  --background-secondary: #1b1d1e;
  --background-secondary-alt: #1b1d1e;
  --text-normal: #dbd3ca;
  --text-muted: #938a80;
  --text-faint: hsla(32, 8%, 54%, 0.6);
  --color-red: #c66b67;
  --color-orange: #eb9350;
  --color-yellow: #eb9350;
  --color-green: #ad8301;
  --color-cyan: #78716c;
  --color-blue: #68a0a0;
  --color-purple: #a89080;
  --color-pink: #a89080;
}
.theme-dark.tiniri-dark.color-scheme-accent {
  --accent-h: 0;
  --accent-l: 50;
  --accent-s: 77;
  --interactive-normal: #353a42;
  --interactive-hover: #3f444d;
  --interactive-accent: #314f52;
  --interactive-accent-hover: #39595c;
  --text-on-accent: #dbd3ca;
  --text-on-accent-inverted: #1f2122;
  --text-success: #aac2ae;
  --text-warning: #f5a571;
  --text-error: #f5a571;
  --text-accent: #ad514c;
  --text-accent-hover: #e07575;
  --text-selection: #353a42;
  --text-highlight-bg: #ad514c44;
}