@charset "UTF-8";
.cp__header {
  color: var(--theme-header-foreground);
  background: var(--theme-header-background);
  border-bottom: 1px solid var(--theme-header-border);
}

.cp__header > .r > div:not(.ui__dropdown-trigger) :is(a.button, button.button),
.cp__header .ui__button.as-ghost {
  color: var(--theme-header-icon-color);
}
.cp__header > .r > div:not(.ui__dropdown-trigger) :is(a.button, button.button):hover,
.cp__header .ui__button.as-ghost:hover {
  color: var(--theme-header-icon-hover-color);
  background: var(--theme-header-control-hover-background);
}
.cp__header > .r > div:not(.ui__dropdown-trigger) :is(a.button, button.button):is(.active, .is-active, [aria-current=page], [aria-pressed=true]),
.cp__header .ui__button.as-ghost:is(.active, .is-active, [aria-current=page], [aria-pressed=true]) {
  color: var(--theme-header-icon-active-color);
  background: var(--theme-header-control-active-background);
}
.cp__header > .r > div:not(.ui__dropdown-trigger) :is(a.button, button.button):focus-visible,
.cp__header .ui__button.as-ghost:focus-visible {
  outline: var(--theme-focus-width) solid var(--ls-focus-ring-color);
  outline-offset: 2px;
}
.cp__header > .r > div:not(.ui__dropdown-trigger) :is(a.button, button.button)[disabled],
.cp__header .ui__button.as-ghost[disabled] {
  color: var(--theme-text-faint);
}

:where(#left-sidebar, .left-sidebar-inner) {
  color: var(--ls-left-sidebar-text-color);
  border-right: 1px solid var(--ls-border-color);
}

:where(.cp__right-sidebar-inner) {
  border-left: 1px solid var(--ls-border-color);
  padding: var(--theme-spacing-3);
}

.cp__right-sidebar.closed > .resizer {
  display: none;
}

.cp__right-sidebar-topbar {
  color: var(--theme-right-sidebar-control-foreground);
}

.cp__right-sidebar-topbar :is(a.button,
button.button,
.ui__button.as-ghost,
.cp__right-sidebar-settings-btn) {
  color: var(--theme-right-sidebar-control-foreground);
  background: var(--theme-right-sidebar-control-background);
}
.cp__right-sidebar-topbar :is(a.button,
button.button,
.ui__button.as-ghost,
.cp__right-sidebar-settings-btn):hover {
  color: var(--theme-right-sidebar-control-hover-foreground);
  background: var(--theme-right-sidebar-control-hover-background);
}
.cp__right-sidebar-topbar :is(a.button,
button.button,
.ui__button.as-ghost,
.cp__right-sidebar-settings-btn):focus-visible {
  outline: var(--theme-focus-width) solid var(--ls-focus-ring-color);
  outline-offset: 2px;
}
.cp__right-sidebar-topbar :is(a.button,
button.button,
.ui__button.as-ghost,
.cp__right-sidebar-settings-btn)[disabled], .cp__right-sidebar-topbar :is(a.button,
button.button,
.ui__button.as-ghost,
.cp__right-sidebar-settings-btn)[aria-disabled=true] {
  color: var(--theme-right-sidebar-control-disabled-foreground);
}

:where(#left-sidebar, .cp__right-sidebar) {
  border-color: var(--ls-border-color);
}

:where(#left-sidebar a, .cp__right-sidebar-inner a) {
  color: var(--ls-secondary-text-color);
}

:where(#left-sidebar a:hover, .cp__right-sidebar-inner a:hover) {
  color: var(--ls-primary-text-color);
  background: var(--ls-menu-hover-color);
}

#main-content-container .page-title-sizer-wrapper {
  position: relative;
  min-block-size: clamp(5rem, 9vw, 8rem);
  padding-block: var(--theme-spacing-5) var(--theme-spacing-4);
  max-width: 100%;
  overflow: visible;
}
#main-content-container .page-title-sizer-wrapper::before, #main-content-container .page-title-sizer-wrapper::after {
  content: "";
  position: absolute;
  top: -10px;
  left: -0.25rem;
  right: -0.25rem;
  height: calc(100% + 20px);
  pointer-events: none;
  transform: translate3d(0, 0, 0);
}
#main-content-container .page-title-sizer-wrapper::before {
  z-index: 2;
  background: repeating-linear-gradient(90deg, transparent 0, transparent 10px, color-mix(in oklch, var(--theme-page-title-glow) 10%, transparent) 12px, transparent 14px), linear-gradient(180deg, transparent 0, color-mix(in oklch, var(--theme-page-title-scanline) 16%, transparent) 45%, transparent 100%);
  background-repeat: no-repeat;
  background-size: 100% 22px;
  opacity: 0.18;
  animation: matrix-title-scanline 7s linear infinite;
}
#main-content-container .page-title-sizer-wrapper::after {
  z-index: 3;
  background: linear-gradient(90deg, transparent, color-mix(in oklch, var(--theme-page-title-beam) 58%, transparent) 45%, transparent);
  background-repeat: no-repeat;
  background-size: 100% 10px;
  filter: drop-shadow(0 0 12px color-mix(in oklch, var(--theme-page-title-beam) 28%, transparent));
  opacity: 0.28;
  animation: matrix-title-scanline 7s linear infinite;
}
#main-content-container .page-title-sizer-wrapper > .title {
  display: inline-block;
  max-width: 100%;
  overflow-wrap: normal;
  word-break: normal;
  position: relative;
  z-index: 1;
  color: var(--theme-page-title-fg);
  font-family: var(--theme-font-sans);
  font-size: clamp(2.7rem, 5vw, 4.6rem);
  font-weight: 750;
  line-height: 1.05;
  letter-spacing: -0.045em;
  text-wrap: balance;
  text-shadow: 0 0 0.45rem color-mix(in oklch, var(--theme-page-title-glow) 34%, transparent);
  animation: matrix-title-flicker 13s steps(1, end) infinite, matrix-title-glitch 13s steps(1, end) infinite;
}
#main-content-container .page-title-sizer-wrapper:has(> .edit-input-wrapper) {
  min-block-size: 0;
  padding-block: 0;
}
#main-content-container .page-title-sizer-wrapper:has(> .edit-input-wrapper)::before, #main-content-container .page-title-sizer-wrapper:has(> .edit-input-wrapper)::after {
  content: none;
}
#main-content-container .page-title-sizer-wrapper:has(> .edit-input-wrapper) > .title {
  white-space: nowrap;
  text-wrap: nowrap;
}
#main-content-container .page-title-sizer-wrapper:has(> .edit-input-wrapper) > .edit-input-wrapper :is(textarea, input) {
  white-space: nowrap;
  overflow: auto hidden;
  text-wrap: nowrap;
}

#main-content-container :is(.ls-page-title, h1.page-title.title) {
  width: 100%;
  text-align: center;
}

@media (width <= 639px) {
  html.is-mobile #main-content-container .page-title-sizer-wrapper {
    min-block-size: clamp(4rem, 18vw, 6rem);
    padding-block: var(--theme-spacing-4) var(--theme-spacing-3);
    overflow: clip;
  }
  html.is-mobile #main-content-container .page-title-sizer-wrapper::before, html.is-mobile #main-content-container .page-title-sizer-wrapper::after {
    left: 0;
    right: 0;
  }
  html.is-mobile #main-content-container .page-title-sizer-wrapper > .title {
    font-size: clamp(2rem, 9vw, 2.7rem);
    letter-spacing: -0.035em;
  }
}
@media (prefers-reduced-motion: reduce) {
  .page-title-sizer-wrapper::before,
  .page-title-sizer-wrapper::after,
  .page-title-sizer-wrapper > .title {
    animation: none;
  }
}
@keyframes matrix-title-scanline {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes matrix-title-glitch {
  0%, 94% {
    transform: translate(0);
  }
  95% {
    transform: translate(-1px, 0);
  }
  95.5% {
    transform: translate(1px, -1px);
  }
  96% {
    transform: translate(-1px, 1px);
  }
  96.5%, 100% {
    transform: translate(0);
  }
}
@keyframes matrix-title-flicker {
  0%, 94%, 100% {
    opacity: 1;
  }
  95% {
    opacity: 0.97;
  }
  97% {
    opacity: 0.94;
  }
  97.5% {
    opacity: 1;
  }
}
#main-content-container .ls-block h1,
#main-content-container .editor-inner .uniline-block.h1,
#main-content-container .editor-inner textarea.uniline-block.h1 {
  color: var(--ls-title-text-color);
  font-size: 2rem;
  line-height: 1.38;
  font-weight: 600;
  margin-block: 0.125rem 0.5rem;
  padding: 0;
  border: 0;
  min-height: 0;
  letter-spacing: -0.02em;
  padding-bottom: 0.2em;
  border-bottom: 2px solid var(--theme-heading-divider);
}

.ls-block h1 {
  padding-bottom: 0.2em;
  border-bottom: 2px solid var(--theme-heading-divider);
}

#main-content-container .ls-block h2,
#main-content-container .editor-inner .uniline-block.h2,
#main-content-container .editor-inner textarea.uniline-block.h2 {
  color: var(--ls-title-text-color);
  font-size: 1.5rem;
  line-height: 1.38;
  font-weight: 600;
  margin-block: 0.125rem 0.5rem;
  padding: 0;
  border: 0;
  min-height: 0;
  letter-spacing: -0.015em;
  padding-bottom: 0.2em;
  border-bottom: 1px solid var(--theme-heading-divider-secondary);
}

.ls-block h2 {
  padding-bottom: 0.2em;
  border-bottom: 1px solid var(--theme-heading-divider-secondary);
}

#main-content-container .ls-block h3,
#main-content-container .editor-inner .uniline-block.h3,
#main-content-container .editor-inner textarea.uniline-block.h3 {
  color: var(--ls-title-text-color);
  font-size: 1.2rem;
  line-height: 1.15;
  font-weight: 600;
  margin-block: 0.25rem 0.375rem;
  padding: 0;
  border: 0;
  min-height: 0;
  letter-spacing: -0.01em;
}

#main-content-container .ls-block h4,
#main-content-container .editor-inner .uniline-block.h4,
#main-content-container .editor-inner textarea.uniline-block.h4 {
  color: var(--ls-title-text-color);
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 600;
  margin-block: 0.25rem 0.25rem;
  padding: 0;
  border: 0;
  min-height: 0;
  letter-spacing: 0;
}

#main-content-container .ls-block h5,
#main-content-container .editor-inner .uniline-block.h5,
#main-content-container .editor-inner textarea.uniline-block.h5 {
  color: var(--ls-title-text-color);
  font-size: 0.83rem;
  line-height: 1.25;
  font-weight: 600;
  margin-block: 0.25rem 0.25rem;
  padding: 0;
  border: 0;
  min-height: 0;
  letter-spacing: 0.01em;
}

#main-content-container .ls-block h6,
#main-content-container .editor-inner .uniline-block.h6,
#main-content-container .editor-inner textarea.uniline-block.h6 {
  color: var(--ls-title-text-color);
  font-size: 0.75rem;
  line-height: 1.25;
  font-weight: 600;
  margin-block: 0.25rem 0.25rem;
  padding: 0;
  border: 0;
  min-height: 0;
  letter-spacing: 0.02em;
}

#main-content-container .ls-block > .block-main-container > .block-control-wrap {
  --tree-node-surface: var(--theme-surface);
}
#main-content-container .ls-block:is(.selected, .block-highlight) > .block-main-container > .block-control-wrap {
  --tree-node-surface: var(--ls-block-highlight-color);
}

:where(.block-content) {
  min-width: 0;
}

:where(#main-content-container .ls-block) {
  margin-block-start: var(--theme-block-gap, 0.25rem);
}

:where(#main-content-container .block-content-wrapper) {
  margin-block-end: var(--theme-block-content-gap, 0.25rem);
}

#main-content-container .ls-block[haschild=true]:not([data-collapsed]) > .block-main-container > .block-control-wrap .bullet-container:not(.typed-list) .bullet,
.ls-preview-popup > .tippy-wrapper.as-page .ls-block[haschild=true]:not([data-collapsed]) > .block-main-container > .block-control-wrap .bullet-container:not(.typed-list) .bullet {
  position: relative;
  z-index: 2;
  background: var(--tree-node-surface);
  border: 1px solid var(--theme-outliner-parent-ring);
  opacity: 1;
}

#main-content-container .bullet-link-wrap:has(> .bullet-container.typed-list),
.ls-preview-popup > .tippy-wrapper.as-page .bullet-link-wrap:has(> .bullet-container.typed-list) {
  align-items: baseline;
  vertical-align: baseline;
}

