@charset "UTF-8";
/* @settings

name: Cupertino
id: cupertino
settings:
    -
        id: macos-header
        title: On macOS
        type: heading
        level: 1
    -
        id: sidedock-glass-off
        title: Disable Liquid Glass sidebar
        type: class-toggle
    -
        id: sidedock-glass-tint-off
        title: Disable sidebar tinting
        type: class-toggle
    -
        id: windows-header
        title: On Windows
        type: heading
        level: 1
    -
        id: windows-mode-off
        title: Disable Windows mode
        description: Turn off Fluent styling on Windows.
        type: class-toggle
    -
        id: android-header
        title: On Android
        type: heading
        level: 1
    -
        id: material-off
        title: Disable Android mode
        description: Turn off Material styling on Android.
        type: class-toggle
    -
        id: general-header
        title: General
        type: heading
        level: 1
    -
        id: cupertino-desc
        description: Most of the settings are for **turning off** Cupertino customizations. You don't need to change anything if you want to keep all default Cupertino optimizations.
        type: info-text
        markdown: true
    -
        id: active-line-off
        title: Disable active editing line highlight
        type: class-toggle
    -
        id: tabs-autosize-off
        title: Disable auto sizing tabs
        type: class-toggle
    -
        id: block-width-off
        title: Disable block width
        type: class-toggle
    -
        id: center-tabs-off
        title: Disable centered tabs
        type: class-toggle
    -
        id: hide-frontmatter-off
        title: Disable compact properties
        type: class-toggle
    -
        id: clean-link-off
        title: Disable clean link style
        type: class-toggle
    -
        id: full-width-off
        title: Disable full width elements
        type: class-toggle
    -
        id: empty-state-off
        title: Disable new tab styling
        type: class-toggle
    -
        id: desktop-header
        title: Desktop
        type: heading
        level: 1
    -
        id: accented-frame-opacity
        title: Accented window
        description: Higher value might impact contrast.
        type: variable-number-slider
        default: 0
        min: 0
        max: 100
        step: 5
    -
        id: hover-sidedock-off
        title: Disable hover sidebar
        description: Might cause crashes on some systems.
        type: class-toggle
    -
        id: compact-actions-off
        title: Disable compact panel actions
        type: class-toggle
    -
        id: hide-status-off
        title: Disable compact status bar
        type: class-toggle
    -
        id: image-zoom-off
        title: Disable image zoom
        type: class-toggle
*/
body {
  --anim-duration-superfast: 80ms;
  --anim-duration-fast: 160ms;
  --anim-duration-moderate: 320ms;
  --anim-duration-slow: 640ms;
  --anim-motion-cupertino: cubic-bezier(0.32, 0.72, 0, 1.1);
  --anim-motion-cupertino-calm: cubic-bezier(0.32, 0.72, 0, 1);
  --background-modifier-border: var(--divider-color);
  --background-modifier-border-focus: hsla(var(--interactive-accent-hsl), 0.5);
  --background-modifier-message: var(--background-secondary);
  --background-modifier-hover: rgba(var(--mono-rgb-100), 0.05);
  --bold-modifier: 300;
  --blockquote-background-color: var(--background-primary-alt);
  --blockquote-border-color: var(--text-faint);
  --blockquote-border-thickness: 2px;
  --blockquote-color: var(--text-muted);
  --blur-s: blur(4px) saturate(1.5) brightness(1.025);
  --blur-m: blur(8px) saturate(1.5) brightness(1.025);
  --blur-l: blur(16px) saturate(1.5) brightness(1.025);
  --caret-color: var(--text-accent);
  --callout-border-width: var(--border-width);
  --callout-padding: 16px;
  --callout-radius: var(--radius-s);
  --checkbox-border-color: var(--color-base-35);
  --code-border-width: var(--border-width);
  --code-white-space: pre-wrap;
  --code-size: var(--font-smaller);
  --code-background: var(--background-primary-alt);
  --code-normal: var(--text-muted);
  --code-comment: var(--text-faint);
  --code-function: var(--color-orange);
  --code-important: var(--color-orange);
  --code-keyword: var(--color-red);
  --code-property: var(--color-blue);
  --code-punctuation: var(--text-muted);
  --code-string: var(--color-cyan);
  --code-tag: var(--color-red);
  --code-value: var(--color-purple);
  --divider-color-hover: var(--text-faint);
  --dropdown-background-size: var(--icon-s);
  --dropdown-padding: 4px 16px 4px 8px;
  --embed-background: var(--background-secondary);
  --embed-border-start: none;
  --embed-block-shadow-hover: none;
  --embed-padding: 16px;
  --font-text-theme: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;
  --font-interface-theme: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;
  --file-header-border: none;
  --highlight-mix-blend-mode: none !important;
  --hr-color: var(--background-modifier-hover);
  --icon-color: var(--text-normal);
  --icon-color-hover: var(--text-normal);
  --icon-opacity: 1;
  --input-height: 24px;
  --input-radius: var(--radius-s);
  --interactive-hover: var(--interactive-normal) !important;
  --line-height-normal: 1.6;
  --metadata-gap: 0;
  --metadata-padding: 0;
  --metadata-input-height: var(--input-height) !important;
  --metadata-property-radius: var(--radius-m) !important;
  --metadata-property-radius-hover: var(--metadata-property-radius);
  --metadata-property-radius-focus: var(--metadata-property-radius);
  --modal-border-color: var(--divider-color);
  --modal-border-width: 0;
  --nav-item-color: var(--color-base-100);
  --nav-item-padding: 8px 8px 8px 24px;
  --nav-item-background-hover: transparent;
  --prompt-border-color: var(--divider-color);
  --clickable-icon-radius: 100vh;
  --radius-l: 20px;
  --radius-m: 12px;
  --radius-s: 8px;
  --radius-xl: 28px;
  --radius-window: 6px;
  --ribbon-background-collapsed: transparent;
  --ribbon-background: transparent;
  --ribbon-padding: 4px 8px;
  --ribbon-width: 56px;
  --search-icon-size: var(--icon-s);
  --shadow-editor: rgba(0, 0, 0, 0.04) 0px 2px 8px -2px, rgba(0, 0, 0, 0.04) 0px 2px 4px -2px;
  --slider-thumb-border-width: 0;
  --slider-thumb-height: 18px;
  --slider-thumb-width: 28px;
  --slider-thumb-radius: var(--toggle-thumb-radius);
  --slider-track-height: 6px;
  --slider-track-background: var(--background-modifier-border-hover);
  --tab-stacked-header-width: 48px;
  --tab-background-active: var(--background-primary-alt);
  --tab-container-background: transparent;
  --tab-divider-color: transparent;
  --tab-outline-width: 0;
  --tab-radius-active: var(--radius-s);
  --tab-radius: var(--radius-s);
  --table-border-width: var(--border-width);
  --table-column-first-border-width: 0;
  --table-column-last-border-width: 0;
  --table-header-border-width: 0;
  --table-header-weight: var(--font-weight);
  --table-row-last-border-width: 0;
  --table-text-size: var(--font-small);
  --tag-padding-y: 0.35em;
  --tag-size: var(--font-smallest);
  --tag-weight: var(--font-medium);
  --text-selection: var(--background-modifier-hover);
  --titlebar-background-focused: transparent;
  --titlebar-background: transparent;
  --toggle-border-width: 1.5px;
  --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);
  --toggle-thumb-height: 13px;
  --toggle-thumb-width: 21px;
  --toggle-width: 36px;
  --view-header-height: var(--header-height) !important;
  --workspace-background-translucent: var(--background-secondary);
  --side-padding: 20px;
}
@media (max-width: 402px) {
  body {
    --side-padding: 16px;
  }
}
body.theme-light {
  --background-modifier-cover: rgba(170, 170, 170, 0.6);
  --background-modifier-border-hover: var(--color-base-25);
  --color-base-80: #494949;
  --color-base-90: #363636;
  --color-red-rgb: 255, 59, 48;
  --color-red: #ff3b30;
  --color-orange-rgb: 255, 149, 0;
  --color-orange: #ff9500;
  --color-yellow-rgb: 255, 204, 0;
  --color-yellow: #ffcc00;
  --color-green-rgb: 40, 205, 65;
  --color-green: #28cd41;
  --color-cyan-rgb: 85, 190, 240;
  --color-cyan: #55bef0;
  --color-blue-rgb: 0, 122, 255;
  --color-blue: #007aff;
  --color-purple-rgb: 175, 82, 222;
  --color-purple: #af52de;
  --color-pink-rgb: 255, 45, 85;
  --color-pink: #ff2d55;
  --divider-color: rgba(31, 34, 37, 0.09) !important;
  --menu-background: rgb(from var(--background-secondary) r g b / 75%) !important;
  --modal-background: rgb(from var(--background-primary) r g b / 90%) !important;
  --interactive-normal: var(--color-base-25);
  --input-shadow: inset 0 -0.15px 0 0.5px rgba(0, 0, 0, 0.2), 0 1px 1.5px 0 rgba(0, 0, 0, 0.03), 0 0.3px 0.5px 0 rgba(0, 0, 0, 0.1) !important;
  --code-normal: #383a42;
  --code-comment: #b6b9c5;
  --code-function: #b76b02;
  --code-important: #b76b02;
  --code-keyword: #e45749;
  --code-property: #62afef;
  --code-punctuation: #383a42;
  --code-string: #0d97b3;
  --code-tag: #e45749;
  --code-value: #a626a4;
  --shadow-base: inset 1px 1px 2px rgba(255, 255, 255, 0.5), inset -1px -1px 2px rgba(255, 255, 255, 0.5), inset 0 4px 16px rgba(255, 255, 255, 0.025);
  --shadow-border: 0 0 1px 0 rgba(0, 0, 0, 0.4);
  --shadow-xs: var(--shadow-base), inset 0 -8px 48px rgba(0, 0, 0, 0.02), 0 1px 8px rgba(0, 0, 0, 0.025), 0 4px 48px rgba(0, 0, 0, 0.095);
  --shadow-s: var(--shadow-base), inset 0 0 1px 1px white, var(--shadow-border), 0 8px 15px 0 rgba(0, 0, 0, 0.2);
  --shadow-l: var(--shadow-border), inset 0 0 1px 1px white, 0 18px 60px 0 rgba(0, 0, 0, 0.3);
}
body.theme-dark {
  --background-modifier-cover: rgba(0, 0, 0, 0.6);
  --color-base-80: #c0c0c0;
  --color-base-90: #cdcdcd;
  --color-red-rgb: 255, 69, 58;
  --color-red: #ff453a;
  --color-orange-rgb: 255, 159, 10;
  --color-orange: #ff9f0a;
  --color-yellow-rgb: 255, 214, 10;
  --color-yellow: #ffd60a;
  --color-green-rgb: 50, 215, 75;
  --color-green: #32d74b;
  --color-cyan-rgb: 90, 200, 245;
  --color-cyan: #5ac8f5;
  --color-blue-rgb: 10, 132, 255;
  --color-blue: #0a84ff;
  --color-purple-rgb: 191, 90, 242;
  --color-purple: #bf5af2;
  --color-pink-rgb: 255, 55, 95;
  --color-pink: #ff375f;
  --divider-color: rgba(244, 244, 244, 0.12) !important;
  --modal-background: rgb(from var(--background-primary) r g b / 75%) !important;
  --modal-background: rgb(from var(--background-primary) r g b / 90%) !important;
  --interactive-normal: var(--color-base-40);
  --input-shadow: inset 0 0.5px 0px 0px rgba(255, 255, 255, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important;
  --code-normal: #abb2bf;
  --code-comment: #5c6370;
  --code-function: #d19a66;
  --code-important: #d19a66;
  --code-keyword: #e16d76;
  --code-property: #62afef;
  --code-punctuation: #abb2bf;
  --code-string: #58b6c2;
  --code-tag: #e16d76;
  --code-value: #c678de;
  --shadow-base: inset 1px 1.5px 1px -1px rgba(255, 255, 255, 0.2), inset -1px -1.5px 1px -1px rgba(255, 255, 255, 0.15), inset 0 4px 16px rgba(255, 255, 255, 0.025);
  --shadow-border: 0 0 1px 0 rgba(255, 255, 255, 0.3);
  --shadow-xs: inset 0 8px 64px rgba(255, 255, 255, 0.125), var(--shadow-base);
  --shadow-s: var(--shadow-border), 0 0 1px rgba(255, 255, 255, 0.5), 0 0 1px 0 rgba(0, 0, 0, 0.4), 0 8px 15px 0 rgba(0, 0, 0, 0.2);
  --shadow-l: var(--shadow-border), 0 0 1px rgba(255, 255, 255, 0.5), 0 0 1px 0 rgba(0, 0, 0, 0.7), 0 18px 60px 0 rgba(0, 0, 0, 0.3);
}
body.is-fullscreen {
  --frame-left-space: 0px;
}
body.is-fullscreen .show-ribbon {
  --ribbon-width: 64px;
}
body:not(.is-mobile) {
  --header-height: 56px;
}
body:not(.is-mobile):not(.is-focused) {
  --workspace-background-translucent: var(--background-secondary);
}
body:not(.is-mobile):not(.is-focused) .workspace-ribbon,
body:not(.is-mobile):not(.is-focused) .mod-sidedock > div,
body:not(.is-mobile):not(.is-focused) .mod-root .workspace-tab-header-container {
  opacity: 0.5;
}
body.is-popout-window {
  --workspace-background-translucent: var(--background-secondary);
}

@media (prefers-color-scheme: light) {
  body.theme-dark {
    --workspace-background-translucent: var(--background-secondary);
  }
  body.theme-dark .app-container {
    background-color: var(--background-primary);
  }
}
@media (prefers-color-scheme: dark) {
  body.theme-light {
    --workspace-background-translucent: var(--background-secondary);
  }
  body.theme-light .app-container {
    background-color: var(--background-primary);
  }
}
.app-container {
  transition-delay: 0 !important;
}

body:not(.mod-windows:not(.windows-mode-off)):not(.is-android:not(.material-off)) * {
  -electron-corner-smoothing: 60%;
}

body:not(.is-popout-window),
body:not(.is-popout-window) .app-container {
  align-items: center;
}

body:not(.is-mobile) {
  background-color: var(--background-secondary);
}
body:not(.is-mobile) .workspace,
body:not(.is-mobile) .workspace-ribbon,
body:not(.is-mobile) .workspace-split.mod-root,
body:not(.is-mobile) .workspace-split,
body:not(.is-mobile) .workspace-tabs .workspace-leaf,
body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile {
  background-color: transparent;
}
body:not(.is-mobile):not(.is-translucent) .app-container {
  background-color: var(--background-secondary);
}
body:not(.is-mobile) .app-container::before {
  position: fixed;
  inset: 0;
  background-color: hsla(var(--color-accent-hsl), calc(var(--accented-frame-opacity) * 0.005));
  content: "";
}
body:not(.is-mobile) .titlebar {
  background-color: transparent;
  z-index: 1;
}
body:not(.is-mobile) .titlebar .titlebar-button-container.mod-right {
  width: var(--frame-right-space);
}
body:not(.is-mobile) .titlebar .titlebar-button-container.mod-right .titlebar-button {
  justify-content: center;
  flex: 1;
}
body:not(.is-mobile) .titlebar .titlebar-button-container.mod-right .titlebar-button path,
body:not(.is-mobile) .titlebar .titlebar-button-container.mod-right .titlebar-button rect,
body:not(.is-mobile) .titlebar .titlebar-button-container.mod-right .titlebar-button circle {
  visibility: hidden;
}
body:not(.is-mobile) .titlebar .titlebar-button-container.mod-right .titlebar-button svg {
  -webkit-mask-size: 100% 100%;
  background-color: currentcolor;
  width: auto;
  height: 10px;
}
body:not(.is-mobile) .titlebar .titlebar-button-container.mod-right .titlebar-button.mod-minimize svg {
  -webkit-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(.is-mobile) .titlebar .titlebar-button-container.mod-right .titlebar-button.mod-maximize svg {
  -webkit-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(.is-mobile) .titlebar .titlebar-button-container.mod-right .titlebar-button.mod-close svg {
  -webkit-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(.is-mobile) .is-maximized .titlebar .titlebar-button-container.mod-right .titlebar-button.mod-maximize svg {
  -webkit-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");
}

svg.svg-icon {
  fill: none !important;
}

@keyframes fadeInUp {
  from {
    transform: translateY(16px);
    opacity: 0;
  }
}
@keyframes fadeInDown {
  from {
    transform: translateY(-16px);
    opacity: 0;
  }
}
@keyframes fadeInUpLarge {
  0% {
    transform: translateY(80px);
    opacity: 0;
  }
  50% {
    transform: translateY(80px);
    opacity: 0;
  }
}
@keyframes fadeInDownLarge {
  0% {
    transform: translateY(-80px);
    opacity: 0;
  }
  50% {
    transform: translateY(-80px);
    opacity: 0;
  }
}
@keyframes fadeInScale {
  from {
    transform: scale(0.95);
    opacity: 0;
  }
}
@keyframes bounceInScale {
  from {
    transform: scale(1.25);
    opacity: 0;
  }
  30% {
    transform: scale(0.99);
  }
}
.view-header,
.view-content,
.workspace-tab-header-container-inner {
  transition: all var(--anim-duration-fast);
}

.mod-root,
.workspace-tab-header-container {
  transition: padding var(--anim-duration-fast), margin var(--anim-duration-fast);
}

body:not(.mod-windows:not(.windows-mode-off)):not(.is-android:not(.material-off)) .modal {
  transition: var(--anim-duration-slow) var(--anim-motion-cupertino);
}
@starting-style {
  body:not(.mod-windows:not(.windows-mode-off)):not(.is-android:not(.material-off)) .modal {
    transform: scale(0.98);
  }
}

@starting-style {
  body.is-mobile .workspace-drawer.mod-left {
    transform: translateX(-100%);
  }
}
@starting-style {
  body.is-mobile .workspace-drawer.mod-right {
    transform: translateX(100%);
  }
}
body.is-mobile .workspace-drawer.mod-left,
body.is-mobile .workspace-drawer.mod-right,
body.is-mobile .menu,
body.is-mobile .mobile-tab-switcher,
body.is-mobile .menu-item,
body.is-mobile .suggestion-item {
  transition: all;
  transition-duration: var(--anim-duration-moderate) !important;
  transition-timing-function: var(--anim-motion-cupertino-calm) !important;
  will-change: transform;
}
body.is-mobile .workspace-drawer.mod-left[style*=transform]:not([style*="transition: transform 150ms ease-in-out"]):not([style*="transition-delay: 0s"]),
body.is-mobile .workspace-drawer.mod-right[style*=transform]:not([style*="transition: transform 150ms ease-in-out"]):not([style*="transition-delay: 0s"]),
body.is-mobile .menu[style*=transform]:not([style*="transition: transform 150ms ease-in-out"]):not([style*="transition-delay: 0s"]),
body.is-mobile .mobile-tab-switcher[style*=transform]:not([style*="transition: transform 150ms ease-in-out"]):not([style*="transition-delay: 0s"]),
body.is-mobile .menu-item[style*=transform]:not([style*="transition: transform 150ms ease-in-out"]):not([style*="transition-delay: 0s"]),
body.is-mobile .suggestion-item[style*=transform]:not([style*="transition: transform 150ms ease-in-out"]):not([style*="transition-delay: 0s"]) {
  transition: none;
}

body.is-phone {
  /* Prompt In*/
  /* Prompt Out */
  /* Keyboard Out */
}
body.is-phone .prompt {
  transition: var(--anim-duration-moderate) !important;
  transform: none !important;
  overflow: visible;
}
@starting-style {
  body.is-phone .prompt {
    opacity: 0;
  }
}
body.is-phone .prompt-results {
  transition: var(--anim-duration-slow) var(--anim-motion-cupertino);
}
@starting-style {
  body.is-phone .prompt-results {
    transform: translateY(80px);
  }
}
body.is-phone .prompt-input-container {
  transition: var(--anim-duration-slow) var(--anim-motion-cupertino);
}
@starting-style {
  body.is-phone .prompt-input-container {
    filter: var(--blur-s);
    transform: scaleX(0.75) !important;
    opacity: 0;
  }
}
body.is-phone .prompt[style*="transform: translateY"] {
  opacity: 0;
}
@starting-style {
  body.is-phone .mobile-navbar,
  body.is-phone .mobile-toolbar {
    opacity: 0;
  }
}
body.is-phone.hide-cursor .mobile-navbar, body.is-phone.hide-cursor .mobile-toolbar, body.is-phone.hide-cursor .mod-root .view-content::before, body.is-phone.hide-cursor .mod-root .workspace-leaf-content .view-actions button:nth-last-child(2) {
  opacity: 0;
}
body.is-phone:not(.hide-cursor) .mobile-navbar {
  animation: fadeInDownLarge var(--anim-duration-moderate) var(--anim-motion-cupertino);
}
body.is-phone:not(.hide-cursor) .mobile-toolbar {
  animation: fadeInUpLarge var(--anim-duration-slow) var(--anim-motion-cupertino);
}
body.is-phone.keyboard-animating .mobile-toolbar-options-list {
  background-color: var(--background-primary);
}

.sidebar-toggle-button {
  background-color: transparent !important;
}

body.center-tabs-off .mod-root .workspace-tab-header-container-inner {
  justify-content: flex-start !important;
  padding: 0 !important;
}

.mod-root .workspace-tabs {
  container-type: inline-size;
}

body:not(.is-phone) .workspace .mod-root .workspace-tabs .workspace-tab-header-container {
  overflow: hidden;
}
body:not(.is-phone) .workspace .mod-root .workspace-tabs .workspace-tab-header-container-inner {
  flex-grow: 1;
}
body:not(.is-phone) .workspace .mod-root .workspace-tabs .workspace-tab-header-spacer {
  display: none;
}
body:not(.is-phone):not(.tabs-autosize-off) {
  --tab-width: 100px;
}
body:not(.is-phone):not(.tabs-autosize-off) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header {
  width: calc-size(auto, size);
  min-width: var(--tab-width);
}
body:not(.is-phone):not(.tabs-autosize-off) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active {
  min-width: 200px;
}
body:not(.is-phone) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header {
  flex: unset;
  opacity: 0.5;
  transition: var(--anim-duration-fast) !important;
  container-type: unset;
  border: none;
  background-color: var(--background-modifier-hover);
  padding: 0;
}
body:not(.is-phone) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header::before, body:not(.is-phone) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header::after {
  display: none;
}
body:not(.is-phone) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active {
  opacity: 1;
  box-shadow: none;
}
@starting-style {
  body:not(.is-phone) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.mod-active.is-active {
    transform: translateX(-16px);
    width: 0 !important;
    min-width: 0 !important;
  }
}
body:not(.is-phone) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.mod-active:not(.is-active) {
  min-width: 0 !important;
}
body:not(.is-phone) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-container-inner {
  justify-content: safe center;
  gap: 4px;
  padding: 0;
}
body:not(.is-phone) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner {
  padding-inline-start: 12px;
  padding-inline-end: 4px;
}
body:not(.is-phone) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner-title {
  flex: unset;
  line-height: normal;
}
body:not(.is-phone) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:not(.is-active):not(.autofit-tab) .workspace-tab-header-inner-title {
  padding-right: 18px;
}
body:not(.is-phone) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button,
body:not(.is-phone) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:not(.is-active) .workspace-tab-header-status-container {
  position: absolute;
  inset-inline-end: 4px;
}
body:not(.is-phone) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner-close-button,
body:not(.is-phone) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-status-icon {
  padding: 4px;
}
body:not(.is-phone) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner-close-button:hover,
body:not(.is-phone) .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-status-icon:hover {
  background-color: var(--background-modifier-hover);
}
body:not(.is-phone) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-close-button {
  padding: 4px 12px;
  min-height: 32px;
  justify-content: center;
  border-radius: var(--clickable-icon-radius);
}
body:not(.is-phone) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner {
  padding: 12px;
  gap: 4px;
}
body:not(.is-phone) .workspace .mod-sidedock {
  --tab-radius: var(--clickable-icon-radius);
}
body:not(.is-phone) .workspace .mod-sidedock .workspace-tab-header-container-inner {
  -webkit-app-region: no-drag;
  gap: 0px;
  transition: var(--anim-duration-fast);
  padding: 0;
  outline: 2px solid transparent;
}
body:not(.is-phone) .workspace .mod-sidedock .workspace-tab-header-container-inner:not(:hover) .workspace-tab-header.is-active {
  background-color: transparent;
}
body:not(.is-phone) .workspace .mod-sidedock .workspace-tab-header-container-inner:hover {
  background-color: var(--background-modifier-hover);
  outline-color: var(--background-modifier-hover);
}
body:not(.is-phone) .workspace .mod-sidedock .workspace-tab-header-container-inner:hover .workspace-tab-header.is-active {
  background-color: var(--background-primary);
  box-shadow: var(--shadow-xs);
}
body:not(.is-phone) .workspace .mod-sidedock .workspace-tab-header {
  border-radius: var(--tab-radius);
  transition: var(--anim-duration-fast);
}
body:not(.is-phone) .workspace .mod-sidedock .workspace-tab-header-inner {
  width: 40px;
  transition: var(--anim-duration-fast);
}
body:not(.is-phone) .workspace .mod-sidedock .workspace-tab-header:not(.is-active) .workspace-tab-header-inner:not(:hover) {
  opacity: 0.5;
}
body:not(.is-phone) .workspace .mod-sidedock.mod-left-split .sidebar-toggle-button.mod-left {
  order: -1;
}

@container (max-width: 480px) {
  body:not(.is-mobile) .mod-root .workspace-tab-header-container-inner {
    justify-content: flex-start !important;
    padding: 0 !important;
  }
}
body:not(.is-mobile) .workspace-tab-header-container .clickable-icon {
  padding: 4px;
  width: 40px;
  height: 100%;
}
body:not(.is-mobile) .workspace-tab-header-container {
  padding-left: 12px;
  padding-right: 12px;
}
body:not(.is-mobile) .workspace-tab-header-container-inner {
  margin: 12px 0;
  position: relative;
  border-radius: var(--tab-radius);
}
body:not(.is-mobile) .workspace-tab-header-new-tab,
body:not(.is-mobile) .workspace-tab-header-tab-list,
body:not(.is-mobile) .sidebar-toggle-button {
  margin: 12px 0;
  padding: unset;
  height: auto !important;
}
body:not(.is-mobile) .sidebar-toggle-button {
  align-items: center;
  padding: 0;
  height: var(--header-height);
  z-index: 11 !important;
}
body:not(.is-mobile) .sidebar-toggle-button .clickable-icon,
body:not(.is-mobile) .workspace-ribbon .clickable-icon {
  padding: 4px;
  width: 40px;
}

body.mod-macos.is-hidden-frameless .workspace-tab-header-container {
  padding-right: 12px !important;
}
body.mod-macos.is-hidden-frameless .sidebar-toggle-button.mod-right {
  position: relative !important;
  padding: 0 !important;
}
body.mod-macos.is-hidden-frameless.is-fullscreen.show-ribbon .mod-root .workspace-tab-header-container {
  z-index: var(--layer-popover);
  margin-left: calc(-1 * var(--ribbon-width));
}
body.mod-macos.is-hidden-frameless.is-fullscreen .mod-root .workspace-tabs.mod-top-left-space.mod-top-right-space .workspace-tab-header-container-inner {
  padding-left: 80px;
}
body.mod-macos.is-hidden-frameless.is-fullscreen .mod-root .workspace-tabs.mod-top-left-space:not(.mod-top-right-space) .workspace-tab-header-container-inner {
  padding-left: 48px !important;
  padding-right: 0;
}
body.mod-macos.is-hidden-frameless.show-ribbon:not(.is-fullscreen) .mod-sidedock.is-sidedock-collapsed .workspace-tabs.mod-top-left-space .workspace-tab-header-container-inner {
  margin-left: 96px;
}
body.mod-macos.is-hidden-frameless.show-ribbon .mod-root .workspace-tabs.mod-top-left-space.mod-top-right-space .workspace-tab-header-container-inner {
  padding-left: 60px;
}
body.mod-macos.is-hidden-frameless.show-ribbon .mod-root .workspace-tabs.mod-top-left-space:not(.mod-top-right-space) .workspace-tab-header-container-inner {
  padding-left: 20px;
  padding-right: 0;
}
body.mod-macos.is-hidden-frameless .mod-root .workspace-tabs.mod-top-left-space.mod-top-right-space .workspace-tab-header-container-inner {
  padding-left: 4px;
}
body.mod-macos.is-hidden-frameless .mod-root .workspace-tabs.mod-top-left-space:not(.mod-top-right-space) .workspace-tab-header-container-inner {
  padding-right: 36px;
}
body.mod-macos.is-hidden-frameless .mod-root .workspace-tabs:not(.mod-top-left-space).mod-top-right-space .workspace-tab-header-container-inner {
  padding-left: 120px;
}
body.mod-macos.is-hidden-frameless .mod-root .workspace-tabs:not(.mod-top-left-space):not(.mod-top-right-space).mod-top .workspace-tab-header-container-inner,
body.mod-macos.is-hidden-frameless .mod-root .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner {
  padding-left: 80px;
}

body.mod-windows.is-hidden-frameless .workspace-tab-header-container,
body.mod-linux.is-hidden-frameless .workspace-tab-header-container {
  padding-left: 12px !important;
}
body.mod-windows.is-hidden-frameless .workspace-tabs.mod-top-right-space .workspace-tab-header-container,
body.mod-linux.is-hidden-frameless .workspace-tabs.mod-top-right-space .workspace-tab-header-container {
  padding-right: var(--frame-right-space) !important;
}
body.mod-windows.is-hidden-frameless.show-ribbon .mod-sidedock.mod-left-split .workspace-tab-header-container,
body.mod-linux.is-hidden-frameless.show-ribbon .mod-sidedock.mod-left-split .workspace-tab-header-container {
  padding-left: 0px !important;
}
body.mod-windows.is-hidden-frameless.show-ribbon .mod-root .workspace-tabs.mod-top-left-space.mod-top-right-space .workspace-tab-header-container-inner,
body.mod-linux.is-hidden-frameless.show-ribbon .mod-root .workspace-tabs.mod-top-left-space.mod-top-right-space .workspace-tab-header-container-inner {
  padding-left: 252px;
}
body.mod-windows.is-hidden-frameless.show-ribbon .mod-root .workspace-tabs.mod-top-left-space:not(.mod-top-right-space) .workspace-tab-header-container-inner,
body.mod-linux.is-hidden-frameless.show-ribbon .mod-root .workspace-tabs.mod-top-left-space:not(.mod-top-right-space) .workspace-tab-header-container-inner {
  padding-left: 120px;
}
body.mod-windows.is-hidden-frameless.show-ribbon .mod-root .workspace-tabs:not(.mod-top-left-space).mod-top-right-space .workspace-tab-header-container-inner,
body.mod-linux.is-hidden-frameless.show-ribbon .mod-root .workspace-tabs:not(.mod-top-left-space).mod-top-right-space .workspace-tab-header-container-inner {
  padding-left: 244px;
}
body.mod-windows.is-hidden-frameless.show-ribbon .mod-root .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner,
body.mod-linux.is-hidden-frameless.show-ribbon .mod-root .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner {
  padding-left: 80px;
}
body.mod-windows.is-hidden-frameless .mod-root .workspace-tabs.mod-top-left-space.mod-top-right-space .workspace-tab-header-container-inner,
body.mod-linux.is-hidden-frameless .mod-root .workspace-tabs.mod-top-left-space.mod-top-right-space .workspace-tab-header-container-inner {
  padding-left: 212px;
}
body.mod-windows.is-hidden-frameless .mod-root .workspace-tabs.mod-top-left-space:not(.mod-top-right-space) .workspace-tab-header-container-inner,
body.mod-linux.is-hidden-frameless .mod-root .workspace-tabs.mod-top-left-space:not(.mod-top-right-space) .workspace-tab-header-container-inner {
  padding-left: 88px;
}
body.mod-windows.is-hidden-frameless .mod-root .workspace-tabs:not(.mod-top-left-space).mod-top-right-space .workspace-tab-header-container-inner,
body.mod-linux.is-hidden-frameless .mod-root .workspace-tabs:not(.mod-top-left-space).mod-top-right-space .workspace-tab-header-container-inner {
  padding-left: 244px;
  padding-right: 0 !important;
}
body.mod-windows.is-hidden-frameless .mod-root .workspace-tabs:not(.mod-top-left-space):not(.mod-top-right-space).mod-top .workspace-tab-header-container-inner,
body.mod-windows.is-hidden-frameless .mod-root .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner,
body.mod-linux.is-hidden-frameless .mod-root .workspace-tabs:not(.mod-top-left-space):not(.mod-top-right-space).mod-top .workspace-tab-header-container-inner,
body.mod-linux.is-hidden-frameless .mod-root .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner {
  padding-left: 120px;
}

body:not(.is-mobile):not(.is-hidden-frameless).show-ribbon .workspace:not(.is-left-sidedock-open):not(.is-right-sidedock-open) .mod-root .workspace-tab-header-container-inner {
  padding-left: 88px;
}
body:not(.is-mobile):not(.is-hidden-frameless) .workspace:not(.is-left-sidedock-open):not(.is-right-sidedock-open) .mod-root .workspace-tab-header-container-inner {
  padding-left: 48px;
}
body:not(.is-mobile):not(.is-hidden-frameless) .workspace.is-left-sidedock-open:not(.is-right-sidedock-open) .mod-root .workspace-tab-header-container-inner {
  padding-left: 80px;
}
body:not(.is-mobile):not(.is-hidden-frameless) .workspace:not(.is-left-sidedock-open).is-right-sidedock-open .mod-root .workspace-tab-header-container-inner {
  padding-left: 48px;
}
body:not(.is-mobile):not(.is-hidden-frameless) .workspace.is-left-sidedock-open.is-right-sidedock-open .mod-root .workspace-tab-header-container-inner {
  padding-left: 48px;
}

@container (max-width: 640px) {
  body.is-tablet .mod-root .workspace-tab-header-container-inner {
    justify-content: flex-start !important;
    padding: 0 !important;
  }
}
body.is-tablet .workspace-tab-header-new-tab,
body.is-tablet .workspace-tab-header-tab-list,
body.is-tablet .sidebar-toggle-button {
  margin: 0;
  min-width: var(--input-height);
  justify-content: center;
}
body.is-tablet .sidebar-toggle-button {
  align-items: center;
  padding: 0 !important;
  height: var(--header-height) !important;
  width: var(--header-height);
}
body.is-tablet .sidebar-toggle-button .clickable-icon {
  padding: 0;
}
body.is-tablet .workspace-tab-header-container {
  padding: 0 var(--side-padding) !important;
}
body.is-tablet .workspace-tab-header-container-inner {
  padding: 0 0 0 88px;
  height: 40px !important;
}

@media print {
  .markdown-rendered pre,
  .HyperMD-codeblock {
    box-shadow: none !important;
  }
}
@media screen, print {
  body {
    --bold-color: rgb(var(--mono-rgb-100));
    --italic-color: rgb(var(--mono-rgb-100));
    --inline-title-color: rgb(var(--mono-rgb-100));
    --h1-color: rgb(var(--mono-rgb-100));
    --h2-color: rgb(var(--mono-rgb-100));
    --h3-color: rgb(var(--mono-rgb-100));
    --h4-color: rgb(var(--mono-rgb-100));
    --h5-color: rgb(var(--mono-rgb-100));
    --h6-color: rgb(var(--mono-rgb-100));
  }
  .markdown-reading-view,
  .markdown-source-view {
    --text-normal: var(--color-base-80);
    transition: var(--anim-duration-fast) ease-in-out;
    letter-spacing: 0.1px;
    font-feature-settings: "ss01" 1, "ss07" 1, "cv07" 1;
  }
  .markdown-preview-view {
    scrollbar-gutter: auto;
  }
  .workspace-tabs {
    overflow: visible;
  }
  .mod-fade::before,
  .mod-fade::after {
    display: none;
  }
  .collapse-indicator {
    --cursor: pointer;
  }
  i,
  em {
    font-weight: var(--font-medium);
  }
  /* Animation */
  .workspace-leaf-content[data-mode=source] .markdown-reading-view {
    transform: scale(0.99);
  }
  .workspace-leaf-content[data-mode=preview] .markdown-source-view {
    transform: scale(0.99);
  }
  /* Mode switcher */
  .mod-root .workspace-leaf-content[data-mode=source] .view-header .view-actions button:nth-last-child(2) {
    background-color: var(--interactive-accent) !important;
    color: var(--text-on-accent) !important;
  }
  /* Image */
  img {
    border-radius: var(--radius-s);
  }
  body:not(.full-width-off) .workspace-leaf-content[data-type=markdown] .image-embed:not(.canvas-node-content) {
    display: block;
    border-radius: var(--radius-s);
    width: 100%;
    line-height: 0;
  }
  body:not(.full-width-off) .workspace-leaf-content[data-type=markdown] img:not([width]):not([class]) {
    background-color: var(--background-secondary);
    width: 100%;
    max-height: 480px;
    object-fit: contain;
    text-align: center;
  }
  /*Image grid*/
  .img-grid .markdown-preview-section .el-p > p:has(> .image-embed),
  .img-grid .markdown-preview-section .el-p > p:has(> img) {
    --p-spacing: 4px;
    display: flex;
    gap: 4px;
    line-height: 0;
  }
  .img-grid .markdown-preview-section .el-p > p:has(> .image-embed) br,
  .img-grid .markdown-preview-section .el-p > p:has(> img) br {
    display: none;
  }
  .img-grid .markdown-preview-section .el-p > p:has(> .image-embed) > img,
  .img-grid .markdown-preview-section .el-p > p:has(> .image-embed) > .image-embed,
  .img-grid .markdown-preview-section .el-p > p:has(> img) > img,
  .img-grid .markdown-preview-section .el-p > p:has(> img) > .image-embed {
    flex: 1;
    object-fit: cover;
  }
  .img-grid .markdown-preview-section .el-p > p:has(> .image-embed) img,
  .img-grid .markdown-preview-section .el-p > p:has(> img) img {
    height: -webkit-fill-available;
    overflow: auto;
    object-fit: cover;
  }
  .img-grid .markdown-preview-section .el-p > p:has(> .image-embed) img:not(:only-child),
  .img-grid .markdown-preview-section .el-p > p:has(> .image-embed) span:not(:only-child) img,
  .img-grid .markdown-preview-section .el-p > p:has(> img) img:not(:only-child),
  .img-grid .markdown-preview-section .el-p > p:has(> img) span:not(:only-child) img {
    object-fit: cover;
  }
  /* Code */
  .markdown-rendered code,
  .cm-s-obsidian .cm-inline-code:not(.cm-formatting) {
    padding: 2px 4px;
  }
  pre[class*=language-] code {
    border-radius: 0;
  }
  kbd {
    box-shadow: var(--shadow-editor);
    border: 1px solid var(--background-modifier-border);
    background-color: var(--background-primary);
    padding: var(--tag-padding-y) var(--tag-padding-x);
    font-weight: var(--font-medium);
    font-family: var(--font-text);
  }
  /* Codeblock */
  .markdown-rendered pre,
  .HyperMD-codeblock {
    box-shadow: var(--shadow-editor);
  }
  .HyperMD-codeblock-begin {
    border-bottom: none;
  }
  .HyperMD-codeblock:not(.HyperMD-codeblock-begin):not(.HyperMD-codeblock-end) {
    border-top: none;
    border-bottom: none;
  }
  .HyperMD-codeblock-end {
    border-top: none;
  }
  .HyperMD-codeblock-begin,
  .HyperMD-codeblock-end {
    color: var(--text-faint) !important;
  }
  .HyperMD-codeblock-begin:not(:has(.cm-formatting-code-block)),
  .HyperMD-codeblock-end:not(:has(.cm-formatting-code-block)) {
    height: 12px;
  }
  .HyperMD-codeblock {
    padding-right: 16px !important;
  }
  .markdown-rendered button.copy-code-button,
  .markdown-source-view.mod-cm6 .edit-block-button,
  .code-block-flair {
    box-shadow: none !important;
    padding: 8px !important;
    line-height: 100%;
    background-color: transparent !important;
  }
  /* Highlight */
  .markdown-reading-view mark,
  .markdown-source-view mark,
  .markdown-rendered mark {
    box-decoration-break: clone;
    border-radius: var(--radius-s);
    padding: 2px 4px;
    color: var(--color-base-100);
    font-weight: var(--font-medium);
    background-color: hsla(var(--color-accent-hsl), 0.25);
  }
  .markdown-reading-view mark:not([style]):not([class*=hltr-]),
  .markdown-source-view mark:not([style]):not([class*=hltr-]),
  .markdown-rendered mark:not([style]):not([class*=hltr-]) {
    color: var(--text-accent);
  }
  .cm-s-obsidian span.cm-highlight {
    font-weight: var(--font-medium);
    box-decoration-break: clone;
    padding-top: 2px;
    padding-bottom: 2px;
    color: var(--text-accent);
    background-color: hsla(var(--color-accent-hsl), 0.25);
  }
  .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;
  }
  /* Link */
  body:not(.clean-link-off) {
    --link-decoration: none;
    --link-external-decoration: none;
  }
  /* Callout */
  .callout:not([data-callout=note-toolbar]) {
    background: linear-gradient(rgba(var(--callout-color), 0.1), rgba(var(--callout-color), 0.15));
    backdrop-filter: var(--blur-s);
    box-shadow: var(--shadow-editor);
  }
  .callout:not([data-callout=note-toolbar]) p:first-child {
    margin-block-start: 8px !important;
  }
  .callout:not([data-callout=note-toolbar]) p:last-child {
    margin-bottom: 0;
  }
  .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 {
    align-items: center;
    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-icon svg.svg-icon {
    --icon-size: var(--icon-s);
  }
  .callout:not([data-callout=note-toolbar]) .callout-content > *:last-child {
    margin-bottom: 0 !important;
  }
  .callout:not([data-callout]) {
    --callout-color: var(--color-accent);
    background-color: hsla(var(--color-accent-hsl), 0.15);
    border-color: hsla(var(--color-accent-hsl), var(--callout-border-opacity));
  }
  .callout:not([data-callout]) .callout-title {
    color: var(--callout-color);
  }
  /* Active line */
  body:not(.active-line-off) .markdown-source-view .cm-active:not(:has(.cm-fold-indicator):hover)::after {
    position: absolute;
    top: 4px;
    bottom: 4px;
    inset-inline-start: -12px;
    border-left: 4px solid var(--background-modifier-border-hover);
    border-radius: var(--input-radius);
    content: "";
  }
  /* Heading */
  body {
    --h1-size: 1.5em;
    --h2-size: 1.25em;
    --h3-size: 1.125em;
    --h4-size: 1em;
    --h5-size: 1em;
    --h6-size: 0.875em;
  }
  body h4,
  body .markdown-rendered h4,
  body .cm-header-4 {
    opacity: 0.8;
    letter-spacing: normal;
  }
  body h5,
  body .markdown-rendered h5,
  body .cm-header-5 {
    opacity: 0.5;
    letter-spacing: normal;
  }
  body h6,
  body .markdown-rendered h6,
  body .cm-header-6 {
    opacity: 0.5;
    letter-spacing: normal;
    text-transform: uppercase;
  }
  .embed-title {
    color: var(--color-base-100);
  }
  .embed-title:empty {
    display: none;
  }
  /* Table */
  :root table {
    border-collapse: separate;
    border-spacing: 0;
  }
  body:not(.full-width-off) table,
  body:not(.full-width-off) .table-wrapper {
    width: 100% !important;
  }
  .markdown-preview-view table,
  .cm-sizer table {
    position: relative;
    border-radius: var(--radius-s);
  }
  .markdown-preview-view table::before,
  .cm-sizer table::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    border: var(--table-border-width) solid var(--table-border-color);
    border-radius: var(--radius-s);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    pointer-events: none;
    content: "";
  }
  .markdown-preview-view .table-cell-wrapper:active,
  .markdown-preview-view .table-cell-wrapper:focus,
  .markdown-preview-view .table-cell-wrapper:focus-within,
  .cm-sizer .table-cell-wrapper:active,
  .cm-sizer .table-cell-wrapper:focus,
  .cm-sizer .table-cell-wrapper:focus-within {
    background-color: var(--background-modifier-hover) !important;
  }
  .markdown-preview-view thead,
  .markdown-preview-view tbody,
  .cm-sizer thead,
  .cm-sizer tbody {
    background-color: var(--background-secondary);
  }
  .markdown-preview-view thead tr th,
  .cm-sizer thead tr th {
    border-top: none;
  }
  .markdown-preview-view tr td,
  .markdown-preview-view tr th,
  .cm-sizer tr td,
  .cm-sizer tr th {
    border-right: none;
    border-bottom: none;
  }
  .markdown-preview-view th:first-child,
  .markdown-preview-view th:first-child .table-cell-wrapper,
  .cm-sizer th:first-child,
  .cm-sizer th:first-child .table-cell-wrapper {
    border-top-left-radius: var(--radius-s);
  }
  .markdown-preview-view th:last-child,
  .markdown-preview-view th:last-child .table-cell-wrapper,
  .cm-sizer th:last-child,
  .cm-sizer th:last-child .table-cell-wrapper {
    border-top-right-radius: var(--radius-s);
  }
  .markdown-preview-view tr:last-child td:first-child,
  .markdown-preview-view tr:last-child td:first-child .table-cell-wrapper,
  .cm-sizer tr:last-child td:first-child,
  .cm-sizer tr:last-child td:first-child .table-cell-wrapper {
    border-bottom-left-radius: var(--radius-s);
  }
  .markdown-preview-view tr:last-child td:last-child,
  .markdown-preview-view tr:last-child td:last-child .table-cell-wrapper,
  .cm-sizer tr:last-child td:last-child,
  .cm-sizer tr:last-child td:last-child .table-cell-wrapper {
    border-bottom-right-radius: var(--radius-s);
  }
  .markdown-preview-view .cm-table-widget[dir=rtl] th:first-child,
  .markdown-preview-view .cm-table-widget[dir=rtl] th:first-child .table-cell-wrapper,
  .markdown-preview-view .el-table[dir=rtl] th:first-child,
  .markdown-preview-view .el-table[dir=rtl] th:first-child .table-cell-wrapper,
  .markdown-preview-view div[dir=rtl] th:first-child,
  .markdown-preview-view div[dir=rtl] th:first-child .table-cell-wrapper,
  .cm-sizer .cm-table-widget[dir=rtl] th:first-child,
  .cm-sizer .cm-table-widget[dir=rtl] th:first-child .table-cell-wrapper,
  .cm-sizer .el-table[dir=rtl] th:first-child,
  .cm-sizer .el-table[dir=rtl] th:first-child .table-cell-wrapper,
  .cm-sizer div[dir=rtl] th:first-child,
  .cm-sizer div[dir=rtl] th:first-child .table-cell-wrapper {
    border-top-right-radius: var(--radius-s);
    border-top-left-radius: 0;
  }
  .markdown-preview-view .cm-table-widget[dir=rtl] th:last-child,
  .markdown-preview-view .cm-table-widget[dir=rtl] th:last-child .table-cell-wrapper,
  .markdown-preview-view .el-table[dir=rtl] th:last-child,
  .markdown-preview-view .el-table[dir=rtl] th:last-child .table-cell-wrapper,
  .markdown-preview-view div[dir=rtl] th:last-child,
  .markdown-preview-view div[dir=rtl] th:last-child .table-cell-wrapper,
  .cm-sizer .cm-table-widget[dir=rtl] th:last-child,
  .cm-sizer .cm-table-widget[dir=rtl] th:last-child .table-cell-wrapper,
  .cm-sizer .el-table[dir=rtl] th:last-child,
  .cm-sizer .el-table[dir=rtl] th:last-child .table-cell-wrapper,
  .cm-sizer div[dir=rtl] th:last-child,
  .cm-sizer div[dir=rtl] th:last-child .table-cell-wrapper {
    border-top-right-radius: 0;
    border-top-left-radius: var(--radius-s);
  }
  .markdown-preview-view .cm-table-widget[dir=rtl] tr:last-child td:first-child,
  .markdown-preview-view .cm-table-widget[dir=rtl] tr:last-child td:first-child .table-cell-wrapper,
  .markdown-preview-view .el-table[dir=rtl] tr:last-child td:first-child,
  .markdown-preview-view .el-table[dir=rtl] tr:last-child td:first-child .table-cell-wrapper,
  .markdown-preview-view div[dir=rtl] tr:last-child td:first-child,
  .markdown-preview-view div[dir=rtl] tr:last-child td:first-child .table-cell-wrapper,
  .cm-sizer .cm-table-widget[dir=rtl] tr:last-child td:first-child,
  .cm-sizer .cm-table-widget[dir=rtl] tr:last-child td:first-child .table-cell-wrapper,
  .cm-sizer .el-table[dir=rtl] tr:last-child td:first-child,
  .cm-sizer .el-table[dir=rtl] tr:last-child td:first-child .table-cell-wrapper,
  .cm-sizer div[dir=rtl] tr:last-child td:first-child,
  .cm-sizer div[dir=rtl] tr:last-child td:first-child .table-cell-wrapper {
    border-bottom-right-radius: var(--radius-s);
    border-bottom-left-radius: 0;
  }
  .markdown-preview-view .cm-table-widget[dir=rtl] tr:last-child td:last-child,
  .markdown-preview-view .cm-table-widget[dir=rtl] tr:last-child td:last-child .table-cell-wrapper,
  .markdown-preview-view .el-table[dir=rtl] tr:last-child td:last-child,
  .markdown-preview-view .el-table[dir=rtl] tr:last-child td:last-child .table-cell-wrapper,
  .markdown-preview-view div[dir=rtl] tr:last-child td:last-child,
  .markdown-preview-view div[dir=rtl] tr:last-child td:last-child .table-cell-wrapper,
  .cm-sizer .cm-table-widget[dir=rtl] tr:last-child td:last-child,
  .cm-sizer .cm-table-widget[dir=rtl] tr:last-child td:last-child .table-cell-wrapper,
  .cm-sizer .el-table[dir=rtl] tr:last-child td:last-child,
  .cm-sizer .el-table[dir=rtl] tr:last-child td:last-child .table-cell-wrapper,
  .cm-sizer div[dir=rtl] tr:last-child td:last-child,
  .cm-sizer div[dir=rtl] tr:last-child td:last-child .table-cell-wrapper {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: var(--radius-s);
  }
  .markdown-preview-view .cm-table-widget[dir=rtl] tr th:first-child,
  .markdown-preview-view .cm-table-widget[dir=rtl] tr td:first-child,
  .markdown-preview-view .el-table[dir=rtl] tr th:first-child,
  .markdown-preview-view .el-table[dir=rtl] tr td:first-child,
  .markdown-preview-view div[dir=rtl] tr th:first-child,
  .markdown-preview-view div[dir=rtl] tr td:first-child,
  .cm-sizer .cm-table-widget[dir=rtl] tr th:first-child,
  .cm-sizer .cm-table-widget[dir=rtl] tr td:first-child,
  .cm-sizer .el-table[dir=rtl] tr th:first-child,
  .cm-sizer .el-table[dir=rtl] tr td:first-child,
  .cm-sizer div[dir=rtl] tr th:first-child,
  .cm-sizer div[dir=rtl] tr td:first-child {
    border-left: var(--table-border-width) solid var(--table-border-color);
  }
  .markdown-preview-view .cm-table-widget[dir=rtl] tr th:last-child,
  .markdown-preview-view .cm-table-widget[dir=rtl] tr td:last-child,
  .markdown-preview-view .el-table[dir=rtl] tr th:last-child,
  .markdown-preview-view .el-table[dir=rtl] tr td:last-child,
  .markdown-preview-view div[dir=rtl] tr th:last-child,
  .markdown-preview-view div[dir=rtl] tr td:last-child,
  .cm-sizer .cm-table-widget[dir=rtl] tr th:last-child,
  .cm-sizer .cm-table-widget[dir=rtl] tr td:last-child,
  .cm-sizer .el-table[dir=rtl] tr th:last-child,
  .cm-sizer .el-table[dir=rtl] tr td:last-child,
  .cm-sizer div[dir=rtl] tr th:last-child,
  .cm-sizer div[dir=rtl] tr td:last-child {
    border-left-width: 0 !important;
  }
  .markdown-preview-view .table-col-btn,
  .markdown-preview-view .table-row-btn,
  .cm-sizer .table-col-btn,
  .cm-sizer .table-row-btn {
    border: none !important;
  }
  .cm-html-embed td,
  .markdown-rendered td,
  .cm-html-embed th,
  .markdown-rendered th,
  .markdown-source-view.mod-cm6 .cm-table-widget .table-cell-wrapper {
    padding: 8px;
  }
  /* Embed */
  .workspace-leaf-content[data-type=markdown] .markdown-embed,
  .workspace-leaf-content[data-type=markdown] .file-embed {
    border-radius: var(--radius-m);
  }
  .workspace-leaf-content[data-type=markdown] .markdown-embed-title {
    font-size: var(--inline-title-size);
  }
  .workspace-leaf-content[data-type=markdown] iframe.external-embed {
    border-radius: var(--radius-s);
    aspect-ratio: 16/9;
    height: auto;
  }
  body:not(.full-width-off) .workspace-leaf-content[data-type=markdown] iframe.external-embed {
    width: 100%;
  }
  /* Blockquote */
  .cm-formatting-quote {
    margin-left: 8px;
  }
  .markdown-rendered blockquote {
    position: relative;
    border-radius: var(--radius-s);
    border-inline-start: none;
    padding-inline: calc(32px + var(--blockquote-border-thickness)) 16px;
    padding-block: 16px;
  }
  .markdown-rendered blockquote > blockquote {
    padding-inline-start: calc(16px + var(--blockquote-border-thickness));
    padding-block: 0 !important;
  }
  .markdown-rendered blockquote > blockquote::before {
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
  }
  .markdown-rendered blockquote::before {
    position: absolute;
    top: 16px;
    bottom: 16px;
    inset-inline-start: 16px;
    border-radius: var(--radius-s);
    background-color: var(--blockquote-border-color);
    width: var(--blockquote-border-thickness);
    pointer-events: none;
    content: "";
  }
  .HyperMD-quote {
    border: solid var(--blockquote-background-color);
    border-width: 0 16px 0 16px;
    background-color: var(--blockquote-background-color);
  }
  .HyperMD-quote::before {
    width: 0 !important;
  }
  .HyperMD-quote:first-child,
  .cm-sizer > div > div > *:not(.HyperMD-quote) + .HyperMD-quote {
    border-top-width: 16px;
    border-start-start-radius: var(--radius-s);
    border-start-end-radius: var(--radius-s);
  }
  .HyperMD-quote:first-child::before,
  .cm-sizer > div > div > *:not(.HyperMD-quote) + .HyperMD-quote::before {
    border-start-start-radius: var(--radius-s);
    border-start-end-radius: var(--radius-s);
  }
  .HyperMD-quote:last-child,
  .cm-sizer > div > div > .HyperMD-quote:has(+ *:not(.HyperMD-quote)) {
    border-bottom-width: 16px;
    border-end-start-radius: var(--radius-s);
    border-end-end-radius: var(--radius-s);
  }
  .HyperMD-quote:last-child::before,
  .cm-sizer > div > div > .HyperMD-quote:has(+ *:not(.HyperMD-quote))::before {
    border-end-start-radius: var(--radius-s);
    border-end-end-radius: var(--radius-s);
  }
  /***/
  body:not(.is-mobile).theme-light .mod-root .workspace-tab-container {
    box-shadow: rgba(0, 0, 0, 0.04) 0px 24px 48px, rgba(0, 0, 0, 0.02) 0px 4px 16px;
  }
  body:not(.is-mobile).theme-dark .mod-root .workspace-tab-container {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 24px 48px, rgba(0, 0, 0, 0.12) 0px 4px 16px;
  }
  body:not(.is-mobile) .workspace.is-left-sidedock-open .mod-root .workspace-leaf-resize-handle,
  body:not(.is-mobile) .workspace.is-right-sidedock-open .mod-root .workspace-leaf-resize-handle {
    border-color: transparent;
  }
  body:not(.is-mobile).is-popout-window .workspace .mod-root {
    margin-left: 8px;
    margin-right: 8px;
  }
  body:not(.is-mobile) .workspace.is-left-sidedock-open .mod-root,
  body:not(.is-mobile) .workspace.is-right-sidedock-open .mod-root {
    gap: 8px;
  }
  body:not(.is-mobile):not(.show-ribbon) .workspace:not(.is-left-sidedock-open).is-right-sidedock-open .mod-root {
    margin-left: 8px;
  }
  body:not(.is-mobile):not(.show-ribbon) .workspace:not(.is-left-sidedock-open).is-right-sidedock-open .mod-root .workspace-tabs.mod-top-left-space .workspace-tab-header-container {
    margin-left: -8px;
  }
  body:not(.is-mobile):not(.show-ribbon) .workspace:not(.is-left-sidedock-open).is-right-sidedock-open .mod-root .workspace-tabs.mod-top-left-space:not(.mod-top-right-space) .workspace-tab-header-container-inner {
    padding-left: 8px;
  }
  body:not(.is-mobile) .workspace.is-left-sidedock-open:not(.is-right-sidedock-open) .mod-root {
    margin-right: 8px;
  }
  body:not(.is-mobile) .workspace.is-left-sidedock-open:not(.is-right-sidedock-open) .mod-root .workspace-tabs.mod-top-right-space .workspace-tab-header-container {
    margin-right: -8px;
  }
  body:not(.is-mobile) .workspace.is-left-sidedock-open:not(.is-right-sidedock-open) .mod-root .workspace-tabs:not(.mod-top-left-space).mod-top-right-space .workspace-tab-header-container-inner {
    padding-right: 8px;
  }
  body:not(.is-mobile) .mod-root {
    padding-bottom: 8px;
  }
  body:not(.is-mobile) .mod-root .workspace-tab-container {
    outline: var(--border-width) solid var(--background-modifier-border);
    border-radius: var(--radius-m);
    background-color: var(--background-primary);
  }
  body:not(.is-mobile) .mod-root .workspace-tabs:not(:only-of-type) .workspace-tab-container {
    box-shadow: none;
  }
  body:not(.is-mobile) .mod-root .workspace-leaf-content[data-type=markdown] .view-header,
  body:not(.is-mobile) .mod-root .workspace-leaf-content[data-type=markdown] .markdown-source-view .document-search-container {
    background-color: transparent;
    position: absolute;
    inset: 0 0 auto;
  }
  body:not(.is-mobile) .mod-root .workspace-leaf-content[data-type=markdown] .view-header::before {
    position: absolute;
    z-index: -1;
    content: "";
    inset: 0;
    background-color: var(--background-primary);
    mask: linear-gradient(to bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.99) 18.4%, hsla(0, 0%, 0%, 0.963) 33.7%, hsla(0, 0%, 0%, 0.92) 46.4%, hsla(0, 0%, 0%, 0.864) 56.7%, hsla(0, 0%, 0%, 0.796) 64.8%, hsla(0, 0%, 0%, 0.72) 71.2%, hsla(0, 0%, 0%, 0.637) 76.1%, hsla(0, 0%, 0%, 0.55) 79.9%, hsla(0, 0%, 0%, 0.46) 82.8%, hsla(0, 0%, 0%, 0.37) 85.2%, hsla(0, 0%, 0%, 0.283) 87.3%, hsla(0, 0%, 0%, 0.2) 89.6%, hsla(0, 0%, 0%, 0.124) 92.3%, hsla(0, 0%, 0%, 0.056) 95.6%, hsla(0, 0%, 0%, 0) 100%);
    border-radius: var(--radius-m) var(--radius-m) 0 0;
  }
  body:not(.is-mobile) .mod-root .workspace-leaf-content[data-type=markdown] .document-search-container {
    padding: 8px;
    margin: 0;
    background-color: var(--background-primary) !important;
  }
  body:not(.is-mobile) .mod-root .workspace-leaf-content[data-type=markdown] .view-content > .markdown-reading-view > div:first-child:not(.document-search-container),
  body:not(.is-mobile) .mod-root .workspace-leaf-content[data-type=markdown] .view-content > .markdown-source-view > .cm-editor > .cm-scroller {
    padding-top: calc(var(--file-margins) + var(--view-header-height)) !important;
  }
  body:not(.is-mobile):not(.show-ribbon) .workspace:not(.is-left-sidedock-open) .mod-root .workspace-tab-container {
    border-radius: var(--radius-window);
  }
  body:not(.is-mobile) .workspace:not(.is-right-sidedock-open) .mod-root .workspace-tab-container {
    border-radius: var(--radius-window);
  }
  body:not(.is-mobile):not(.is-popout-window) .workspace:not(.is-left-sidedock-open):not(.is-right-sidedock-open) {
    background-color: var(--background-primary);
  }
  body:not(.is-mobile):not(.is-popout-window) .workspace:not(.is-left-sidedock-open):not(.is-right-sidedock-open) .mod-root {
    padding-bottom: 0;
  }
  body:not(.is-mobile):not(.is-popout-window) .workspace:not(.is-left-sidedock-open):not(.is-right-sidedock-open) .mod-root .workspace-tab-container {
    margin: 0 !important;
    outline: 1px solid transparent;
    box-shadow: none;
    border: 0px solid transparent !important;
    border-radius: 0;
  }
  body:not(.is-phone) .view-header {
    flex-shrink: 0;
    border: none;
    padding: 0 12px;
    height: var(--view-header-height);
  }
  body:not(.is-phone) .view-header-title-parent .view-header-breadcrumb,
  body:not(.is-phone) .view-header-title-parent .view-header-breadcrumb-separator {
    opacity: 0.5;
    color: var(--text-muted);
  }
  body.is-mobile .mod-root .view-content {
    background-color: var(--background-primary);
  }
  body.is-mobile .markdown-preview-view .task-list-item-checkbox {
    top: 0.25em;
    margin-inline-start: calc((var(--checkbox-size) + 8px) * -1);
    margin-inline-end: 10px;
  }
  body.is-tablet .mod-root .workspace-leaf {
    contain: none !important;
  }
  body.is-tablet .mod-root .workspace-tabs.mod-stacked .workspace-tab-header-container-inner {
    display: none;
  }
  body.is-tablet .view-header {
    padding: 0 var(--side-padding);
  }
  body.is-tablet .view-header button {
    height: 100%;
  }
  body.is-tablet .view-header-nav-buttons,
  body.is-tablet .view-actions {
    gap: 0px !important;
  }
}
body:not(.hide-frontmatter-off) .metadata-properties-heading {
  display: none;
}

.metadata-container {
  --icon-size: 16px;
  transform: none !important;
}
.metadata-container .metadata-properties-heading {
  padding: 16px 0 4px;
  color: var(--text-muted);
}
.metadata-container .metadata-properties {
  border-radius: var(--metadata-property-radius);
  background-color: var(--background-secondary);
}
.metadata-container .metadata-properties input:not([type=checkbox]) {
  box-shadow: none !important;
  border: none !important;
}
.metadata-container .metadata-property-icon::before {
  display: none;
}
.metadata-container .metadata-property-key {
  padding: 8px 8px 8px 16px;
}
.metadata-container .metadata-property-key,
.metadata-container .metadata-property-value {
  border: none;
  min-height: 40px;
}
.metadata-container .metadata-property-value input:not([type=checkbox]) {
  box-shadow: none !important;
  border: none !important;
}
.metadata-container .multi-select-container,
.metadata-container .metadata-input,
.metadata-container .metadata-input-number,
.metadata-container .metadata-input-longtext {
  padding: 8px;
}
.metadata-container .metadata-add-button {
  gap: 8px;
  margin: 0;
  padding: 0 16px;
  width: 100%;
  height: 40px;
  color: var(--text-faint);
  font-weight: var(--font-normal);
}
.metadata-container .metadata-add-button:hover {
  background-color: transparent;
  color: var(--text-muted);
}
.metadata-container .multi-select-pill {
  padding: var(--tag-padding-y) var(--tag-padding-x);
  line-height: var(--line-height-tight);
}
.metadata-container .multi-select-pill-content {
  margin-inline-start: 0;
  font-size: var(--tag-size);
}
.metadata-container .multi-select-pill-remove-button {
  margin-inline-end: 0;
}
@container (width < 250px) {
  .metadata-container .metadata-property {
    flex-wrap: wrap;
  }
  .metadata-container .metadata-property:not(:last-child)::before {
    border-bottom: var(--border-width) solid var(--background-modifier-border);
    content: "";
    inset: 0 8px;
    position: absolute;
    pointer-events: none;
  }
  .metadata-container .metadata-property .metadata-property-value,
  .metadata-container .metadata-add-button {
    padding: 8px var(--side-padding);
    min-height: 40px;
  }
  .metadata-container .metadata-property .multi-select-container {
    padding: 0;
  }
  .metadata-container .metadata-input,
  .metadata-container .metadata-input-number,
  .metadata-container .metadata-input-longtext,
  .metadata-container .metadata-input-checkbox {
    margin: 0 !important;
    padding: 0 !important;
  }
  .metadata-container input::-webkit-calendar-picker-indicator {
    display: none;
  }
}

.workspace-split:not(.mod-root) .metadata-container .metadata-properties {
  --metadata-property-radius: var(--radius-m) !important;
  background-color: var(--background-primary);
}

body:not(.is-mobile) .metadata-property {
  max-height: 100vh;
}
body:not(.is-mobile) .metadata-add-button {
  display: flex;
  cursor: pointer;
}
body:not(.is-mobile) .metadata-add-button,
body:not(.is-mobile) .metadata-property[data-property-key=cssclasses] {
  transition: var(--anim-duration-moderate) var(--anim-motion-cupertino);
}
body:not(.is-mobile):not(.hide-frontmatter-off) .markdown-reading-view .metadata-container:not(:hover) .metadata-property[data-property-key=cssclasses]:not(.has-active-menu):not(:focus-within),
body:not(.is-mobile):not(.hide-frontmatter-off) .markdown-reading-view .metadata-container:not(:hover) .metadata-add-button {
  visibility: hidden;
  opacity: 0;
}
body:not(.is-mobile):not(.hide-frontmatter-off) .markdown-reading-view .metadata-container:not(:hover) .metadata-property[data-property-key=cssclasses]:not(.has-active-menu):not(:focus-within) {
  padding: 0;
  max-height: 0px;
}
body:not(.is-mobile):not(.hide-frontmatter-off) .markdown-reading-view .metadata-container:not(:hover) .metadata-add-button {
  height: 0;
}
body:not(.is-mobile) .prompt.suggestion {
  border-radius: var(--radius-m);
  background-color: var(--background-secondary);
  padding: 6px;
}
body:not(.is-mobile) .prompt.suggestion .suggestion-item {
  padding: 4px 8px;
  font-size: var(--font-ui-small);
}

body.is-mobile .metadata-container {
  --metadata-property-radius: var(--radius-s);
}
body.is-mobile .metadata-property-key {
  padding-top: 0;
  padding-bottom: 0;
}
body.is-mobile .metadata-property-key-input,
body.is-mobile .metadata-property-value,
body.is-mobile .metadata-input-number {
  background-color: transparent !important;
  padding: 0 8px !important;
}
body.is-mobile .metadata-property-warning-icon {
  height: auto;
}
body.is-mobile input::-webkit-calendar-picker-indicator {
  display: none;
}

body .modal-bg {
  background-color: transparent;
}
body .modal:not(.mod-sidebar-layout) {
  backdrop-filter: var(--blur-m);
  box-shadow: var(--shadow-s);
  min-width: 320px;
  gap: 8px;
}
body .modal-button-container {
  justify-content: center;
  gap: 8px;
  margin-top: 0;
}
body .modal-button-container button {
  width: auto;
  line-height: var(--line-height-normal);
  border-radius: var(--clickable-icon-radius);
  flex: 1 1 calc(50% - 4px);
}
body .modal-button-container .mod-checkbox {
  justify-content: center;
  margin-bottom: 8px;
  width: 100%;
}

body:not(.is-mobile) .modal:not(.mod-sidebar-layout) .modal-close-button {
  display: none;
}
body:not(.is-mobile) .modal:not(.mod-sidebar-layout) .modal-title {
  margin: 4px 0 8px;
  font-weight: var(--font-bold);
}
body:not(.is-mobile) .modal:not(.mod-sidebar-layout) .modal-title:empty {
  display: none;
}
body:not(.is-mobile) .modal:not(.mod-sidebar-layout) button {
  height: unset;
  border-radius: 100vh;
}
body:not(.is-mobile) .modal:not(.mod-sidebar-layout) .modal-header {
  margin: 0;
}
body:not(.is-mobile) .modal:not(.mod-sidebar-layout) .modal-content,
body:not(.is-mobile) .modal:not(.mod-sidebar-layout) .mod-checkbox {
  font-size: var(--font-ui-small);
}

body.is-mobile .modal-close-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--modal-header-height);
  height: var(--modal-header-height);
  border-radius: var(--clickable-icon-radius);
}
body.is-mobile .modal-close-button::before {
  content: "";
  background-color: var(--text-normal);
  content: "";
  height: 12px;
  width: 12px;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-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='black' d='M.303 18.291c.41.399 1.09.399 1.489 0l7.5-7.5 7.5 7.5c.398.399 1.09.41 1.488 0a1.061 1.061 0 0 0 0-1.476l-7.5-7.512 7.5-7.5c.398-.398.41-1.078 0-1.476-.41-.41-1.09-.41-1.489 0l-7.5 7.5-7.5-7.5c-.398-.41-1.09-.422-1.488 0a1.061 1.061 0 0 0 0 1.476l7.5 7.5-7.5 7.512c-.398.398-.41 1.078 0 1.476Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h18.935v18.595H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
body.is-mobile .modal:not(.mod-sidebar-layout) {
  backdrop-filter: var(--blur-s);
  border-radius: var(--modal-radius);
  background-color: var(--modal-background) !important;
}
body.is-mobile .modal:not(.mod-sidebar-layout) .modal-header {
  border: none !important;
  padding: 24px 24px 0;
}
body.is-mobile .modal:not(.mod-sidebar-layout) .modal-title {
  max-width: 100%;
  text-align: start;
}
body.is-mobile .modal:not(.mod-sidebar-layout) .modal-content {
  padding: 8px 24px;
  font-size: var(--font-ui-small);
}
body.is-mobile .modal:not(.mod-sidebar-layout) .modal-content .modal-button-container {
  padding: 0 0 var(--side-padding);
}
body.is-mobile .modal:not(.mod-sidebar-layout) .modal-button-container {
  margin: 0;
  padding: 0 var(--side-padding) var(--side-padding);
}
body.is-mobile .modal:not(.mod-sidebar-layout) .modal-button-container button {
  margin: 0;
  font-size: var(--font-ui-medium);
  text-align: center;
  justify-content: center;
  min-height: 48px;
}
body.is-mobile .modal:not(.mod-sidebar-layout) .modal-nav-action {
  margin-top: 8px;
  box-shadow: none !important;
  background-color: transparent !important;
  padding: 24px;
  height: unset;
}
body.is-mobile .modal:not(.mod-sidebar-layout) .modal-nav-action:first-of-type {
  inset-inline-start: unset;
  right: 6em;
}

body.is-phone .modal {
  padding-bottom: var(--safe-area-inset-bottom);
}
body.is-phone .modal-button-container button {
  flex: 1 1 calc(50% - 4px);
}

body.is-tablet .modal {
  outline: var(--prompt-border-width) solid var(--background-modifier-hover);
  margin: 0;
  padding: 0;
}
body.is-tablet .modal-title {
  font-size: var(--font-ui-medium);
}

body:not(.is-mobile) .modal.mod-sidebar-layout {
  backdrop-filter: var(--blur-l);
}
body:not(.is-mobile) .modal.mod-sidebar-layout .modal-sidebar {
  padding-top: 0;
}
body:not(.is-mobile) .setting-item-name {
  overflow: visible;
}
body:not(.is-mobile) .modal.mod-community-modal .setting-item,
body:not(.is-mobile) .modal.mod-community-modal .community-modal-search-summary {
  border: none !important;
  background-color: transparent !important;
  padding: 4px 12px !important;
  gap: 0 !important;
  margin: 0;
}
body:not(.is-mobile) .modal.mod-community-modal .setting-item-name {
  padding: 0;
}
body:not(.is-mobile) .modal.mod-community-modal .community-modal-search-results-wrapper {
  border: none;
}
body:not(.is-mobile) .modal-close-button {
  z-index: 1;
}
body:not(.is-mobile) .vertical-tab-content {
  container-type: inline-size;
}
@container (max-width: 480px) {
  body:not(.is-mobile) .vertical-tab-content .setting-item:not(.setting-item-heading),
  body:not(.is-mobile) .vertical-tab-content .setting-item-control {
    flex-wrap: wrap;
  }
  body:not(.is-mobile) .vertical-tab-content button {
    white-space: normal;
  }
  body:not(.is-mobile) .vertical-tab-content select,
  body:not(.is-mobile) .vertical-tab-content .dropdown,
  body:not(.is-mobile) .vertical-tab-content input {
    width: 100%;
    text-overflow: ellipsis;
  }
}

body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)) .modal.mod-sidebar-layout:not(.mod-community-modal) .vertical-tab-header,
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)) .modal.mod-sidebar-layout:not(.mod-community-modal) .vertical-tab-content {
  background-color: transparent;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)) .modal.mod-sidebar-layout:not(.mod-community-modal) .vertical-tab-header {
  border: none;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)) .modal.mod-sidebar-layout:not(.mod-community-modal) .setting-item-heading {
  border: none;
  padding: var(--side-padding) var(--side-padding) 12px;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)) .modal.mod-sidebar-layout:not(.mod-community-modal) .setting-item:not(.setting-item-heading) {
  border: none;
  gap: 8px;
  border-radius: 0;
  background-color: rgba(var(--mono-rgb-100), 0.025);
  padding: 12px var(--side-padding);
  position: relative;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)) .modal.mod-sidebar-layout:not(.mod-community-modal) .setting-item:not(.setting-item-heading)::before {
  content: "";
  position: absolute;
  inset: 0 var(--side-padding);
  height: var(--border-width);
  background-color: var(--background-modifier-border);
  pointer-events: none;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)) .modal.mod-sidebar-layout:not(.mod-community-modal) .setting-item-heading + .setting-item,
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)) .modal.mod-sidebar-layout:not(.mod-community-modal) *:not(.setting-item) + .setting-item:not(.setting-item-heading),
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)) .modal.mod-sidebar-layout:not(.mod-community-modal) .setting-item:first-child:not(.setting-item-heading) {
  border-top-right-radius: var(--radius-s) !important;
  border-top-left-radius: var(--radius-s) !important;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)) .modal.mod-sidebar-layout:not(.mod-community-modal) .setting-item-heading + .setting-item::before,
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)) .modal.mod-sidebar-layout:not(.mod-community-modal) *:not(.setting-item) + .setting-item:not(.setting-item-heading)::before,
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)) .modal.mod-sidebar-layout:not(.mod-community-modal) .setting-item:first-child:not(.setting-item-heading)::before {
  content: none;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)) .modal.mod-sidebar-layout:not(.mod-community-modal) .setting-item:has(+ .setting-item-heading),
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)) .modal.mod-sidebar-layout:not(.mod-community-modal) .setting-item:has(+ *:not(.setting-item)):not(.setting-item-heading),
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)) .modal.mod-sidebar-layout:not(.mod-community-modal) .setting-item:last-child {
  border-bottom-right-radius: var(--radius-s) !important;
  border-bottom-left-radius: var(--radius-s) !important;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)) .modal.mod-sidebar-layout:not(.mod-community-modal) .setting-item-info:has(.setting-item-name:empty) .setting-item-description {
  padding: 0;
}