html:not(.is-mobile) #main-content-container .block-control-wrap.is-order-list > .bullet-link-wrap:has(> .bullet-container.typed-list),
html:not(.is-mobile) .ls-preview-popup > .tippy-wrapper.as-page .block-control-wrap.is-order-list > .bullet-link-wrap:has(> .bullet-container.typed-list) {
  left: 0;
}

#main-content-container .bullet-container.typed-list,
.ls-preview-popup > .tippy-wrapper.as-page .bullet-container.typed-list {
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-end;
  align-self: baseline;
  inline-size: var(--theme-ordered-marker-gutter-width);
  min-inline-size: var(--theme-ordered-marker-gutter-width);
  block-size: auto;
  min-block-size: 0;
  box-sizing: border-box;
  padding: 0 var(--theme-ordered-marker-gap) 0 0;
  color: var(--theme-ordered-marker-foreground);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  line-height: 1;
  vertical-align: baseline;
}

#main-content-container .bullet-container.typed-list .bullet,
.ls-preview-popup > .tippy-wrapper.as-page .bullet-container.typed-list .bullet {
  display: inline;
  inline-size: auto;
  min-inline-size: 0;
  block-size: auto;
  min-block-size: 0;
  padding: 0;
  margin: 0;
  color: var(--theme-ordered-marker-foreground);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-family: var(--theme-font-sans);
  font-size: var(--theme-ordered-marker-font-size);
  font-weight: var(--theme-ordered-marker-font-weight);
  font-variant-numeric: tabular-nums;
  line-height: 1;
  letter-spacing: var(--theme-ordered-marker-letter-spacing);
  opacity: var(--theme-ordered-marker-opacity);
}

#main-content-container .ls-block[haschild=true] > .block-main-container > .block-control-wrap > .bullet-link-wrap > .bullet-container.typed-list > .bullet,
.ls-preview-popup > .tippy-wrapper.as-page .ls-block[haschild=true] > .block-main-container > .block-control-wrap > .bullet-link-wrap > .bullet-container.typed-list > .bullet {
  position: relative;
  z-index: 2;
  opacity: 1;
}

#main-content-container .ls-block[haschild=true] > .block-main-container > .block-control-wrap > .bullet-link-wrap > .bullet-container.typed-list > .bullet::before,
.ls-preview-popup > .tippy-wrapper.as-page .ls-block[haschild=true] > .block-main-container > .block-control-wrap > .bullet-link-wrap > .bullet-container.typed-list > .bullet::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: calc(-1 * var(--theme-ordered-parent-marker-block-inset)) calc(-1 * var(--theme-ordered-parent-marker-inline-inset));
  background: var(--tree-node-surface);
  border: 1px solid color-mix(in srgb, var(--theme-outliner-parent-ring) 76%, transparent);
  border-radius: var(--theme-radius-small);
  box-shadow: none;
  pointer-events: none;
  transition: border-color 140ms ease, box-shadow 140ms ease;
}

#main-content-container .ls-block > .block-main-container > .block-control-wrap > .bullet-link-wrap > .bullet-container.typed-list.bullet-closed > .bullet::before,
.ls-preview-popup > .tippy-wrapper.as-page .ls-block > .block-main-container > .block-control-wrap > .bullet-link-wrap > .bullet-container.typed-list.bullet-closed > .bullet::before {
  border-color: var(--theme-outliner-parent-ring);
  box-shadow: 0 0 0 var(--theme-ordered-parent-marker-halo-width) color-mix(in srgb, var(--theme-outliner-parent-ring) 18%, transparent);
}

#main-content-container .ls-block[haschild=true] > .block-main-container:is(:hover, :focus-within) > .block-control-wrap > .bullet-link-wrap > .bullet-container.typed-list > .bullet::before,
.ls-preview-popup > .tippy-wrapper.as-page .ls-block[haschild=true] > .block-main-container:is(:hover, :focus-within) > .block-control-wrap > .bullet-link-wrap > .bullet-container.typed-list > .bullet::before {
  border-color: var(--theme-outliner-bullet-active);
}

#main-content-container .ls-block[haschild=true]:not([data-collapsed]) > .block-main-container:is(:hover, :focus-within) > .block-control-wrap .bullet-container:not(.typed-list) .bullet,
.ls-preview-popup > .tippy-wrapper.as-page .ls-block[haschild=true]:not([data-collapsed]) > .block-main-container:is(:hover, :focus-within) > .block-control-wrap .bullet-container:not(.typed-list) .bullet {
  background: var(--tree-node-surface);
  border-color: var(--theme-outliner-bullet-active);
}

#main-content-container .ls-block[haschild=true][data-collapsed] > .block-main-container > .block-control-wrap > .bullet-link-wrap > .bullet-container:not(.typed-list).bullet-closed,
.ls-preview-popup > .tippy-wrapper.as-page .ls-block[haschild=true][data-collapsed] > .block-main-container > .block-control-wrap > .bullet-link-wrap > .bullet-container:not(.typed-list).bullet-closed {
  --lx-gray-04-alpha: color-mix(
    in srgb,
    var(--theme-outliner-bullet-border) 32%,
    transparent
  );
}

#main-content-container .ls-block > .block-main-container:is(:hover, :focus-within) > .block-control-wrap .bullet-container.typed-list .bullet,
.ls-preview-popup > .tippy-wrapper.as-page .ls-block > .block-main-container:is(:hover, :focus-within) > .block-control-wrap .bullet-container.typed-list .bullet {
  color: var(--theme-ordered-marker-hover);
  background: transparent;
  border-color: transparent;
  opacity: 1;
}

#main-content-container .block-children-container,
.ls-preview-popup > .tippy-wrapper.as-page .block-children-container {
  margin-inline-start: var(--theme-tree-indent);
}

#main-content-container .block-children:has(> .ls-block),
#main-content-container .block-children:has(> .blocks-list-wrap > .ls-block),
.ls-preview-popup > .tippy-wrapper.as-page .block-children:has(> .ls-block),
.ls-preview-popup > .tippy-wrapper.as-page .block-children:has(> .blocks-list-wrap > .ls-block) {
  border-inline-start: 0 !important;
}

#main-content-container .block-children-container > .block-children-left-border,
.ls-preview-popup > .tippy-wrapper.as-page .block-children-container > .block-children-left-border {
  --tree-rail-visual-width: var(--theme-tree-line-width);
  --tree-rail-visual-color: var(--theme-outliner-guide);
  inset-inline-start: calc(var(--theme-tree-rail-axis-x) - var(--theme-tree-rail-width) / 2);
  inline-size: var(--theme-tree-rail-width);
  z-index: 2;
  pointer-events: auto;
  cursor: pointer;
  background: transparent;
  opacity: 1;
}

#main-content-container .block-children-container > .block-children-left-border::before,
.ls-preview-popup > .tippy-wrapper.as-page .block-children-container > .block-children-left-border::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset-block: 0;
  inset-inline-start: 50%;
  inline-size: var(--tree-rail-visual-width);
  background: var(--tree-rail-visual-color);
  box-shadow: none;
  pointer-events: none;
  transform: translateX(-50%);
}

#main-content-container .block-children-container > .block-children-left-border:hover,
.ls-preview-popup > .tippy-wrapper.as-page .block-children-container > .block-children-left-border:hover {
  --tree-rail-visual-width: var(--theme-tree-active-line-width);
  --tree-rail-visual-color: var(--theme-outliner-guide-hover);
}

#main-content-container .block-children-container > .block-children-left-border:active,
.ls-preview-popup > .tippy-wrapper.as-page .block-children-container > .block-children-left-border:active {
  --tree-rail-visual-width: var(--theme-tree-active-line-width);
  --tree-rail-visual-color: var(--theme-outliner-guide-active);
}

#main-content-container :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block > .block-main-container > .block-control-wrap,
.ls-preview-popup > .tippy-wrapper.as-page :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block > .block-main-container > .block-control-wrap {
  --tree-branch-width: var(--theme-tree-line-width);
  --tree-branch-color: var(--theme-outliner-guide);
  --tree-branch-background: var(--tree-branch-color);
  position: relative;
  z-index: 1;
}

#main-content-container :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block > .block-main-container > .block-control-wrap:has(> .block-control > .control-show > .rotating-arrow):not(:has(> .bullet-link-wrap > .bullet-container.typed-list)),
.ls-preview-popup > .tippy-wrapper.as-page :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block > .block-main-container > .block-control-wrap:has(> .block-control > .control-show > .rotating-arrow):not(:has(> .bullet-link-wrap > .bullet-container.typed-list)),
#main-content-container :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block[haschild=true] > .block-main-container > .block-control-wrap:has(> .block-control > :is(.control-show, .control-hide) > .rotating-arrow):has(> .bullet-link-wrap > .bullet-container.typed-list),
.ls-preview-popup > .tippy-wrapper.as-page :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block[haschild=true] > .block-main-container > .block-control-wrap:has(> .block-control > :is(.control-show, .control-hide) > .rotating-arrow):has(> .bullet-link-wrap > .bullet-container.typed-list) {
  --tree-branch-background: linear-gradient(
    to right,
    var(--tree-branch-color) 0,
    var(--tree-branch-color) var(--theme-tree-arrow-gap-start),
    transparent var(--theme-tree-arrow-gap-start),
    transparent var(--theme-tree-arrow-gap-end),
    var(--tree-branch-color) var(--theme-tree-arrow-gap-end),
    var(--tree-branch-color) 100%
  );
}

#main-content-container .ls-block > .block-main-container > .block-control-wrap:has(> .bullet-link-wrap > .bullet-container.typed-list) > .block-control > :is(.control-show, .control-hide) > .rotating-arrow,
.ls-preview-popup > .tippy-wrapper.as-page .ls-block > .block-main-container > .block-control-wrap:has(> .bullet-link-wrap > .bullet-container.typed-list) > .block-control > :is(.control-show, .control-hide) > .rotating-arrow {
  color: var(--theme-outliner-guide);
  opacity: 0;
  transition: opacity 140ms ease, color 140ms ease;
}

#main-content-container .ls-block[haschild=true] > .block-main-container > .block-control-wrap:has(> .bullet-link-wrap > .bullet-container.typed-list) > .block-control > :is(.control-show, .control-hide) > .rotating-arrow,
.ls-preview-popup > .tippy-wrapper.as-page .ls-block[haschild=true] > .block-main-container > .block-control-wrap:has(> .bullet-link-wrap > .bullet-container.typed-list) > .block-control > :is(.control-show, .control-hide) > .rotating-arrow {
  opacity: 0.58;
}

#main-content-container .ls-block > .block-main-container:hover > .block-control-wrap:has(> .bullet-link-wrap > .bullet-container.typed-list) > .block-control > :is(.control-show, .control-hide) > .rotating-arrow,
.ls-preview-popup > .tippy-wrapper.as-page .ls-block > .block-main-container:hover > .block-control-wrap:has(> .bullet-link-wrap > .bullet-container.typed-list) > .block-control > :is(.control-show, .control-hide) > .rotating-arrow,
#main-content-container .block-control:is(:hover, :focus-visible) > :is(.control-show, .control-hide) > .rotating-arrow,
.ls-preview-popup > .tippy-wrapper.as-page .block-control:is(:hover, :focus-visible) > :is(.control-show, .control-hide) > .rotating-arrow {
  opacity: 1;
}

#main-content-container :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block > .block-main-container > .block-control-wrap::before,
.ls-preview-popup > .tippy-wrapper.as-page :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block > .block-main-container > .block-control-wrap::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset-inline-start: var(--theme-tree-rail-axis-x);
  inset-block-start: 50%;
  inline-size: var(--theme-tree-branch-length);
  block-size: var(--tree-branch-width);
  background: var(--tree-branch-background);
  border: 0;
  border-radius: 0;
  pointer-events: none;
  transform: translateY(-50%);
}

#main-content-container :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block > .block-main-container > .block-control-wrap.bullet-hidden:has(> .block-control)::before,
#main-content-container :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block > .block-main-container > .block-control-wrap:has(> .bullet-link-wrap > .bullet-container.hide-inner-bullet)::before,
#main-content-container :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block:has(> .block-main-container > .block-content-wrapper .block-content hr) > .block-main-container > .block-control-wrap::before,
.ls-preview-popup > .tippy-wrapper.as-page :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block > .block-main-container > .block-control-wrap.bullet-hidden:has(> .block-control)::before,
.ls-preview-popup > .tippy-wrapper.as-page :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block > .block-main-container > .block-control-wrap:has(> .bullet-link-wrap > .bullet-container.hide-inner-bullet)::before,
.ls-preview-popup > .tippy-wrapper.as-page :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block:has(> .block-main-container > .block-content-wrapper .block-content hr) > .block-main-container > .block-control-wrap::before {
  content: none;
}

#main-content-container :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block:is(.selected, :has(.ls-block.selected)) > .block-main-container > .block-control-wrap,
.ls-preview-popup > .tippy-wrapper.as-page :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block:is(.selected, :has(.ls-block.selected)) > .block-main-container > .block-control-wrap {
  --tree-branch-width: var(--theme-tree-active-line-width);
  --tree-branch-color: var(--theme-outliner-guide-selected);
}

#main-content-container .ls-block:has(> .block-children-container > :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block:is(.selected, :has(.ls-block.selected))) > .block-children-container > .block-children-left-border,
.ls-preview-popup > .tippy-wrapper.as-page .ls-block:has(> .block-children-container > :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block:is(.selected, :has(.ls-block.selected))) > .block-children-container > .block-children-left-border {
  --tree-rail-visual-width: var(--theme-tree-active-line-width);
  --tree-rail-visual-color: var(--theme-outliner-guide-selected);
}

#main-content-container :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block:focus-within > .block-main-container > .block-control-wrap,
.ls-preview-popup > .tippy-wrapper.as-page :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block:focus-within > .block-main-container > .block-control-wrap {
  --tree-branch-width: var(--theme-tree-active-line-width);
  --tree-branch-color: var(--theme-outliner-guide-active);
}

#main-content-container .ls-block:has(> .block-children-container > :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block:focus-within) > .block-children-container > .block-children-left-border,
.ls-preview-popup > .tippy-wrapper.as-page .ls-block:has(> .block-children-container > :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block:focus-within) > .block-children-container > .block-children-left-border {
  --tree-rail-visual-width: var(--theme-tree-active-line-width);
  --tree-rail-visual-color: var(--theme-outliner-guide-active);
}

#main-content-container .ls-block[haschild=true]:not([data-collapsed]):is(.selected, :has(.ls-block.selected)) > .block-main-container > .block-control-wrap .bullet-container:not(.typed-list) .bullet,
.ls-preview-popup > .tippy-wrapper.as-page .ls-block[haschild=true]:not([data-collapsed]):is(.selected, :has(.ls-block.selected)) > .block-main-container > .block-control-wrap .bullet-container:not(.typed-list) .bullet {
  border-color: var(--theme-outliner-guide-selected);
}

#main-content-container .ls-block[haschild=true]:not([data-collapsed]):focus-within > .block-main-container > .block-control-wrap .bullet-container:not(.typed-list) .bullet,
.ls-preview-popup > .tippy-wrapper.as-page .ls-block[haschild=true]:not([data-collapsed]):focus-within > .block-main-container > .block-control-wrap .bullet-container:not(.typed-list) .bullet {
  border-color: var(--theme-outliner-guide-active);
}

#main-content-container .ls-block[haschild=true]:not([data-collapsed]) > .block-main-container > .block-control-wrap:not(:has(> .bullet-link-wrap > .bullet-container.typed-list)) > .block-control > .control-hide > .rotating-arrow,
#main-content-container .ls-block > .block-main-container > .block-control-wrap:not(:has(> .bullet-link-wrap > .bullet-container.typed-list)):has(> .bullet-link-wrap > .bullet-container.bullet-closed) > .block-control > .control-show > .rotating-arrow,
.ls-preview-popup > .tippy-wrapper.as-page .ls-block[haschild=true]:not([data-collapsed]) > .block-main-container > .block-control-wrap:not(:has(> .bullet-link-wrap > .bullet-container.typed-list)) > .block-control > .control-hide > .rotating-arrow,
:where(.ls-preview-popup > .tippy-wrapper.as-page .ls-block > .block-main-container > .block-control-wrap:not(:has(> .bullet-link-wrap > .bullet-container.typed-list)):has(> .bullet-link-wrap > .bullet-container.bullet-closed) > .block-control > .control-show > .rotating-arrow) {
  position: relative;
  z-index: 2;
  color: var(--theme-outliner-guide);
  opacity: 0.58;
}

#main-content-container .rotating-arrow > svg,
.ls-preview-popup > .tippy-wrapper.as-page .rotating-arrow > svg {
  position: relative;
  z-index: 2;
  transform-origin: center;
  transition: transform 200ms cubic-bezier(0.2, 0, 0, 1);
}

#main-content-container .rotating-arrow.not-collapsed > svg,
.ls-preview-popup > .tippy-wrapper.as-page .rotating-arrow.not-collapsed > svg {
  transform: rotate(-90deg);
}

#main-content-container .rotating-arrow.collapsed > svg,
.ls-preview-popup > .tippy-wrapper.as-page .rotating-arrow.collapsed > svg {
  transform: rotate(90deg);
}

#main-content-container .block-control:is(:hover, :focus-visible) > .control-hide > .rotating-arrow,
#main-content-container .block-control:is(:hover, :focus-visible) > .control-show > .rotating-arrow,
.ls-preview-popup > .tippy-wrapper.as-page .block-control:is(:hover, :focus-visible) > .control-hide > .rotating-arrow,
.ls-preview-popup > .tippy-wrapper.as-page .block-control:is(:hover, :focus-visible) > .control-show > .rotating-arrow {
  color: var(--theme-outliner-guide-hover);
  opacity: 1;
}

#main-content-container :is(.document-mode, .content.doc-mode) .block-children-container > .block-children-left-border,
.ls-preview-popup > .tippy-wrapper.as-page :is(.document-mode, .content.doc-mode) .block-children-container > .block-children-left-border {
  display: none;
}

#main-content-container :is(.document-mode, .content.doc-mode) .block-children-left-border::before,
#main-content-container :is(.document-mode, .content.doc-mode) :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block > .block-main-container > .block-control-wrap::before,
.ls-preview-popup > .tippy-wrapper.as-page :is(.document-mode, .content.doc-mode) .block-children-left-border::before,
.ls-preview-popup > .tippy-wrapper.as-page :is(.document-mode, .content.doc-mode) :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block > .block-main-container > .block-control-wrap::before {
  content: none;
  display: none;
}

html.is-mobile #main-content-container .ls-block > .block-main-container > .block-control-wrap {
  position: static;
}
html.is-mobile #main-content-container .ls-block > .block-main-container > .block-control-wrap > .block-control {
  position: absolute;
  z-index: 4;
  inset-block-start: 0;
  inset-inline: auto 0.125rem;
  opacity: 0.72;
}
html.is-mobile #main-content-container .ls-block[haschild=true] > .block-main-container > .block-control-wrap > .block-control > :is(.control-show, .control-hide) {
  display: block !important;
}
html.is-mobile #main-content-container .ls-block[haschild=true] > .block-main-container > .block-control-wrap > .block-control .rotating-arrow {
  opacity: 0.72;
}
html.is-mobile #main-content-container .ls-block > .block-main-container > .block-control-wrap > .block-content-wrapper {
  width: 100%;
  min-width: 0;
  padding-inline-end: 1.75rem;
}
html.is-mobile #main-content-container .block-children-container {
  margin-inline-start: 0.65rem;
}
html.is-mobile #main-content-container .block-children-container > .block-children-left-border {
  inset-inline-start: -0.2rem;
}
html.is-mobile #main-content-container :is(.block-children, .block-children > .blocks-list-wrap) > .ls-block > .block-main-container > .block-control-wrap::before {
  content: none;
}

@media (prefers-reduced-motion: reduce) {
  #main-content-container .rotating-arrow > svg,
  .ls-preview-popup > .tippy-wrapper.as-page .rotating-arrow > svg {
    transition-duration: 0ms;
  }
  #main-content-container .rotating-arrow,
  .ls-preview-popup > .tippy-wrapper.as-page .rotating-arrow {
    transition-duration: 0ms;
  }
}
#main-content-container .ls-block .block-content hr,
.ls-preview-popup > .tippy-wrapper.as-page .ls-block .block-content hr {
  display: block;
  inline-size: min(100%, 54rem);
  block-size: 1px;
  margin-block: 1.75rem;
  margin-inline: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--theme-divider);
  box-shadow: none;
  animation: none;
}

#main-content-container .ls-block.selected:has(.block-content hr) {
  background: transparent;
  border-radius: 0;
  border-inline-start: 2px solid var(--theme-outliner-bullet-active);
  box-shadow: none;
}

:where(#main-content-container .block-content, #right-sidebar .block-content, .ls-preview-popup > .tippy-wrapper.as-page .block-content) a:not(.page-ref):not(.tag):not(.button):not(.ui__button):not(.open-block-ref-link):not(.bullet-link-wrap):not(.menu):not(.menu-item):not(.dropdown-item):not(.toolbar):not(.tabs):not([role=button]):not([data-cmdk-item]) {
  color: var(--ls-link-text-color);
  border-bottom: 0;
  -webkit-text-decoration: underline dashed var(--theme-link-decoration) 1px;
          text-decoration: underline dashed var(--theme-link-decoration) 1px;
  text-underline-offset: 0.18em;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
:where(#main-content-container .block-content, #right-sidebar .block-content, .ls-preview-popup > .tippy-wrapper.as-page .block-content) a:not(.page-ref):not(.tag):not(.button):not(.ui__button):not(.open-block-ref-link):not(.bullet-link-wrap):not(.menu):not(.menu-item):not(.dropdown-item):not(.toolbar):not(.tabs):not([role=button]):not([data-cmdk-item]):is(:hover, :focus-visible) {
  color: var(--ls-link-text-hover-color);
  -webkit-text-decoration: underline dashed var(--theme-link-decoration-hover) 1.5px;
          text-decoration: underline dashed var(--theme-link-decoration-hover) 1.5px;
}
:where(#main-content-container .block-content, #right-sidebar .block-content, .ls-preview-popup > .tippy-wrapper.as-page .block-content) .page-reference {
  display: inline;
  padding-inline: 0.18em;
  border-radius: var(--ls-border-radius-low);
  background: color-mix(in srgb, var(--theme-link-decoration) 16%, transparent);
  -webkit-box-decoration-break: slice;
          box-decoration-break: slice;
}
:where(#main-content-container .block-content, #right-sidebar .block-content, .ls-preview-popup > .tippy-wrapper.as-page .block-content) .page-reference:is(:hover, :focus-within) {
  background: color-mix(in srgb, var(--theme-link-decoration-hover) 24%, transparent);
}
:where(#main-content-container .block-content, #right-sidebar .block-content, .ls-preview-popup > .tippy-wrapper.as-page .block-content) .page-reference .page-ref {
  color: var(--ls-link-ref-text-color);
  border: 0;
  text-decoration: none;
}
:where(#main-content-container .block-content, #right-sidebar .block-content, .ls-preview-popup > .tippy-wrapper.as-page .block-content) .page-reference .page-ref:is(:hover, :focus-visible) {
  color: var(--ls-link-ref-text-hover-color);
  border: 0;
  text-decoration: none;
}
:where(#main-content-container .block-content, #right-sidebar .block-content, .ls-preview-popup > .tippy-wrapper.as-page .block-content) a.external-link:not(.page-ref):not(.tag):not(.button):not(.ui__button):not(.open-block-ref-link):not(.bullet-link-wrap):not(.menu):not(.menu-item):not(.dropdown-item):not(.toolbar):not(.tabs):not([role=button]):not([data-cmdk-item])::before {
  content: "↗";
  position: relative;
  display: inline-block;
  margin-inline-end: 0.28em;
  inset-block-start: -0.02em;
  vertical-align: -0.05em;
  color: currentColor;
  font-size: 0.9em;
  line-height: 1;
  pointer-events: none;
  text-decoration: none;
}

#main-content-container .block-content-wrapper > .h-6 > .ui__button.as-ghost {
  background: var(--theme-reference-count-background);
  color: var(--theme-reference-count-foreground);
}
#main-content-container .block-content-wrapper > .h-6 > .ui__button.as-ghost:is(:hover, :focus-visible) {
  background: var(--theme-reference-count-background);
  color: var(--theme-reference-count-foreground);
}
#main-content-container a.open-block-ref-link {
  color: var(--theme-reference-count-foreground);
  background-color: var(--theme-reference-count-background);
  opacity: 1;
}
#main-content-container a.open-block-ref-link:hover {
  color: var(--theme-reference-count-foreground);
  background-color: var(--theme-reference-count-background);
  opacity: 1;
}
#main-content-container a.open-block-ref-link:focus-visible {
  color: var(--theme-reference-count-foreground);
  background-color: var(--theme-reference-count-background);
  opacity: 1;
  outline: var(--theme-focus-width) solid var(--ls-focus-ring-color);
  outline-offset: 2px;
}