body.is-mobile.theme-light .modal.mod-sidebar-layout,
body.is-mobile.theme-light .modal.mod-sidebar-layout .vertical-tab-header,
body.is-mobile.theme-light .modal.mod-sidebar-layout .vertical-tab-content {
  background-color: var(--background-secondary);
}
body.is-mobile .modal.mod-sidebar-layout {
  background-color: var(--background-primary);
}
body.is-mobile .modal.mod-sidebar-layout .modal-header,
body.is-mobile .modal.mod-sidebar-layout .modal-sidebar {
  border: none !important;
}
body.is-mobile .modal.mod-sidebar-layout .modal-header {
  padding: var(--safe-area-inset-top) var(--side-padding) 0 !important;
  z-index: 1;
  background-color: transparent;
}
body.is-mobile .modal.mod-sidebar-layout .modal-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 100%;
  height: var(--modal-header-height);
  overflow: visible;
  gap: 16px;
}
body.is-mobile .modal.mod-sidebar-layout .modal-setting-back-button {
  display: flex;
  position: relative;
  top: unset;
  justify-content: center;
  align-items: center;
  order: -1;
  padding: 0;
  width: var(--modal-header-height);
  height: var(--modal-header-height);
  border-radius: var(--clickable-icon-radius);
}
body.is-mobile .modal.mod-sidebar-layout .modal-setting-back-button-icon {
  margin-inline-end: 0;
}
body.is-mobile .modal.mod-sidebar-layout .modal-sidebar {
  background-color: var(--modal-background);
}
body.is-mobile .modal.mod-sidebar-layout .vertical-tab-nav-item,
body.is-mobile .modal.mod-sidebar-layout textarea,
body.is-mobile .modal.mod-sidebar-layout input[type=text],
body.is-mobile .modal.mod-sidebar-layout input[type=number],
body.is-mobile .modal.mod-sidebar-layout button,
body.is-mobile .modal.mod-sidebar-layout select,
body.is-mobile .modal.mod-sidebar-layout .dropdown {
  --input-height: 52px;
  height: unset;
  padding: var(--nav-item-padding) !important;
  border-bottom: none;
  position: relative;
}
body.is-mobile .modal.mod-sidebar-layout .vertical-tab-nav-item:not(:last-child)::after,
body.is-mobile .modal.mod-sidebar-layout textarea:not(:last-child)::after,
body.is-mobile .modal.mod-sidebar-layout input[type=text]:not(:last-child)::after,
body.is-mobile .modal.mod-sidebar-layout input[type=number]:not(:last-child)::after,
body.is-mobile .modal.mod-sidebar-layout button:not(:last-child)::after,
body.is-mobile .modal.mod-sidebar-layout select:not(:last-child)::after,
body.is-mobile .modal.mod-sidebar-layout .dropdown:not(:last-child)::after {
  content: "";
  position: absolute;
  inset: 0 var(--side-padding);
  border-bottom: var(--border-width) solid var(--background-modifier-border);
  pointer-events: none;
}
body.is-mobile .modal.mod-sidebar-layout select,
body.is-mobile .modal.mod-sidebar-layout .dropdown {
  padding: 16px 32px 16px 20px !important;
}
body.is-mobile .modal.mod-sidebar-layout .vertical-tab-nav-item {
  min-height: var(--input-height);
  word-break: break-word;
}
body.is-mobile .modal.mod-sidebar-layout .vertical-tab-header-group-title {
  padding: 8px;
}
body.is-mobile .modal.mod-sidebar-layout .vertical-tab-header-group-title,
body.is-mobile .modal.mod-sidebar-layout .setting-item-heading .setting-item-name {
  color: var(--text-faint);
  font-size: var(--font-ui-medium);
}
body.is-mobile .modal.mod-sidebar-layout .vertical-tab-header-group-items {
  border-radius: var(--radius-m);
  background-color: var(--interactive-normal);
  overflow: hidden;
}
body.is-mobile .modal.mod-sidebar-layout .modal-setting-nav-bar {
  padding: 8px;
}
body.is-mobile .modal.mod-sidebar-layout .community-modal-controls .setting-item {
  background-color: transparent !important;
}
body.is-mobile .modal.mod-sidebar-layout .community-modal-search-results-wrapper {
  border: none;
  padding: 0 var(--side-padding);
}
body.is-mobile .modal.mod-sidebar-layout .community-modal-search-results {
  gap: 8px;
  padding: 0;
}
body.is-mobile .modal.mod-sidebar-layout .community-item {
  border: none;
  border-radius: var(--radius-m);
  background-color: var(--interactive-normal);
  padding: var(--nav-item-padding);
}
body.is-mobile .modal.mod-sidebar-layout .community-modal-details {
  background-color: transparent;
}