#main-content-container .block-content .block-ref:not(.block-ref-no-title),
.ls-preview-popup > .tippy-wrapper.as-page .block-content .block-ref:not(.block-ref-no-title) {
  --theme-inline-block-ref-color: var(--ls-block-ref-link-text-color);
  padding: 0;
  color: var(--theme-inline-block-ref-color);
  background: transparent;
  border: 0;
  border-bottom: 0.5px solid var(--theme-inline-block-ref-color);
  border-radius: 0;
  box-shadow: none;
  text-decoration: none;
  transition: color 120ms ease, border-bottom-color 120ms ease;
}

#main-content-container .block-content .block-ref:not(.block-ref-no-title):is(:hover, :focus-within),
.ls-preview-popup > .tippy-wrapper.as-page .block-content .block-ref:not(.block-ref-no-title):is(:hover, :focus-within) {
  --theme-inline-block-ref-color: var(--ls-link-text-hover-color);
  color: var(--theme-inline-block-ref-color);
  background: transparent;
  border-bottom-color: var(--theme-inline-block-ref-color);
  text-decoration: none;
}

#main-content-container .block-content .block-ref:not(.block-ref-no-title) :is(.ls-block, .block-content, .block-content-inner, .block-title-wrap, h1, h2, h3, h4, h5, h6),
.ls-preview-popup > .tippy-wrapper.as-page .block-content .block-ref:not(.block-ref-no-title) :is(.ls-block, .block-content, .block-content-inner, .block-title-wrap, h1, h2, h3, h4, h5, h6) {
  color: var(--theme-inline-block-ref-color);
  text-decoration: none;
}

#main-content-container .block-content a.tag,
.ls-preview-popup > .tippy-wrapper.as-page .block-content a.tag {
  display: inline-block;
  padding: 0.12em 0.5em;
  border: 1px solid transparent;
  border-radius: var(--ls-border-radius-low);
  background: var(--ls-page-inline-code-bg-color);
  color: var(--ls-tag-text-color);
  font-family: var(--theme-font-mono);
  font-size: 0.86em;
  line-height: 1.35;
  text-decoration: none;
}

#main-content-container .block-content a.tag:is(:hover, :focus-visible, :active),
.ls-preview-popup > .tippy-wrapper.as-page .block-content a.tag:is(:hover, :focus-visible, :active) {
  color: var(--ls-tag-text-hover-color);
  border-color: var(--ls-active-primary-color);
  text-decoration: none;
}

:where(.block-ref, .page-reference) :where(h1, h2, h3, h4, h5, h6) {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

#main-content-container .block-content .block-ref :is(h1, h2, h3, h4, h5, h6),
.ls-preview-popup > .tippy-wrapper.as-page .block-content .block-ref :is(h1, h2, h3, h4, h5, h6) {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.ls-preview-popup {
  color: var(--theme-preview-foreground);
  background: var(--theme-preview-background);
  border: 1px solid var(--theme-preview-border);
}

.ls-preview-popup > .tippy-wrapper.as-page {
  color: var(--theme-preview-foreground);
  background: var(--theme-preview-background);
}

.ls-preview-popup > .tippy-wrapper.as-page .block-content-wrapper {
  color: var(--theme-preview-foreground);
  background: var(--theme-preview-block-background);
}

.ls-preview-popup > .tippy-wrapper.as-page .ls-block > .block-main-container > .block-control-wrap {
  --tree-node-surface: var(--theme-preview-block-background);
}

.ls-preview-popup > .tippy-wrapper.as-page .ls-block {
  color: var(--theme-preview-foreground);
  background: var(--theme-preview-block-background);
}

.ls-preview-popup > .tippy-wrapper.as-page .ls-block:is(.selected, .highlight, .block-highlight) > .block-main-container > .block-control-wrap {
  --tree-node-surface: var(--theme-preview-block-highlight-background);
}

.ls-preview-popup > .tippy-wrapper.as-page .ls-block:is(.selected, .highlight, .block-highlight) {
  color: var(--theme-preview-foreground);
  background: var(--theme-preview-block-highlight-background);
}

.ls-preview-popup > .tippy-wrapper.as-page .block-content-wrapper > .h-6 > .ui__button.as-ghost,
.ls-preview-popup > .tippy-wrapper.as-page a.open-block-ref-link {
  color: var(--theme-reference-count-foreground);
  background: var(--theme-reference-count-background);
  opacity: 1;
}

.ls-preview-popup > .tippy-wrapper.as-page .block-content-wrapper > .h-6 > .ui__button.as-ghost:hover,
.ls-preview-popup > .tippy-wrapper.as-page a.open-block-ref-link:hover {
  color: var(--theme-reference-count-foreground);
  background: var(--theme-reference-count-background);
  opacity: 1;
}

.ls-preview-popup > .tippy-wrapper.as-page .block-content-wrapper > .h-6 > .ui__button.as-ghost:focus-visible,
.ls-preview-popup > .tippy-wrapper.as-page a.open-block-ref-link:focus-visible {
  color: var(--theme-reference-count-foreground);
  background: var(--theme-reference-count-background);
  opacity: 1;
  outline: var(--theme-focus-width) solid var(--ls-focus-ring-color);
  outline-offset: 2px;
}

:where(.block-properties, .page-properties) {
  border: 1px solid var(--theme-property-border);
  border-radius: var(--ls-border-radius-low);
  box-shadow: var(--theme-shadow-1);
  padding: var(--theme-spacing-2) var(--theme-spacing-3);
  font-family: var(--theme-font-mono);
  font-size: var(--theme-property-font-size);
  line-height: var(--theme-property-line-height);
  container-type: inline-size;
}

.block-properties > div,
.page-properties > div {
  display: grid;
  grid-template-columns: var(--theme-property-key-column-width) max-content minmax(0, 1fr);
  align-items: baseline;
  gap: var(--theme-property-row-gap) var(--theme-property-column-gap);
  padding-block: var(--theme-spacing-1);
  border-bottom: 1px solid var(--theme-property-border);
}

.block-properties > div:last-child,
.page-properties > div:last-child {
  border-bottom: 0;
}

.block-properties > div > :first-child,
.page-properties > div > :first-child {
  min-width: 0;
  max-width: 100%;
}

.page-property-key {
  --theme-property-key-icon: "◇";
  --theme-property-key-icon-size: 1.15em;
  --theme-property-key-icon-gap: 0.35em;
  display: inline-grid;
  grid-template-columns: var(--theme-property-key-icon-size) minmax(0, 1fr);
  -moz-column-gap: var(--theme-property-key-icon-gap);
       column-gap: var(--theme-property-key-icon-gap);
  align-items: baseline;
  max-inline-size: 100%;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  color: var(--theme-property-key-color);
  font-weight: var(--theme-property-key-weight);
  letter-spacing: 0.02em;
}
.page-property-key::before {
  content: var(--theme-property-key-icon);
  display: block;
  inline-size: var(--theme-property-key-icon-size);
  min-inline-size: var(--theme-property-key-icon-size);
  margin: 0;
  text-align: center;
  color: currentColor;
  font-family: var(--theme-font-sans);
  font-size: 0.85em;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  vertical-align: 0.04em;
}

.page-property-key[data-ref=alias] {
  --theme-property-key-icon: "≈";
}

.page-property-key[data-ref=application-kind] {
  --theme-property-key-icon: "◈";
}

.page-property-key[data-ref=application-type] {
  --theme-property-key-icon: "▣";
}

.page-property-key[data-ref=banner] {
  --theme-property-key-icon: "⚑";
}

.page-property-key[data-ref=birthday] {
  --theme-property-key-icon: "✦";
}

.page-property-key[data-ref=category] {
  --theme-property-key-icon: "▦";
}

.page-property-key[data-ref=collapsed] {
  --theme-property-key-icon: "▸";
}

.page-property-key[data-ref=common-use] {
  --theme-property-key-icon: "◎";
}

.page-property-key[data-ref=crate] {
  --theme-property-key-icon: "⬡";
}

.page-property-key[data-ref=created-at] {
  --theme-property-key-icon: "◷";
}

.page-property-key[data-ref=date] {
  --theme-property-key-icon: "◷";
}

.page-property-key[data-ref=density] {
  --theme-property-key-icon: "≋";
}

.page-property-key[data-ref=description] {
  --theme-property-key-icon: "≡";
}

.page-property-key[data-ref=developer] {
  --theme-property-key-icon: "⌨︎";
}

.page-property-key[data-ref=display-alias] {
  --theme-property-key-icon: "≈";
}

.page-property-key[data-ref=docs] {
  --theme-property-key-icon: "▤";
}

.page-property-key[data-ref=entry-strategy] {
  --theme-property-key-icon: "↪";
}

.page-property-key[data-ref=excalidraw-plugin] {
  --theme-property-key-icon: "✎";
}

.page-property-key[data-ref=excalidraw-plugin-alias] {
  --theme-property-key-icon: "≈";
}

.page-property-key[data-ref=excalidraw-plugin-library] {
  --theme-property-key-icon: "▦";
}

.page-property-key[data-ref=exclude-from-graph-view] {
  --theme-property-key-icon: "⊘";
}

.page-property-key[data-ref=exit-strategy] {
  --theme-property-key-icon: "↩";
}

.page-property-key[data-ref=file] {
  --theme-property-key-icon: "▧";
}

.page-property-key[data-ref=file-path] {
  --theme-property-key-icon: "⌁";
}

.page-property-key[data-ref=firefox-add-ons] {
  --theme-property-key-icon: "⊕";
}

.page-property-key[data-ref=first-flight] {
  --theme-property-key-icon: "✈︎";
}

.page-property-key[data-ref=formula] {
  --theme-property-key-icon: "ƒ";
}

.page-property-key[data-ref=gallery] {
  --theme-property-key-icon: "▥";
}

.page-property-key[data-ref=genre] {
  --theme-property-key-icon: "♫";
}

.page-property-key[data-ref=git] {
  --theme-property-key-icon: "⑂";
}

.page-property-key[data-ref=github] {
  --theme-property-key-icon: "◉";
}

.page-property-key[data-ref=goal] {
  --theme-property-key-icon: "⌖";
}

.page-property-key[data-ref=huggingface] {
  --theme-property-key-icon: "◡";
}

.page-property-key[data-ref=icon] {
  --theme-property-key-icon: "◇";
}

.page-property-key[data-ref=id] {
  --theme-property-key-icon: "№";
}

.page-property-key[data-ref=idea] {
  --theme-property-key-icon: "✦";
}

.page-property-key[data-ref=it] {
  --theme-property-key-icon: "⌘";
}

.page-property-key[data-ref=juliahub] {
  --theme-property-key-icon: "∴";
}

.page-property-key[data-ref=language-type] {
  --theme-property-key-icon: "λ";
}

.page-property-key[data-ref=marketplace] {
  --theme-property-key-icon: "◫";
}

.page-property-key[data-ref=npm] {
  --theme-property-key-icon: "⬢";
}

.page-property-key[data-ref=origin] {
  --theme-property-key-icon: "⊙";
}

.page-property-key[data-ref=owner] {
  --theme-property-key-icon: "♙";
}

.page-property-key[data-ref=page-preview] {
  --theme-property-key-icon: "◫";
}

.page-property-key[data-ref=pass] {
  --theme-property-key-icon: "⚿";
}

.page-property-key[data-ref=phone] {
  --theme-property-key-icon: "☎︎";
}

.page-property-key[data-ref=pip] {
  --theme-property-key-icon: "⬡";
}

.page-property-key[data-ref=platform] {
  --theme-property-key-icon: "⌘";
}

.page-property-key[data-ref=progress] {
  --theme-property-key-icon: "◒";
}

.page-property-key[data-ref=public] {
  --theme-property-key-icon: "◉";
}

.page-property-key[data-ref=rate] {
  --theme-property-key-icon: "%";
}

.page-property-key[data-ref=rating] {
  --theme-property-key-icon: "★";
}

.page-property-key[data-ref=reference] {
  --theme-property-key-icon: "↗";
}

.page-property-key[data-ref=site] {
  --theme-property-key-icon: "⌂";
}

.page-property-key[data-ref=source] {
  --theme-property-key-icon: "⎘";
}

.page-property-key[data-ref=start-of-development] {
  --theme-property-key-icon: "◷";
}

.page-property-key[data-ref=status] {
  --theme-property-key-icon: "●";
}

.page-property-key[data-ref=symbol] {
  --theme-property-key-icon: "§";
}

.page-property-key[data-ref=tags] {
  --theme-property-key-icon: "#";
}

.page-property-key[data-ref=title] {
  --theme-property-key-icon: "◆";
}

.page-property-key[data-ref=type] {
  --theme-property-key-icon: "▣";
}

.page-property-key[data-ref=updated-at] {
  --theme-property-key-icon: "◷";
}

.page-property-key[data-ref=url] {
  --theme-property-key-icon: "↗";
}

.page-property-key[data-ref=variant] {
  --theme-property-key-icon: "◈";
}

.page-property-key[data-ref=version] {
  --theme-property-key-icon: "v";
}

.page-property-key[data-ref=website] {
  --theme-property-key-icon: "⌂";
}

.page-property-key[data-ref=wiki] {
  --theme-property-key-icon: "W";
}

.page-property-key[data-ref=year] {
  --theme-property-key-icon: "◴";
}

.page-property-key[data-ref=описание] {
  --theme-property-key-icon: "≡";
}

.block-properties > div > span,
.page-properties > div > span {
  margin-inline: 0;
  color: var(--theme-property-key-color);
}

.page-property-value {
  min-width: 0;
  color: var(--theme-property-value-color);
  overflow-wrap: anywhere;
}

.page-property-value.inline,
.page-property-value .inline {
  min-width: 0;
}

@container (max-width: 24rem) {
  .block-properties > div,
  .page-properties > div {
    grid-template-columns: minmax(0, 1fr);
  }
  .block-properties > div > :first-child,
  .page-properties > div > :first-child,
  .block-properties > div > .page-property-value,
  .page-properties > div > .page-property-value {
    grid-column: 1;
  }
  .block-properties > div > span,
  .page-properties > div > span {
    display: none;
  }
}
:where(.ls-block .form-checkbox:hover) {
  background-color: var(--theme-task-hover-background);
}

:where(.ls-block .form-checkbox:focus-visible) {
  outline: var(--theme-focus-width) solid var(--theme-task-focus);
  outline-offset: 2px;
}

:where(.ls-block .form-checkbox:disabled) {
  border-color: var(--theme-task-disabled);
  opacity: 0.7;
}

:where(.ls-block .done, .ls-block .cancelled) {
  color: var(--theme-task-completed);
  text-decoration-color: currentColor;
}

:where(.ls-block .cancelled) {
  color: var(--theme-task-cancelled);
}

:where(.custom-query) {
  background: var(--theme-query-background);
  border: 1px solid var(--theme-query-border);
  border-radius: var(--ls-border-radius-low);
  box-shadow: var(--theme-shadow-1);
  color: var(--theme-query-foreground);
  max-width: 100%;
  margin-block: var(--theme-spacing-4);
  padding: var(--theme-spacing-3);
  overflow: visible;
}

/*
 * The condition picker is absolutely positioned inside the query builder.
 * Keep query results as the horizontal scroll owners so this popup can escape
 * the query surface without being clipped by a computed overflow-y value.
 */
.cp__query-builder .dropdown-wrapper:has(> .query-builder-picker),
:is(.ui__dropdown-menu-content, [data-radix-menu-content]):has(.query-builder-picker) {
  box-sizing: border-box;
  width: min(24rem, 100vw - 1rem);
  min-width: min(14rem, 100vw - 1rem);
  max-width: calc(100vw - 1rem);
  max-height: min(24rem, 100vh - 6rem);
  overflow: hidden auto;
  overscroll-behavior: contain;
}

div[data-radix-popper-content-wrapper]:has(.query-builder-picker) {
  max-width: calc(100vw - 1rem);
}

:where(.custom-query-results, .query-table) {
  max-width: 100%;
  overflow-x: auto;
}

:where(.custom-query-results table, .query-table table) {
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.88em;
  line-height: 1.42;
}

:where(.custom-query-results th,
.custom-query-results td,
.query-table th,
.query-table td) {
  padding: var(--theme-spacing-2) var(--theme-spacing-3);
  border-bottom: 1px solid var(--ls-border-color);
  text-align: left;
  vertical-align: top;
}

:where(.custom-query-results th, .query-table th) {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--theme-query-background);
  color: var(--theme-query-foreground);
  font-family: var(--theme-font-mono);
  font-size: 0.78em;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

:where(.custom-query-results td, .query-table td) {
  max-width: 56ch;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

#main-content-container .editor-inner textarea,
#main-content-container .edit-input {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: 0.002em;
}
#main-content-container .editor-inner textarea:focus,
#main-content-container .edit-input:focus {
  outline: 0;
}

.non-block-editor textarea {
  padding: 0;
  resize: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: 0.002em;
}

:where(:not(:is(pre, mark)) > code, .inline-code) {
  border-radius: var(--ls-border-radius-low);
  padding: 0.1em 0.3em;
  font-family: var(--theme-font-mono);
  font-size: 0.9em;
}

:where(pre, .CodeMirror) {
  border: 1px solid var(--theme-border-subtle);
  border-radius: var(--ls-border-radius-low);
}

.cm-s-lsradix.CodeMirror {
  font-family: var(--theme-font-mono);
  border: 1px solid var(--theme-border-subtle);
  box-shadow: none;
  text-shadow: none;
}
.cm-s-lsradix .CodeMirror-gutters {
  background: transparent;
  border-right: 1px solid var(--theme-border-subtle);
}
.cm-s-lsradix .CodeMirror-guttermarker,
.cm-s-lsradix .CodeMirror-linenumber {
  color: var(--theme-text-faint);
}
.cm-s-lsradix .CodeMirror-cursor {
  border-left: 2px solid var(--theme-accent);
}
.cm-s-lsradix span.cm-comment {
  color: var(--theme-code-comment);
}
.cm-s-lsradix span.cm-atom {
  color: var(--theme-code-constant);
}
.cm-s-lsradix span.cm-number {
  color: var(--theme-code-constant);
}
.cm-s-lsradix span.cm-keyword {
  color: var(--theme-code-keyword);
}
.cm-s-lsradix span.cm-builtin {
  color: var(--theme-code-builtin);
}
.cm-s-lsradix span.cm-string {
  color: var(--theme-code-string);
}
.cm-s-lsradix span.cm-variable {
  color: var(--theme-code-builtin);
}
.cm-s-lsradix span.cm-variable-2 {
  color: var(--theme-code-builtin);
}
.cm-s-lsradix span.cm-type {
  color: var(--theme-code-builtin);
}
.cm-s-lsradix span.cm-def {
  color: var(--theme-code-def);
}
.cm-s-lsradix span.cm-bracket {
  color: var(--theme-text);
}
.cm-s-lsradix span.cm-tag {
  color: var(--theme-code-keyword);
}
.cm-s-lsradix span.cm-header {
  color: var(--theme-primary);
}
.cm-s-lsradix span.cm-link {
  color: var(--theme-primary);
}
.cm-s-lsradix span.cm-error {
  background: var(--theme-code-error-bg);
  color: var(--theme-text);
}
.cm-s-lsradix span.cm-meta {
  color: var(--theme-success);
}
.cm-s-lsradix span.cm-operator {
  color: var(--theme-info);
}
.cm-s-lsradix span.cm-qualifier {
  color: var(--theme-warning);
}
.cm-s-lsradix .CodeMirror-activeline-background {
  background: color-mix(in oklch, var(--theme-primary) 6%, transparent);
}
.cm-s-lsradix .CodeMirror-matchingbracket {
  color: var(--theme-text);
  text-decoration: underline;
  text-decoration-color: var(--theme-accent);
  text-decoration-thickness: 2px;
}

:where(.ui__dialog-content) {
  background: var(--theme-surface-overlay);
  border: 1px solid var(--theme-border);
  border-radius: var(--theme-radius-medium);
  box-shadow: var(--theme-shadow-1);
  color: var(--theme-text);
}

:where(.notification, .toast) {
  border: 1px solid var(--ls-border-color);
}

:root {
  --theme-page-max-width: 72rem;
  --theme-page-max-width-wide: 92rem;
  --theme-page-inline-padding: clamp(1rem, 4vw, 4rem);
  --theme-header-height: 3.25rem;
  --theme-header-top-padding: 0px;
  --theme-left-sidebar-width: 16rem;
  --theme-left-sidebar-small-width: 12rem;
  --theme-sidebar-nav-button-size: 2.25rem;
  --theme-scrollbar-width: 0.6rem;
  --theme-native-keyboard-height: 0px;
  --theme-mobile-font-scale: 0.92;
  --theme-property-font-size: 15px;
  --theme-property-line-height: 1.45;
  --theme-property-key-weight: 650;
  --theme-property-key-column-width: clamp(8rem, 18ch, 12rem);
  --theme-property-column-gap: 0.5rem;
  --theme-property-row-gap: 0.25rem;
  --theme-ordered-marker-gutter-width: 2rem;
  --theme-ordered-marker-gap: 0.4rem;
  --theme-ordered-parent-marker-inline-inset: 0.24em;
  --theme-ordered-parent-marker-block-inset: 0.12em;
  --theme-ordered-parent-marker-halo-width: 2px;
  --theme-block-gap: 0.25rem;
  --theme-block-content-gap: 0.25rem;
  --theme-tree-line-width: 1px;
  --theme-tree-active-line-width: 2px;
  --theme-tree-rail-width: 4px;
  --theme-tree-control-clearance: 0.5rem;
  --theme-tree-indent: calc(var(--theme-tree-bullet-axis-x) + var(--theme-tree-control-clearance));
  --theme-tree-bullet-axis-x: calc(var(--ls-block-control-size, 22px) + var(--theme-page-font-size, 16px) / 2);
  --theme-tree-rail-axis-x: calc(var(--theme-tree-bullet-axis-x) - var(--theme-tree-indent));
  --theme-tree-branch-length: calc(var(--theme-tree-bullet-axis-x) - var(--theme-tree-rail-axis-x));
  --theme-tree-arrow-axis-x: calc(var(--ls-block-control-size, 22px) / 2);
  --theme-tree-arrow-gap-half-width: 0.625rem;
  --theme-tree-arrow-gap-start: max(var(--theme-tree-line-width) / 2, var(--theme-tree-arrow-axis-x) - var(--theme-tree-rail-axis-x) - var(--theme-tree-arrow-gap-half-width));
  --theme-tree-arrow-gap-end: min(var(--theme-tree-branch-length) - var(--theme-tree-line-width) - var(--theme-tree-line-width) - 1px, var(--theme-tree-arrow-axis-x) - var(--theme-tree-rail-axis-x) + var(--theme-tree-arrow-gap-half-width) - var(--theme-tree-line-width));
  --theme-shadow-1: 0 0.5rem 2rem hsla(220, 30%, 10%, 0.1);
  --theme-shadow-2: 0 1rem 3rem hsla(220, 30%, 10%, 0.18);
  --theme-focus-width: 2px;
  --theme-spacing-1: 0.25rem;
  --theme-spacing-2: 0.5rem;
  --theme-spacing-3: 0.75rem;
  --theme-spacing-4: 1rem;
  --theme-spacing-5: 1.5rem;
  --theme-spacing-6: 2rem;
  --theme-radius-small: 0.375rem;
  --theme-radius-medium: 0.625rem;
  --theme-radius-large: 0.875rem;
  --radius: var(--theme-radius-medium);
}

:root {
  --theme-page-font-size: clamp(16.5px, 0.35vw + 15px, 19px);
  --theme-page-line-height: 1.58;
  --theme-page-title-size: 2rem;
  --theme-page-title-size-mobile: 1.6rem;
  --theme-page-title-line-height: 1.15;
  --theme-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --theme-font-mono: SFMono-Regular, Consolas, Liberation Mono, monospace;
  --theme-ordered-marker-font-size: 0.82em;
  --theme-ordered-marker-font-weight: 650;
  --theme-ordered-marker-letter-spacing: -0.02em;
  --theme-ordered-marker-opacity: 0.9;
}

:root {
  --left-sidebar-bg-color: var(--ls-secondary-background-color);
  --ls-header-button-background: var(--theme-header-control-hover-background);
  --ls-right-sidebar-topbar-color: var(--theme-right-sidebar-toolbar-background);
  --ls-main-content-max-width: var(--theme-page-max-width);
  --ls-main-content-max-width-wide: var(--theme-page-max-width-wide);
  --ls-border-radius-low: var(--theme-radius-small);
  --ls-border-radius-medium: var(--theme-radius-medium);
  --ls-headbar-height: var(--theme-header-height);
  --ls-headbar-inner-top-padding: var(--theme-header-top-padding);
  --ls-left-sidebar-width: var(--theme-left-sidebar-width);
  --ls-left-sidebar-sm-width: var(--theme-left-sidebar-small-width);
  --ls-left-sidebar-nav-btn-size: var(--theme-sidebar-nav-button-size);
  --ls-scrollbar-width: var(--theme-scrollbar-width);
  --ls-native-kb-height: var(--theme-native-keyboard-height);
  --ls-mobile-font-scale: var(--theme-mobile-font-scale);
  --ls-page-text-size: var(--theme-page-font-size);
  --ls-page-title-size: var(--theme-page-title-size);
  --ls-page-title-line-height: var(--theme-page-title-line-height);
  --ls-font-family: var(--theme-font-sans);
}

#app-container-wrapper.ls-wide-mode {
  --ls-main-content-max-width: var(--ls-main-content-max-width-wide);
}