body.is-phone .modal.mod-sidebar-layout .modal-header {
  position: absolute;
}
body.is-phone .modal.mod-sidebar-layout .modal-title:not(:has(.modal-setting-back-button)) {
  padding-left: 8px;
  font-size: var(--inline-title-size);
  font-weight: var(--font-bold);
  margin-top: 24px;
}
body.is-phone .modal.mod-sidebar-layout .modal-content {
  position: absolute;
  inset: 0;
}
body.is-phone .modal.mod-sidebar-layout .vertical-tab-header,
body.is-phone .modal.mod-sidebar-layout .vertical-tab-content {
  padding-top: calc(var(--safe-area-inset-top) + var(--modal-header-height) + 24px);
  padding-right: var(--side-padding);
  padding-left: var(--side-padding);
}
body.is-phone .modal.mod-sidebar-layout.mod-community-modal .modal-sidebar,
body.is-phone .modal.mod-sidebar-layout .community-modal-info {
  padding-top: calc(var(--safe-area-inset-top) + var(--modal-header-height) + 24px);
}
body.is-phone:not(.is-android:not(.material-off)) .modal.mod-sidebar-layout .modal-close-button {
  top: var(--safe-area-inset-top);
  inset-inline-end: var(--side-padding);
}
body.is-phone:not(.is-android:not(.material-off)) .modal.mod-sidebar-layout .setting-item {
  border: none;
  position: relative;
}
body.is-phone:not(.is-android:not(.material-off)) .modal.mod-sidebar-layout .setting-item:not(.mod-toggle) .setting-item-info {
  padding: 0 8px;
}
body.is-phone:not(.is-android:not(.material-off)) .modal.mod-sidebar-layout .setting-item-heading + .setting-item:not(.mod-toggle) {
  padding-top: 0;
}
body.is-phone:not(.is-android:not(.material-off)) .modal.mod-sidebar-layout .setting-item.mod-toggle,
body.is-phone:not(.is-android:not(.material-off)) .modal.mod-sidebar-layout .setting-item-control .mobile-option-setting-item {
  border-radius: var(--radius-m);
  background-color: var(--interactive-normal) !important;
  padding: var(--nav-item-padding);
}
body.is-phone:not(.is-android:not(.material-off)) .modal.mod-sidebar-layout .setting-item.mod-toggle:has(+ .setting-item.mod-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
body.is-phone:not(.is-android:not(.material-off)) .modal.mod-sidebar-layout .setting-item.mod-toggle:has(+ .setting-item.mod-toggle):not(:last-child)::after {
  content: "";
  position: absolute;
  inset: 0 var(--side-padding);
  border-bottom: var(--border-width) solid var(--background-modifier-border);
  pointer-events: none;
}
body.is-phone:not(.is-android:not(.material-off)) .modal.mod-sidebar-layout .setting-item.mod-toggle + .setting-item.mod-toggle {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
body.is-phone:not(.is-android:not(.material-off)) .modal.mod-sidebar-layout .setting-item-control .clickable-icon {
  background-color: var(--interactive-normal);
  min-width: var(--input-height);
  height: var(--input-height);
}
body.is-phone:not(.is-android:not(.material-off)) .modal.mod-sidebar-layout .setting-item-control:not(:has(:not(button))) {
  flex-direction: column;
  gap: 0;
  border-radius: var(--radius-m);
  overflow: hidden;
}
body.is-phone:not(.is-android:not(.material-off)) .modal.mod-sidebar-layout .setting-item-control:not(:has(:not(button))) > button {
  border-radius: 0;
}
body.is-phone:not(.is-android:not(.material-off)) .modal.mod-sidebar-layout .community-modal-readme {
  padding: 0;
}

body.is-tablet .modal.mod-sidebar-layout .modal-close-button {
  top: 8px;
  inset-inline-end: 8px;
}
body.is-tablet .modal.mod-sidebar-layout .setting-item-heading {
  border: none;
  padding: 8px;
}
body.is-tablet .modal.mod-sidebar-layout .setting-item:not(.setting-item-heading) {
  border-radius: 0;
  background-color: var(--interactive-normal);
  padding: 12px var(--side-padding);
}
body.is-tablet .modal.mod-sidebar-layout .setting-item-heading + .setting-item,
body.is-tablet .modal.mod-sidebar-layout *:not(.setting-item) + .setting-item:not(.setting-item-heading),
body.is-tablet .modal.mod-sidebar-layout .setting-item:first-child:not(.setting-item-heading) {
  border-top: none !important;
  border-top-right-radius: var(--radius-s) !important;
  border-top-left-radius: var(--radius-s) !important;
}
body.is-tablet .modal.mod-sidebar-layout .setting-item:has(+ .setting-item-heading),
body.is-tablet .modal.mod-sidebar-layout .setting-item:has(+ *:not(.setting-item)):not(.setting-item-heading),
body.is-tablet .modal.mod-sidebar-layout .setting-item:last-child {
  border-bottom-right-radius: var(--radius-s) !important;
  border-bottom-left-radius: var(--radius-s) !important;
}
body.is-tablet .modal.mod-sidebar-layout .setting-item-info:has(.setting-item-name:empty) .setting-item-description {
  padding: 0;
}
body.is-tablet .modal.mod-sidebar-layout textarea,
body.is-tablet .modal.mod-sidebar-layout input[type=text],
body.is-tablet .modal.mod-sidebar-layout input[type=search],
body.is-tablet .modal.mod-sidebar-layout input[type=number] {
  background-color: var(--background-modifier-hover);
}
body.is-tablet .modal.mod-sidebar-layout .vertical-tab-header-group-title {
  padding-left: 20px;
}
body.is-tablet .modal.mod-sidebar-layout .vertical-tab-header-group-items {
  gap: 0;
  border-radius: 0;
  overflow: visible;
  background-color: transparent;
}
body.is-tablet .modal.mod-sidebar-layout .vertical-tab-nav-item {
  display: flex;
  align-items: center;
  border-radius: 100vh;
  padding-left: var(--side-padding);
}
body.is-tablet .modal.mod-sidebar-layout .vertical-tab-nav-item:not(:last-child)::after {
  content: none;
}
body.is-tablet .modal.mod-sidebar-layout .vertical-tab-nav-item.is-active {
  background-color: rgba(var(--mono-rgb-100), 0.1);
  color: var(--text-accent);
}
body.is-tablet .modal.mod-sidebar-layout button:not(.clickable-icon):not([class*=mod-]),
body.is-tablet .modal.mod-sidebar-layout select,
body.is-tablet .modal.mod-sidebar-layout .dropdown {
  color: var(--text-accent);
  background-color: var(--background-modifier-hover);
}

.side-dock-settings,
.side-dock-actions {
  gap: 4px;
}

.nav-header {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  overflow: visible;
}

.nav-files-container > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tree-item-self {
  align-items: center;
  margin-bottom: 0;
}

.search-results-info .dropdown {
  box-shadow: none !important;
  background-color: transparent;
}

.search-results-children .tree-item-inner {
  color: var(--color-base-100);
}

body:not(.is-mobile) {
  /* Panel actions style */
  /* Hide indent line */
}
body:not(.is-mobile) .workspace-drop-overlay,
body:not(.is-mobile) .workspace-ribbon {
  z-index: 11;
}
body:not(.is-mobile) .workspace .workspace-ribbon,
body:not(.is-mobile) .workspace .mod-sidedock > .workspace-leaf-resize-handle {
  border: none;
}
body:not(.is-mobile) .workspace-ribbon.mod-left:before {
  display: none;
}
body:not(.is-mobile).show-ribbon .workspace-split.mod-sidedock.mod-left-split .workspace-leaf-content > div:is(.node-insert-event, .view-content, .nav-header) {
  padding-left: 0px;
}
body:not(.is-mobile) .workspace-split.mod-sidedock .workspace-leaf-content > div:is(.node-insert-event, .view-content, .nav-header) {
  padding: 0 12px;
}
body:not(.is-mobile) .workspace-split.mod-sidedock .workspace-leaf-content > div:is(.node-insert-event, .view-content, .nav-header) > div:not(.nav-buttons-container) {
  padding: 0;
}
body:not(.is-mobile) .workspace-split.mod-sidedock .workspace-leaf-content > .nav-header {
  padding-bottom: 8px;
}
body:not(.is-mobile) .search-row {
  margin: 4px var(--side-padding);
}
body:not(.is-mobile) .search-input-container {
  margin: 8px auto;
  width: 100%;
}
body:not(.is-mobile) .mod-sidedock .workspace-tab-container,
body:not(.is-mobile) .mod-sidedock .workspace-leaf,
body:not(.is-mobile) .mod-sidedock .workspace-leaf-content {
  contain: size !important;
  overflow: visible;
}
body:not(.is-mobile) .workspace-sidedock-vault-profile {
  padding: var(--side-padding);
}
body:not(.is-mobile) .workspace-sidedock-vault-profile .workspace-drawer-vault-switcher {
  height: 100%;
}
body:not(.is-mobile) .workspace-drawer-vault-actions .clickable-icon:first-child {
  display: none;
}
body:not(.is-mobile) .nav-buttons-container {
  border-radius: 100vh;
  background-color: var(--background-primary);
  padding: 2px;
  box-shadow: var(--shadow-xs);
  width: fit-content;
  gap: 0;
}
body:not(.is-mobile) .nav-action-button.clickable-icon {
  position: relative;
  padding: 0;
  width: 40px;
}
body:not(.is-mobile) .nav-action-button.is-active,
body:not(.is-mobile) .nav-action-button.is-active:hover {
  background-color: var(--interactive-normal);
  color: var(--icon-color);
}
body:not(.is-mobile) .tree-item-children {
  margin-bottom: 0;
  border-inline-start: none;
}
body:not(.is-mobile) .workspace-ribbon .side-dock-ribbon-action {
  height: 32px;
}

body.is-mobile.theme-light .workspace-drawer {
  background-color: var(--background-secondary);
}
body.is-mobile.theme-dark .workspace-drawer {
  background-color: var(--background-primary);
}
body.is-mobile .workspace-drawer-backdrop {
  background-color: transparent;
}
body.is-mobile .workspace-drawer {
  border-radius: 0;
}
body.is-mobile .workspace-drawer .workspace-drawer-inner {
  background-color: transparent;
  gap: 16px;
}
body.is-mobile .workspace-drawer .workspace-drawer-header {
  padding: 0 var(--side-padding) 0 calc(var(--side-padding) + 4px);
}
body.is-mobile .workspace-drawer .workspace-drawer-header-left {
  gap: 4px;
}
body.is-mobile .workspace-drawer .workspace-drawer-header-info {
  color: var(--text-faint);
  margin: 0;
}
body.is-mobile .workspace-drawer .workspace-drawer-tab-container {
  overflow: visible;
}
body.is-mobile .workspace-drawer .workspace-drawer-active-tab-container {
  background-color: transparent;
  gap: 8px;
}
body.is-mobile .workspace-drawer .workspace-drawer-active-tab-header {
  height: var(--input-height);
  margin: 0 var(--side-padding);
  background-color: var(--background-primary);
  padding: 0;
  width: fit-content;
}
body.is-mobile .workspace-drawer .workspace-drawer-active-tab-header select {
  width: 100%;
}
body.is-mobile .workspace-drawer .workspace-drawer-active-tab-title {
  margin-left: var(--side-padding);
}
body.is-mobile .workspace-drawer .workspace-drawer-active-tab-chevron {
  margin-right: 4px;
}
body.is-mobile .workspace-drawer .view-content {
  padding: 0 var(--side-padding) 96px;
  overflow: auto;
}
body.is-mobile .workspace-drawer.is-pinned .view-content > div:not(.nav-header):not(:empty) {
  background-color: var(--background-secondary);
}
body.is-mobile .workspace-drawer .view-content > div:not(.nav-header):not(:empty) {
  border-radius: var(--input-radius);
  background-color: var(--interactive-normal);
}
body.is-mobile .workspace-drawer .view-content > div:not(.nav-header):not(:empty):not(.node-insert-event) {
  padding: 8px var(--side-padding);
}
body.is-mobile .workspace-drawer .search-row {
  margin: 4px var(--side-padding);
}
body.is-mobile .workspace-drawer .search-result-file-title {
  color: var(--color-base-100);
}
body.is-mobile .workspace-drawer .search-result-file-matches {
  margin: 0;
  box-shadow: none;
  border: var(--border-width) solid var(--background-modifier-border);
}
body.is-mobile .workspace-drawer .search-result-file-match {
  padding: var(--nav-item-padding);
}
body.is-mobile .nav-files-container {
  padding: 0 var(--side-padding) 8px !important;
}
body.is-mobile .nav-files-container > div {
  gap: 0;
  margin-bottom: 6rem;
  border-radius: var(--input-radius);
  background-color: var(--interactive-normal);
}
body.is-mobile .nav-files-container > div > .tree-item:nth-child(2) > .tree-item-self {
  border-top-right-radius: var(--input-radius);
  border-top-left-radius: var(--input-radius);
}
body.is-mobile .nav-files-container > div > .tree-item:last-child > .tree-item-self {
  border-bottom-right-radius: var(--input-radius);
  border-bottom-left-radius: var(--input-radius);
}
body.is-mobile .nav-files-container .tree-item {
  position: relative;
  border-radius: 0;
}
body.is-mobile .nav-files-container .tree-item:not(:last-child)::before {
  position: absolute;
  inset: 0 var(--side-padding);
  border-bottom: var(--border-width) solid var(--background-modifier-border);
  content: "";
}
body.is-mobile .nav-files-container .tree-item-self {
  border-radius: 0;
  padding-inline-end: var(--side-padding);
}
body.is-mobile .nav-files-container .tree-item-self:focus-within {
  color: var(--nav-item-color);
}
body.is-mobile .nav-files-container .tree-item-children {
  position: relative;
  margin-bottom: 0;
  border-inline-start: none;
}
body.is-mobile .nav-files-container .tree-item-children::before {
  position: absolute;
  inset: 0 var(--side-padding) 0 8px;
  border-top: var(--border-width) solid var(--background-modifier-border);
  content: "";
}
body.is-mobile .nav-files-container .tree-item-icon.collapse-icon {
  right: var(--side-padding);
  margin-inline-start: unset;
}
body.is-mobile .empty-state {
  background-color: transparent !important;
}

body.is-phone .workspace-drawer-header-left {
  margin-top: 16px;
}

body.is-tablet.theme-light .workspace-drawer {
  outline: var(--border-width) solid white;
}
body.is-tablet.theme-dark .workspace-drawer {
  outline: var(--border-width) solid var(--background-modifier-border);
  background-color: var(--background-primary-alt);
}
body.is-tablet .workspace-drawer {
  padding-top: 16px;
  margin: calc(var(--safe-area-inset-top) + 8px) 0 var(--safe-area-inset-bottom);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-xs);
  height: -webkit-fill-available;
}
body.is-tablet .workspace-drawer.is-pinned {
  background-color: var(--background-primary);
}
body.is-tablet .workspace-drawer.is-pinned .workspace-drawer-active-tab-header,
body.is-tablet .workspace-drawer.is-pinned .nav-files-container > div {
  background-color: var(--background-secondary);
}
body.is-tablet .workspace-drawer.mod-left {
  margin-left: 8px;
}
body.is-tablet .workspace-drawer.mod-right {
  margin-left: 8px;
}
body.is-tablet .workspace-drawer-ribbon {
  left: 8px;
}
body.is-tablet .side-dock-actions {
  padding: 0;
}

body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager {
  --nav-item-color: rgb(var(--mono-rgb-100));
  --nav-item-color-active: var(--text-accent);
  --nav-collapse-icon-color: rgb(var(--mono-rgb-100));
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager.theme-dark {
  --nav-item-background-active: rgba(0, 0, 0, 0.5);
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager.is-translucent .mod-root {
  background-color: var(--background-primary) !important;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager:not(.is-translucent) .app-container {
  background-color: var(--background-primary);
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager:not(.is-focused) .mod-sidedock {
  background-color: var(--color-base-20) !important;
  box-shadow: none !important;
  outline-color: transparent !important;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager .mod-sidedock:not(:active) {
  transition: var(--anim-duration-moderate) var(--anim-motion-cupertino) !important;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager.theme-light .mod-sidedock.mod-left-split {
  outline: var(--border-width) solid white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.05), 0 4px 32px rgba(0, 0, 0, 0.05), -32px 0px 0 32px var(--background-primary);
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager.theme-dark .mod-sidedock.mod-left-split {
  outline: var(--border-width) solid var(--background-modifier-border);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25), -32px 0px 0 32px var(--background-primary);
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager.show-ribbon:not(.is-hidden-frameless) .workspace-ribbon .sidebar-toggle-button {
  margin-top: 12px;
  margin-left: 8px;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager.show-ribbon .workspace-ribbon.mod-left {
  padding-left: 16px;
  padding-right: 0px;
  overflow: visible;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager.show-ribbon .mod-sidedock.mod-left-split {
  margin-left: calc(-1 * var(--ribbon-width) + 8px);
  padding-left: var(--ribbon-width);
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager.show-ribbon .mod-sidedock.mod-left-split.is-sidedock-collapsed {
  opacity: 0;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager.is-hidden-frameless .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-container {
  padding-left: max(var(--frame-left-space), 4px) !important;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager .mod-sidedock.mod-left-split {
  z-index: var(--layer-sidedock);
  border-radius: var(--radius-window);
  display: flex;
  margin: 8px 0 8px 8px;
  height: -webkit-fill-available;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager .mod-sidedock.mod-left-split .workspace-tabs.mod-top {
  --header-height: 40px;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager .mod-sidedock.mod-left-split .workspace-tabs.mod-top .workspace-tab-header-container {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager .mod-sidedock.mod-left-split .workspace-tabs.mod-top .workspace-tab-header-container-inner {
  margin: 4px 0;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager .mod-sidedock.mod-right-split > .workspace-leaf-resize-handle {
  border-inline-start: var(--divider-width) solid var(--divider-color);
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager.is-popout-window .workspace .mod-root {
  margin-left: 0;
  margin-right: 0;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager:not(.show-ribbon) .workspace:not(.is-left-sidedock-open).is-right-sidedock-open .mod-root {
  margin-left: 0;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager:not(.show-ribbon) .workspace:not(.is-left-sidedock-open).is-right-sidedock-open .mod-root .workspace-tabs.mod-top-left-space .workspace-tab-header-container {
  margin-left: 0;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager:not(.show-ribbon) .workspace:not(.is-left-sidedock-open).is-right-sidedock-open .mod-root .workspace-tabs.mod-top-left-space:not(.mod-top-right-space) .workspace-tab-header-container-inner {
  padding-left: 0;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager .workspace.is-left-sidedock-open:not(.is-right-sidedock-open) .mod-root {
  margin-right: 0;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager .workspace.is-left-sidedock-open:not(.is-right-sidedock-open) .mod-root .workspace-tabs.mod-top-right-space .workspace-tab-header-container {
  margin-right: 0;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager .workspace.is-left-sidedock-open:not(.is-right-sidedock-open) .mod-root .workspace-tabs:not(.mod-top-left-space).mod-top-right-space .workspace-tab-header-container-inner {
  padding-right: 0;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager .mod-root {
  padding-bottom: 0;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager .mod-root .workspace-tab-container {
  box-shadow: none;
  outline: none;
  border-radius: 0;
  background-color: transparent;
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager .mod-root .workspace-leaf-resize-handle {
  border-color: var(--divider-color);
}
body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)):not(.sidedock-glass-off).css-settings-manager:not(.sidedock-glass-tint-off) .mod-sidedock {
  background-color: color-mix(in srgb, var(--background-primary) 98%, var(--color-accent));
}

body.is-mobile {
  --background-modifier-form-field: var(--interactive-normal) !important;
  --border-width: 0.3px;
  --divider-color: rgba(var(--mono-rgb-100), 0.1) !important;
  --divider-width: var(--border-width);
  --canvas-dot-pattern: var(--color-base-20);
  --checkbox-size: var(--icon-m);
  --icon-xs-stroke-width: 2px;
  --icon-s-stroke-width: 1.5px;
  --icon-m-stroke-width: 1.5px;
  --icon-l-stroke-width: 1.5px;
  --icon-xl-stroke-width: 1px;
  --input-height: 44px;
  --input-radius: var(--radius-m);
  --mobile-sidebar-width: 100%;
  --mobile-toolbar-height: auto;
  --modal-background: rgb(from var(--background-secondary) r g b / 75%) !important;
  --modal-radius: var(--radius-xl);
  --nav-item-background-active: var(--color-accent);
  --nav-item-background-selected: var(--color-accent);
  --nav-item-color-active: var(--text-on-accent);
  --nav-item-padding: 16px 20px;
  --header-height: var(--input-height);
  --radius-l: 32px;
  --radius-m: 24px;
  --radius-s: 16px;
  --radius-xl: 40px;
  --slider-thumb-height: 25px;
  --slider-thumb-y: -10px;
  --slider-thumb-width: 38px;
  --tab-switcher-background: transparent;
  --tab-switcher-menubar-background: var(--tab-switcher-background);
  --tab-switcher-preview-background-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  --tab-switcher-preview-radius: var(--radius-m);
  --toggle-border-width: 2px;
  --toggle-thumb-height: 25px;
  --toggle-thumb-width: 38px;
  --toggle-width: 68px;
  --toolbar-option-width: var(--mobile-toolbar-height);
  --modal-header-height: var(--view-header-height);
  --dropdown-padding: 4px 32px 4px 16px;
  padding: 0;
}
body.is-mobile.theme-light {
  --interactive-normal: var(--background-primary);
  --shadow-border: 0 0 transparent;
}
body.is-mobile.theme-dark {
  --interactive-normal: var(--background-secondary);
}
body.is-mobile.is-ios {
  --font-ui-smaller: calc(var(--font-text-size) * 0.8 + 1px);
  --font-ui-small: calc(var(--font-text-size) * 0.937 + 1px);
  --font-ui-medium: calc(var(--font-text-size) + 1px);
  --font-ui-large: calc(var(--font-text-size) * 1.2 + 1px);
}
body.is-mobile.is-ios .markdown-preview-view,
body.is-mobile.is-ios .markdown-source-view {
  font-size: calc(var(--font-text-size) + 1px);
}

body.is-phone {
  --menu-shadow: none;
  --modal-radius: var(--radius-xl) var(--radius-xl) 0 0;
}
body.is-phone .workspace > .mod-root {
  padding-top: 0;
}
body.is-phone .app-container {
  max-height: calc(100vh - var(--keyboard-height)) !important;
  transition: var(--anim-duration-moderate);
}

html[style*="--keyboard-height"]:not([style*="--keyboard-height: 0px"]) body.is-phone:not(.mod-toolbar-open) .mod-root .workspace-leaf-content[data-type=markdown] .view-actions button:nth-last-child(2) {
  opacity: 0;
  margin-bottom: var(--side-padding);
}
html[style*="--keyboard-height"]:not([style*="--keyboard-height: 0px"]) body.is-phone .mod-root .workspace-leaf-content:is([data-type=markdown], [data-type=graph], [data-type=canvas]) .view-content::before {
  height: calc(var(--input-height) + 16px);
}

body.is-tablet {
  --prompt-input-height: 56px;
}
body.is-tablet .mod-root {
  padding-top: var(--safe-area-inset-top);
}

/********** Mode Switchcer **********/
body.is-phone .mod-root .view-header {
  z-index: 3;
}
body.is-phone .mod-root .workspace-leaf-content[data-type=markdown] .view-actions button:nth-last-child(2) {
  position: fixed;
  right: 28px;
  bottom: 0;
  backdrop-filter: var(--blur-s);
  margin-bottom: var(--safe-area-inset-bottom);
  border-radius: var(--clickable-icon-radius);
  padding: 12px;
  width: auto;
  height: auto;
  box-shadow: var(--shadow-xs) !important;
  transition: var(--anim-duration-moderate) var(--anim-motion-cupertino), opacity var(--anim-duration-moderate) !important;
}
body.is-phone.mod-toolbar-open .mod-root .workspace-leaf-content[data-type=markdown] .view-actions button:nth-last-child(2) {
  right: var(--side-padding);
  margin-bottom: var(--side-padding);
}
body.is-phone .mod-root .workspace-leaf-content[data-mode=source] .view-actions button:nth-last-child(2) {
  background-color: var(--interactive-accent) !important;
  box-shadow: var(--shadow-xs) !important;
}

/********** Top Bar **********/
body.is-mobile .view-actions {
  padding: 0;
  height: var(--view-header-height);
  gap: 8px;
}
body.is-mobile .view-action.clickable-icon,
body.is-mobile .workspace-drawer-header-icon {
  --icon-color: var(--text-normal);
  --icon-color-hover: var(--text-normal);
  --icon-color-active: var(--text-normal);
  --icon-color-focus: var(--text-normal);
  color: var(--text-normal);
  width: var(--view-header-height);
  height: var(--view-header-height);
  margin: 0;
  position: relative;
}
body.is-mobile .view-header-title-container {
  height: var(--view-header-height);
  text-align: center;
  justify-content: center;
  font-weight: var(--font-bold);
}
body.is-mobile .workspace .mod-root .workspace-leaf .view-header {
  height: fit-content;
}
body.is-mobile svg.svg-icon.lucide-more-vertical {
  fill: currentColor;
}

body.is-phone.theme-light .modal.mod-sidebar-layout .modal-header::before {
  background-color: var(--background-secondary);
}
body.is-phone .view-action,
body.is-phone .workspace-drawer-header-icon,
body.is-phone .modal-setting-back-button,
body.is-phone .modal-close-button {
  --icon-color: var(--text-normal);
  box-shadow: var(--shadow-xs) !important;
  backdrop-filter: var(--blur-s);
}
body.is-phone .mod-root .workspace-leaf-content[data-type=markdown] .view-header,
body.is-phone .mod-root .workspace-leaf-content[data-type=graph] .view-header,
body.is-phone .mod-root .workspace-leaf-content[data-type=canvas] .view-header,
body.is-phone .modal.mod-sidebar-layout .modal-header {
  position: fixed;
  background-color: transparent;
  width: 100%;
}
body.is-phone .mod-root .workspace-leaf-content[data-type=markdown] .view-header::before,
body.is-phone .mod-root .workspace-leaf-content[data-type=graph] .view-header::before,
body.is-phone .mod-root .workspace-leaf-content[data-type=canvas] .view-header::before,
body.is-phone .modal.mod-sidebar-layout .modal-header::before {
  transition: var(--anim-duration-moderate) var(--anim-motion-cupertino);
  position: absolute;
  z-index: -1;
  content: "";
  inset: 0;
  background-color: var(--background-primary);
  pointer-events: none;
  height: calc(100% + 16px);
  mask: linear-gradient(to bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.99) 18.4%, hsla(0, 0%, 0%, 0.963) 33.7%, hsla(0, 0%, 0%, 0.92) 46.4%, hsla(0, 0%, 0%, 0.864) 56.7%, hsla(0, 0%, 0%, 0.796) 64.8%, hsla(0, 0%, 0%, 0.72) 71.2%, hsla(0, 0%, 0%, 0.637) 76.1%, hsla(0, 0%, 0%, 0.55) 79.9%, hsla(0, 0%, 0%, 0.46) 82.8%, hsla(0, 0%, 0%, 0.37) 85.2%, hsla(0, 0%, 0%, 0.283) 87.3%, hsla(0, 0%, 0%, 0.2) 89.6%, hsla(0, 0%, 0%, 0.124) 92.3%, hsla(0, 0%, 0%, 0.056) 95.6%, hsla(0, 0%, 0%, 0) 100%);
}
body.is-phone .mod-root .workspace-leaf-content:is([data-type=markdown], [data-type=graph], [data-type=canvas]) .view-content::before {
  position: absolute;
  z-index: 2;
  content: "";
  inset: auto 0 0;
  background-color: var(--background-primary);
  pointer-events: none;
  height: calc(var(--safe-area-inset-bottom) + var(--input-height) + 16px);
  mask: linear-gradient(to top, 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.is-phone .view-content > .markdown-reading-view > div:first-child,
body.is-phone .view-content > .markdown-source-view > .cm-editor > .cm-scroller,
body.is-phone .view-content > .markdown-source-view .document-search-container {
  padding-top: calc(var(--safe-area-inset-top) + var(--view-header-height) + 8px) !important;
}
body.is-phone .markdown-source-view .document-search-container ~ .cm-editor .cm-scroller {
  padding: var(--file-margins) !important;
}
body.is-phone .mod-root .view-header {
  padding: var(--safe-area-inset-top) var(--side-padding) 0;
}
body.is-phone .mod-root .view-header-left,
body.is-phone .mod-root .view-actions {
  flex-grow: 0;
}
body.is-phone .mod-root .view-header-title-parent .view-header-breadcrumb {
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.is-phone .mod-root .view-header-title-parent .view-header-breadcrumb-separator,
body.is-phone .mod-root .view-header-title-parent .view-header-breadcrumb {
  opacity: 0.5;
  padding: 0;
  color: var(--color-base-100);
}
body.is-phone .mod-root .view-header-title-parent:not(:empty) {
  display: flex;
  align-items: center;
  gap: 4px;
  opacity: 1;
}
body.is-phone .mod-root .view-header-breadcrumb:first-child {
  opacity: 1;
  color: var(--interactive-accent);
}
body.is-phone .mod-root .document-search-container {
  --icon-size: var(--icon-l);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
  z-index: 0;
}
body.is-phone .workspace-leaf-content:not([data-type=empty]) .mod-left-split-toggle svg,
body.is-phone .modal-setting-back-button-icon svg {
  display: none;
}
body.is-phone .workspace-leaf-content:not([data-type=empty]) .mod-left-split-toggle::before,
body.is-phone .modal-setting-back-button-icon::before {
  background-color: var(--icon-color);
  width: var(--icon-m);
  height: var(--icon-m);
  content: "";
  -webkit-mask-position: 50% 50%;
  -webkit-mask-size: 85% 85%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='17' fill='none' viewBox='0 0 13 17'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='white' d='M0 8.477a.88.88 0 0 0 .273.644l7.745 7.568a.84.84 0 0 0 .634.264c.508 0 .899-.38.899-.889a.917.917 0 0 0-.264-.634l-7.11-6.953 7.11-6.954A.936.936 0 0 0 9.551.89.876.876 0 0 0 8.652 0a.869.869 0 0 0-.634.254L.273 7.832A.864.864 0 0 0 0 8.477Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h12.393v16.963H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

/********** Pull Action **********/
.pull-action {
  backdrop-filter: var(--blur-s);
  animation: fadeInDown var(--anim-duration-fast);
  box-shadow: var(--shadow-xs);
  background-color: var(--modal-background);
  padding: 12px 24px;
  width: fit-content;
  font-weight: var(--font-bold);
}

/********** Bottom Bar **********/
body.is-mobile .mobile-navbar {
  transition: var(--anim-duration-moderate);
  max-width: calc(100% - 48px - 8px);
  background-color: transparent;
  pointer-events: none;
}
body.is-mobile .mobile-navbar-actions,
body.is-mobile .workspace-drawer .nav-buttons-container,
body.is-mobile .mobile-toolbar-options-list {
  --icon-size: var(--icon-l);
  --icon-color: var(--text-normal);
  gap: 8px;
  box-shadow: var(--shadow-xs) !important;
  backdrop-filter: var(--blur-s);
  justify-content: flex-start;
  max-width: fit-content;
  border-radius: var(--clickable-icon-radius);
  padding: 0 8px;
  pointer-events: auto;
  overflow: hidden;
  transition: var(--anim-duration-moderate);
}
body.is-mobile .mobile-navbar-actions .clickable-icon,
body.is-mobile .workspace-drawer .nav-buttons-container .clickable-icon,
body.is-mobile .mobile-toolbar-options-list .clickable-icon {
  width: 48px;
  height: 48px;
  padding: 0;
}
body.is-mobile .mobile-navbar-action,
body.is-mobile .nav-action-button {
  display: flex;
  justify-content: center;
  min-width: 0;
  position: relative;
}
body.is-mobile .mobile-toolbar-option {
  --icon-size: var(--icon-l);
  --icon-stroke: var(--icon-l-stroke-width);
  padding: 12px;
}
body.is-mobile .mobile-toolbar-options-container {
  gap: 8px;
}
body.is-mobile .mobile-toolbar {
  transition: var(--anim-duration-moderate) var(--anim-motion-cupertino);
  background-color: transparent;
  overflow: visible;
  padding: 0 var(--side-padding) var(--side-padding) !important;
}
body.is-mobile .mobile-toolbar-options-list {
  gap: 4px;
  width: calc(100% - 48px - 8px - 48px - 8px);
  overflow: scroll;
}
body.is-mobile .mobile-navbar,
body.is-mobile .workspace-drawer .nav-header,
body.is-mobile .mobile-toolbar {
  position: fixed;
  right: 0;
  bottom: max(var(--keyboard-height), 0px);
  left: 0;
  z-index: var(--layer-status-bar);
  border: none;
  padding: 0 28px max(var(--safe-area-inset-bottom), 16px);
}
body.is-mobile .nav-action-button {
  flex-grow: 0 !important;
}
body.is-mobile .nav-action-button.is-active {
  background-color: transparent !important;
  color: var(--color-accent) !important;
}

body.is-tablet .workspace-drawer .nav-header {
  padding: 16px;
}

/********** Image Viewer **********/
body.is-mobile .mobile-image-viewer {
  backdrop-filter: var(--blur-l);
  animation: var(--anim-duration-fast) fadeInScale;
  background-color: var(--workspace-background-translucent);
}
body.is-mobile .mobile-image-viewer img {
  border-radius: 0;
}

/********** Tab Switcher **********/
body.is-phone .mobile-navbar-tabs-action {
  border-width: var(--icon-l-stroke-width);
  border-radius: 30%;
  width: calc(var(--icon-size) - 2px);
  height: calc(var(--icon-size) - 2px);
  font-weight: var(--font-normal);
}
body.is-phone .mobile-tab-switcher {
  justify-content: flex-end;
  animation: none !important;
  width: unset;
  height: unset;
}
body.is-phone .mobile-tab-switcher[style*="opacity: 1"] {
  transition-property: transform !important;
}
body.is-phone .mobile-tab-switcher-scroll {
  padding-top: 0;
  height: unset;
  background: linear-gradient(transparent, var(--background-secondary) 25%) !important;
}
body.is-phone .mobile-tab-wrapper {
  z-index: 2;
}
body.is-phone .mobile-tab-switcher-menubar {
  background-color: var(--background-secondary);
  padding: 0 var(--side-padding) max(var(--safe-area-inset-bottom), 16px);
  border: none;
}
body.is-phone .mobile-tab-switcher-menu-button {
  z-index: 2;
  flex: 1;
  height: var(--input-height);
  border-radius: var(--clickable-icon-radius);
  box-shadow: var(--shadow-l);
  justify-content: center;
}
body.is-phone .mobile-tab-switcher-menu-spacer .clickable-icon {
  box-shadow: var(--shadow-l);
}
body.is-phone .mobile-tab-switcher-menu-spacer:first-child {
  z-index: 2;
}
body.is-phone .mobile-tab-switcher-menu-spacer:last-child .clickable-icon {
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
body.is-phone .mobile-tab-switcher-menu-spacer:last-child .clickable-icon::before {
  position: fixed;
  z-index: 1;
  inset: 0;
  content: "";
}
body.is-phone .mobile-tab .mobile-tab-pin,
body.is-phone .mobile-tab .close-button {
  width: 32px;
  height: 32px;
}

/********** Find and Replace **********/
body.is-tablet .document-search-container {
  position: fixed;
  bottom: 0;
  border: none;
  background-color: transparent;
  padding-bottom: max(var(--safe-area-inset-bottom), 16px);
  width: 100%;
}
body.is-tablet .document-search-container::before {
  z-index: -2 !important;
  backdrop-filter: var(--blur-l);
}
body.is-tablet .document-search-container::before, body.is-tablet .document-search-container::after {
  position: absolute;
  z-index: -1;
  mask: linear-gradient(to bottom, hsla(0, 0%, 0%, 0) 0%, hsla(0, 0%, 0%, 0.013) 4.7%, hsla(0, 0%, 0%, 0.049) 8.9%, hsla(0, 0%, 0%, 0.104) 12.8%, hsla(0, 0%, 0%, 0.175) 16.6%, hsla(0, 0%, 0%, 0.259) 20.4%, hsla(0, 0%, 0%, 0.352) 24.4%, hsla(0, 0%, 0%, 0.45) 28.8%, hsla(0, 0%, 0%, 0.55) 33.8%, hsla(0, 0%, 0%, 0.648) 39.6%, hsla(0, 0%, 0%, 0.741) 46.3%, hsla(0, 0%, 0%, 0.825) 54.1%, hsla(0, 0%, 0%, 0.896) 63.2%, hsla(0, 0%, 0%, 0.951) 73.8%, hsla(0, 0%, 0%, 0.987) 86%, hsl(0, 0%, 0%) 100%);
  inset: -16px 0 0;
  pointer-events: none;
  content: "";
}
body.is-tablet .document-search-container input {
  background-color: var(--background-modifier-hover);
}
body.is-tablet .document-search-container .document-search-buttons {
  flex-grow: 0;
}

/********** HDR element **********/
body.is-mobile.is-ios.theme-light.is-phone .mod-left-split-toggle.clickable-icon::after, body.is-mobile.is-ios.theme-light.is-phone .mod-root .workspace-leaf-content .view-action::after, body.is-mobile.is-ios.theme-light.is-phone .workspace-drawer-header-icon.clickable-icon::after, body.is-mobile.is-ios.theme-light.is-phone .modal-setting-back-button::after, body.is-mobile.is-ios.theme-light.is-phone .modal-close-button::after, body.is-mobile.is-ios.theme-light.is-phone .prompt-input-container::after, body.is-mobile.is-ios.theme-light.is-phone .prompt-input-container .search-input-clear-button::before, body.is-mobile.is-ios.theme-light.is-phone .mobile-navbar-actions::after, body.is-mobile.is-ios.theme-light.is-phone .mobile-toolbar-options-list::after, body.is-mobile.is-ios.theme-light.is-tablet .workspace-drawer::after, body.is-mobile.is-ios.theme-light.is-tablet .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner::before,
body.is-mobile.is-ios.theme-light .workspace-drawer .nav-buttons-container::after {
  position: absolute;
  backdrop-filter: brightness(1.5);
  mask: linear-gradient(white, white) padding-box, linear-gradient(white, white) border-box;
  mask-composite: exclude, add;
  filter: blur(1px);
  inset: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  background: linear-gradient(to bottom left, white, transparent, white) border-box no-repeat;
  pointer-events: none;
  content: "";
  z-index: 1;
}
body.is-mobile.is-ios.theme-light .prompt-input-container::after {
  margin-right: 56px;
  border-radius: var(--clickable-icon-radius);
}
body.is-mobile.is-ios.theme-light .prompt-input-container::after,
body.is-mobile.is-ios.theme-light .search-input-clear-button::before {
  backdrop-filter: brightness(1.2);
}

body.empty-state-off .empty-state-action-list::before {
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-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: 80px;
  content: "";
  display: flex;
  margin-bottom: 20px;
}

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-off) .workspace-leaf-content[data-type=empty] .empty-state-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  margin-top: var(--view-header-height);
  padding: var(--file-margins);
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}
body:not(.empty-state-off) .workspace-leaf-content[data-type=empty] .empty-state-container::before {
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-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>');
  position: absolute;
  margin-top: calc(-1 * (var(--header-height) + var(--view-header-height)));
  background-color: var(--background-modifier-hover);
  width: 20%;
  height: 20%;
  max-height: 120px;
  pointer-events: none;
  content: "";
}
body:not(.empty-state-off) .workspace-leaf-content[data-type=empty] .empty-state-title {
  display: none;
}
body:not(.empty-state-off) .workspace-leaf-content[data-type=empty] .empty-state-action-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  margin: 0;
  width: 100%;
  max-width: var(--file-line-width);
  height: 100%;
}
body:not(.empty-state-off) .workspace-leaf-content[data-type=empty] .empty-state-action {
  cursor: pointer;
}
body:not(.empty-state-off) .workspace-leaf-content[data-type=empty] .empty-state-action.tappable {
  color: var(--text-accent);
}
body:not(.empty-state-off) .workspace-leaf-content[data-type=empty] .empty-state-action.mod-close {
  display: none;
}
body:not(.empty-state-off) .workspace-leaf-content[data-type=empty] .empty-state-action:first-child {
  width: 100%;
  height: 100%;
  font-weight: var(--inline-title-weight);
  font-size: var(--inline-title-size);
  line-height: var(--inline-title-line-height);
  letter-spacing: -0.015em;
  text-align: left;
}
body:not(.empty-state-off) .workspace-leaf-content[data-type=empty] .empty-state-action:first-child::after {
  content: "...";
}
body:not(.empty-state-off) .workspace-leaf-content[data-type=empty] .empty-state-action:nth-child(2) {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  cursor: text;
  margin-bottom: 16px;
  border: var(--input-border-width) solid var(--background-modifier-border);
  border-radius: var(--radius-l);
  background-color: var(--background-modifier-hover);
  padding: 4px var(--side-padding);
  width: 100%;
  color: var(--color-base-100);
  text-align: left;
}

.mod-root .mod-horizontal > .workspace-tabs .empty-state-container {
  padding-bottom: 16px !important;
}
.mod-root .mod-horizontal > .workspace-tabs .empty-state-container .empty-state-action:nth-child(2) {
  margin-bottom: 0;
}
.mod-root .mod-horizontal > .workspace-tabs .empty-state-container::before {
  display: none;
}

body:not(.empty-state-off).is-mobile .empty-state-container {
  padding-bottom: 96px !important;
}
body:not(.empty-state-off).is-mobile .empty-state-container::before {
  margin-top: 44px !important;
}
body:not(.empty-state-off).is-mobile .empty-state-action {
  margin: unset;
  background-color: transparent;
  padding: unset;
}
body:not(.empty-state-off).is-mobile .empty-state-action:first-child {
  margin-top: 0;
  padding-top: calc(var(--safe-area-inset-top) + 8px);
}
body:not(.empty-state-off).is-mobile .empty-state-action:nth-child(2) {
  background-color: var(--background-secondary) !important;
  padding: 4px var(--side-padding);
}
body:not(.empty-state-off).is-mobile .empty-state-action:nth-child(n+3) {
  margin: 4px 0;
}

body:not(.empty-state-off).is-tablet .empty-state-container::before {
  margin-top: calc(-1 * var(--header-height));
}
body:not(.empty-state-off).is-tablet .empty-state-action:first-child {
  margin-top: 0;
  padding-top: 8px;
}

.clickable-icon {
  transition: all 0.1s ease-in-out !important;
}

body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)) .workspace .clickable-icon:not([aria-disabled=true]):hover, body:not(.is-mobile):not(.mod-windows:not(.windows-mode-off)) .workspace .clickable-icon.has-active-menu {
  box-shadow: var(--shadow-xs);
  background-color: var(--background-primary);
}

.clickable-icon {
  padding: 4px 12px;
  min-width: 32px;
  min-height: 32px;
}

button:not(.clickable-icon) {
  padding: 4px 12px;
  box-shadow: none;
  border: none;
  font-weight: var(--font-normal);
  line-height: unset;
}

.input-right-decorator {
  padding: 2px 4px;
  min-height: unset;
}

body.is-mobile button {
  box-shadow: none !important;
}
body.is-mobile .clickable-icon {
  background-color: transparent;
  padding: 10px;
}
body.is-mobile .clickable-icon.is-active {
  opacity: 1;
  background-color: var(--interactive-accent);
  color: var(--text-on-accent);
}
body.is-mobile .clickable-icon.mobile-tap {
  opacity: unset;
}

body.is-phone:not(.is-android:not(.material-off)) button:not(.clickable-icon) {
  justify-content: flex-start;
  background-color: var(--interactive-normal);
  padding: 0 var(--side-padding);
  min-height: var(--input-height);
  color: var(--text-accent);
  font-weight: var(--font-normal);
  text-align-last: unset;
}
body.is-phone:not(.is-android:not(.material-off)) .setting-item-control button {
  color: var(--text-accent);
}

body.is-tablet:not(.is-android:not(.material-off)) button:not(.clickable-icon) {
  padding: 4px var(--side-padding);
}

/* https://github.com/damiankorcz/Alternative-Checkboxes-Reference-Set */
input[type=checkbox] {
  border-width: 1.5px;
}

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

input[type=checkbox]:checked::after,
.checklist-plugin-main .checked:after {
  top: 0;
  inset-inline-start: 0;
  -webkit-mask-position: 50% 50%;
  -webkit-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;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-size: 100% 100%;
  background-color: var(--checkbox-marker-color);
  width: var(--checkbox-size);
  height: var(--checkbox-size);
}

.markdown-reading-view [data-task=">"] > input[type=checkbox]:checked, .markdown-source-view [data-task=">"]:checked,
.markdown-reading-view [data-task="<"] > input[type=checkbox]:checked,
.markdown-source-view [data-task="<"]:checked,
.markdown-reading-view [data-task="*"] > input[type=checkbox]:checked,
.markdown-source-view [data-task="*"]:checked,
.markdown-reading-view [data-task='"'] > input[type=checkbox]:checked,
.markdown-source-view [data-task='"']:checked,
.markdown-reading-view [data-task=“] > input[type=checkbox]:checked,
.markdown-source-view [data-task=“]:checked,
.markdown-reading-view [data-task=l] > input[type=checkbox]:checked,
.markdown-source-view [data-task=l]:checked,
.markdown-reading-view [data-task=b] > input[type=checkbox]:checked,
.markdown-source-view [data-task=b]:checked,
.markdown-reading-view [data-task=S] > input[type=checkbox]:checked,
.markdown-source-view [data-task=S]:checked,
.markdown-reading-view [data-task=I] > input[type=checkbox]:checked,
.markdown-source-view [data-task=I]:checked,
.markdown-reading-view [data-task=p] > input[type=checkbox]:checked,
.markdown-source-view [data-task=p]:checked,
.markdown-reading-view [data-task=c] > input[type=checkbox]:checked,
.markdown-source-view [data-task=c]:checked,
.markdown-reading-view [data-task=f] > input[type=checkbox]:checked,
.markdown-source-view [data-task=f]:checked,
.markdown-reading-view [data-task=k] > input[type=checkbox]:checked,
.markdown-source-view [data-task=k]:checked,
.markdown-reading-view [data-task=w] > input[type=checkbox]:checked,
.markdown-source-view [data-task=w]:checked,
.markdown-reading-view [data-task=u] > input[type=checkbox]:checked,
.markdown-source-view [data-task=u]:checked,
.markdown-reading-view [data-task=d] > input[type=checkbox]:checked,
.markdown-source-view [data-task=d]:checked,
.markdown-reading-view [data-task=B] > input[type=checkbox]:checked,
.markdown-source-view [data-task=B]:checked,
.markdown-reading-view [data-task=a] > input[type=checkbox]:checked,
.markdown-source-view [data-task=a]:checked,
.markdown-reading-view [data-task=n] > input[type=checkbox]:checked,
.markdown-source-view [data-task=n]:checked,
.markdown-reading-view [data-task=R] > input[type=checkbox]:checked,
.markdown-source-view [data-task=R]:checked,
.markdown-reading-view [data-task=t] > input[type=checkbox]:checked,
.markdown-source-view [data-task=t]:checked,
.markdown-reading-view [data-task=P] > input[type=checkbox]:checked,
.markdown-source-view [data-task=P]:checked,
.markdown-reading-view [data-task=L] > input[type=checkbox]:checked,
.markdown-source-view [data-task=L]:checked {
  --checkbox-color: transparent;
}
.markdown-reading-view [data-task=">"] > input[type=checkbox]:checked:hover, .markdown-source-view [data-task=">"]:checked:hover,
.markdown-reading-view [data-task="<"] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task="<"]:checked:hover,
.markdown-reading-view [data-task="*"] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task="*"]:checked:hover,
.markdown-reading-view [data-task='"'] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task='"']:checked:hover,
.markdown-reading-view [data-task=“] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task=“]:checked:hover,
.markdown-reading-view [data-task=l] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task=l]:checked:hover,
.markdown-reading-view [data-task=b] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task=b]:checked:hover,
.markdown-reading-view [data-task=S] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task=S]:checked:hover,
.markdown-reading-view [data-task=I] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task=I]:checked:hover,
.markdown-reading-view [data-task=p] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task=p]:checked:hover,
.markdown-reading-view [data-task=c] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task=c]:checked:hover,
.markdown-reading-view [data-task=f] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task=f]:checked:hover,
.markdown-reading-view [data-task=k] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task=k]:checked:hover,
.markdown-reading-view [data-task=w] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task=w]:checked:hover,
.markdown-reading-view [data-task=u] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task=u]:checked:hover,
.markdown-reading-view [data-task=d] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task=d]:checked:hover,
.markdown-reading-view [data-task=B] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task=B]:checked:hover,
.markdown-reading-view [data-task=a] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task=a]:checked:hover,
.markdown-reading-view [data-task=n] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task=n]:checked:hover,
.markdown-reading-view [data-task=R] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task=R]:checked:hover,
.markdown-reading-view [data-task=t] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task=t]:checked:hover,
.markdown-reading-view [data-task=P] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task=P]:checked:hover,
.markdown-reading-view [data-task=L] > input[type=checkbox]:checked:hover,
.markdown-source-view [data-task=L]:checked:hover {
  background-color: transparent;
}
.markdown-reading-view [data-task=">"] > input[type=checkbox]:checked:hover::after, .markdown-source-view [data-task=">"]:checked:hover::after,
.markdown-reading-view [data-task="<"] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task="<"]:checked:hover::after,
.markdown-reading-view [data-task="*"] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task="*"]:checked:hover::after,
.markdown-reading-view [data-task='"'] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task='"']:checked:hover::after,
.markdown-reading-view [data-task=“] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task=“]:checked:hover::after,
.markdown-reading-view [data-task=l] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task=l]:checked:hover::after,
.markdown-reading-view [data-task=b] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task=b]:checked:hover::after,
.markdown-reading-view [data-task=S] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task=S]:checked:hover::after,
.markdown-reading-view [data-task=I] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task=I]:checked:hover::after,
.markdown-reading-view [data-task=p] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task=p]:checked:hover::after,
.markdown-reading-view [data-task=c] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task=c]:checked:hover::after,
.markdown-reading-view [data-task=f] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task=f]:checked:hover::after,
.markdown-reading-view [data-task=k] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task=k]:checked:hover::after,
.markdown-reading-view [data-task=w] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task=w]:checked:hover::after,
.markdown-reading-view [data-task=u] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task=u]:checked:hover::after,
.markdown-reading-view [data-task=d] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task=d]:checked:hover::after,
.markdown-reading-view [data-task=B] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task=B]:checked:hover::after,
.markdown-reading-view [data-task=a] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task=a]:checked:hover::after,
.markdown-reading-view [data-task=n] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task=n]:checked:hover::after,
.markdown-reading-view [data-task=R] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task=R]:checked:hover::after,
.markdown-reading-view [data-task=t] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task=t]:checked:hover::after,
.markdown-reading-view [data-task=P] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task=P]:checked:hover::after,
.markdown-reading-view [data-task=L] > input[type=checkbox]:checked:hover::after,
.markdown-source-view [data-task=L]: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: 1px 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 {
  -webkit-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 {
  -webkit-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=">"]:checked::after,
li[data-task=">"] > input:checked::after,
li[data-task=">"] > p > input:checked::after {
  background-color: var(--text-normal);
  -webkit-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);
  -webkit-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 {
  -webkit-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 {
  -webkit-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);
  -webkit-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);
  -webkit-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);
  -webkit-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);
  -webkit-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 {
  -webkit-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);
  -webkit-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);
  -webkit-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);
  -webkit-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);
  -webkit-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);
  -webkit-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);
  -webkit-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);
  -webkit-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);
  -webkit-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);
  -webkit-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 {
  -webkit-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);
  -webkit-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);
  -webkit-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);
  -webkit-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-purple);
  -webkit-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(--text-normal);
  -webkit-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);
  -webkit-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);
  -webkit-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(.is-mobile) .menu,