html.is-mobile {
  --ls-page-text-size: calc(
    var(--theme-page-font-size) * var(--ls-mobile-font-scale)
  );
  --ls-page-title-size: var(--theme-page-title-size-mobile);
}

#main-content-container {
  color: var(--ls-primary-text-color);
}

:where(#app-container-wrapper) {
  min-height: 100vh;
  background: var(--ls-primary-background-color);
}

:where(.cp__sidebar-main-content) {
  min-width: 0;
}

:where(.ls-block) {
  max-width: 100%;
}

:where(.ls-page, .non-block-editor) {
  padding-inline: var(--theme-page-inline-padding);
}

#main-content-container {
  font-family: var(--ls-font-family);
  font-size: var(--ls-page-text-size, var(--theme-page-font-size));
  line-height: var(--theme-page-line-height);
}
#main-content-container .block-content {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: 0.002em;
  color: var(--ls-primary-text-color);
}

:where(#main-content-container,
#right-sidebar,
.ls-preview-popup > .tippy-wrapper.as-page) :where(.katex-display) {
  box-sizing: border-box;
  max-inline-size: 100%;
  padding-inline-end: 2px;
  overflow: auto hidden;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

html :is(#main-content-container,
#right-sidebar,
.ls-preview-popup > .tippy-wrapper.as-page) :is(.latex-inline,
.kd-sidebar-math-output,
.kd-description-math-output,
.kd-page-reference-math-output,
.kd-block-body-math-output[data-kd-math-layout=inline]) {
  display: inline-block;
  box-sizing: border-box;
  max-inline-size: 100%;
  padding-inline-end: 2px;
  overflow: auto hidden;
  vertical-align: middle;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

:where(#main-content-container,
#right-sidebar,
.ls-preview-popup > .tippy-wrapper.as-page) :where(.latex-inline > .katex,
.kd-sidebar-math-output > .katex,
.kd-description-math-output .katex,
.kd-page-reference-math-output .katex,
.kd-block-body-math-output .katex) {
  max-inline-size: none;
  overflow: visible;
}

:where(.ls-page-title) {
  color: var(--ls-title-text-color);
  font-size: var(--ls-page-title-size);
  line-height: var(--ls-page-title-line-height);
  letter-spacing: -0.025em;
}

:where(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline: var(--theme-focus-width) solid var(--ls-focus-ring-color);
  outline-offset: 2px;
}

:where(button, [role=button]):disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

html.is-mobile :where(.ls-page, .non-block-editor) {
  min-inline-size: 0;
  max-inline-size: 100%;
  padding-inline: max(0.75rem, env(safe-area-inset-left)) max(0.75rem, env(safe-area-inset-right));
}

html.is-mobile :where(.cp__sidebar-main-content, main.theme-inner, #main-content-container) {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-x: clip;
}

html.is-mobile :where(.cp__header) {
  inset-inline: 0;
  inline-size: 100%;
  max-inline-size: 100dvw;
  box-sizing: border-box;
}

html.is-mobile .cp__header > .l {
  min-inline-size: 0;
  inline-size: auto;
  flex: 0 0 auto;
}

html.is-mobile .cp__header > .r {
  min-inline-size: 0;
  max-inline-size: 100%;
  margin-inline-start: auto;
  justify-content: flex-end;
}

html.is-mobile main.ls-fold-button-on-right #main-content-container .ls-block > .block-main-container > .block-control-wrap {
  position: static;
}

html.is-mobile :where(.left-sidebar, .cp__right-sidebar) {
  max-width: 92vw;
}

html.is-native-iphone :where(#app-container-wrapper),
html.is-native-android :where(#app-container-wrapper) {
  padding-bottom: env(safe-area-inset-bottom);
}

html.is-electron.is-mac :where(.cp__header) {
  padding-top: env(safe-area-inset-top);
}

:where(a, button, .ls-block, .cp__sidebar-main-content) {
  transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
}

@media (prefers-reduced-motion: reduce) {
  :where(a, button, .ls-block, .cp__sidebar-main-content) {
    transition-duration: 0ms;
  }
}
html:root[data-theme=light] {
  --theme-surface: hsl(0, 0%, 100%);
  --theme-surface-raised: hsl(0, 0%, 100%);
  --theme-surface-overlay: hsl(0, 0%, 100%);
  --theme-surface-inset: hsl(210, 24%, 95%);
  --theme-text: hsl(215, 28%, 17%);
  --theme-text-muted: hsl(215, 12%, 43%);
  --theme-text-faint: hsl(215, 14%, 60%);
  --theme-border-subtle: hsl(214, 20%, 86%);
  --theme-border: hsl(214, 20%, 80%);
  --theme-border-strong: hsl(214, 16%, 62%);
  --theme-divider: hsl(215, 18%, 49%);
  --theme-primary: hsl(196, 83%, 38%);
  --theme-primary-hover: hsl(196, 83%, 30%);
  --theme-accent: hsl(174, 55%, 36%);
  --theme-accent-hover: hsl(174, 60%, 26%);
  --theme-link-foreground: hsl(215, 24%, 25%);
  --theme-link-hover-foreground: hsl(196, 83%, 28%);
  --theme-link-decoration: hsl(214, 16%, 55%);
  --theme-link-decoration-hover: hsl(196, 83%, 38%);
  --theme-heading-divider: hsl(196, 62%, 48%);
  --theme-property-background: hsl(210, 20%, 96%);
  --theme-block-highlight-background: hsl(190, 45%, 91%);
  --theme-block-ref-hover-background: hsl(190, 45%, 91%);
  --theme-block-ref-hover-foreground: hsl(196, 83%, 25%);
  --theme-reference-count-background: hsl(210, 24%, 94%);
  --theme-reference-count-foreground: hsl(215, 28%, 22%);
  --theme-property-key-color: hsl(215, 28%, 22%);
  --theme-property-value-color: hsl(215, 28%, 17%);
  --theme-property-border: hsl(214, 20%, 80%);
  --theme-ordered-marker-foreground: hsl(196, 83%, 30%);
  --theme-ordered-marker-hover: hsl(196, 83%, 22%);
  --theme-task-unchecked-background: hsl(0, 0%, 100%);
  --theme-task-unchecked-border: hsl(214, 16%, 62%);
  --theme-task-checked-background: hsl(196, 83%, 38%);
  --theme-task-checked-foreground: hsl(0, 0%, 100%);
  --theme-task-hover-background: hsl(190, 45%, 91%);
  --theme-task-focus: hsl(196, 83%, 38%);
  --theme-task-disabled: hsl(215, 14%, 60%);
  --theme-task-completed: hsl(215, 12%, 43%);
  --theme-task-cancelled: hsl(0, 45%, 48%);
  --theme-query-background: hsl(0, 0%, 100%);
  --theme-query-foreground: hsl(215, 28%, 17%);
  --theme-query-border: hsl(214, 20%, 80%);
  --theme-preview-background: hsl(0, 0%, 100%);
  --theme-preview-foreground: hsl(215, 28%, 17%);
  --theme-preview-muted-foreground: hsl(215, 12%, 43%);
  --theme-preview-border: hsl(214, 20%, 80%);
  --theme-preview-block-background: hsl(210, 24%, 95%);
  --theme-preview-block-highlight-background: hsl(190, 45%, 86%);
  --theme-heading-divider-secondary: hsl(214, 16%, 62%);
  --theme-header-background: hsl(0, 0%, 100%);
  --theme-header-foreground: hsl(215, 28%, 22%);
  --theme-header-border: hsl(214, 20%, 86%);
  --theme-icon-color: hsl(215, 12%, 43%);
  --theme-icon-hover-color: hsl(196, 83%, 30%);
  --theme-icon-active-color: hsl(196, 83%, 25%);
  --theme-header-icon-color: hsl(215, 12%, 43%);
  --theme-header-icon-hover-color: hsl(196, 83%, 30%);
  --theme-header-icon-active-color: hsl(196, 83%, 25%);
  --theme-header-control-hover-background: hsl(190, 45%, 91%);
  --theme-header-control-active-background: hsl(190, 45%, 91%);
  --theme-right-sidebar-toolbar-background: hsl(0, 0%, 100%);
  --theme-right-sidebar-control-background: hsl(0, 0%, 100%);
  --theme-right-sidebar-control-foreground: hsl(215, 28%, 17%);
  --theme-right-sidebar-control-hover-background: hsl(190, 45%, 91%);
  --theme-right-sidebar-control-hover-foreground: hsl(196, 83%, 25%);
  --theme-right-sidebar-control-disabled-foreground: hsl(215, 14%, 60%);
  --theme-outliner-guide: hsl(214, 16%, 58%);
  --theme-outliner-guide-hover: hsl(196, 83%, 38%);
  --theme-outliner-guide-active: hsl(196, 83%, 34%);
  --theme-outliner-guide-selected: hsl(196, 76%, 32%);
  --theme-outliner-bullet: hsl(196, 83%, 38%);
  --theme-outliner-bullet-border: hsl(214, 16%, 62%);
  --theme-outliner-bullet-collapsed: hsl(174, 55%, 36%);
  --theme-outliner-bullet-active: hsl(196, 83%, 30%);
  --theme-emphasis: hsl(266, 52%, 42%);
  --theme-emphasis-hover: hsl(266, 55%, 32%);
  --theme-success: hsl(150, 55%, 38%);
  --theme-warning: hsl(42, 88%, 42%);
  --theme-danger: hsl(0, 70%, 47%);
  --theme-info: hsl(205, 78%, 42%);
  --theme-code-comment: hsl(266, 40%, 48%);
  --theme-code-string: hsl(42, 78%, 38%);
  --theme-code-keyword: hsl(0, 65%, 45%);
  --theme-code-builtin: hsl(174, 55%, 30%);
  --theme-code-constant: hsl(196, 75%, 34%);
  --theme-code-def: hsl(28, 75%, 40%);
  --theme-code-error-bg: hsl(0, 70%, 92%);
  --theme-page-title-fg: hsl(150, 55%, 30%);
  --theme-page-title-glow: hsl(150, 55%, 42%);
  --theme-page-title-scanline: hsl(150, 55%, 42%);
  --theme-page-title-beam: hsl(150, 55%, 42%);
  --theme-page-title-cyan: hsl(190, 70%, 42%);
  --theme-page-title-magenta: hsl(330, 60%, 45%);
  --theme-page-title-glitch-1: hsl(150, 55%, 30%);
  --theme-page-title-glitch-2: hsl(190, 70%, 42%);
  --theme-page-title-glitch-3: hsl(330, 60%, 45%);
  --theme-block-selection-background: hsl(190, 45%, 86%);
  --theme-outliner-parent-ring: hsl(215, 20%, 44%);
  --theme-image-canvas-background: hsl(210, 16%, 94%);
}

html:root[data-theme=light] {
  --background: 42 33% 98%;
  --foreground: 215 28% 17%;
  --card: 0 0% 100%;
  --card-foreground: 215 28% 17%;
  --popover: 0 0% 100%;
  --popover-foreground: 215 28% 17%;
  --primary: 196 83% 38%;
  --primary-foreground: 0 0% 100%;
  --primary-accent-foreground: 196 83% 30%;
  --secondary: 210 24% 94%;
  --secondary-foreground: 215 24% 22%;
  --muted: 210 20% 94%;
  --muted-foreground: 215 12% 43%;
  --accent: 190 45% 91%;
  --accent-foreground: 196 83% 25%;
  --destructive: 0 70% 47%;
  --destructive-foreground: 0 0% 100%;
  --border: 214 20% 86%;
  --input: 214 20% 82%;
  --ring: 196 83% 38%;
  --radius: 0.625rem;
  --kbd-glow-top: 190 85% 70%;
  --kbd-glow-bottom: 196 83% 38%;
}

html:root[data-theme=light] {
  --ls-primary-background-color: var(--theme-surface);
  --ls-secondary-background-color: var(--theme-surface-raised);
  --ls-tertiary-background-color: var(--theme-surface-inset);
  --ls-quaternary-background-color: var(--theme-surface-overlay);
  --ls-primary-text-color: var(--theme-text);
  --ls-secondary-text-color: var(--theme-text-muted);
  --ls-title-text-color: var(--theme-text);
  --ls-left-sidebar-text-color: var(--theme-text-muted);
  --ls-focus-ring-color: hsl(var(--primary));
  --ls-border-color: hsl(var(--border));
  --ls-secondary-border-color: hsl(var(--border));
  --ls-tertiary-border-color: hsl(var(--input));
  --ls-icon-color: var(--theme-icon-color);
  --ls-active-primary-color: hsl(var(--primary));
  --ls-active-secondary-color: hsl(var(--accent-foreground));
  --ls-a-chosen-bg: hsl(var(--accent));
  --ls-menu-hover-color: hsl(var(--accent));
  --ls-selection-background-color: hsl(var(--accent));
  --ls-selection-text-color: hsl(var(--foreground));
  --ls-link-text-color: var(--theme-link-foreground);
  --ls-link-text-hover-color: var(--theme-link-hover-foreground);
  --ls-link-ref-text-color: var(--theme-link-foreground);
  --ls-link-ref-text-hover-color: var(--theme-link-hover-foreground);
  --ls-block-ref-link-text-color: var(--theme-link-foreground);
  --ls-tag-text-color: hsl(var(--muted-foreground));
  --ls-tag-text-hover-color: hsl(var(--primary-accent-foreground));
  --ls-cloze-text-color: hsl(var(--primary-accent-foreground));
  --ls-tag-text-opacity: 0.9;
  --ls-tag-text-hover-opacity: 1;
  --ls-block-bullet-color: var(--theme-outliner-bullet);
  --ls-block-bullet-active-color: var(--theme-outliner-bullet-active);
  --ls-block-bullet-border-color: var(--theme-outliner-bullet-border);
  --ls-block-left-color: var(--theme-outliner-guide);
  --ls-guideline-color: var(--theme-outliner-guide);
  --ls-page-checkbox-border-color: hsl(var(--input));
  --ls-page-checkbox-color: hsl(var(--primary));
  --ls-page-inline-code-bg-color: hsl(var(--muted));
  --ls-page-inline-code-color: hsl(var(--primary-accent-foreground));
  --ls-page-mark-bg-color: hsl(var(--accent));
  --ls-page-mark-color: hsl(var(--foreground));
  --ls-page-blockquote-bg-color: hsl(var(--muted));
  --ls-page-blockquote-border-color: hsl(var(--primary));
  --ls-page-blockquote-color: hsl(var(--muted-foreground));
  --ls-table-tr-even-background-color: hsl(var(--muted));
  --ls-block-properties-background-color: var(--theme-property-background);
  --ls-page-properties-background-color: var(--theme-property-background);
  --ls-notification-background: hsl(var(--popover));
  --ls-notification-text-color: hsl(var(--popover-foreground));
  --ls-modal-overlay-gradient-start: hsl(var(--foreground)/0.32);
  --ls-modal-overlay-gradient-end: hsl(var(--foreground)/0.55);
  --ls-block-highlight-color: var(--theme-block-selection-background);
  --ls-scrollbar-background-color: hsl(var(--background));
  --ls-scrollbar-foreground-color: hsl(var(--muted-foreground));
  --ls-scrollbar-thumb-hover-color: hsl(var(--input));
  --ls-slide-background-color: hsl(var(--card));
  --ls-wb-background-color-default: hsl(var(--background));
  --ls-wb-stroke-color-default: hsl(var(--foreground));
  --ls-wb-text-color-default: hsl(var(--foreground));
}

html:root[data-theme=light] {
  --ph-link-color: var(--ls-link-text-color);
  --ph-highlight-scroll-into-color: var(--ls-block-highlight-color);
  --ph-highlight-color-blue: var(--ls-selection-background-color);
  --ph-highlight-color-green: hsl(150 55% 42% / .35);
  --ph-highlight-color-purple: hsl(266 55% 55% / .35);
  --ph-highlight-color-red: hsl(0 65% 55% / .35);
  --ph-highlight-color-yellow: hsl(44 88% 52% / .35);
  --lx-pdf-container-dark-bg: hsl(220 18% 8%);
}

html:root[data-theme=light] {
  --lx-gray-01: hsl(0, 0%, 100%);
  --lx-gray-01-alpha: hsl(215 28% 17% / 0.03);
  --lx-gray-02: hsl(210, 25%, 98%);
  --lx-gray-02-alpha: hsl(215 28% 17% / 0.095);
  --lx-gray-03: hsl(210, 24%, 95%);
  --lx-gray-03-alpha: hsl(215 28% 17% / 0.16);
  --lx-gray-04: hsl(210, 22%, 92%);
  --lx-gray-04-alpha: hsl(215 28% 17% / 0.225);
  --lx-gray-05: hsl(210, 20%, 89%);
  --lx-gray-05-alpha: hsl(215 28% 17% / 0.29);
  --lx-gray-06: hsl(214, 18%, 85%);
  --lx-gray-06-alpha: hsl(215 28% 17% / 0.355);
  --lx-gray-07: hsl(214, 16%, 78%);
  --lx-gray-07-alpha: hsl(215 28% 17% / 0.42);
  --lx-gray-08: hsl(214, 15%, 70%);
  --lx-gray-08-alpha: hsl(215 28% 17% / 0.485);
  --lx-gray-09: hsl(214, 14%, 60%);
  --lx-gray-09-alpha: hsl(215 28% 17% / 0.55);
  --lx-gray-10: hsl(215, 18%, 48%);
  --lx-gray-10-alpha: hsl(215 28% 17% / 0.615);
  --lx-gray-11: hsl(215, 22%, 34%);
  --lx-gray-11-alpha: hsl(215 28% 17% / 0.68);
  --lx-gray-12: hsl(215, 28%, 17%);
  --lx-gray-12-alpha: hsl(215 28% 17% / 0.745);
  --lx-accent-01: hsl(190, 80%, 98%);
  --lx-accent-01-alpha: hsl(190 82% 43% / 0.03);
  --lx-accent-02: hsl(190, 76%, 95%);
  --lx-accent-02-alpha: hsl(190 82% 43% / 0.097);
  --lx-accent-03: hsl(190, 72%, 91%);
  --lx-accent-03-alpha: hsl(190 82% 43% / 0.164);
  --lx-accent-04: hsl(190, 68%, 86%);
  --lx-accent-04-alpha: hsl(190 82% 43% / 0.231);
  --lx-accent-05: hsl(190, 65%, 80%);
  --lx-accent-05-alpha: hsl(190 82% 43% / 0.298);
  --lx-accent-06: hsl(190, 62%, 72%);
  --lx-accent-06-alpha: hsl(190 82% 43% / 0.365);
  --lx-accent-07: hsl(190, 63%, 62%);
  --lx-accent-07-alpha: hsl(190 82% 43% / 0.432);
  --lx-accent-08: hsl(190, 68%, 52%);
  --lx-accent-08-alpha: hsl(190 82% 43% / 0.499);
  --lx-accent-09: hsl(190, 82%, 43%);
  --lx-accent-09-alpha: hsl(190 82% 43% / 0.566);
  --lx-accent-10: hsl(190, 83%, 37%);
  --lx-accent-10-alpha: hsl(190 82% 43% / 0.633);
  --lx-accent-11: hsl(190, 83%, 30%);
  --lx-accent-11-alpha: hsl(190 82% 43% / 0.7);
  --lx-accent-12: hsl(190, 80%, 18%);
  --lx-accent-12-alpha: hsl(190 82% 43% / 0.767);
}

html:root[data-theme=dark] {
  --theme-surface: hsl(215, 25%, 13%);
  --theme-surface-raised: hsl(215, 23%, 16%);
  --theme-surface-overlay: hsl(215, 24%, 16%);
  --theme-surface-inset: hsl(215, 22%, 15%);
  --theme-text: hsl(210, 20%, 91%);
  --theme-text-muted: hsl(214, 12%, 65%);
  --theme-text-faint: hsl(215, 16%, 46%);
  --theme-link-foreground: hsl(210, 18%, 82%);
  --theme-link-hover-foreground: hsl(190, 88%, 72%);
  --theme-link-decoration: hsl(215, 18%, 52%);
  --theme-link-decoration-hover: hsl(190, 82%, 57%);
  --theme-block-highlight-background: hsl(190, 34%, 22%);
  --theme-block-ref-hover-background: hsl(190, 34%, 22%);
  --theme-block-ref-hover-foreground: hsl(190, 82%, 77%);
  --theme-reference-count-background: hsl(215, 21%, 19%);
  --theme-reference-count-foreground: hsl(210, 18%, 86%);
  --theme-border-subtle: hsl(215, 18%, 25%);
  --theme-border: hsl(215, 18%, 32%);
  --theme-border-strong: hsl(215, 18%, 46%);
  --theme-divider: hsl(215, 18%, 62%);
  --theme-primary: hsl(190, 82%, 57%);
  --theme-primary-hover: hsl(190, 88%, 72%);
  --theme-accent: hsl(174, 58%, 66%);
  --theme-accent-hover: hsl(174, 68%, 76%);
  --theme-heading-divider: hsl(190, 82%, 57%);
  --theme-property-background: hsl(215, 21%, 18%);
  --theme-property-key-color: hsl(210, 20%, 91%);
  --theme-property-value-color: hsl(210, 20%, 91%);
  --theme-property-border: hsl(215, 18%, 32%);
  --theme-ordered-marker-foreground: hsl(190, 88%, 72%);
  --theme-ordered-marker-hover: hsl(190, 92%, 82%);
  --theme-task-unchecked-background: hsl(215, 25%, 16%);
  --theme-task-unchecked-border: hsl(215, 18%, 46%);
  --theme-task-checked-background: hsl(190, 82%, 57%);
  --theme-task-checked-foreground: hsl(215, 30%, 10%);
  --theme-task-hover-background: hsl(190, 34%, 22%);
  --theme-task-focus: hsl(190, 82%, 57%);
  --theme-task-disabled: hsl(215, 16%, 46%);
  --theme-task-completed: hsl(214, 12%, 65%);
  --theme-task-cancelled: hsl(0, 55%, 68%);
  --theme-query-background: hsl(215, 25%, 13%);
  --theme-query-foreground: hsl(210, 20%, 91%);
  --theme-query-border: hsl(215, 18%, 32%);
  --theme-preview-background: hsl(215, 24%, 16%);
  --theme-preview-foreground: hsl(210, 20%, 91%);
  --theme-preview-muted-foreground: hsl(214, 12%, 65%);
  --theme-preview-border: hsl(215, 18%, 32%);
  --theme-preview-block-background: hsl(215, 22%, 15%);
  --theme-preview-block-highlight-background: hsl(190, 38%, 26%);
  --theme-heading-divider-secondary: hsl(215, 18%, 46%);
  --theme-header-background: hsl(215, 24%, 16%);
  --theme-header-foreground: hsl(210, 20%, 91%);
  --theme-header-border: hsl(215, 18%, 32%);
  --theme-icon-color: hsl(214, 12%, 65%);
  --theme-icon-hover-color: hsl(190, 88%, 72%);
  --theme-icon-active-color: hsl(190, 82%, 77%);
  --theme-header-icon-color: hsl(214, 12%, 65%);
  --theme-header-icon-hover-color: hsl(190, 88%, 72%);
  --theme-header-icon-active-color: hsl(190, 82%, 77%);
  --theme-header-control-hover-background: hsl(190, 34%, 22%);
  --theme-header-control-active-background: hsl(190, 34%, 22%);
  --theme-right-sidebar-toolbar-background: hsl(215, 23%, 16%);
  --theme-right-sidebar-control-background: hsl(215, 23%, 16%);
  --theme-right-sidebar-control-foreground: hsl(210, 20%, 91%);
  --theme-right-sidebar-control-hover-background: hsl(190, 34%, 22%);
  --theme-right-sidebar-control-hover-foreground: hsl(190, 82%, 77%);
  --theme-right-sidebar-control-disabled-foreground: hsl(215, 16%, 46%);
  --theme-outliner-guide: hsl(214, 18%, 56%);
  --theme-outliner-guide-hover: hsl(190, 82%, 62%);
  --theme-outliner-guide-active: hsl(190, 88%, 70%);
  --theme-outliner-guide-selected: hsl(190, 82%, 66%);
  --theme-outliner-bullet: hsl(190, 82%, 57%);
  --theme-outliner-bullet-border: hsl(190, 30%, 70%);
  --theme-outliner-bullet-collapsed: hsl(174, 58%, 66%);
  --theme-outliner-bullet-active: hsl(190, 92%, 82%);
  --theme-emphasis: hsl(266, 76%, 78%);
  --theme-emphasis-hover: hsl(266, 82%, 86%);
  --theme-success: hsl(150, 55%, 58%);
  --theme-warning: hsl(42, 88%, 65%);
  --theme-danger: hsl(0, 72%, 61%);
  --theme-info: hsl(205, 78%, 64%);
  --theme-code-comment: hsl(266, 55%, 72%);
  --theme-code-string: hsl(42, 90%, 76%);
  --theme-code-keyword: hsl(0, 72%, 72%);
  --theme-code-builtin: hsl(174, 58%, 72%);
  --theme-code-constant: hsl(196, 82%, 72%);
  --theme-code-def: hsl(28, 85%, 72%);
  --theme-code-error-bg: hsl(0, 48%, 24%);
  --theme-page-title-fg: hsl(150, 65%, 70%);
  --theme-page-title-glow: hsl(150, 55%, 58%);
  --theme-page-title-scanline: hsl(150, 55%, 58%);
  --theme-page-title-beam: hsl(150, 55%, 58%);
  --theme-page-title-cyan: hsl(190, 82%, 70%);
  --theme-page-title-magenta: hsl(330, 75%, 72%);
  --theme-page-title-glitch-1: hsl(150, 65%, 70%);
  --theme-page-title-glitch-2: hsl(190, 82%, 70%);
  --theme-page-title-glitch-3: hsl(330, 75%, 72%);
  --theme-block-selection-background: hsl(190, 38%, 26%);
  --theme-outliner-parent-ring: hsl(190, 32%, 76%);
  --theme-image-canvas-background: hsl(210, 12%, 84%);
}

html:root[data-theme=dark] {
  --background: 215 28% 10%;
  --foreground: 210 20% 91%;
  --card: 215 25% 13%;
  --card-foreground: 210 20% 91%;
  --popover: 215 24% 16%;
  --popover-foreground: 210 20% 91%;
  --primary: 190 82% 57%;
  --primary-foreground: 215 30% 10%;
  --primary-accent-foreground: 190 82% 68%;
  --secondary: 215 21% 19%;
  --secondary-foreground: 210 18% 86%;
  --muted: 215 21% 18%;
  --muted-foreground: 214 12% 65%;
  --accent: 190 34% 22%;
  --accent-foreground: 190 82% 77%;
  --destructive: 0 72% 61%;
  --destructive-foreground: 215 30% 10%;
  --border: 215 18% 27%;
  --input: 215 18% 32%;
  --ring: 190 82% 57%;
  --radius: 0.625rem;
  --kbd-glow-top: 190 82% 57%;
  --kbd-glow-bottom: 215 30% 10%;
}

html:root[data-theme=dark] {
  --ls-primary-background-color: var(--theme-surface);
  --ls-secondary-background-color: var(--theme-surface-raised);
  --ls-tertiary-background-color: var(--theme-surface-inset);
  --ls-quaternary-background-color: var(--theme-surface-overlay);
  --ls-primary-text-color: var(--theme-text);
  --ls-secondary-text-color: var(--theme-text-muted);
  --ls-title-text-color: var(--theme-text);
  --ls-left-sidebar-text-color: var(--theme-text-muted);
  --ls-focus-ring-color: hsl(var(--primary));
  --ls-border-color: hsl(var(--border));
  --ls-secondary-border-color: hsl(var(--border));
  --ls-tertiary-border-color: hsl(var(--input));
  --ls-icon-color: var(--theme-icon-color);
  --ls-active-primary-color: hsl(var(--primary));
  --ls-active-secondary-color: hsl(var(--accent-foreground));
  --ls-a-chosen-bg: hsl(var(--accent));
  --ls-menu-hover-color: hsl(var(--accent));
  --ls-selection-background-color: hsl(var(--accent));
  --ls-selection-text-color: hsl(var(--foreground));
  --ls-link-text-color: var(--theme-link-foreground);
  --ls-link-text-hover-color: var(--theme-link-hover-foreground);
  --ls-link-ref-text-color: var(--theme-link-foreground);
  --ls-link-ref-text-hover-color: var(--theme-link-hover-foreground);
  --ls-block-ref-link-text-color: var(--theme-link-foreground);
  --ls-tag-text-color: hsl(var(--muted-foreground));
  --ls-tag-text-hover-color: hsl(var(--primary-accent-foreground));
  --ls-cloze-text-color: hsl(var(--primary-accent-foreground));
  --ls-tag-text-opacity: 0.9;
  --ls-tag-text-hover-opacity: 1;
  --ls-block-bullet-color: var(--theme-outliner-bullet);
  --ls-block-bullet-active-color: var(--theme-outliner-bullet-active);
  --ls-block-bullet-border-color: var(--theme-outliner-bullet-border);
  --ls-block-left-color: var(--theme-outliner-guide);
  --ls-guideline-color: var(--theme-outliner-guide);
  --ls-page-checkbox-border-color: hsl(var(--input));
  --ls-page-checkbox-color: hsl(var(--primary));
  --ls-page-inline-code-bg-color: hsl(var(--muted));
  --ls-page-inline-code-color: hsl(var(--primary-accent-foreground));
  --ls-page-mark-bg-color: hsl(var(--accent));
  --ls-page-mark-color: hsl(var(--foreground));
  --ls-page-blockquote-bg-color: hsl(var(--muted));
  --ls-page-blockquote-border-color: hsl(var(--primary));
  --ls-page-blockquote-color: hsl(var(--muted-foreground));
  --ls-table-tr-even-background-color: hsl(var(--muted));
  --ls-block-properties-background-color: var(--theme-property-background);
  --ls-page-properties-background-color: var(--theme-property-background);
  --ls-notification-background: hsl(var(--popover));
  --ls-notification-text-color: hsl(var(--popover-foreground));
  --ls-modal-overlay-gradient-start: hsl(var(--foreground)/0.32);
  --ls-modal-overlay-gradient-end: hsl(var(--foreground)/0.55);
  --ls-block-highlight-color: var(--theme-block-selection-background);
  --ls-scrollbar-background-color: hsl(var(--background));
  --ls-scrollbar-foreground-color: hsl(var(--muted-foreground));
  --ls-scrollbar-thumb-hover-color: hsl(var(--input));
  --ls-slide-background-color: hsl(var(--card));
  --ls-wb-background-color-default: hsl(var(--background));
  --ls-wb-stroke-color-default: hsl(var(--foreground));
  --ls-wb-text-color-default: hsl(var(--foreground));
}

html:root[data-theme=dark] {
  --ph-link-color: var(--ls-link-text-color);
  --ph-highlight-scroll-into-color: var(--ls-block-highlight-color);
  --ph-highlight-color-blue: var(--ls-selection-background-color);
  --ph-highlight-color-green: hsl(150 55% 42% / .35);
  --ph-highlight-color-purple: hsl(266 55% 55% / .35);
  --ph-highlight-color-red: hsl(0 65% 55% / .35);
  --ph-highlight-color-yellow: hsl(44 88% 52% / .35);
  --lx-pdf-container-dark-bg: hsl(220 18% 8%);
}

html:root[data-theme=dark] {
  --lx-gray-01: hsl(215, 28%, 10%);
  --lx-gray-01-alpha: hsl(0 0% 0% / 0.03);
  --lx-gray-02: hsl(215, 26%, 12%);
  --lx-gray-02-alpha: hsl(0 0% 0% / 0.097);
  --lx-gray-03: hsl(215, 24%, 15%);
  --lx-gray-03-alpha: hsl(0 0% 0% / 0.164);
  --lx-gray-04: hsl(215, 23%, 18%);
  --lx-gray-04-alpha: hsl(0 0% 0% / 0.231);
  --lx-gray-05: hsl(215, 21%, 21%);
  --lx-gray-05-alpha: hsl(0 0% 0% / 0.298);
  --lx-gray-06: hsl(215, 19%, 25%);
  --lx-gray-06-alpha: hsl(0 0% 0% / 0.365);
  --lx-gray-07: hsl(215, 18%, 31%);
  --lx-gray-07-alpha: hsl(0 0% 0% / 0.432);
  --lx-gray-08: hsl(215, 17%, 38%);
  --lx-gray-08-alpha: hsl(0 0% 0% / 0.499);
  --lx-gray-09: hsl(215, 16%, 46%);
  --lx-gray-09-alpha: hsl(0 0% 0% / 0.566);
  --lx-gray-10: hsl(215, 16%, 55%);
  --lx-gray-10-alpha: hsl(0 0% 0% / 0.633);
  --lx-gray-11: hsl(214, 16%, 72%);
  --lx-gray-11-alpha: hsl(0 0% 0% / 0.7);
  --lx-gray-12: hsl(210, 20%, 91%);
  --lx-gray-12-alpha: hsl(0 0% 0% / 0.767);
  --lx-accent-01: hsl(190, 70%, 10%);
  --lx-accent-01-alpha: hsl(190 82% 57% / 0.03);
  --lx-accent-02: hsl(190, 65%, 13%);
  --lx-accent-02-alpha: hsl(190 82% 57% / 0.097);
  --lx-accent-03: hsl(190, 60%, 17%);
  --lx-accent-03-alpha: hsl(190 82% 57% / 0.164);
  --lx-accent-04: hsl(190, 55%, 21%);
  --lx-accent-04-alpha: hsl(190 82% 57% / 0.231);
  --lx-accent-05: hsl(190, 52%, 26%);
  --lx-accent-05-alpha: hsl(190 82% 57% / 0.298);
  --lx-accent-06: hsl(190, 54%, 31%);
  --lx-accent-06-alpha: hsl(190 82% 57% / 0.365);
  --lx-accent-07: hsl(190, 58%, 38%);
  --lx-accent-07-alpha: hsl(190 82% 57% / 0.432);
  --lx-accent-08: hsl(190, 64%, 46%);
  --lx-accent-08-alpha: hsl(190 82% 57% / 0.499);
  --lx-accent-09: hsl(190, 82%, 57%);
  --lx-accent-09-alpha: hsl(190 82% 57% / 0.566);
  --lx-accent-10: hsl(190, 83%, 64%);
  --lx-accent-10-alpha: hsl(190 82% 57% / 0.633);
  --lx-accent-11: hsl(190, 82%, 74%);
  --lx-accent-11-alpha: hsl(190 82% 57% / 0.7);
  --lx-accent-12: hsl(190, 80%, 90%);
  --lx-accent-12-alpha: hsl(190 82% 57% / 0.767);
}

.ls-block[data-kd-page-preview-mounted=true] [class~=block-properties] > div:has(.page-property-key[data-ref=page-preview]) {
  display: none !important;
}

.ls-block[data-kd-page-preview-mounted=true] [class~=block-properties]:has(> div:only-child .page-property-key[data-ref=page-preview]) {
  display: none !important;
}

:where(#main-content-container .block-content img,
#right-sidebar .block-content img,
.ls-preview-popup > .tippy-wrapper.as-page .block-content img) {
  max-height: 50vh;
  background-color: var(--theme-image-canvas-background);
}

:where(.pswp__img) {
  background-color: var(--theme-image-canvas-background);
}

:where(.asset-container) {
  margin-block: var(--theme-spacing-2);
}

:where(.is-paragraph .ls-resize-image.align-right) {
  float: right;
  margin-left: var(--theme-spacing-4);
  margin-bottom: var(--theme-spacing-2);
}

:where(.is-paragraph .ls-resize-image.align-left) {
  float: left;
  margin-right: var(--theme-spacing-4);
  margin-bottom: var(--theme-spacing-2);
}

:where(.is-paragraph .asset-container, .is-paragraph .ls-resize-image.align-center) {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

:where(.is-paragraph .asset-container img, .is-paragraph .ls-resize-image.align-center img) {
  display: block;
  margin-inline: auto;
}

:where(.document-mode .ls-page, .document-mode .non-block-editor) {
  padding-inline: var(--theme-page-inline-padding);
}