body:not(.is-mobile) .suggestion-container {
  backdrop-filter: var(--blur-s);
  border-radius: var(--radius-m);
  padding: 0;
  border: none;
}
body:not(.is-mobile) .menu:not(:hover),
body:not(.is-mobile) .suggestion-container:not(:hover) {
  backdrop-filter: var(--blur-l);
}
body:not(.is-mobile) .menu:not(:hover) .menu-item.selected:not(.is-label):not(.is-disabled),
body:not(.is-mobile) .menu:not(:hover) .suggestion-item.is-selected:not(.mod-group),
body:not(.is-mobile) .suggestion-container:not(:hover) .menu-item.selected:not(.is-label):not(.is-disabled),
body:not(.is-mobile) .suggestion-container:not(:hover) .suggestion-item.is-selected:not(.mod-group) {
  background-color: var(--background-modifier-border-hover);
  color: var(--text-normal);
}
body:not(.is-mobile) .menu:not(:hover) .menu-item.selected:not(.is-label):not(.is-disabled) .menu-item-icon,
body:not(.is-mobile) .menu:not(:hover) .menu-item.selected:not(.is-label):not(.is-disabled) .suggestion-flair,
body:not(.is-mobile) .menu:not(:hover) .suggestion-item.is-selected:not(.mod-group) .menu-item-icon,
body:not(.is-mobile) .menu:not(:hover) .suggestion-item.is-selected:not(.mod-group) .suggestion-flair,
body:not(.is-mobile) .suggestion-container:not(:hover) .menu-item.selected:not(.is-label):not(.is-disabled) .menu-item-icon,
body:not(.is-mobile) .suggestion-container:not(:hover) .menu-item.selected:not(.is-label):not(.is-disabled) .suggestion-flair,
body:not(.is-mobile) .suggestion-container:not(:hover) .suggestion-item.is-selected:not(.mod-group) .menu-item-icon,
body:not(.is-mobile) .suggestion-container:not(:hover) .suggestion-item.is-selected:not(.mod-group) .suggestion-flair {
  color: var(--text-normal);
}
body:not(.is-mobile) .menu > div,
body:not(.is-mobile) .suggestion-container > div {
  padding: 4px;
}
body:not(.is-mobile) .menu .menu-separator,
body:not(.is-mobile) .suggestion-container .menu-separator {
  margin: 6px 8px;
}
body:not(.is-mobile) .menu .menu-item,
body:not(.is-mobile) .menu .suggestion-item,
body:not(.is-mobile) .suggestion-container .menu-item,
body:not(.is-mobile) .suggestion-container .suggestion-item {
  border-radius: calc(var(--radius-m) - 4px);
  padding: 4px 12px;
  font-size: var(--font-ui-small);
}
body:not(.is-mobile) .menu .menu-item .svg-icon,
body:not(.is-mobile) .menu .suggestion-item .svg-icon,
body:not(.is-mobile) .suggestion-container .menu-item .svg-icon,
body:not(.is-mobile) .suggestion-container .suggestion-item .svg-icon {
  --icon-size: var(--icon-xs);
}
body:not(.is-mobile) .menu .menu-item.selected:not(.is-label):not(.is-disabled),
body:not(.is-mobile) .menu .suggestion-item.is-selected:not(.mod-group),
body:not(.is-mobile) .suggestion-container .menu-item.selected:not(.is-label):not(.is-disabled),
body:not(.is-mobile) .suggestion-container .suggestion-item.is-selected:not(.mod-group) {
  background-color: var(--interactive-accent);
  color: var(--text-on-accent);
}
body:not(.is-mobile) .menu .menu-item.selected:not(.is-label):not(.is-disabled) .menu-item-icon,
body:not(.is-mobile) .menu .menu-item.selected:not(.is-label):not(.is-disabled) .suggestion-flair,
body:not(.is-mobile) .menu .suggestion-item.is-selected:not(.mod-group) .menu-item-icon,
body:not(.is-mobile) .menu .suggestion-item.is-selected:not(.mod-group) .suggestion-flair,
body:not(.is-mobile) .suggestion-container .menu-item.selected:not(.is-label):not(.is-disabled) .menu-item-icon,
body:not(.is-mobile) .suggestion-container .menu-item.selected:not(.is-label):not(.is-disabled) .suggestion-flair,
body:not(.is-mobile) .suggestion-container .suggestion-item.is-selected:not(.mod-group) .menu-item-icon,
body:not(.is-mobile) .suggestion-container .suggestion-item.is-selected:not(.mod-group) .suggestion-flair {
  color: var(--text-on-accent);
}
body:not(.is-mobile) .menu .search-suggest-item.mod-group,
body:not(.is-mobile) .suggestion-container .search-suggest-item.mod-group {
  margin: 0;
  padding: 4px 8px;
}
body:not(.is-mobile) .menu .search-suggest-item.mod-group:not(:first-child),
body:not(.is-mobile) .suggestion-container .search-suggest-item.mod-group:not(:first-child) {
  margin-top: 8px;
}
body:not(.is-mobile) .menu .search-suggest-item:not(.mod-group).is-selected,
body:not(.is-mobile) .suggestion-container .search-suggest-item:not(.mod-group).is-selected {
  --text-muted: var(--text-on-accent);
}
body:not(.is-mobile) .menu .bases-query-container input,
body:not(.is-mobile) .suggestion-container .bases-query-container input {
  border: none;
}
body:not(.is-mobile) .menu .bases-toolbar-menu-container .search-input-container,
body:not(.is-mobile) .suggestion-container .bases-toolbar-menu-container .search-input-container {
  margin: 0;
}
body:not(.is-mobile) .menu .bases-toolbar-menu-item-icon,
body:not(.is-mobile) .menu .filter-row-actions > button,
body:not(.is-mobile) .suggestion-container .bases-toolbar-menu-item-icon,
body:not(.is-mobile) .suggestion-container .filter-row-actions > button {
  min-height: unset;
}
body:not(.is-mobile) .menu .bases-toolbar-menu-item,
body:not(.is-mobile) .suggestion-container .bases-toolbar-menu-item {
  border-radius: calc(var(--radius-m) - 4px) !important;
}
body:not(.is-mobile) .menu .bases-toolbar-menu-form,
body:not(.is-mobile) .suggestion-container .bases-toolbar-menu-form {
  padding: 0;
}

body.is-mobile .menu {
  backdrop-filter: var(--blur-m);
  background-color: var(--modal-background);
  padding: 0;
  overflow: hidden;
  white-space: normal;
  border-radius: var(--modal-radius);
}
body.is-mobile .menu-scroll {
  background-color: transparent;
  max-height: 80vh;
}
body.is-mobile .menu-group .menu-item {
  gap: 16px;
}
body.is-mobile .menu-group .menu-item:first-child {
  border-top-left-radius: var(--radius-m);
  border-top-right-radius: var(--radius-m);
}
body.is-mobile .menu-group .menu-item:last-child {
  border-bottom-left-radius: var(--radius-m);
  border-bottom-right-radius: var(--radius-m);
}
body.is-mobile .menu-group .menu-item:not(:last-child) {
  border-bottom-color: transparent;
}
body.is-mobile .menu-item-icon {
  color: var(--text-normal);
  justify-content: center;
  order: 0 !important;
}
body.is-mobile .menu-item-icon > svg.svg-icon {
  --icon-size: var(--icon-m);
}
body.is-mobile .menu-item-title {
  white-space: normal;
  position: relative;
}
body.is-mobile .menu-item.is-label {
  border: none !important;
}
body.is-mobile .menu-separator {
  margin: 8px var(--side-padding);
}
body.is-mobile .suggestion-container {
  backdrop-filter: var(--blur-l);
  border: none;
  background-color: rgb(from var(--background-secondary-alt) r g b/75%) !important;
}
body.is-mobile .suggestion-container .suggestion {
  padding: 0;
}
body.is-mobile .suggestion-container .suggestion-item {
  display: flex;
  align-items: center;
  margin: 0;
  border-bottom: var(--border-width) solid var(--background-modifier-border-hover);
  border-radius: 0;
  padding: 8px var(--side-padding);
  min-height: var(--input-height);
}
body.is-mobile .suggestion-container .suggestion-item:last-child {
  border: none;
}

body.is-phone .menu-grabber {
  position: absolute;
  align-self: center;
  width: 36px;
  height: 5px;
  z-index: 1;
}
body.is-phone .menu-scroll {
  padding: 40px var(--side-padding) max(var(--safe-area-inset-bottom), 16px);
}
body.is-phone .menu-item {
  font-size: var(--font-ui-medium);
  padding: var(--nav-item-padding);
}
body.is-phone .menu-item:not(:last-child) .menu-item-title::after {
  content: "";
  position: absolute;
  height: var(--border-width);
  background: var(--background-modifier-border);
  inset: auto 0 -16px;
}
body.is-phone .mod-views .suggestion-group,
body.is-phone .mod-properties .suggestion-group,
body.is-phone .mod-views .bases-toolbar-menu-container-header,
body.is-phone .mod-properties .bases-toolbar-menu-container-header,
body.is-phone .mod-views .bases-toolbar-menu-form,
body.is-phone .mod-properties .bases-toolbar-menu-form {
  padding-left: 0;
  padding-right: 0;
}
body.is-phone .bases-toolbar-menu-container .search-input-container {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
body.is-phone .bases-toolbar-menu-item-icon {
  padding: revert-layer;
}
body.is-phone .menu .suggestion-group .suggestion-item {
  padding: 16px;
}
body.is-phone .menu .suggestion-group .suggestion-item:first-child {
  border-top-left-radius: var(--radius-m);
  border-top-right-radius: var(--radius-m);
}
body.is-phone .menu .suggestion-group .suggestion-item:last-child {
  border-bottom-left-radius: var(--radius-m);
  border-bottom-right-radius: var(--radius-m);
}

body.is-tablet .menu {
  border-radius: var(--radius-m);
  box-shadow: var(--shadow-l);
}
body.is-tablet .menu-scroll {
  padding: 12px 8px;
}
body.is-tablet .menu-item {
  padding: 12px var(--side-padding);
}

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

.notice {
  backdrop-filter: var(--blur-s);
  margin-bottom: 0;
  box-shadow: var(--shadow-l);
  border-radius: var(--radius-l);
  background-color: var(--modal-background);
  padding: 16px 24px;
  overflow: hidden;
  color: var(--text-muted);
}

body.is-phone .notice-container {
  bottom: max(var(--safe-area-inset-bottom), 16px);
  margin-bottom: 56px;
  padding-right: var(--side-padding);
  padding-left: var(--side-padding);
}

.popover {
  backdrop-filter: var(--blur-l);
  animation: var(--anim-duration-fast) fadeInScale;
  border-radius: var(--radius-l);
  background-color: var(--workspace-background-translucent);
}

.prompt-input-container::before {
  position: absolute;
  left: var(--side-padding);
}

body:not(.is-phone) .modal-container:has(.prompt):not(:last-child) {
  opacity: 0;
}
body:not(.is-phone) .prompt {
  backdrop-filter: var(--blur-m);
  border: none;
  background-color: var(--modal-background);
  animation: var(--anim-duration-slow) bounceInScale var(--anim-motion-cupertino);
}
body:not(.is-phone) .prompt-input-container {
  --search-clear-button-size: var(--search-icon-size);
  border: none;
  align-items: center;
}
body:not(.is-phone) .prompt-input-container::before {
  width: var(--icon-l);
  height: var(--icon-l);
}
body:not(.is-phone) .prompt-input-container::after {
  content: "";
  position: absolute;
  inset: 0 var(--side-padding);
  border-bottom: var(--border-width) solid var(--background-modifier-border);
  pointer-events: none;
}
body:not(.is-phone) .prompt-input {
  box-shadow: none !important;
  border: none !important;
  background-color: transparent;
  height: 56px !important;
  font-size: var(--font-ui-large);
  margin-left: 24px;
}
body:not(.is-phone) .prompt-results {
  padding: calc(var(--side-padding) / 2);
}
body:not(.is-phone) .prompt-instructions {
  border: none;
  color: var(--text-faint);
}
body:not(.is-phone) .prompt .suggestion-item {
  padding: 12px var(--side-padding);
  border-radius: var(--radius-m);
}

body.is-mobile .prompt-input-container::before {
  width: var(--icon-m);
  height: var(--icon-m);
}
body.is-mobile .prompt-input {
  margin-left: 32px;
}

body.is-phone .prompt {
  --prompt-top: 0;
  --prompt-bottom: 0;
  border-radius: 0;
  background: var(--background-secondary) !important;
  height: 100%;
  justify-content: space-between;
}
body.is-phone .prompt-input-container {
  --search-clear-button-size: var(--icon-s);
  margin: 0 var(--side-padding) var(--side-padding);
  border: none;
  align-items: center;
  gap: 8px;
  position: absolute;
  inset: auto 0 var(--safe-area-inset-bottom);
  z-index: 1;
}
body.is-phone .prompt-input-container::before {
  left: 16px;
  z-index: 1;
}
body.is-phone .prompt-input {
  padding-left: 48px !important;
}
body.is-phone .prompt-input,
body.is-phone .prompt-input-container .search-input-clear-button {
  border-radius: var(--clickable-icon-radius);
  box-shadow: var(--shadow-xs) !important;
  backdrop-filter: var(--blur-s);
  background-color: var(--modal-background) !important;
  margin: 0;
}
body.is-phone .prompt-input-container .search-input-clear-button {
  position: relative;
  inset-inline-end: 0;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
body.is-phone .prompt-input-container .search-input-clear-button:after {
  -webkit-mask-position: 50% 50%;
  -webkit-mask-size: 100% 100%;
  -webkit-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.is-phone .prompt-results {
  mask: linear-gradient(to bottom, transparent, black calc(var(--safe-area-inset-top) + 16px), black calc(100vh - var(--safe-area-inset-bottom) - var(--input-height) - 16px), transparent calc(100vh - var(--safe-area-inset-bottom)));
  padding: calc(var(--safe-area-inset-top) + 16px) var(--side-padding) 128px;
}
body.is-phone .prompt .suggestion-item {
  padding: var(--nav-item-padding);
}
body.is-phone .suggestion-item {
  gap: 8px;
}
body.is-phone .suggestion-flair {
  margin: 0 !important;
}

body.is-tablet .prompt {
  --prompt-bottom: 0;
  animation: var(--anim-duration-slow) bounceInScale var(--anim-motion-cupertino);
  outline: var(--prompt-border-width) solid var(--background-modifier-hover);
  background-color: var(--modal-background) !important;
}
body.is-tablet .prompt-input {
  border: none;
  background-color: transparent !important;
}
body.is-tablet .prompt-input-container {
  display: flex;
  align-items: center;
}

body:not(.mod-windows:not(.windows-mode-off)):not(.is-android:not(.material-off)) input[type=range]::-webkit-slider-thumb {
  transition: var(--anim-duration-moderate) var(--anim-motion-cupertino);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075), 0 1px 16px rgba(0, 0, 0, 0.05);
}
body:not(.mod-windows:not(.windows-mode-off)):not(.is-android:not(.material-off)) input[type=range]::-webkit-slider-thumb:active {
  scale: 1.5;
  backdrop-filter: brightness(1.025);
  box-shadow: inset 1px 1px 2px -2px rgba(var(--mono-rgb-100), 1), inset -1px -1px 2px -2px rgba(var(--mono-rgb-100), 1), var(--shadow-xs);
  background-color: transparent;
}

.status-bar {
  right: 4px;
  bottom: 4px;
  transition: var(--anim-duration-fast);
  border: var(--border-width) solid var(--background-modifier-border);
  border-radius: var(--clickable-icon-radius);
  background-color: var(--background-primary);
  padding: 4px 8px !important;
  min-height: unset;
  color: var(--color-base-100);
}

body.hide-status-off:not(.is-mobile) .status-bar:not(:hover) {
  opacity: 0.5;
  border-color: transparent;
  background-color: transparent;
}
body.hide-status-off:not(.is-mobile) .mod-sidedock.mod-right-split .workspace-tabs:last-of-type .node-insert-event,
body.hide-status-off:not(.is-mobile) .mod-sidedock.mod-right-split .workspace-tabs:last-of-type .view-content {
  padding-bottom: 36px;
}

body:not(.hide-status-off) .status-bar {
  right: unset;
  bottom: 2px;
  justify-content: center;
  transition: var(--anim-duration-moderate) var(--anim-motion-cupertino), background-color 0s;
  border-color: transparent;
  border-radius: 100vh;
  background-color: rgba(var(--mono-rgb-100), 0.2);
  padding: 8px !important;
  max-width: 100%;
}
body:not(.hide-status-off) .status-bar > div {
  transition: var(--anim-duration-fast);
}
body:not(.hide-status-off) .status-bar:not(:hover) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  max-width: 160px;
  height: 4px;
}
body:not(.hide-status-off) .status-bar:not(:hover) > div {
  transform: scale(0.9);
  opacity: 0;
  filter: blur(16px);
  white-space: nowrap;
}
body:not(.hide-status-off) .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(.hide-status-off) .status-bar:hover {
  bottom: 4px;
  border-color: var(--background-secondary);
  background-color: var(--background-secondary);
  box-shadow: var(--shadow-s);
  height: 40px;
}
body:not(.hide-status-off) .status-bar:hover::before {
  transform: scaleY(1);
}

.status-bar span {
  white-space: nowrap;
}

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

.search-input-container {
  display: flex;
  align-items: center;
  overflow: visible;
}
.search-input-container:before {
  top: unset !important;
  inset-inline-start: calc(var(--input-height) / 2 - 4px);
}
.search-input-container input {
  padding-inline-start: var(--input-height) !important;
  width: 100%;
}

.search-input-container:before,
.prompt-input-container::before,
.empty-state .empty-state-action:nth-child(2)::before {
  -webkit-mask-position: 50% 50%;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  background-color: var(--search-icon-color);
  width: var(--search-icon-size);
  height: var(--search-icon-size);
  content: "";
  -webkit-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");
}

body:not(.is-mobile) textarea {
  font-weight: var(--font-normal);
  line-height: unset;
}
body:not(.is-mobile) input[type=text],
body:not(.is-mobile) input[type=number],
body:not(.is-mobile) input[type=search],
body:not(.is-mobile) select,
body:not(.is-mobile) .dropdown {
  height: var(--input-height);
  font-weight: var(--font-normal);
  line-height: unset;
}
body:not(.is-mobile) textarea,
body:not(.is-mobile) input[type=text],
body:not(.is-mobile) input[type=number],
body:not(.is-mobile) input[type=search] {
  box-shadow: none;
  border: var(--border-width) solid var(--background-modifier-border);
}
body:not(.is-mobile) textarea:active, body:not(.is-mobile) textarea:focus, body:not(.is-mobile) textarea:focus-visible,
body:not(.is-mobile) input[type=text]:active,
body:not(.is-mobile) input[type=text]:focus,
body:not(.is-mobile) input[type=text]:focus-visible,
body:not(.is-mobile) input[type=number]:active,
body:not(.is-mobile) input[type=number]:focus,
body:not(.is-mobile) input[type=number]:focus-visible,
body:not(.is-mobile) input[type=search]:active,
body:not(.is-mobile) input[type=search]:focus,
body:not(.is-mobile) input[type=search]:focus-visible {
  box-shadow: 0 0 0 2px var(--background-modifier-border-focus);
}
body:not(.is-mobile) textarea:disabled, body:not(.is-mobile) textarea:disabled:active, body:not(.is-mobile) textarea:disabled:focus, body:not(.is-mobile) textarea:disabled:focus-visible,
body:not(.is-mobile) input[type=text]:disabled,
body:not(.is-mobile) input[type=text]:disabled:active,
body:not(.is-mobile) input[type=text]:disabled:focus,
body:not(.is-mobile) input[type=text]:disabled:focus-visible,
body:not(.is-mobile) input[type=number]:disabled,
body:not(.is-mobile) input[type=number]:disabled:active,
body:not(.is-mobile) input[type=number]:disabled:focus,
body:not(.is-mobile) input[type=number]:disabled:focus-visible,
body:not(.is-mobile) input[type=search]:disabled,
body:not(.is-mobile) input[type=search]:disabled:active,
body:not(.is-mobile) input[type=search]:disabled:focus,
body:not(.is-mobile) input[type=search]:disabled:focus-visible {
  box-shadow: none !important;
  color: var(--text-muted);
}
body:not(.is-mobile) select,
body:not(.is-mobile) .dropdown {
  padding: 4px 32px 4px 12px;
  box-shadow: none;
  border: none;
}
body:not(.is-mobile) .search-input-container {
  --search-icon-size: var(--icon-xs);
}
body:not(.is-mobile) .combobox .search-input-container {
  margin: 0;
}

body.is-mobile select,
body.is-mobile .dropdown,
body.is-mobile .combobox-button {
  box-shadow: none !important;
}

body.is-phone:not(.is-android:not(.material-off)) textarea,
body.is-phone:not(.is-android:not(.material-off)) input[type=text],
body.is-phone:not(.is-android:not(.material-off)) input[type=number],
body.is-phone:not(.is-android:not(.material-off)) select,
body.is-phone:not(.is-android:not(.material-off)) .dropdown,
body.is-phone:not(.is-android:not(.material-off)) .combobox-button {
  justify-content: flex-start;
  background-color: var(--interactive-normal);
  padding: 0 var(--side-padding);
  min-height: var(--input-height);
  font-weight: var(--font-normal);
  text-align-last: unset;
}
body.is-phone:not(.is-android:not(.material-off)) select,
body.is-phone:not(.is-android:not(.material-off)) .dropdown,
body.is-phone:not(.is-android:not(.material-off)) .combobox-button {
  color: var(--text-accent);
}

body.is-tablet:not(.is-android:not(.material-off)) textarea,
body.is-tablet:not(.is-android:not(.material-off)) input[type=text],
body.is-tablet:not(.is-android:not(.material-off)) input[type=number] {
  padding: 4px var(--side-padding);
}

.checkbox-container {
  transition: var(--anim-duration-moderate) var(--anim-motion-cupertino);
  box-shadow: none !important;
}
.checkbox-container::after {
  transition: var(--anim-duration-moderate) var(--anim-motion-cupertino);
  box-shadow: none;
}

body:not(.mod-windows:not(.windows-mode-off)):not(.is-android:not(.material-off)) .checkbox-container:active:after {
  transform-origin: center;
  scale: 1.5;
  backdrop-filter: brightness(1.025);
  box-shadow: inset 1px 1px 2px -2px rgba(var(--mono-rgb-100), 1), inset -1px -1px 2px -2px rgba(var(--mono-rgb-100), 1), var(--shadow-xs);
  background-color: transparent;
}
body:not(.mod-windows:not(.windows-mode-off)):not(.is-android:not(.material-off)) .checkbox-container.is-enabled:active:after {
  transform-origin: center right;
}

.tooltip {
  color: var(--text-muted);
}

.tooltip-arrow {
  display: none;
}

.embedded-backlinks .nav-header {
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 8px;
}
.embedded-backlinks .nav-buttons-container {
  box-shadow: none !important;
  position: relative;
  top: 0;
  flex-wrap: nowrap;
  gap: 0;
}
.embedded-backlinks .search-input-container {
  order: -1;
  margin: 0 !important;
}
.embedded-backlinks .search-input-container input {
  height: 100%;
}

body:not(.is-mobile) .search-result-file-match-destination-file,
body:not(.is-mobile) .search-result-file-match-destination-file-icon {
  box-shadow: none;
  color: var(--text-normal);
}

body.is-mobile .backlink-pane,
body.is-mobile .outgoing-link-pane {
  flex: 0;
  padding-bottom: unset;
  overflow: visible;
}

body.is-mobile .embedded-backlinks {
  margin-bottom: 160px;
}
body.is-mobile .embedded-backlinks .backlink-pane > .tree-item-self {
  height: var(--input-height);
}
body.is-mobile .embedded-backlinks .nav-action-button {
  width: var(--input-height);
  height: var(--input-height);
}
body.is-mobile .embedded-backlinks .nav-action-button.is-active {
  opacity: 1;
  background-color: var(--interactive-accent);
  color: white;
}

.canvas-wrapper {
  --shadow-stationary: 0px 1px 2px rgba(0, 0, 0, 0.028), 0px 3.4px 6.7px rgba(0, 0, 0, 0.042), 0px 15px 30px rgba(0, 0, 0, 0.07);
}

.canvas-control-group {
  backdrop-filter: var(--blur-l);
  box-shadow: none;
  border-width: var(--border-width);
  background-color: rgb(from var(--background-secondary) r g b/50%);
}

.canvas-control-item {
  --icon-size: var(--icon-m);
  background-color: transparent;
  width: 40px;
  height: 40px;
}

.canvas-card-menu {
  gap: 8px;
  backdrop-filter: var(--blur-l);
  box-shadow: none;
  border: var(--border-width) solid var(--background-modifier-border);
  background-color: rgb(from var(--background-secondary) r g b/50%) !important;
  padding: 8px;
}

.canvas-card-menu-button {
  border-radius: var(--input-radius);
  padding: 16px;
}
.canvas-card-menu-button:hover {
  background-color: var(--background-modifier-hover);
}

.canvas-node-container {
  border: var(--border-width) solid var(--background-modifier-border);
  background-color: var(--background-secondary);
}

.canvas-node-label {
  left: 2px;
  transition: var(--anim-duration-fast);
}

body:not(.is-mobile) .canvas-controls {
  right: 12px;
  top: 12px;
}

body.is-mobile .canvas-control-item {
  width: var(--view-header-height);
  height: var(--view-header-height);
}

body.is-phone .canvas-controls {
  top: calc(var(--safe-area-inset-top) + var(--view-header-height) + var(--side-padding));
  right: var(--side-padding);
}

body.is-tablet .canvas-controls {
  top: var(--side-padding);
  right: var(--side-padding);
}

.graph-controls {
  border-radius: var(--radius-s);
}

.graph-controls.is-close {
  backdrop-filter: var(--blur-l);
  border: var(--border-width) solid var(--background-modifier-border);
  background-color: rgb(from var(--background-secondary) r g b/50%);
  padding: 0;
}

.graph-controls-button {
  padding: unset !important;
  width: 40px;
  height: 40px;
}

.graph-controls-button.mod-open {
  border-bottom: var(--border-width) solid var(--background-modifier-border);
  border-radius: 0;
}

.graph-controls-button.mod-animate {
  margin: 0 !important;
}

body:not(.is-mobile) .graph-controls {
  top: 12px;
}

body.is-mobile .graph-controls-button {
  width: var(--view-header-height);
  height: var(--view-header-height);
}

body.is-phone .graph-controls {
  top: calc(var(--safe-area-inset-top) + var(--view-header-height) + var(--side-padding));
  inset-inline-end: var(--side-padding);
  max-height: 70vh;
}

body.is-tablet .graph-controls {
  top: var(--side-padding);
  right: var(--side-padding);
}

body.is-mobile .workspace-drawer .workspace-leaf-content[data-type=outline] .view-content > div {
  padding: 0 0 0 16px !important;
}
body.is-mobile .workspace-drawer .workspace-leaf-content[data-type=outline] .view-content > div .tree-item-children {
  border: none;
}
body.is-mobile .workspace-drawer .workspace-leaf-content[data-type=outline] .view-content > div .tree-item-self.is-active .tree-item-icon.collapse-icon {
  background-color: var(--color-base-00);
}
body.is-mobile .workspace-drawer .workspace-leaf-content[data-type=outline] .view-content > div .tree-item-self.is-active .tree-item-icon.collapse-icon svg.svg-icon {
  color: var(--nav-item-background-active);
}
body.is-mobile .workspace-drawer .workspace-leaf-content[data-type=outline] .view-content > div .tree-item-icon.collapse-icon {
  border-radius: var(--radius-l);
  background-color: var(--background-modifier-hover);
  width: 24px;
  height: 24px;
}
body.is-mobile .workspace-drawer .workspace-leaf-content[data-type=outline] .view-content > div .tree-item-inner {
  padding-left: var(--side-padding);
}

.style-settings-container {
  padding: 0;
}

.style-settings-heading {
  margin: 0 !important;
  border: none !important;
}
.style-settings-heading .setting-item-name {
  color: var(--text-normal) !important;
}

.themed-color-wrapper {
  display: flex;
}

.style-settings-heading[data-id=cupertino] + .style-settings-container .style-settings-heading {
  pointer-events: none;
}
.style-settings-heading[data-id=cupertino] + .style-settings-container .style-settings-heading .style-settings-collapse-indicator,
.style-settings-heading[data-id=cupertino] + .style-settings-container .style-settings-heading .extra-setting-button {
  visibility: hidden;
}

body:is(.is-mobile, .mod-windows:not(.windows-mode-off)) .style-settings-heading[data-id=cupertino] + .style-settings-container .style-settings-heading[data-id=macos-header],
body:is(.is-mobile, .mod-windows:not(.windows-mode-off)) .style-settings-heading[data-id=cupertino] + .style-settings-container .style-settings-heading[data-id=macos-header] + .style-settings-container {
  display: none;
}

body.sidedock-glass-off .style-settings-heading[data-id=cupertino] + .style-settings-container .setting-item[data-id=sidedock-glass-tint-off] {
  display: none;
}

body:not(.mod-windows) .style-settings-heading[data-id=cupertino] + .style-settings-container .style-settings-heading[data-id=windows-header],
body:not(.mod-windows) .style-settings-heading[data-id=cupertino] + .style-settings-container .style-settings-heading[data-id=windows-header] + .style-settings-container {
  display: none;
}

body:not(.is-android) .style-settings-heading[data-id=cupertino] + .style-settings-container .style-settings-heading[data-id=android-header],
body:not(.is-android) .style-settings-heading[data-id=cupertino] + .style-settings-container .style-settings-heading[data-id=android-header] + .style-settings-container {
  display: none;
}

body:not(.mod-windows):not(.is-android) .style-settings-heading[data-id=cupertino] + .style-settings-container .style-settings-heading[data-id=windows-header],
body:not(.mod-windows):not(.is-android) .style-settings-heading[data-id=cupertino] + .style-settings-container .style-settings-heading[data-id=windows-header] + .style-settings-container,
body:not(.mod-windows):not(.is-android) .style-settings-heading[data-id=cupertino] + .style-settings-container .style-settings-heading[data-id=android-header],
body:not(.mod-windows):not(.is-android) .style-settings-heading[data-id=cupertino] + .style-settings-container .style-settings-heading[data-id=android-header] + .style-settings-container {
  display: none;
}

body.is-mobile .style-settings-heading[data-id=cupertino] + .style-settings-container .style-settings-heading[data-id=desktop-header],
body.is-mobile .style-settings-heading[data-id=cupertino] + .style-settings-container .style-settings-heading[data-id=desktop-header] + .style-settings-container {
  display: none;
}

body.is-phone .style-settings-heading[data-id=cupertino] + .style-settings-container .setting-item[data-id=center-tabs-off] {
  display: none;
}

.rapid-notes-modal .prompt-input {
  margin-left: 0;
}

body:not(.is-mobile) #editingToolbarModalBar.top,
body:not(.is-mobile) #editingToolbarPopoverBar {
  top: var(--view-header-height);
}

body.is-phone #editingToolbarModalBar.top,
body.is-phone #editingToolbarPopoverBar {
  top: calc(var(--safe-area-inset-top) + var(--view-header-height) + 8px);
}

.editingToolbarCommandItem {
  min-height: unset !important;
}

body {
  --nn-theme-nav-header-bg: transparent;
  --nn-theme-nav-bg: transparent;
  --nn-theme-list-header-bg: transparent;
  --nn-theme-list-bg: transparent;
}

.notebook-navigator {
  padding: 0 !important;
  background-color: transparent;
}

.nn-search-input {
  height: 100% !important;
}

.nn-split-container.nn-single-pane .nn-navigation-pane .nn-pane-header,
.nn-split-container.nn-single-pane .nn-navigation-pane-scroller {
  border-right: none !important;
}

body.is-mobile .nn-mobile {
  --nn-theme-mobile-nav-bg: transparent;
  --nn-theme-mobile-toolbar-button-icon-color: var(--text-normal);
  padding: 0 !important;
  background-color: transparent !important;
  border-radius: 0 !important;
}
body.is-mobile .nn-mobile .nn-navigation-pane,
body.is-mobile .nn-mobile .nn-list-pane {
  align-items: center;
}
body.is-mobile .nn-mobile .nn-navigation-pane-scroller,
body.is-mobile .nn-mobile .nn-list-pane-scroller {
  padding-bottom: 6rem;
  width: 100%;
}
body.is-mobile .nn-mobile .nn-pane-header {
  width: 100%;
}
body.is-mobile .nn-mobile .nn-mobile-toolbar {
  position: absolute;
  gap: 8px;
  z-index: var(--layer-status-bar);
  backdrop-filter: var(--blur-s);
  margin: 0 auto max(var(--safe-area-inset-bottom), 16px);
  box-shadow: var(--shadow-xs);
  border: none;
  border-radius: var(--clickable-icon-radius);
  background-color: transparent;
  padding: 0 8px;
  max-width: fit-content;
  overflow: hidden;
  pointer-events: auto;
  bottom: 0;
}
body.is-mobile .nn-mobile .nn-mobile-toolbar-button {
  width: 48px;
  height: 48px;
  line-height: 1;
  align-items: center;
  justify-content: center !important;
}
body.is-mobile .nn-mobile .nn-mobile-toolbar-button span {
  line-height: 1;
}

body.is-tablet .nn-mobile .nn-mobile-toolbar {
  margin-bottom: 16px;
}

body:not(.is-phone) .omnisearch-input-field .prompt-input {
  margin-left: 0;
}

body.is-phone .omnisearch-input-container {
  margin: 0 var(--side-padding) var(--side-padding);
  position: absolute;
  inset: auto 0 var(--safe-area-inset-bottom);
  z-index: 1;
  flex-direction: row;
}
body.is-phone .omnisearch-input-field .prompt-input {
  padding-left: var(--side-padding) !important;
}

@media only screen and (min-width: 600px) {
  .omnisearch-input-container__buttons {
    margin-inline-end: 8px;
  }
}
@media only screen and (max-width: 600px) {
  body.is-phone .omnisearch-modal.prompt {
    margin-top: calc(var(--safe-area-inset-top) + var(--view-header-height));
    height: calc(100% - var(--safe-area-inset-top) - var(--view-header-height));
    box-shadow: 0 0 0 128px var(--background-secondary);
  }
  .omnisearch-input-container__buttons {
    padding: 0 0 0 8px;
    width: fit-content;
  }
  .omnisearch-input-container__buttons button {
    min-height: 48px !important;
  }
}
.cg-note-toolbar-container[data-tbar-position=top] {
  background-color: transparent !important;
  position: absolute !important;
  inset: var(--view-header-height) 0 auto !important;
  padding: 0 !important;
}
.cg-note-toolbar-container[data-tbar-position=top] .cg-note-toolbar-callout {
  border-bottom: none !important;
  background-color: transparent !important;
}

body.is-phone .cg-note-toolbar-container[data-tbar-position=top] {
  top: calc(var(--safe-area-inset-top) + var(--view-header-height)) !important;
}

body:not(.is-mobile) .mod-root .workspace-leaf-content[data-type=markdown] .cg-note-toolbar-container[data-tbar-position=top] + .view-content > .markdown-reading-view > div:first-child:not(.document-search-container),
body:not(.is-mobile) .mod-root .workspace-leaf-content[data-type=markdown] .cg-note-toolbar-container[data-tbar-position=top] + .view-content > .markdown-source-view > .cm-editor > .cm-scroller {
  padding-top: calc(var(--file-margins) + var(--view-header-height) + var(--cg-nt-item-icon-size) + var(--cg-nt-item-padding-y) * 2 + var(--cg-nt-tbar-margin-y) * 2) !important;
}

body.is-phone .mod-root .workspace-leaf-content[data-type=markdown] .cg-note-toolbar-container[data-tbar-position=top] + .view-content > .markdown-reading-view > div:first-child,
body.is-phone .mod-root .workspace-leaf-content[data-type=markdown] .cg-note-toolbar-container[data-tbar-position=top] + .view-content > .markdown-source-view > .cm-editor > .cm-scroller,
body.is-phone .mod-root .workspace-leaf-content[data-type=markdown] .cg-note-toolbar-container[data-tbar-position=top] + .view-content > .markdown-source-view .document-search-container {
  padding-top: calc(var(--safe-area-inset-top) + var(--view-header-height) + 8px + var(--cg-nt-item-icon-size) + var(--cg-nt-item-padding-y) * 2 + var(--cg-nt-tbar-margin-y) * 2) !important;
}

.select-image-icon img {
  background-color: transparent !important;
}

body:not(.is-mobile) .workspace-leaf-content[data-type=markdown] .pixel-banner-image,
body:not(.is-mobile) .workspace-leaf-content[data-type=markdown] .select-image-icon {
  margin-top: var(--view-header-height);
}

body.is-phone .workspace-leaf-content[data-type=markdown] .pixel-banner-image,
body.is-phone .workspace-leaf-content[data-type=markdown] .select-image-icon {
  margin-top: calc(var(--safe-area-inset-top) + var(--view-header-height) + 8px);
  background-color: transparent;
}

.callout-icon .lucide-pencil,
.callout-icon .lucide-clipboard-list,
.callout-icon .lucide-info,
.callout-icon .lucide-check-circle-2,
.callout-icon .lucide-flame,
.callout-icon .lucide-check,
.callout-icon .lucide-help-circle,
.callout-icon .lucide-alert-triangle,
.callout-icon .lucide-x,
.callout-icon .lucide-zap,
.callout-icon .lucide-bug,
.callout-icon .lucide-list,
.callout-icon .lucide-quote {
  -webkit-mask-position: 50% 50%;
  -webkit-mask-size: 100% 100%;
  background-color: rgb(var(--callout-color));
}
.callout-icon .lucide-pencil path,
.callout-icon .lucide-pencil rect,
.callout-icon .lucide-pencil circle,
.callout-icon .lucide-clipboard-list path,
.callout-icon .lucide-clipboard-list rect,
.callout-icon .lucide-clipboard-list circle,
.callout-icon .lucide-info path,
.callout-icon .lucide-info rect,
.callout-icon .lucide-info circle,
.callout-icon .lucide-check-circle-2 path,
.callout-icon .lucide-check-circle-2 rect,
.callout-icon .lucide-check-circle-2 circle,
.callout-icon .lucide-flame path,
.callout-icon .lucide-flame rect,
.callout-icon .lucide-flame circle,
.callout-icon .lucide-check path,
.callout-icon .lucide-check rect,
.callout-icon .lucide-check circle,
.callout-icon .lucide-help-circle path,
.callout-icon .lucide-help-circle rect,
.callout-icon .lucide-help-circle circle,
.callout-icon .lucide-alert-triangle path,
.callout-icon .lucide-alert-triangle rect,
.callout-icon .lucide-alert-triangle circle,
.callout-icon .lucide-x path,
.callout-icon .lucide-x rect,
.callout-icon .lucide-x circle,
.callout-icon .lucide-zap path,
.callout-icon .lucide-zap rect,
.callout-icon .lucide-zap circle,
.callout-icon .lucide-bug path,
.callout-icon .lucide-bug rect,
.callout-icon .lucide-bug circle,
.callout-icon .lucide-list path,
.callout-icon .lucide-list rect,
.callout-icon .lucide-list circle,
.callout-icon .lucide-quote path,
.callout-icon .lucide-quote rect,
.callout-icon .lucide-quote circle {
  visibility: hidden;
}
.callout-icon .lucide-pencil {
  -webkit-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");
}
.callout-icon .lucide-clipboard-list {
  -webkit-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");
}
.callout-icon .lucide-info {
  -webkit-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");
}
.callout-icon .lucide-check-circle-2 {
  -webkit-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");
}
.callout-icon .lucide-flame {
  -webkit-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");
}
.callout-icon .lucide-check {
  -webkit-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");
}
.callout-icon .lucide-help-circle {
  -webkit-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");
}
.callout-icon .lucide-alert-triangle {
  -webkit-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");
}
.callout-icon .lucide-x {
  -webkit-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");
}
.callout-icon .lucide-zap {
  -webkit-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");
}
.callout-icon .lucide-bug {
  -webkit-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");
}
.callout-icon .lucide-list {
  -webkit-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");
}
.callout-icon .lucide-quote {
  -webkit-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");
}

/* NOT FOR INDEPENDENT USE - Windows Mode is built upon the rest of Cupertino components. */
body.mod-windows:not(.windows-mode-off):not(.is-mobile) {
  --font-text-theme: "Segoe UI Variable", "Segoe UI Variable Text", "Segoe UI", sans-serif;
  --font-interface-theme: "Segoe UI Variable", "Segoe UI Variable Display", "Segoe UI", sans-serif;
  --input-height: 32px;
  --blur-s: blur(16px);
  --blur-m: blur(16px);
  --blur-l: blur(32px);
  --radius-l: 10px;
  --radius-m: 5px;
  --radius-s: 5px;
  --radius-xl: 10px;
  --radius-window: var(--radius-s);
  --clickable-icon-radius: var(--radius-s);
  --icon-xs-stroke-width: 1.5px;
  --icon-s-stroke-width: 1.5px;
  --icon-m-stroke-width: 1.5px;
  --icon-l-stroke-width: 1.5px;
  --icon-xl-stroke-width: 1.5px;
  --toggle-thumb-height: 12px;
  --toggle-thumb-width: 12px;
  --toggle-width: 40px;
  --toggle-border-width: 4px;
  --slider-thumb-border-width: 4px;
  --slider-thumb-width: 18px;
  --slider-track-background: var(--color-base-50);
  --slider-track-height: 4px;
  --ribbon-width: 64px;
  --side-padding: 16px;
  --shadow-xs: none;
  --frame-right-space: 144px;
  --divider-color: rgba(var(--mono-rgb-100), 0.05) !important;
  --workspace-background-translucent: rgb(from var(--background-primary) r g b / 90%);
  background-color: rgb(var(--mono-rgb-0));
  /********** Components **********/
  /********** Editor **********/
  /********** Sidebar **********/
  /********** Settings **********/
  /********** Menu and Suggestions **********/
  /********** Modal **********/
  /********** Prompt **********/
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile).theme-light {
  --shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.028), 0px 3.4px 6.7px rgba(0, 0, 0, 0.042), 0px 15px 30px rgba(0, 0, 0, 0.07) !important;
  --shadow-l: 0px 32px 64px 0px rgba(0, 0, 0, 0.19), 0px 2px 21px 0px rgba(0, 0, 0, 0.15) !important;
  --input-shadow: 0px 0px 0px 1px var(--background-modifier-border), 0 -0.5px 0 0 rgba(0, 0, 0, 0.25) inset !important;
  --interactive-normal: var(--background-primary);
  --modal-background: rgb(from var(--color-base-00) r g b / 90%) !important;
  --modal-border-color: rgba(0, 0, 0, 0.1);
  --slider-thumb-border-color: var(--color-base-00);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile).theme-dark {
  --shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.028), 0px 3.4px 6.7px rgba(0, 0, 0, 0.042), 0px 15px 30px rgba(0, 0, 0, 0.07) !important;
  --shadow-l: 0px 32px 64px 0px rgba(0, 0, 0, 0.37), 0px 2px 21px 0px rgba(0, 0, 0, 0.37) !important;
  --input-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0 0.5px 0 0 rgba(255, 255, 255, 0.1) inset !important;
  --interactive-normal: var(--color-base-35);
  --modal-background: rgb(from var(--color-base-25) r g b / 75%) !important;
  --modal-border-color: rgba(255, 255, 255, 0.1);
  --slider-thumb-border-color: var(--color-base-35);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile).theme-dark .mod-sidedock {
  --divider-color: rgba(0, 0, 0, 0.2) !important;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile)::before {
  filter: saturate(1.5);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile).theme-light::before {
  mix-blend-mode: hard-light;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile)::after {
  position: fixed;
  opacity: 0.1;
  z-index: -1;
  mix-blend-mode: overlay;
  inset: 0;
  background-image: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAMAAABrrFhUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJQTFRF////zMzMmZmZZmZmMzMzAAAA8496aQAADC1JREFUeNrsXYl2IjkMLPn4/18eq0oGkgABwtFtzbxdAg3dtnWUZFmWUaxaKaW2WmqtrY1Xq7W08VLj/fjW+KEVv1qt+UW/Pl5rsQa+LU0fxxfm70v3d9Wgp/Nqi1v4K3/W+Gb8pKK2+Dh+28a18Xj/rbeH8f24an7VL3gfR/+squvGx3l3/OnNr3Iohx4Wvu3+gjYa6OwS+zh+DI6zFJi16Kd3wr9S+xxyr/qZd6U4cfx9Lfo5++ddFzXU9e5t1qoe6z92hNQZdzS/gwMbA7LRgFN1UJLEbIVfV46S9GjjFz5A9sSbbfEXfCY7YD3GIiaQGLWTHsZHagD8xI45P8cDUCrU4mhhUFsD4RW/z9hZsouNwz9whEZaNe9XLzWIYJ0yRKmB02Z0y+IWf7YV1KCx88/IJ5HH7w4aDnYPhgy6+F+RytgfUtAH1TTK+MumG6XYpaCEkPpYyCGJlDrJRxQxZXxAiKKJWaQriShZEtM5kBK3Gvs+aMZGXKRakyw4tUySIHkycUmPERP8LhOjeHsdLHSuh6qJdMFgqcsUMeMrJd6VpjYN3h9sFKouHrpUhPRJtRsbpdpQCztbEXtcKwZFyYfmEmFNelo4Um/SHy75JqEGb5o3XSe14gapnKkpf07rVBS2TF6wx8QDaQ5lofINyWYWgnBgQuMFXZIqkyROioAnH2gjYJXWxeHm/4y6Y8FxEZf8NJGTNOOzGviYAwf8/85BF7GAcus6y0uUr+ikdQFMM/GtCZ6cN2NIMP2s6ZnBA6c00YuXnJPG4XM83RnrqkKUc4b6i/+2ERtRhWn+RZdchbwMGaKSOA+79ISICf7nTGhUr+YjozIIE12uKX2lBfSTQhxUI86SlENM4GiikQh42UUQRVyIqgSENB5GoRehYQ2im0MLaoBsK5MxlFA+0koHxy49lEHhP3++C6rQtQbxZZiCNwhLZbOLk9YOTb0J1x1sZSWmNDUDUXRnZouwIPgoTZruQNbiMqQQRkEdFzp1wcoE8mHtbIhnpYbSCvjv4P2dWu/dFADFY1xIJ/UlpRbgRI45LQl11uuUvqrvQnn1jzBY4sG6P1hugYYCMlI4TC1vsfAypkgMVvfaBH3eb3HWToyja6fRXLsdCLEf8lDIcH09hL/Lh2FXm9UJczLlTnx1c3a2hviV+CgLS2PuxIF12SN+3w/i7So+2NlqoDCI3tSiEj8oUw/aBNMqlXMsadEMYXL6FIQw9hcuf6V3s+kQOCW6t9WkwjJmYZWMNsDhFTEi/CIhTZ0aVINgnlJvQvZJElmjo3Qa2THtbijhxCsaTT2cJkQAS16CZKhidqN0lE52GKUCtBQnYmVl4reFAzOtZVPHqaE+YAsDKfzl4DUyfBB/dCMI9jYRXYJNTsqhcAWTg1rDgyxyXw/uamfzLkGjGchznYBicmslf8Qd/m30Bk34saSHS5Y10dKO3h8VrZJMRvs9pCqvAaCWQAMpoX36AMF1WOjZkL/2VkMe1bM65WPqpH8hn5dYUOShl4pycLSIZ+7tyzdqE34bHRWQSBRt6l4LuoQ0hg/V5ZGHHreJ3+H7tzbxWi6NHB1jJ/hdqdO/NXQLD14dIbH7ELEeKC7Xp5C5FqAv+ZGKzrnRXt1pbEsjwzMWSouLPtYhvnWaDWpWrRP8IQe/Tlde7Tryk0p1BjlKzAe/z/vwNo8jLIhzRcOhKTmY/vkGVFPNxEEjxtkB2SsYIYm8N5pN1+k6TEPrrjcnFd3CxS+cypeQcIl7Fa/cAlZ/LXL7882L8KRJFaMZjSOm0EjPRPMe0yywIVDfh2N1jE5QTOtnnHLsJXITc3i9JzBNvf6bIw+PiUW7sipB43CFLGKiMus+Zp/w0iOAsFq+q4UpMolIWOcJvHW7gTcIF9111c9LBIbFxV4xg1qSfpc6GZ4aUEocrU7FvscAKy7NkqJfmvv0UPLaTlxwee7hqStUpz6FAzRt0zGqHtRoIVOlznB8uAhhRWgw6LXQ+3S4B0lgEQrkJGeqA2hHIR8/7DtVysDeCe3DcmpmpSmUnErELMhCvOoM79NfrTGJnapwkO0SY5MTUmKmKnPr428RciPd4uFWtuh0YXew/eRYCvbCqVe5xygHnZwMJrBKX8PrgybbXeASbG5Cnr1bEZxbLKgxfdUg7ejJyZMWqRcJJ2PX0YwnzJ3woml2yIxk28XeZL1ocUv42KEDTTihQVJeGOYgisqxjDjqK5ax8cFwXBGY+Lj4HeHR3WoB2yTha+dqWH/173rAC9vwx2rrc77SGN6rbLHPkLkWjgMLFY+P4DrKFPaqEKCCh3NCZgp3KjBxDAyUNhe68WaCby7CiL347K+SEewrn+P5UQHsMrPpiSsEeEvYZcPrp9hElsIHVwmRLCvuh5eNxxaV15lBYhOL9B+kJ3ae4PHn0GXm3AgNY1MrlR/IUEWGJIhrOU5IHQwYtMLqydC/xTexaYR6g4RgW/GZ94cLkHtdyFdy11rsvXvegP1a8OfAKnaU2v8acE6/X+CNu1M2mUiFF6TecU5RbVrQtukcDLx7+rm1KDw+MP/Y1B4L7Htd5+9L2thJOt/L1l2wnEzfGZJEYidQ9Egx6b+S1ISl8l0e8Gfxss04O6EaMqbGnU7HsBFV/BgRkZf38t6xRBWEP8wzkXGbzOlyKBK6Pl9gDSus7vxFUbGMLD+4tI+EeVFf4j5Yd933tjkqVtj49Jf0baREvhMXBbmqBfxc3kWamlkXvMX/+wXSyn6kNiD3qoD72mmjgZrLI2+GYEj7hrJWP7JsiJxhkONyO7ZU1ekTgWQkyYe8CIbYZfWjJ6ZgYP0KAdcXppEnLfo8tGOdwniPQSiyVI+9hGbY6K72tyXjIHM4rM7l8UWk+SHbjGUD/jcG1f+X1Ew9EfAbd+zFPiWRGLnrSjOctwqePyalyLxXwNmNxBV0COLY+H6Gl/uS2NdS5vM1Fcn9IEU3lqyMcGMIBnvI4njlOhmS75yVX7F0iYhfhAxpamhfEA6sthHyXscBa2P8764NsmSEXgoQIeHpWl8Kd6Emr6uLjBXkTlcYkXRF7BBLRLraWd8QDLtL734yuCJJ+eCLKaNY/UjN33LXkDsorsLKyZzfr/4Csm2T+55thlUDHbdqCHKtAvx0v5C6fAZ959yn7NAmbDmd/+W0xE6n8U+bjSJ1YXFOAxdMe7mnkAoSWbyzXMRKFWIfyVTBTg6EepmUYZXtb4/ay//5ASW7CCw9uBv8QeQ9cVjhR+Q+ao2ltHIvj2LBLQB3BZex2GLvA5OpxSpC3Ot7YunJ/g1zYqSD/W9LZBk3iXxJskKajMgLUxUk3S953DW27o7A29wB5AuDfs02QsqjZk/yCrC9mg7vrWmLHdQ+fmkeL9JsDrqwjQ8Jd8x/cfGw5hTn9vA6FtwMeteCDFYulniL3CC1CaArnKZ25HmHFfsvifi3RRy890yX7WWk/0+Xt+T75rBimcx7nAssvR/mhiQjJE4Upypj5cMTbnExkCIN5IqLgpL8sDFY8nN3UZKLAGrysDDWDXbdpsXIcaTaZQFElrNFL0710leQyL1nrGrX2D5k9TVhCSQ+bpTxVqxRCOPxZVlkOlLnnLyiJC8vD0ueJ4YViyLcE23AukWzbzPayFlN+AhdSHrg9MGhRqYawudW7ZH8uEGOcL2iAHc40NjuGVDvgSRsKmHnA64ictWL+Dlpw3oxrvviBsh0tN45S46MS+KnYoscR6pdlmLk3TApmMTuKyL+cTM7avIzNrBQ6v9Dc26kKyT8zUogGrCs5wxg7YO1f5/dYOmV3xu8YmRKjD4X4cHK+4FuWZLGenlf98UW8fFMxQ9vpsBKbu0j9S+w333fz4lhIlVa6Bl4QOa9Ak4EbDOH+33IiJocBVGTV1PDHjc5PFNBsPeDk/9qmJC4pjINEdYPfF8XOlhyVxBpVkAuCAKyHanxPQ0ECbJhryafYMdHBD2FeEhSLOYiYGVOERSE5j56Pbq9K9ftyTEELFQZ7yHNQsq9gidLM8iUC3DOvmH9jXHX18yww51uT7VGyJYS810NkHTL8CEAjBWLI93jTCctoncM+SBdFdVv4VbU7DKw9LHSNyxlIMec73IGLFLavpPFT1jy2RBWKpX/yJo0UuTCXYnoIFda5E8TjzX8uceX8LB+4dzrzPsnwABuGHwbUzm+xwAAAABJRU5ErkJggg==);
  content: "";
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile).is-hidden-frameless .titlebar .titlebar-button-container.mod-right .titlebar-button {
  height: var(--header-height);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) button[class*=mod-]:not(.view-action) {
  box-shadow: var(--input-shadow) !important;
  background-image: none !important;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) button[class*=mod-]:not(.view-action)::before {
  display: none;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) button:not(.clickable-icon),
body.mod-windows:not(.windows-mode-off):not(.is-mobile) select,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .dropdown {
  box-shadow: var(--input-shadow);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) select,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .dropdown {
  padding: 6px 32px 6px 16px;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) input[type=text],
body.mod-windows:not(.windows-mode-off):not(.is-mobile) input[type=number],
body.mod-windows:not(.windows-mode-off):not(.is-mobile) input[type=search] {
  box-shadow: 0 -0.5px 0 0 var(--color-base-50) inset;
  padding-left: var(--side-padding);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) input[type=text]:active, body.mod-windows:not(.windows-mode-off):not(.is-mobile) input[type=text]:focus, body.mod-windows:not(.windows-mode-off):not(.is-mobile) input[type=text]:focus-visible,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) input[type=number]:active,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) input[type=number]:focus,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) input[type=number]:focus-visible,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) input[type=search]:active,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) input[type=search]:focus,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) input[type=search]:focus-visible {
  box-shadow: 0 -2px 0 0 var(--interactive-accent) inset;
  border-color: var(--background-modifier-border);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) input[type=range]::-webkit-slider-thumb {
  transition: var(--anim-duration-fast);
  box-shadow: 0 0.5px 1px 1px rgba(0, 0, 0, 0.1);
  background-color: var(--interactive-accent);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) input[type=range]::-webkit-slider-thumb:hover,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) input[type=range]::-webkit-slider-thumb:active {
  border: 3px solid var(--slider-thumb-border-color);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .checkbox-container {
  box-shadow: none;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .checkbox-container:not(.is-enabled) {
  --toggle-thumb-color: var(--text-muted);
  outline: 1px solid var(--text-faint);
  background-color: var(--color-base-10);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .checkbox-container.is-enabled {
  --toggle-thumb-color: var(--text-on-accent);
  background: var(--interactive-accent);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .mod-root .workspace-tab-container {
  outline: var(--border-width) solid var(--background-modifier-hover);
  box-shadow: none !important;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile).show-ribbon .mod-sidedock.is-sidedock-collapsed .workspace-tabs.mod-top-left-space .workspace-tab-header-container {
  padding-left: 4px !important;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile).show-ribbon .mod-sidedock.is-sidedock-collapsed .workspace-tabs.mod-top-left-space .workspace-tab-header-container-inner {
  margin-left: 0 !important;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .mod-sidedock .workspace-leaf {
  animation: fadeInUp var(--anim-duration-moderate);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .mod-sidedock .workspace-tab-header-container {
  padding-left: 12px;
  padding-right: 12px;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .mod-sidedock .nav-header:hover .nav-action-button {
  padding: 8px !important;
  flex: 1;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .mod-sidedock .nav-buttons-container {
  width: 100%;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .nav-buttons-container {
  gap: 0;
  padding: 0;
  border-radius: var(--radius-s);
  background-color: var(--background-modifier-hover);
  box-shadow: none;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .nav-action-button.is-active {
  box-shadow: 0 0 0 1px var(--background-modifier-hover) inset;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .nav-action-button.is-active::after {
  position: absolute;
  bottom: 0;
  border-radius: var(--radius-l);
  background-color: var(--interactive-accent);
  width: 24px;
  height: 3px;
  content: "";
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .tree-item-self.is-active::after,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .vertical-tab-nav-item.is-active::after {
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 0;
  border-radius: var(--radius-l);
  background-color: var(--interactive-accent);
  width: 4px;
  content: "";
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile).theme-light .modal.mod-sidebar-layout .setting-item:not(.setting-item-heading) {
  border: var(--border-width) solid rgba(0, 0, 0, 0.05);
  background-color: rgb(255, 255, 255);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile).theme-dark .modal.mod-sidebar-layout .setting-item:not(.setting-item-heading) {
  border: var(--border-width) solid rgba(0, 0, 0, 0.25);
  background-color: rgba(255, 255, 255, 0.05);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal.mod-sidebar-layout .vertical-tab-header {
  border: none;
  background-color: transparent;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal.mod-sidebar-layout .vertical-tab-header-group-title {
  padding: 8px var(--side-padding);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal.mod-sidebar-layout .vertical-tab-content {
  animation: fadeInUp var(--anim-duration-moderate);
  background-color: transparent !important;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal.mod-sidebar-layout .vertical-tab-nav-item {
  position: relative;
  padding: 8px var(--side-padding);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal.mod-sidebar-layout .vertical-tab-nav-item.is-active {
  --background-modifier-hover: unset;
  background-color: var(--background-modifier-hover);
  color: var(--color-base-100);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal.mod-sidebar-layout .setting-item-heading {
  padding: 16px var(--side-padding) 12px;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal.mod-sidebar-layout .setting-item-heading .setting-item-name {
  font-size: var(--font-ui-large);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal.mod-sidebar-layout .setting-item:not(.setting-item-heading) {
  border-radius: var(--radius-m);
  padding: 16px 20px;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal.mod-sidebar-layout .setting-item:not(:last-child):not(.setting-item-heading) {
  margin-bottom: 4px;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .menu,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .suggestion-container {
  border-radius: calc(var(--radius-m) + 6px);
  border: var(--border-width) solid var(--background-modifier-border);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .menu > div,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .suggestion-container > div {
  padding: 6px;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .menu .menu-separator,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .suggestion-container .menu-separator {
  margin: 4px 0;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .menu .menu-item,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .menu .suggestion-item,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .suggestion-container .menu-item,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .suggestion-container .suggestion-item {
  justify-content: flex-start;
  border-radius: var(--radius-m);
  padding: 8px;
  min-width: 200px;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .menu .menu-item.selected:not(.is-label):not(.is-disabled),
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .menu .suggestion-item.is-selected:not(.mod-group),
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .suggestion-container .menu-item.selected:not(.is-label):not(.is-disabled),
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .suggestion-container .suggestion-item.is-selected:not(.mod-group) {
  background-color: var(--background-modifier-hover);
  color: var(--color-base-100);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .menu .menu-item.selected:not(.is-label):not(.is-disabled) .menu-item-icon,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .menu .menu-item.selected:not(.is-label):not(.is-disabled) .suggestion-flair,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .menu .suggestion-item.is-selected:not(.mod-group) .menu-item-icon,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .menu .suggestion-item.is-selected:not(.mod-group) .suggestion-flair,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .suggestion-container .menu-item.selected:not(.is-label):not(.is-disabled) .menu-item-icon,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .suggestion-container .menu-item.selected:not(.is-label):not(.is-disabled) .suggestion-flair,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .suggestion-container .suggestion-item.is-selected:not(.mod-group) .menu-item-icon,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .suggestion-container .suggestion-item.is-selected:not(.mod-group) .suggestion-flair {
  color: var(--color-base-100);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .menu .search-suggest-info-text,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .suggestion-container .search-suggest-info-text {
  color: var(--color-base-100);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .menu .svg-icon,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .suggestion-container .svg-icon {
  --icon-size: var(--icon-s);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .menu .bases-toolbar-menu-item,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .suggestion-container .bases-toolbar-menu-item {
  border-radius: var(--radius-m) !important;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile).theme-dark .modal:not(.mod-sidebar-layout) .modal-button-container {
  background-color: var(--color-base-05);
  border-top-color: var(--color-base-00);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal {
  border: var(--border-width) solid var(--background-modifier-border);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal-bg {
  background-color: black;
  opacity: 0.3 !important;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal:not(.mod-sidebar-layout) {
  padding: 0;
  min-width: 480px;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal:not(.mod-sidebar-layout) .modal-title {
  padding: 24px 24px 4px;
  font-size: var(--font-ui-large);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal:not(.mod-sidebar-layout) .modal-content {
  padding: 4px 24px 16px;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal:not(.mod-sidebar-layout) .modal-content,
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal:not(.mod-sidebar-layout) .mod-checkbox {
  font-size: var(--font-ui-medium);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal:not(.mod-sidebar-layout) .modal-button-container {
  margin: 0;
  border-top: var(--border-width) solid var(--background-modifier-border);
  background-color: var(--background-modifier-border);
  padding: 24px;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal:not(.mod-sidebar-layout) .modal-button-container button {
  border-radius: var(--button-radius);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal:not(.mod-sidebar-layout) .modal-content > .modal-button-container {
  margin: 0 -24px -16px;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal:not(.mod-sidebar-layout).mod-narrow .modal-content {
  padding: 4px 24px 88px;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .modal:not(.mod-sidebar-layout).mod-narrow .modal-content .modal-button-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .prompt {
  background-color: var(--modal-background);
  border: var(--prompt-border-width) solid var(--prompt-border-color);
  animation: none;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .prompt-input-container {
  margin: 0;
  background-color: transparent;
  border-radius: 0;
  border-bottom: var(--prompt-border-width) solid var(--background-modifier-border);
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .prompt-input {
  padding: 32px 24px;
  font-size: unset;
  margin-left: 32px;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .prompt-results .suggestion-item {
  position: relative;
  padding: 12px;
}
body.mod-windows:not(.windows-mode-off):not(.is-mobile) .prompt-results .suggestion-item.is-selected::after {
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: 0;
  border-radius: var(--radius-l);
  background-color: var(--interactive-accent);
  width: 4px;
  content: "";
}

/* MIT License | Copyright (c) Stephan Ango (@kepano) 

Cards snippet for Obsidian

author: @kepano
version: 3.0.1

Support my work:
https://github.com/sponsors/kepano

*/
body {
  --cards-min-width: 180px;
  --cards-max-width: 1fr;
  --cards-image-height: 400px;
  --cards-padding: 16px;
  --cards-aspect-ratio: auto;
  --cards-columns: repeat(auto-fit, minmax(var(--cards-min-width), var(--cards-max-width)));
}

.cards .block-language-dataview {
  overflow: visible !important;
}
.cards table.dataview::before {
  display: none;
}
.cards table.dataview thead,
.cards table.dataview tbody {
  background-color: transparent;
}
.cards table.dataview tbody {
  display: grid;
  grid-template-columns: var(--cards-columns);
  clear: both;
  padding: 8px 0;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}
.cards table.dataview > tbody > tr {
  display: flex;
  flex-direction: column;
  margin: 0;
  border: var(--border-width) solid var(--background-modifier-border);
  border-radius: var(--radius-s);
  background-color: transparent;
  padding: 0;
  max-width: var(--cards-max-width);
  height: auto;
  overflow: hidden;
}
.cards table.dataview tbody > tr > td {
  border: none;
  color: var(--text-muted);
  font-size: var(--font-small);
  /* Paragraphs */
  /* Links */
  /* Buttons */
  /* Lists */
  /* Images */
}
.cards table.dataview tbody > tr > td:first-child a, .cards table.dataview tbody > tr > td:has(span > img) ~ td a {
  display: block;
  font-weight: var(--font-bold);
  font-size: var(--h1-size);
}
.cards table.dataview tbody > tr > td:first-child:not(:has(img)), .cards table.dataview tbody > tr > td:has(span > img) + td {
  margin-top: 8px;
}
.cards table.dataview tbody > tr > td:last-child {
  margin-bottom: 8px;
}
.cards table.dataview tbody > tr > td > * {
  padding: calc(var(--cards-padding) / 3) 0;
}
.cards table.dataview tbody > tr > td:not(:has(img)) {
  margin: 0 16px;
  padding: 4px 0;
}
.cards table.dataview tbody > tr > td a {
  text-decoration: none;
}
.cards table.dataview tbody > tr > td > button {
  margin: calc(var(--cards-padding) / 2) 0;
  width: 100%;
}
.cards table.dataview tbody > tr > td:last-child > button {
  margin-bottom: calc(var(--cards-padding) / 6);
}
.cards table.dataview tbody > tr > td > ul {
  margin: 0 auto !important;
  padding: 0.25em 0 !important;
  width: 100%;
}
.cards table.dataview tbody > tr > td:has(img) {
  display: block;
  margin: 0;
  background-color: var(--background-secondary);
  padding: 0 !important;
  width: 100%;
}
.cards table.dataview tbody > tr > td img {
  vertical-align: bottom;
  background-color: var(--background-secondary);
  aspect-ratio: var(--cards-aspect-ratio);
  width: 100%;
  max-height: var(--cards-image-height);
  object-fit: contain;
}

/* Block button */
.markdown-source-view.mod-cm6.cards .edit-block-button {
  top: 16px;
  right: 32px;
  opacity: 1;
}

/* ------------------- */
/* Sorting menu */
.cards table.dataview thead {
  display: block;
  position: relative;
  float: right;
  padding-bottom: 0px;
  width: 180px;
  height: 24px;
  user-select: none;
  text-align: right;
}
.cards table.dataview thead:before {
  position: absolute;
  top: 0;
  right: 0;
  cursor: var(--cursor);
  margin-bottom: 8px;
  border-radius: var(--radius-s);
  width: 32px;
  height: 32px;
  content: "";
  font-weight: var(--font-medium);
  text-align: right;
}
.cards table.dataview thead:before {
  background-color: var(--text-faint);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 16px;
  -webkit-mask-position: center center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2213%22%20viewBox%3D%220%200%2016%2013%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1.08875%202.73682C0.545029%202.73682%200.10437%202.29609%200.10437%201.75244C0.10437%201.21501%200.551309%200.768066%201.08875%200.768066C1.62618%200.768066%202.07312%201.21501%202.07312%201.75244C2.07312%202.29609%201.63246%202.73682%201.08875%202.73682ZM4.54187%202.38525C4.18704%202.38525%203.90906%202.10727%203.90906%201.75244C3.90906%201.39994%204.19118%201.12744%204.54187%201.12744H15.2059C15.5534%201.12744%2015.8466%201.40063%2015.8466%201.75244C15.8466%202.10659%2015.5576%202.38525%2015.2059%202.38525H4.54187ZM1.08875%207.46338C0.551309%207.46338%200.10437%207.01644%200.10437%206.479C0.10437%205.94157%200.551309%205.49463%201.08875%205.49463C1.62618%205.49463%202.07312%205.94157%202.07312%206.479C2.07312%207.01644%201.62618%207.46338%201.08875%207.46338ZM4.54187%207.104C4.19118%207.104%203.90906%206.8315%203.90906%206.479C3.90906%206.12968%204.19185%205.84619%204.54187%205.84619H15.2059C15.5527%205.84619%2015.8466%206.1304%2015.8466%206.479C15.8466%206.83081%2015.5534%207.104%2015.2059%207.104H4.54187ZM1.08875%2012.1821C0.545029%2012.1821%200.10437%2011.7414%200.10437%2011.1978C0.10437%2010.6626%200.555423%2010.2212%201.08875%2010.2212C1.62207%2010.2212%202.07312%2010.6626%202.07312%2011.1978C2.07312%2011.7414%201.63246%2012.1821%201.08875%2012.1821ZM4.54187%2011.8306C4.18704%2011.8306%203.90906%2011.5526%203.90906%2011.1978C3.90906%2010.8453%204.19118%2010.5728%204.54187%2010.5728H15.2059C15.5534%2010.5728%2015.8466%2010.8459%2015.8466%2011.1978C15.8466%2011.5519%2015.5576%2011.8306%2015.2059%2011.8306H4.54187Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
}
.cards table.dataview thead > tr {
  display: none;
  position: absolute;
  flex-direction: column;
  z-index: 10;
  backdrop-filter: var(--blur-l);
  margin: 24px 0 0 0;
  outline: var(--prompt-border-width) solid rgba(0, 0, 0, 0.15);
  box-shadow: var(--shadow-s);
  border-radius: var(--radius-m);
  background-color: var(--modal-background);
  padding: 4px;
  width: 100%;
}
.cards table.dataview thead:hover > tr {
  display: flex;
  height: auto;
}
.cards table.dataview thead > tr > th {
  border: none;
  font-weight: var(--font-normal);
  font-size: var(--font-ui-small);
}
.cards table.dataview th,
.cards table.dataview td {
  border: none !important;
}

/* ------------------- */
/* Card lists */
.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;
  grid-template-columns: var(--cards-columns);
  gap: 8px;
  padding: 0;
  line-height: var(--line-height-tight);
}
.list-cards.markdown-preview-view div > ul .contains-task-list {
  padding-inline-start: calc(var(--cards-padding) * 1.5);
}
.list-cards.markdown-preview-view div > ul > li {
  margin-inline-start: 0;
  border: var(--border-width) solid var(--background-modifier-border);
  border-radius: var(--radius-s);
  background-color: transparent;
  padding: calc(var(--cards-padding) / 2);
  overflow: hidden;
}
.list-cards.markdown-preview-view div > ul > li.is-checked {
  background-color: var(--background-secondary);
}
.list-cards.markdown-preview-view div > ul .image-embed {
  display: block;
  border-radius: var(--image-radius);
  background-color: var(--background-secondary);
  padding: 0;
}
.list-cards.markdown-preview-view div > ul .image-embed img {
  vertical-align: bottom;
  background-color: var(--background-secondary);
  aspect-ratio: var(--cards-aspect-ratio);
  max-height: var(--cards-image-height);
  object-fit: contain;
}
.list-cards.markdown-preview-view div > ul > li > a {
  --link-decoration: none;
  --link-external-decoration: none;
  font-weight: var(--font-bold);
}
.list-cards.markdown-preview-view div ul ul {
  display: block;
  margin: calc(var(--cards-padding) / -4) 0;
  padding: calc(var(--cards-padding) / 2) 0;
  width: 100%;
  color: var(--text-muted);
  font-size: var(--font-smallest);
}
.list-cards.markdown-preview-view div ul ul ul {
  padding-bottom: calc(var(--cards-padding) / 4);
}
.list-cards.markdown-preview-view div ul ul > li {
  display: block;
  margin-inline-start: 0;
}

/* ------------------- */
/* Helper classes */
.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-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 (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));
  }
}
/* MIT License | Copyright (c) Stephan Ango (@kepano) */
/* Invert  */
div[src$="#blend"],
div[src$="#invert"] {
  background-color: var(--background-primary);
}

.theme-dark img[src$="#invert"],
.theme-dark div[src$="#invert"] img,
.theme-dark span[src$="#invert"] img {
  mix-blend-mode: screen;
  filter: invert(1) hue-rotate(180deg);
}
.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;
}

.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;
}

/* Circle */
img[src$="#circle"]:not(.emoji),
span[src$="#circle"] img:not(.emoji),
span[src$="#round"] img:not(.emoji) {
  border-radius: 50%;
  aspect-ratio: 1/1;
}

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

/* Interface */
img[src$="#interface"],
span[src$="#interface"] img {
  box-shadow: var(--shadow-s);
  border: var(--border-width) solid var(--background-modifier-border);
}

body:not(.is-mobile):not(.image-zoom-off) .workspace-leaf-content[data-type=markdown] .image-embed:not(.canvas-node-content),
body:not(.is-mobile):not(.image-zoom-off) .workspace-leaf-content[data-type=markdown] img[referrerpolicy=no-referrer],
body:not(.is-mobile):not(.image-zoom-off) .workspace-leaf-content[data-type=markdown] .cm-content > img {
  cursor: zoom-in;
}

body:not(.is-mobile):not(.image-zoom-off) .markdown-preview-view .image-embed:not(.canvas-node-content):active img,
body:not(.is-mobile):not(.image-zoom-off) .markdown-preview-view img[referrerpolicy=no-referrer]:active {
  position: fixed;
  z-index: 1000;
  cursor: zoom-out;
  inset: 0;
  background-color: var(--background-primary);
  width: 100%;
  height: 100%;
  max-height: unset;
  object-fit: contain;
}

body:not(.is-mobile):not(.image-zoom-off) .markdown-source-view .image-embed:not(.canvas-node-content):active,
body:not(.is-mobile):not(.image-zoom-off) .markdown-source-view .cm-content > img:active {
  position: fixed;
  z-index: 1000;
  cursor: zoom-out;
  inset: var(--view-header-height) 0 0;
  background-color: var(--background-primary);
}
body:not(.is-mobile):not(.image-zoom-off) .markdown-source-view .image-embed:not(.canvas-node-content):active {
  display: flex;
  justify-content: center;
}
body:not(.is-mobile):not(.image-zoom-off) .markdown-source-view .image-embed:not(.canvas-node-content):active img {
  background-color: transparent;
  width: 100%;
  height: auto;
  max-height: unset;
  object-fit: contain;
}
body:not(.is-mobile):not(.image-zoom-off) .markdown-source-view .cm-content > img:active {
  width: 100%;
  height: calc(100% - var(--view-header-height));
  max-height: unset;
  object-fit: contain;
}

.embed-strict {
  --embed-background: transparent;
  --embed-padding: 0;
}

.embed-underline .markdown-embed {
  text-decoration-line: underline;
  text-decoration-color: var(--text-faint);
}

.embed-hide-title .markdown-embed-title {
  display: none;
}

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

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

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

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

/* NOT FOR INDEPENDENT USE - Android Mode is built upon the rest of Cupertino components. */
body.is-mobile.is-android:not(.material-off) {
  --font-text-theme: "Roboto", sans-serif;
  --font-interface-theme: "Google Sans", "Roboto", sans-serif;
  --h1-font: var(--font-interface-theme);
  --h2-font: var(--font-interface-theme);
  --h3-font: var(--font-interface-theme);
  --h4-font: var(--font-interface-theme);
  --h5-font: var(--font-interface-theme);
  --h6-font: var(--font-interface-theme);
  --border-width: 1px;
  --button-radius: 100vh;
  --radius-xl: 32px;
  --radius-l: 24px;
  --radius-m: 16px;
  --radius-s: 8px;
  --input-height: 48px;
  --input-radius: var(--radius-s);
  --input-font-weight: var(--font-normal);
  --toggle-border-width: 2px;
  --toggle-width: 52px;
  --toggle-thumb-height: 24px;
  --toggle-thumb-width: 24px;
  --slider-thumb-height: 44px;
  --slider-thumb-width: 4px;
  --slider-thumb-y: -19px;
  --slider-thumb-radius: 100vh;
  --slider-track-height: 16px;
  --tab-switcher-preview-background-shadow: none;
  --tab-switcher-preview-radius: var(--radius-m);
  --nav-item-background-active: var(--interactive-accent-active);
  --nav-item-background-selected: var(--interactive-accent-active);
  --nav-item-color-active: var(--text-accent-active);
  --nav-item-padding: 16px 24px !important;
  --nav-item-weight-active: var(--font-bold);
  --blur-s: blur(8px);
  --blur-m: blur(16px);
  --blur-l: blur(32px);
  --shadow-xs: none;
  --shadow-s: rgba(0, 0, 0, 0.1) 0px 8px 30px !important;
  --shadow-l: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
  --side-padding: 16px !important;
  /********** Components **********/
  /********** Mode Switchcer **********/
  /********** Top Bar **********/
  /********** Bottom Bar **********/
  /********** Menu **********/
  /********** Sidebar **********/
  /********** Settings **********/
  /********** Modal **********/
  /********** Prompt **********/
  /********** Tab Switcher **********/
}
body.is-mobile.is-android:not(.material-off).theme-light {
  --interactive-normal: var(--background-secondary);
  --text-accent-active: hsl(calc(var(--accent-h) + 15), calc(var(--accent-s) * 0.93), calc(var(--accent-l) * 0.475));
  --interactive-accent-active: hsl(calc(var(--accent-h) - 9), calc(var(--accent-s) * 1.05), calc(var(--accent-l) * 1.375));
}
body.is-mobile.is-android:not(.material-off).theme-dark {
  --interactive-normal: var(--background-secondary-alt);
  --text-accent-active: hsl(calc(var(--accent-h) - 9), calc(var(--accent-s) * 1.05), calc(var(--accent-l) * 1.375));
  --interactive-accent-active: hsl(calc(var(--accent-h) + 7), calc(var(--accent-s) * 0.78), calc(var(--accent-l) * 0.45));
}
body.is-mobile.is-android:not(.material-off).is-phone {
  --view-header-height: var(--input-height);
}
body.is-mobile.is-android:not(.material-off) button:not(.clickable-icon):not([class*=mod-]),
body.is-mobile.is-android:not(.material-off) select,
body.is-mobile.is-android:not(.material-off) .dropdown {
  border: var(--border-width) solid var(--background-modifier-border);
  background-color: var(--interactive-normal);
}
body.is-mobile.is-android:not(.material-off) textarea,
body.is-mobile.is-android:not(.material-off) input[type=text],
body.is-mobile.is-android:not(.material-off) input[type=number],
body.is-mobile.is-android:not(.material-off) input[type=search] {
  transition: var(--anim-duration-fast);
  box-shadow: inset 0 0 var(--color-accent);
  border-bottom: var(--border-width) solid var(--background-modifier-border);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: var(--interactive-normal);
}
body.is-mobile.is-android:not(.material-off) textarea:focus,
body.is-mobile.is-android:not(.material-off) input[type=text]:focus,
body.is-mobile.is-android:not(.material-off) input[type=number]:focus,
body.is-mobile.is-android:not(.material-off) input[type=search]:focus {
  box-shadow: inset 0 -3px var(--color-accent);
  border-color: transparent;
}
body.is-mobile.is-android:not(.material-off) textarea,
body.is-mobile.is-android:not(.material-off) input[type=text],
body.is-mobile.is-android:not(.material-off) input[type=number],
body.is-mobile.is-android:not(.material-off) input[type=search],
body.is-mobile.is-android:not(.material-off) select,
body.is-mobile.is-android:not(.material-off) .dropdown {
  padding-left: var(--side-padding);
}
body.is-mobile.is-android:not(.material-off) input[type=range] {
  transition: var(--anim-duration-fast);
}
body.is-mobile.is-android:not(.material-off) input[type=range]::-webkit-slider-thumb {
  outline: 6px solid var(--background-primary);
  box-shadow: none;
  background-color: var(--interactive-accent);
}
body.is-mobile.is-android:not(.material-off).theme-dark input[type=range]::-webkit-slider-thumb {
  outline-color: var(--background-secondary);
}
body.is-mobile.is-android:not(.material-off) input[type=range]:active,
body.is-mobile.is-android:not(.material-off) input[type=range]:focus,
body.is-mobile.is-android:not(.material-off) input[type=range]:focus-within,
body.is-mobile.is-android:not(.material-off) input[type=range]:hover {
  --slider-thumb-y: -23px;
  --slider-thumb-height: 52px;
  --slider-track-height: 40px;
}
body.is-mobile.is-android:not(.material-off) .checkbox-container {
  box-sizing: content-box;
  outline: none;
  border: 2px solid transparent;
}
body.is-mobile.is-android:not(.material-off) .checkbox-container::after {
  box-shadow: none;
}
body.is-mobile.is-android:not(.material-off) .checkbox-container:not(.is-enabled) {
  border-color: var(--text-muted);
}
body.is-mobile.is-android:not(.material-off) .checkbox-container:not(.is-enabled)::after {
  background-color: var(--text-muted);
}
body.is-mobile.is-android:not(.material-off).is-phone:not(.mod-toolbar-open) .mod-root .view-actions button:nth-last-child(2) {
  right: var(--side-padding);
  z-index: var(--layer-cover);
  border: none;
  width: var(--input-height);
  height: var(--input-height);
}
body.is-mobile.is-android:not(.material-off).is-phone .mod-root .workspace-leaf-content[data-mode=source] .view-header .view-actions button:nth-last-child(2) {
  background-color: var(--interactive-accent-active) !important;
  color: var(--text-accent-active) !important;
}
body.is-mobile.is-android:not(.material-off) .view-action.clickable-icon {
  background-color: var(--modal-background) !important;
}
body.is-mobile.is-android:not(.material-off) .mobile-navbar,
body.is-mobile.is-android:not(.material-off) .workspace-drawer .nav-header {
  padding: 8px var(--side-padding) max(var(--safe-area-inset-bottom), 16px);
}
body.is-mobile.is-android:not(.material-off) .mobile-navbar-actions,
body.is-mobile.is-android:not(.material-off) .mobile-toolbar-options-list {
  background-color: var(--modal-background);
}
body.is-mobile.is-android:not(.material-off) .workspace-drawer .nav-buttons-container {
  background-color: var(--background-primary);
}
body.is-mobile.is-android:not(.material-off).is-phone .menu {
  border-radius: var(--modal-radius) var(--modal-radius) 0 0;
  margin: 0;
}
body.is-mobile.is-android:not(.material-off).is-phone .menu .menu-grabber {
  top: 6px;
  width: 32px;
  height: 4px;
}
body.is-mobile.is-android:not(.material-off).is-phone .menu .menu-separator {
  border-color: transparent;
}
body.is-mobile.is-android:not(.material-off).is-phone .menu .menu-scroll {
  gap: 2px;
  padding-top: 34px;
}
body.is-mobile.is-android:not(.material-off).is-phone .menu .menu-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
body.is-mobile.is-android:not(.material-off).is-phone .menu .menu-item-title::after {
  content: none;
}
body.is-mobile.is-android:not(.material-off).is-phone .menu .menu-item:not(.is-label) {
  flex-direction: row !important;
  gap: 16px;
}
body.is-mobile.is-android:not(.material-off).is-phone .menu .menu-item:not(.is-label[data-section=title]) {
  background-color: var(--interactive-normal);
}
body.is-mobile.is-android:not(.material-off).is-phone .menu .menu-item.tappable:not(:has(.mod-checked)) .menu-item-title {
  margin-left: 0 !important;
}
body.is-mobile.is-android:not(.material-off).is-phone .menu .menu-item {
  border: none !important;
  border-radius: var(--radius-l);
}
body.is-mobile.is-android:not(.material-off).is-phone .menu .menu-item + .menu-item,
body.is-mobile.is-android:not(.material-off).is-phone .menu .menu-item:has(+ .menu-item) {
  border-radius: var(--radius-s);
}
body.is-mobile.is-android:not(.material-off).is-phone .menu .menu-separator + .menu-item,
body.is-mobile.is-android:not(.material-off).is-phone .menu .menu-item:first-child:has(+ .menu-item) {
  border-top-right-radius: var(--radius-l);
  border-top-left-radius: var(--radius-l);
}
body.is-mobile.is-android:not(.material-off).is-phone .menu .menu-item:has(+ .menu-separator),
body.is-mobile.is-android:not(.material-off).is-phone .menu .menu-item + .menu-item:last-child {
  border-bottom-right-radius: var(--radius-l);
  border-bottom-left-radius: var(--radius-l);
}
body.is-mobile.is-android:not(.material-off).is-phone .menu .menu-item-icon:empty {
  display: none;
}
body.is-mobile.is-android:not(.material-off).is-tablet .menu {
  border-radius: var(--radius-m);
}
body.is-mobile.is-android:not(.material-off).is-tablet .menu .menu-scroll {
  padding: 8px 0;
}
body.is-mobile.is-android:not(.material-off).is-tablet .menu .menu-separator {
  margin: 4px 0;
}
body.is-mobile.is-android:not(.material-off) .workspace-drawer-header-icon,
body.is-mobile.is-android:not(.material-off) .modal-setting-back-button,
body.is-mobile.is-android:not(.material-off) .modal-close-button {
  background-color: var(--background-primary) !important;
}
body.is-mobile.is-android:not(.material-off) .nav-files-container {
  padding: 0 var(--side-padding) 8px !important;
}
body.is-mobile.is-android:not(.material-off) .nav-files-container > div {
  gap: 2px;
  margin-bottom: 96px;
  border-radius: 0;
  background-color: transparent;
}
body.is-mobile.is-android:not(.material-off) .nav-files-container .tree-item:not(:last-child)::before,
body.is-mobile.is-android:not(.material-off) .nav-files-container .tree-item-children::before {
  content: none;
}
body.is-mobile.is-android:not(.material-off) .nav-files-container .tree-item-self {
  border-radius: 100vh !important;
  padding-inline-end: var(--side-padding);
}
body.is-mobile.is-android:not(.material-off) .nav-folder:not(.is-collapsed) > .nav-folder-title {
  background-color: var(--nav-item-background-hover);
}
body.is-mobile.is-android:not(.material-off) .workspace-drawer .workspace-drawer-active-tab-header {
  margin: 0 var(--side-padding);
}
body.is-mobile.is-android:not(.material-off) .workspace-drawer .view-content {
  padding: 0 var(--side-padding) 96px;
}
body.is-mobile.is-android:not(.material-off) .workspace-drawer .view-content > div:not(.nav-header):not(:empty) {
  border-radius: var(--radius-m);
}
body.is-mobile.is-android:not(.material-off).theme-light .modal.mod-sidebar-layout .vertical-tab-nav-item,
body.is-mobile.is-android:not(.material-off).theme-light .modal.mod-sidebar-layout .setting-item:not(.setting-item-heading) {
  background-color: var(--background-primary);
}
body.is-mobile.is-android:not(.material-off).theme-dark .modal.mod-sidebar-layout .vertical-tab-nav-item,
body.is-mobile.is-android:not(.material-off).theme-dark .modal.mod-sidebar-layout .setting-item:not(.setting-item-heading) {
  background-color: var(--background-secondary);
}
body.is-mobile.is-android:not(.material-off) .modal.mod-sidebar-layout .vertical-tab-nav-item:not(:last-child)::after,
body.is-mobile.is-android:not(.material-off) .modal.mod-sidebar-layout textarea:not(:last-child)::after,
body.is-mobile.is-android:not(.material-off) .modal.mod-sidebar-layout input[type=text]:not(:last-child)::after,
body.is-mobile.is-android:not(.material-off) .modal.mod-sidebar-layout input[type=search]:not(:last-child)::after,
body.is-mobile.is-android:not(.material-off) .modal.mod-sidebar-layout input[type=number]:not(:last-child)::after,
body.is-mobile.is-android:not(.material-off) .modal.mod-sidebar-layout button:not(:last-child)::after,
body.is-mobile.is-android:not(.material-off) .modal.mod-sidebar-layout select:not(:last-child)::after,
body.is-mobile.is-android:not(.material-off) .modal.mod-sidebar-layout .dropdown:not(:last-child)::after {
  content: none;
}
body.is-mobile.is-android:not(.material-off) .modal.mod-sidebar-layout .vertical-tab-nav-item {
  transition: border-radius var(--anim-duration-fast);
  border: none;
  border-radius: var(--radius-s);
  min-height: 64px;
}
body.is-mobile.is-android:not(.material-off) .modal.mod-sidebar-layout .vertical-tab-nav-item.is-active {
  border-radius: var(--radius-l);
  background-color: var(--nav-item-background-active);
  color: var(--nav-item-color-active);
  font-weight: var(--nav-item-weight-active);
}
body.is-mobile.is-android:not(.material-off) .modal.mod-sidebar-layout .vertical-tab-nav-item-chevron {
  display: none;
}
body.is-mobile.is-android:not(.material-off) .modal.mod-sidebar-layout .vertical-tab-header-group-items {
  gap: 2px;
  border-radius: var(--radius-l);
  background-color: transparent;
}
body.is-mobile.is-android:not(.material-off) .modal.mod-sidebar-layout .vertical-tab-header-group-title,
body.is-mobile.is-android:not(.material-off) .modal.mod-sidebar-layout .setting-item-heading .setting-item-name {
  padding-left: 8px;
  color: var(--text-accent);
  font-weight: var(--font-bold);
  font-family: var(--font-text-theme);
  letter-spacing: 0.1px;
  text-transform: unset;
}
body.is-mobile.is-android:not(.material-off) .modal.mod-sidebar-layout .setting-item:not(:last-child):not(.setting-item-heading) {
  margin-bottom: 2px;
}
body.is-mobile.is-android:not(.material-off) .modal.mod-sidebar-layout .modal-header {
  padding: var(--safe-area-inset-top) 16px 0 !important;
}
body.is-mobile.is-android:not(.material-off) .modal.mod-sidebar-layout .setting-item {
  border: none;
}
body.is-mobile.is-android:not(.material-off) .modal.mod-sidebar-layout button:not(.clickable-icon) {
  padding: 24px;
  width: unset;
}
body.is-mobile.is-android:not(.material-off).is-phone .modal.mod-sidebar-layout .modal-close-button {
  top: var(--safe-area-inset-top);
  inset-inline-end: var(--side-padding);
}
body.is-mobile.is-android:not(.material-off).is-phone .modal.mod-sidebar-layout .setting-item:not(.setting-item-heading),
body.is-mobile.is-android:not(.material-off).is-phone .modal.mod-sidebar-layout .setting-item-control .mobile-option-setting-item {
  border-radius: var(--radius-l);
  padding: var(--side-padding);
}
body.is-mobile.is-android:not(.material-off).is-phone .modal.mod-sidebar-layout .setting-item:not(.setting-item-heading):has(+ .setting-item:not(.setting-item-heading)) {
  margin-bottom: 2px;
  border: none;
  border-bottom-right-radius: var(--radius-s);
  border-bottom-left-radius: var(--radius-s);
}
body.is-mobile.is-android:not(.material-off).is-phone .modal.mod-sidebar-layout .setting-item:not(.setting-item-heading) + .setting-item:not(.setting-item-heading) {
  border-top-right-radius: var(--radius-s);
  border-top-left-radius: var(--radius-s);
}
body.is-mobile.is-android:not(.material-off).is-tablet .modal.mod-sidebar-layout .vertical-tab-header {
  border: none;
}
body.is-mobile.is-android:not(.material-off).is-tablet .modal.mod-sidebar-layout:not(.mod-community-modal) .setting-item:not(.setting-item-heading) {
  border-radius: var(--radius-s);
}
body.is-mobile.is-android:not(.material-off).is-tablet .modal.mod-sidebar-layout:not(.mod-community-modal) .setting-item-heading + .setting-item,
body.is-mobile.is-android:not(.material-off).is-tablet .modal.mod-sidebar-layout:not(.mod-community-modal) *:not(.setting-item) + .setting-item:not(.setting-item-heading),
body.is-mobile.is-android:not(.material-off).is-tablet .modal.mod-sidebar-layout:not(.mod-community-modal) .setting-item:first-child:not(.setting-item-heading) {
  border-top-right-radius: var(--radius-m) !important;
  border-top-left-radius: var(--radius-m) !important;
}
body.is-mobile.is-android:not(.material-off).is-tablet .modal.mod-sidebar-layout:not(.mod-community-modal) .setting-item:has(+ .setting-item-heading),
body.is-mobile.is-android:not(.material-off).is-tablet .modal.mod-sidebar-layout:not(.mod-community-modal) .setting-item:has(+ *:not(.setting-item)):not(.setting-item-heading),
body.is-mobile.is-android:not(.material-off).is-tablet .modal.mod-sidebar-layout:not(.mod-community-modal) .setting-item:last-child {
  border-bottom-right-radius: var(--radius-m) !important;
  border-bottom-left-radius: var(--radius-m) !important;
}
body.is-mobile.is-android:not(.material-off) .modal-container {
  align-items: center;
}
body.is-mobile.is-android:not(.material-off) .modal:not(.mod-sidebar-layout) {
  margin: 0 8px;
  box-shadow: none;
}
body.is-mobile.is-android:not(.material-off) .modal:not(.mod-sidebar-layout) .modal-title {
  max-width: 100%;
  font-weight: var(--font-normal);
  font-size: var(--h1-size);
}
body.is-mobile.is-android:not(.material-off) .modal:not(.mod-sidebar-layout) .modal-content {
  padding: 16px 24px;
}
body.is-mobile.is-android:not(.material-off) .modal:not(.mod-sidebar-layout) .modal-button-container {
  flex-direction: row;
  gap: 4px;
  margin-bottom: 0;
  padding: 0 24px 24px;
  justify-content: flex-end;
}
body.is-mobile.is-android:not(.material-off) .modal:not(.mod-sidebar-layout) .modal-button-container button {
  margin: 0;
  background-color: transparent;
  padding: 0 var(--side-padding);
  color: var(--text-accent);
  font-weight: var(--font-bold);
  flex-grow: 0;
  flex: 0;
}
body.is-mobile.is-android:not(.material-off) .prompt .prompt-input,
body.is-mobile.is-android:not(.material-off) .prompt .prompt-input-container .search-input-clear-button {
  box-shadow: none !important;
  border: none !important;
  background-color: var(--background-primary) !important;
  border-radius: var(--clickable-icon-radius) !important;
}
body.is-mobile.is-android:not(.material-off) .prompt .suggestion-item {
  border-radius: 100vh;
  padding: var(--nav-item-padding);
}
body.is-mobile.is-android:not(.material-off) .mobile-tab-switcher-menubar {
  border: none;
  padding: 8px var(--side-padding) calc(var(--safe-area-inset-bottom) + 8px);
}

body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock {
  transition: var(--anim-duration-fast) var(--anim-motion-cupertino);
}
body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock .workspace-tab-header-container {
  -webkit-app-region: no-drag !important;
}
body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed {
  z-index: var(--layer-sidedock);
  transition: var(--anim-duration-fast), margin 0s;
  border-radius: var(--radius-window);
}
body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed:not([style*="overflow: hidden;"]) {
  display: flex !important;
  position: absolute;
  transition-delay: var(--anim-duration-moderate);
  margin: 8px;
  height: -webkit-fill-available;
  box-shadow: var(--shadow-l);
  backdrop-filter: var(--blur-l);
  background: var(--modal-background) !important;
  width: 8px !important;
}
body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed:not([style*="overflow: hidden;"]) .workspace-tabs {
  --header-height: 40px;
}
body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed:not([style*="overflow: hidden;"]) .workspace-tabs .workspace-tab-header-container {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed:not([style*="overflow: hidden;"]) .workspace-tabs .workspace-tab-header-container-inner {
  margin: 4px 0;
}
body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed:not([style*="overflow: hidden;"]) .workspace-tabs.mod-top-left-space .workspace-tab-header-container-inner {
  margin-left: 40px !important;
}
body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed:not([style*="overflow: hidden;"]):hover {
  width: 320px !important;
}
body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed:not([style*="overflow: hidden;"]):hover::before {
  width: 8px;
}
body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed:not([style*="overflow: hidden;"]):hover ~ .mod-root .workspace-tab-header-container,
body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed:not([style*="overflow: hidden;"]):hover ~ .mod-root .workspace-tab-header-container-inner, body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed:not([style*="overflow: hidden;"]):hover:has(~ .mod-root .workspace-tab-header-container), body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed:not([style*="overflow: hidden;"]):hover:has(~ .mod-root .workspace-tab-header-container-inner) {
  -webkit-app-region: no-drag;
}
body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed:not([style*="overflow: hidden;"]).mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-container {
  padding-left: max(var(--frame-left-space), 4px) !important;
}
body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed:not([style*="overflow: hidden;"]).mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-container {
  padding-right: max(32px + var(--frame-right-space), 48px) !important;
}
body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed:not([style*="overflow: hidden;"]) div {
  visibility: visible !important;
  -webkit-app-region: no-drag !important;
}
body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed:not([style*="overflow: hidden;"]) > .workspace-leaf-resize-handle {
  display: none;
}
body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed::before {
  position: absolute;
  inset: -8px 0 -8px -8px;
  min-width: 8px;
  content: "";
}
body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed.mod-right-split {
  right: 0;
}
body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed.mod-right-split::before {
  inset: -8px -8px -8px auto;
}
body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed:not(:hover) {
  opacity: 0;
}
body:not(.is-mobile):not(.hover-sidedock-off) .mod-sidedock.is-sidedock-collapsed:not(:hover) div {
  pointer-events: none;
}

body:not(.is-mobile).compact-actions-off .nav-buttons-container {
  background-color: transparent !important;
  padding: 0;
  box-shadow: none;
}

body.mod-windows:not(.windows-mode-off):not(.is-mobile).compact-actions-off .nav-action-button {
  padding: 8px;
  flex: 0 !important;
}

body:not(.is-mobile):not(.compact-actions-off) .mod-sidedock .workspace-leaf-content > .nav-header,
body:not(.is-mobile):not(.compact-actions-off) .mod-sidedock .workspace-leaf-content > .nav-header .nav-buttons-container,
body:not(.is-mobile):not(.compact-actions-off) .mod-sidedock .workspace-leaf-content > .nav-header .nav-action-button,
body:not(.is-mobile):not(.compact-actions-off) .mod-sidedock .workspace-leaf-content > .nav-header .nav-action-button::after,
body:not(.is-mobile):not(.compact-actions-off) .mod-sidedock .workspace-leaf-content > .nav-header svg.svg-icon,
body:not(.is-mobile):not(.compact-actions-off) .mod-sidedock .workspace-leaf-content > .view-content > .nav-header,
body:not(.is-mobile):not(.compact-actions-off) .mod-sidedock .workspace-leaf-content > .view-content > .nav-header .nav-buttons-container,
body:not(.is-mobile):not(.compact-actions-off) .mod-sidedock .workspace-leaf-content > .view-content > .nav-header .nav-action-button,
body:not(.is-mobile):not(.compact-actions-off) .mod-sidedock .workspace-leaf-content > .view-content > .nav-header .nav-action-button::after,
body:not(.is-mobile):not(.compact-actions-off) .mod-sidedock .workspace-leaf-content > .view-content > .nav-header svg.svg-icon {
  transition: var(--anim-duration-moderate) var(--anim-motion-cupertino) !important;
}
body:not(.is-mobile):not(.compact-actions-off) .mod-sidedock .workspace-leaf-content > .nav-header:not(:hover):not(:has(.has-active-menu)) .nav-buttons-container,
body:not(.is-mobile):not(.compact-actions-off) .mod-sidedock .workspace-leaf-content > .view-content > .nav-header:not(:hover):not(:has(.has-active-menu)) .nav-buttons-container {
  gap: 4px;
  background-color: transparent;
  padding: 0;
  box-shadow: none;
  flex-grow: 0;
}
body:not(.is-mobile):not(.compact-actions-off) .mod-sidedock .workspace-leaf-content > .nav-header:not(:hover):not(:has(.has-active-menu)) .nav-buttons-container .nav-action-button.clickable-icon,
body:not(.is-mobile):not(.compact-actions-off) .mod-sidedock .workspace-leaf-content > .view-content > .nav-header:not(:hover):not(:has(.has-active-menu)) .nav-buttons-container .nav-action-button.clickable-icon {
  background-color: var(--background-modifier-hover);
  padding: 2px;
  width: 0;
  height: 0;
  opacity: 1;
  min-width: 0;
  min-height: 0;
}
body:not(.is-mobile):not(.compact-actions-off) .mod-sidedock .workspace-leaf-content > .nav-header:not(:hover):not(:has(.has-active-menu)) .nav-buttons-container .nav-action-button.clickable-icon::after,
body:not(.is-mobile):not(.compact-actions-off) .mod-sidedock .workspace-leaf-content > .view-content > .nav-header:not(:hover):not(:has(.has-active-menu)) .nav-buttons-container .nav-action-button.clickable-icon::after {
  width: 0;
  height: 0;
}
body:not(.is-mobile):not(.compact-actions-off) .mod-sidedock .workspace-leaf-content > .nav-header:not(:hover):not(:has(.has-active-menu)) .nav-buttons-container svg.svg-icon,
body:not(.is-mobile):not(.compact-actions-off) .mod-sidedock .workspace-leaf-content > .view-content > .nav-header:not(:hover):not(:has(.has-active-menu)) .nav-buttons-container svg.svg-icon {
  --icon-size: 0px;
}

body:not(.block-width-off) {
  --file-line-width: var(--line-width);
  --line-width: 40rem;
  --line-width-wide: 50rem;
}
body:not(.block-width-off).wide,
body:not(.block-width-off) .wide {
  --active-line-width: var(--line-width-wide);
}
body:not(.block-width-off).max,
body:not(.block-width-off) .max {
  --active-line-width: 100%;
}
body:not(.block-width-off).max .cm-content,
body:not(.block-width-off) .max .cm-content {
  max-width: 100% !important;
}
body:not(.block-width-off):is(.wide, .table-wide, .img-wide, .iframe-wide, .map-wide, .chart-wide, .bases-wide),
body:not(.block-width-off) div:is(.wide, .table-wide, .img-wide, .iframe-wide, .map-wide, .chart-wide, .bases-wide) {
  --file-line-width: var(--line-width-wide);
}
body:not(.block-width-off):is(.wide, .table-wide, .img-wide, .iframe-wide, .map-wide, .chart-wide, .bases-wide) .cm-content,
body:not(.block-width-off) div:is(.wide, .table-wide, .img-wide, .iframe-wide, .map-wide, .chart-wide, .bases-wide) .cm-content {
  max-width: 100% !important;
}
body:not(.block-width-off):is(.max, .table-max, .img-max, .iframe-max, .map-max, .chart-max, .bases-max, .table-100, .img-100, .iframe-100, .map-100, .chart-100, .bases-100),
body:not(.block-width-off) div:is(.max, .table-max, .img-max, .iframe-max, .map-max, .chart-max, .bases-max, .table-100, .img-100, .iframe-100, .map-100, .chart-100, .bases-100) {
  --file-line-width: 100%;
}
body:not(.block-width-off):is(.max, .table-max, .img-max, .iframe-max, .map-max, .chart-max, .bases-max, .table-100, .img-100, .iframe-100, .map-100, .chart-100, .bases-100) .cm-content,
body:not(.block-width-off) div:is(.max, .table-max, .img-max, .iframe-max, .map-max, .chart-max, .bases-max, .table-100, .img-100, .iframe-100, .map-100, .chart-100, .bases-100) .cm-content {
  width: 100% !important;
}
body:not(.block-width-off).is-mobile:is(.table-100, .img-100, .iframe-100, .map-100, .chart-100, .bases-100), body:not(.block-width-off).is-mobile div:is(.table-100, .img-100, .iframe-100, .map-100, .chart-100, .bases-100) {
  --file-margins: 24px;
}
body:not(.block-width-off).is-mobile:is(.table-100, .img-100, .iframe-100, .map-100, .chart-100, .bases-100).markdown-preview-view,
body:not(.block-width-off).is-mobile:is(.table-100, .img-100, .iframe-100, .map-100, .chart-100, .bases-100) .markdown-preview-view,
body:not(.block-width-off).is-mobile:is(.table-100, .img-100, .iframe-100, .map-100, .chart-100, .bases-100) .cm-scroller, body:not(.block-width-off).is-mobile div:is(.table-100, .img-100, .iframe-100, .map-100, .chart-100, .bases-100).markdown-preview-view,
body:not(.block-width-off).is-mobile div:is(.table-100, .img-100, .iframe-100, .map-100, .chart-100, .bases-100) .markdown-preview-view,
body:not(.block-width-off).is-mobile div:is(.table-100, .img-100, .iframe-100, .map-100, .chart-100, .bases-100) .cm-scroller {
  padding: 8px var(--file-margins) !important;
}
body:not(.block-width-off) .markdown-preview-sizer > div {
  margin: 0 auto;
}

.table-wide {
  --table-line-width: var(--line-width-wide);
}

.table-max,
.table-100 {
  --table-line-width: 100%;
}

body:not(.block-width-off).table-100 .markdown-preview-sizer tbody > tr > td,
body:not(.block-width-off) .table-100 .markdown-preview-sizer tbody > tr > td {
  border-radius: 0 !important;
}
body:not(.block-width-off).table-100 .markdown-preview-sizer tbody tr:first-child > td,
body:not(.block-width-off) .table-100 .markdown-preview-sizer tbody tr:first-child > td {
  border-block-start-width: 0;
}
body:not(.block-width-off).table-100 .markdown-preview-sizer tbody tr > td:last-child,
body:not(.block-width-off) .table-100 .markdown-preview-sizer tbody tr > td:last-child {
  border-inline-end-width: 0;
}
body:not(.block-width-off).table-100 .markdown-preview-sizer tbody tr > td:first-child,
body:not(.block-width-off) .table-100 .markdown-preview-sizer tbody tr > td:first-child {
  border-inline-start-width: 0;
}
body:not(.block-width-off).table-100 .markdown-preview-sizer tbody tr:last-child > td,
body:not(.block-width-off) .table-100 .markdown-preview-sizer tbody tr:last-child > td {
  border-block-end-width: 0;
}

body:not(.block-width-off):is(.table-wide, .table-max, .table-100) .markdown-preview-sizer > div:not(.el-table),
body:not(.block-width-off):is(.table-wide, .table-max, .table-100) .cm-sizer > div:not(.cm-contentContainer),
body:not(.block-width-off):is(.table-wide, .table-max, .table-100) .cm-content > *:not(.cm-table-widget),
body:not(.block-width-off) div:is(.table-wide, .table-max, .table-100) .markdown-preview-sizer > div:not(.el-table),
body:not(.block-width-off) div:is(.table-wide, .table-max, .table-100) .cm-sizer > div:not(.cm-contentContainer),
body:not(.block-width-off) div:is(.table-wide, .table-max, .table-100) .cm-content > *:not(.cm-table-widget) {
  max-width: var(--active-line-width, var(--line-width)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: max(100% - var(--file-margins) * 2, 100%);
}

body:not(.block-width-off):is(.table-wide, .table-max) .markdown-preview-sizer > div.el-table:is(.el-table)[dir],
body:not(.block-width-off):is(.table-wide, .table-max) .cm-content > .cm-table-widget,
body:not(.block-width-off) div:is(.table-wide, .table-max) .markdown-preview-sizer > div.el-table:is(.el-table)[dir],
body:not(.block-width-off) div:is(.table-wide, .table-max) .cm-content > .cm-table-widget {
  max-width: 100% !important;
  width: var(--img-line-width) !important;
}

body:not(.block-width-off).table-100 .markdown-preview-sizer > div.el-table:is(.el-table)[dir],
body:not(.block-width-off).table-100 .cm-content > .cm-table-widget,
body:not(.block-width-off) div.table-100 .markdown-preview-sizer > div.el-table:is(.el-table)[dir],
body:not(.block-width-off) div.table-100 .cm-content > .cm-table-widget {
  max-width: calc(100% + var(--file-margins) * 2) !important;
  width: calc(var(--table-line-width) + var(--file-margins) * 2) !important;
  margin-left: calc(-1 * var(--file-margins)) !important;
  margin-right: calc(-1 * var(--file-margins)) !important;
}

.img-wide {
  --img-line-width: var(--line-width-wide);
}

.img-max,
.img-100 {
  --img-line-width: 100%;
}

.img-100 .markdown-preview-sizer img,
.img-100 .cm-content img {
  border-radius: 0 !important;
}

body:not(.block-width-off):is(.img-wide, .img-max, .img-100) .markdown-preview-sizer > div:not(.el-p:has(img)),
body:not(.block-width-off):is(.img-wide, .img-max, .img-100) .cm-sizer > div:not(.cm-contentContainer),
body:not(.block-width-off):is(.img-wide, .img-max, .img-100) .cm-content > *:not(img),
body:not(.block-width-off) div:is(.img-wide, .img-max, .img-100) .markdown-preview-sizer > div:not(.el-p:has(img)),
body:not(.block-width-off) div:is(.img-wide, .img-max, .img-100) .cm-sizer > div:not(.cm-contentContainer),
body:not(.block-width-off) div:is(.img-wide, .img-max, .img-100) .cm-content > *:not(img) {
  max-width: var(--active-line-width, var(--line-width)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: max(100% - var(--file-margins) * 2, 100%);
}

body:not(.block-width-off):is(.img-wide, .img-max) .markdown-preview-sizer > div.el-p:has(img[src]):is(.el-p:has(img[src])),
body:not(.block-width-off):is(.img-wide, .img-max) .cm-content > img,
body:not(.block-width-off) div:is(.img-wide, .img-max) .markdown-preview-sizer > div.el-p:has(img[src]):is(.el-p:has(img[src])),
body:not(.block-width-off) div:is(.img-wide, .img-max) .cm-content > img {
  max-width: 100% !important;
  width: var(--img-line-width) !important;
}

body:not(.block-width-off).img-100 .markdown-preview-sizer > div.el-p:has(img[src]):is(.el-p:has(img[src])),
body:not(.block-width-off).img-100 .cm-content > img,
body:not(.block-width-off) div.img-100 .markdown-preview-sizer > div.el-p:has(img[src]):is(.el-p:has(img[src])),
body:not(.block-width-off) div.img-100 .cm-content > img {
  max-width: calc(100% + var(--file-margins) * 2) !important;
  width: calc(var(--img-line-width) + var(--file-margins) * 2) !important;
  margin-left: calc(-1 * var(--file-margins)) !important;
  margin-right: calc(-1 * var(--file-margins)) !important;
  height: auto;
}

.iframe-wide {
  --iframe-line-width: var(--line-width-wide);
}

.iframe-max,
.iframe-100 {
  --iframe-line-width: 100%;
}

body:not(.block-width-off):is(.iframe-wide, .iframe-max, .iframe-100) .markdown-preview-sizer > div:not(.el-p:has(iframe)),
body:not(.block-width-off):is(.iframe-wide, .iframe-max, .iframe-100) .cm-sizer > div:not(.cm-contentContainer),
body:not(.block-width-off):is(.iframe-wide, .iframe-max, .iframe-100) .cm-content > *:not(iframe),
body:not(.block-width-off) div:is(.iframe-wide, .iframe-max, .iframe-100) .markdown-preview-sizer > div:not(.el-p:has(iframe)),
body:not(.block-width-off) div:is(.iframe-wide, .iframe-max, .iframe-100) .cm-sizer > div:not(.cm-contentContainer),
body:not(.block-width-off) div:is(.iframe-wide, .iframe-max, .iframe-100) .cm-content > *:not(iframe) {
  max-width: var(--active-line-width, var(--line-width)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: max(100% - var(--file-margins) * 2, 100%);
}

body:not(.block-width-off):is(.iframe-wide, .iframe-max, .iframe-100) .markdown-preview-sizer > div.el-p:has(iframe[src]):is(.el-p:has(iframe[src])),
body:not(.block-width-off):is(.iframe-wide, .iframe-max, .iframe-100) .cm-content > iframe,
body:not(.block-width-off) div:is(.iframe-wide, .iframe-max, .iframe-100) .markdown-preview-sizer > div.el-p:has(iframe[src]):is(.el-p:has(iframe[src])),
body:not(.block-width-off) div:is(.iframe-wide, .iframe-max, .iframe-100) .cm-content > iframe {
  max-width: 100% !important;
  width: var(--iframe-line-width) !important;
}

body:not(.block-width-off).iframe-100 .markdown-preview-sizer > div.el-p:has(iframe[src]):is(.el-p:has(iframe[src])),
body:not(.block-width-off).iframe-100 .cm-content > iframe,
body:not(.block-width-off) div.iframe-100 .markdown-preview-sizer > div.el-p:has(iframe[src]):is(.el-p:has(iframe[src])),
body:not(.block-width-off) div.iframe-100 .cm-content > iframe {
  max-width: calc(100% + var(--file-margins) * 2) !important;
  width: calc(var(--img-line-width) + var(--file-margins) * 2) !important;
  margin-left: calc(-1 * var(--file-margins)) !important;
  margin-right: calc(-1 * var(--file-margins)) !important;
}

.map-wide {
  --map-line-width: var(--line-width-wide);
}

.map-max,
.map-100 {
  --map-line-width: 100%;
}

body:not(.block-width-off):is(.map-wide, .map-max, .map-100) .markdown-preview-sizer > div:not(.el-pre:has(.block-language-leaflet)),
body:not(.block-width-off):is(.map-wide, .map-max, .map-100) .cm-sizer > div:not(.cm-contentContainer),
body:not(.block-width-off):is(.map-wide, .map-max, .map-100) .cm-content > *:not(.cm-lang-leaflet),
body:not(.block-width-off) div:is(.map-wide, .map-max, .map-100) .markdown-preview-sizer > div:not(.el-pre:has(.block-language-leaflet)),
body:not(.block-width-off) div:is(.map-wide, .map-max, .map-100) .cm-sizer > div:not(.cm-contentContainer),
body:not(.block-width-off) div:is(.map-wide, .map-max, .map-100) .cm-content > *:not(.cm-lang-leaflet) {
  max-width: var(--active-line-width, var(--line-width)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: max(100% - var(--file-margins) * 2, 100%);
}

body:not(.block-width-off):is(.map-wide, .map-max) .markdown-preview-sizer > div.el-pre:has(.block-language-leaflet[style]):is(.el-pre:has(.block-language-leaflet[style])),
body:not(.block-width-off):is(.map-wide, .map-max) .cm-content > .cm-lang-leaflet,
body:not(.block-width-off) div:is(.map-wide, .map-max) .markdown-preview-sizer > div.el-pre:has(.block-language-leaflet[style]):is(.el-pre:has(.block-language-leaflet[style])),
body:not(.block-width-off) div:is(.map-wide, .map-max) .cm-content > .cm-lang-leaflet {
  max-width: 100% !important;
  width: var(--map-line-width) !important;
}

body:not(.block-width-off).map-100 .markdown-preview-sizer > div.el-pre:has(.block-language-leaflet[style]):is(.el-pre:has(.block-language-leaflet[style])),
body:not(.block-width-off).map-100 .cm-content > .cm-lang-leaflet,
body:not(.block-width-off) div.map-100 .markdown-preview-sizer > div.el-pre:has(.block-language-leaflet[style]):is(.el-pre:has(.block-language-leaflet[style])),
body:not(.block-width-off) div.map-100 .cm-content > .cm-lang-leaflet {
  max-width: calc(100% + var(--file-margins) * 2) !important;
  width: calc(var(--img-line-width) + var(--file-margins) * 2) !important;
  margin-left: calc(-1 * var(--file-margins)) !important;
  margin-right: calc(-1 * var(--file-margins)) !important;
}

.chart-wide {
  --chart-line-width: var(--line-width-wide);
}

.chart-max,
.chart-100 {
  --chart-line-width: 100%;
}

body:not(.block-width-off):is(.chart-wide, .chart-max, .chart-100) .markdown-preview-sizer > div:not(.el-pre:has(.block-language-chart)),
body:not(.block-width-off):is(.chart-wide, .chart-max, .chart-100) .cm-sizer > div:not(.cm-contentContainer),
body:not(.block-width-off):is(.chart-wide, .chart-max, .chart-100) .cm-content > *:not(.cm-lang-chart),
body:not(.block-width-off) div:is(.chart-wide, .chart-max, .chart-100) .markdown-preview-sizer > div:not(.el-pre:has(.block-language-chart)),
body:not(.block-width-off) div:is(.chart-wide, .chart-max, .chart-100) .cm-sizer > div:not(.cm-contentContainer),
body:not(.block-width-off) div:is(.chart-wide, .chart-max, .chart-100) .cm-content > *:not(.cm-lang-chart) {
  max-width: var(--active-line-width, var(--line-width)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: max(100% - var(--file-margins) * 2, 100%);
}

body:not(.block-width-off):is(.chart-wide, .chart-max) .markdown-preview-sizer > div.el-pre:has(.block-language-chart[style]):is(.el-pre:has(.block-language-chart[style])),
body:not(.block-width-off):is(.chart-wide, .chart-max) .cm-content > .cm-lang-chart,
body:not(.block-width-off) div:is(.chart-wide, .chart-max) .markdown-preview-sizer > div.el-pre:has(.block-language-chart[style]):is(.el-pre:has(.block-language-chart[style])),
body:not(.block-width-off) div:is(.chart-wide, .chart-max) .cm-content > .cm-lang-chart {
  max-width: 100% !important;
  width: var(--chart-line-width) !important;
}

body:not(.block-width-off).chart-100 .markdown-preview-sizer > div.el-pre:has(.block-language-chart[style]):is(.el-pre:has(.block-language-chart[style])),
body:not(.block-width-off).chart-100 .cm-content > .cm-lang-chart,
body:not(.block-width-off) div.chart-100 .markdown-preview-sizer > div.el-pre:has(.block-language-chart[style]):is(.el-pre:has(.block-language-chart[style])),
body:not(.block-width-off) div.chart-100 .cm-content > .cm-lang-chart {
  max-width: calc(100% + var(--file-margins) * 2) !important;
  width: calc(var(--img-line-width) + var(--file-margins) * 2) !important;
  margin-left: calc(-1 * var(--file-margins)) !important;
  margin-right: calc(-1 * var(--file-margins)) !important;
}

.bases-wide {
  --bases-line-width: var(--line-width-wide);
}

.bases-max,
.bases-100 {
  --bases-line-width: 100%;
}

body:not(.block-width-off).bases-100 .markdown-preview-sizer .bases-embed .bases-view .bases-tbody,
body:not(.block-width-off) .bases-100 .markdown-preview-sizer .bases-embed .bases-view .bases-tbody {
  border: none;
  border-radius: 0;
}

body:not(.block-width-off):is(.bases-wide, .bases-max, .bases-100) .markdown-preview-sizer > div:not(.el-p:has(.bases-view)),
body:not(.block-width-off):is(.bases-wide, .bases-max, .bases-100) .cm-sizer > div:not(.cm-contentContainer),
body:not(.block-width-off):is(.bases-wide, .bases-max, .bases-100) .cm-content > *:not(.bases-embed),
body:not(.block-width-off) div:is(.bases-wide, .bases-max, .bases-100) .markdown-preview-sizer > div:not(.el-p:has(.bases-view)),
body:not(.block-width-off) div:is(.bases-wide, .bases-max, .bases-100) .cm-sizer > div:not(.cm-contentContainer),
body:not(.block-width-off) div:is(.bases-wide, .bases-max, .bases-100) .cm-content > *:not(.bases-embed) {
  max-width: var(--active-line-width, var(--line-width)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: max(100% - var(--file-margins) * 2, 100%);
}

body:not(.block-width-off):is(.bases-wide, .bases-max) .markdown-preview-sizer > div.el-p:has(.bases-view):is(.el-p:has(.bases-view)),
body:not(.block-width-off):is(.bases-wide, .bases-max) .cm-content > .bases-embed,
body:not(.block-width-off) div:is(.bases-wide, .bases-max) .markdown-preview-sizer > div.el-p:has(.bases-view):is(.el-p:has(.bases-view)),
body:not(.block-width-off) div:is(.bases-wide, .bases-max) .cm-content > .bases-embed {
  max-width: 100% !important;
  width: var(--bases-line-width) !important;
}

body:not(.block-width-off).bases-100 .markdown-preview-sizer > div.el-p:has(.bases-view):is(.el-p:has(.bases-view)),
body:not(.block-width-off).bases-100 .cm-content > .bases-embed,
body:not(.block-width-off) div.bases-100 .markdown-preview-sizer > div.el-p:has(.bases-view):is(.el-p:has(.bases-view)),
body:not(.block-width-off) div.bases-100 .cm-content > .bases-embed {
  max-width: calc(100% + var(--file-margins) * 2) !important;
  width: calc(var(--img-line-width) + var(--file-margins) * 2) !important;
  margin-left: calc(-1 * var(--file-margins)) !important;
  margin-right: calc(-1 * var(--file-margins)) !important;
}