@industry-theme/file-editing-panels 0.3.16 → 0.3.18

package/dist/panels.bundle.js

@@ -3,14 +3,2420 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".mdxeditor {\n  /** Code mirror */\n  & .cm-editor {\n    --sp-font-mono: var(--font-mono);\n    --sp-font-body: var(--font-body);\n    padding: var(--sp-space-4) 0;\n  }\n\n  & .sp-editor .cm-editor {\n    padding-bottom: 0;\n  }\n\n  & .cm-scroller {\n    padding: 0 !important;\n  }\n\n  & .cm-focused {\n    outline: none;\n  }\n\n  & .sp-wrapper {\n    overflow: hidden;\n  }\n\n  & .sp-layout {\n    border: none;\n  }\n\n  & .sp-cm {\n    & pre {\n      white-space: break-spaces;\n      word-break: break-word;\n      overflow-wrap: anywhere;\n      flex-shrink: 1;\n    }\n  }\n\n  /** Diff viewer */\n  & .cm-mergeView .cm-scroller {\n    font-family: var(--font-mono);\n    line-height: 1.3rem;\n    font-size: var(--text-xs);\n  }\n\n  /** Diff viewer */\n  & .cm-sourceView .cm-scroller {\n    font-family: var(--font-mono);\n    line-height: 1.3rem;\n    font-size: var(--text-xs);\n  }\n\n  & .cm-gutters {\n    background: transparent;\n    font-size: var(--text-xxs);\n  }\n\n  & .cm-activeLine {\n    background: transparent;\n  }\n\n  & .cm-tooltip-autocomplete {\n    background: var(--baseBgSubtle);\n  }\n\n\n  hr[data-lexical-decorator=true].selected {\n    outline: 2px solid highlight;\n  }\n}\n:root, .light, .light-theme {\n  --blue-1: #fbfdff;\n  --blue-2: #f4faff;\n  --blue-3: #e6f4fe;\n  --blue-4: #d5efff;\n  --blue-5: #c2e5ff;\n  --blue-6: #acd8fc;\n  --blue-7: #8ec8f6;\n  --blue-8: #5eb1ef;\n  --blue-9: #0090ff;\n  --blue-10: #0588f0;\n  --blue-11: #0d74ce;\n  --blue-12: #113264;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --blue-1: color(display-p3 0.986 0.992 0.999);\n      --blue-2: color(display-p3 0.96 0.979 0.998);\n      --blue-3: color(display-p3 0.912 0.956 0.991);\n      --blue-4: color(display-p3 0.853 0.932 1);\n      --blue-5: color(display-p3 0.788 0.894 0.998);\n      --blue-6: color(display-p3 0.709 0.843 0.976);\n      --blue-7: color(display-p3 0.606 0.777 0.947);\n      --blue-8: color(display-p3 0.451 0.688 0.917);\n      --blue-9: color(display-p3 0.247 0.556 0.969);\n      --blue-10: color(display-p3 0.234 0.523 0.912);\n      --blue-11: color(display-p3 0.15 0.44 0.84);\n      --blue-12: color(display-p3 0.102 0.193 0.379);\n    }\n  }\n}.dark, .dark-theme {\n  --blue-1: #0d1520;\n  --blue-2: #111927;\n  --blue-3: #0d2847;\n  --blue-4: #003362;\n  --blue-5: #004074;\n  --blue-6: #104d87;\n  --blue-7: #205d9e;\n  --blue-8: #2870bd;\n  --blue-9: #0090ff;\n  --blue-10: #3b9eff;\n  --blue-11: #70b8ff;\n  --blue-12: #c2e6ff;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    .dark, .dark-theme {\n      --blue-1: color(display-p3 0.057 0.081 0.122);\n      --blue-2: color(display-p3 0.072 0.098 0.147);\n      --blue-3: color(display-p3 0.078 0.154 0.27);\n      --blue-4: color(display-p3 0.033 0.197 0.37);\n      --blue-5: color(display-p3 0.08 0.245 0.441);\n      --blue-6: color(display-p3 0.14 0.298 0.511);\n      --blue-7: color(display-p3 0.195 0.361 0.6);\n      --blue-8: color(display-p3 0.239 0.434 0.72);\n      --blue-9: color(display-p3 0.247 0.556 0.969);\n      --blue-10: color(display-p3 0.344 0.612 0.973);\n      --blue-11: color(display-p3 0.49 0.72 1);\n      --blue-12: color(display-p3 0.788 0.898 0.99);\n    }\n  }\n}:root, .light, .light-theme {\n  --slate-1: #fcfcfd;\n  --slate-2: #f9f9fb;\n  --slate-3: #f0f0f3;\n  --slate-4: #e8e8ec;\n  --slate-5: #e0e1e6;\n  --slate-6: #d9d9e0;\n  --slate-7: #cdced6;\n  --slate-8: #b9bbc6;\n  --slate-9: #8b8d98;\n  --slate-10: #80838d;\n  --slate-11: #60646c;\n  --slate-12: #1c2024;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --slate-1: color(display-p3 0.988 0.988 0.992);\n      --slate-2: color(display-p3 0.976 0.976 0.984);\n      --slate-3: color(display-p3 0.94 0.941 0.953);\n      --slate-4: color(display-p3 0.908 0.909 0.925);\n      --slate-5: color(display-p3 0.88 0.881 0.901);\n      --slate-6: color(display-p3 0.85 0.852 0.876);\n      --slate-7: color(display-p3 0.805 0.808 0.838);\n      --slate-8: color(display-p3 0.727 0.733 0.773);\n      --slate-9: color(display-p3 0.547 0.553 0.592);\n      --slate-10: color(display-p3 0.503 0.512 0.549);\n      --slate-11: color(display-p3 0.379 0.392 0.421);\n      --slate-12: color(display-p3 0.113 0.125 0.14);\n    }\n  }\n}.dark, .dark-theme {\n  --slate-1: #111113;\n  --slate-2: #18191b;\n  --slate-3: #212225;\n  --slate-4: #272a2d;\n  --slate-5: #2e3135;\n  --slate-6: #363a3f;\n  --slate-7: #43484e;\n  --slate-8: #5a6169;\n  --slate-9: #696e77;\n  --slate-10: #777b84;\n  --slate-11: #b0b4ba;\n  --slate-12: #edeef0;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    .dark, .dark-theme {\n      --slate-1: color(display-p3 0.067 0.067 0.074);\n      --slate-2: color(display-p3 0.095 0.098 0.105);\n      --slate-3: color(display-p3 0.13 0.135 0.145);\n      --slate-4: color(display-p3 0.156 0.163 0.176);\n      --slate-5: color(display-p3 0.183 0.191 0.206);\n      --slate-6: color(display-p3 0.215 0.226 0.244);\n      --slate-7: color(display-p3 0.265 0.28 0.302);\n      --slate-8: color(display-p3 0.357 0.381 0.409);\n      --slate-9: color(display-p3 0.415 0.431 0.463);\n      --slate-10: color(display-p3 0.469 0.483 0.514);\n      --slate-11: color(display-p3 0.692 0.704 0.728);\n      --slate-12: color(display-p3 0.93 0.933 0.94);\n    }\n  }\n}:root, .light, .light-theme {\n  --grass-1: #fbfefb;\n  --grass-2: #f5fbf5;\n  --grass-3: #e9f6e9;\n  --grass-4: #daf1db;\n  --grass-5: #c9e8ca;\n  --grass-6: #b2ddb5;\n  --grass-7: #94ce9a;\n  --grass-8: #65ba74;\n  --grass-9: #46a758;\n  --grass-10: #3e9b4f;\n  --grass-11: #2a7e3b;\n  --grass-12: #203c25;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --grass-1: color(display-p3 0.986 0.996 0.985);\n      --grass-2: color(display-p3 0.966 0.983 0.964);\n      --grass-3: color(display-p3 0.923 0.965 0.917);\n      --grass-4: color(display-p3 0.872 0.94 0.865);\n      --grass-5: color(display-p3 0.811 0.908 0.802);\n      --grass-6: color(display-p3 0.733 0.864 0.724);\n      --grass-7: color(display-p3 0.628 0.803 0.622);\n      --grass-8: color(display-p3 0.477 0.72 0.482);\n      --grass-9: color(display-p3 0.38 0.647 0.378);\n      --grass-10: color(display-p3 0.344 0.598 0.342);\n      --grass-11: color(display-p3 0.263 0.488 0.261);\n      --grass-12: color(display-p3 0.151 0.233 0.153);\n    }\n  }\n}:root, .light, .light-theme {\n  --cyan-1: #fafdfe;\n  --cyan-2: #f2fafb;\n  --cyan-3: #def7f9;\n  --cyan-4: #caf1f6;\n  --cyan-5: #b5e9f0;\n  --cyan-6: #9ddde7;\n  --cyan-7: #7dcedc;\n  --cyan-8: #3db9cf;\n  --cyan-9: #00a2c7;\n  --cyan-10: #0797b9;\n  --cyan-11: #107d98;\n  --cyan-12: #0d3c48;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --cyan-1: color(display-p3 0.982 0.992 0.996);\n      --cyan-2: color(display-p3 0.955 0.981 0.984);\n      --cyan-3: color(display-p3 0.888 0.965 0.975);\n      --cyan-4: color(display-p3 0.821 0.941 0.959);\n      --cyan-5: color(display-p3 0.751 0.907 0.935);\n      --cyan-6: color(display-p3 0.671 0.862 0.9);\n      --cyan-7: color(display-p3 0.564 0.8 0.854);\n      --cyan-8: color(display-p3 0.388 0.715 0.798);\n      --cyan-9: color(display-p3 0.282 0.627 0.765);\n      --cyan-10: color(display-p3 0.264 0.583 0.71);\n      --cyan-11: color(display-p3 0.08 0.48 0.63);\n      --cyan-12: color(display-p3 0.108 0.232 0.277);\n    }\n  }\n}:root, .light, .light-theme {\n  --amber-1: #fefdfb;\n  --amber-2: #fefbe9;\n  --amber-3: #fff7c2;\n  --amber-4: #ffee9c;\n  --amber-5: #fbe577;\n  --amber-6: #f3d673;\n  --amber-7: #e9c162;\n  --amber-8: #e2a336;\n  --amber-9: #ffc53d;\n  --amber-10: #ffba18;\n  --amber-11: #ab6400;\n  --amber-12: #4f3422;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --amber-1: color(display-p3 0.995 0.992 0.985);\n      --amber-2: color(display-p3 0.994 0.986 0.921);\n      --amber-3: color(display-p3 0.994 0.969 0.782);\n      --amber-4: color(display-p3 0.989 0.937 0.65);\n      --amber-5: color(display-p3 0.97 0.902 0.527);\n      --amber-6: color(display-p3 0.936 0.844 0.506);\n      --amber-7: color(display-p3 0.89 0.762 0.443);\n      --amber-8: color(display-p3 0.85 0.65 0.3);\n      --amber-9: color(display-p3 1 0.77 0.26);\n      --amber-10: color(display-p3 0.959 0.741 0.274);\n      --amber-11: color(display-p3 0.64 0.4 0);\n      --amber-12: color(display-p3 0.294 0.208 0.145);\n    }\n  }\n}:root, .light, .light-theme {\n  --red-1: #fffcfc;\n  --red-2: #fff7f7;\n  --red-3: #feebec;\n  --red-4: #ffdbdc;\n  --red-5: #ffcdce;\n  --red-6: #fdbdbe;\n  --red-7: #f4a9aa;\n  --red-8: #eb8e90;\n  --red-9: #e5484d;\n  --red-10: #dc3e42;\n  --red-11: #ce2c31;\n  --red-12: #641723;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --red-1: color(display-p3 0.998 0.989 0.988);\n      --red-2: color(display-p3 0.995 0.971 0.971);\n      --red-3: color(display-p3 0.985 0.925 0.925);\n      --red-4: color(display-p3 0.999 0.866 0.866);\n      --red-5: color(display-p3 0.984 0.812 0.811);\n      --red-6: color(display-p3 0.955 0.751 0.749);\n      --red-7: color(display-p3 0.915 0.675 0.672);\n      --red-8: color(display-p3 0.872 0.575 0.572);\n      --red-9: color(display-p3 0.83 0.329 0.324);\n      --red-10: color(display-p3 0.798 0.294 0.285);\n      --red-11: color(display-p3 0.744 0.234 0.222);\n      --red-12: color(display-p3 0.36 0.115 0.143);\n    }\n  }\n}.ui-module_editorRoot_3d63c {\n  --accentBase: var(--blue-1);\n  --accentBgSubtle: var(--blue-2);\n  --accentBg: var(--blue-3);\n  --accentBgHover: var(--blue-4);\n  --accentBgActive: var(--blue-5);\n  --accentLine: var(--blue-6);\n  --accentBorder: var(--blue-7);\n  --accentBorderHover: var(--blue-8);\n  --accentSolid: var(--blue-9);\n  --accentSolidHover: var(--blue-10);\n  --accentText: var(--blue-11);\n  --accentTextContrast: var(--blue-12);\n\n  --basePageBg: white;\n  --baseBase: var(--slate-1);\n  --baseBgSubtle: var(--slate-2);\n  --baseBg: var(--slate-3);\n  --baseBgHover: var(--slate-4);\n  --baseBgActive: var(--slate-5);\n  --baseLine: var(--slate-6);\n  --baseBorder: var(--slate-7);\n  --baseBorderHover: var(--slate-8);\n  --baseSolid: var(--slate-9);\n  --baseSolidHover: var(--slate-10);\n  --baseText: var(--slate-11);\n  --baseTextContrast: var(--slate-12);\n\n  --admonitionTipBg: var(--cyan-4);\n  --admonitionTipBorder: var(--cyan-8);\n\n  --admonitionInfoBg: var(--grass-4);\n  --admonitionInfoBorder: var(--grass-8);\n\n  --admonitionCautionBg: var(--amber-4);\n  --admonitionCautionBorder: var(--amber-8);\n\n  --admonitionDangerBg: var(--red-4);\n  --admonitionDangerBorder: var(--red-8);\n\n  --admonitionNoteBg: var(--slate-4);\n  --admonitionNoteBorder: var(--slate-8);\n\n  --error-color: var(--red-10);\n\n  --spacing-0: 0px;\n  --spacing-px: 1px;\n  --spacing-0_5: 0.125rem;\n  --spacing-1: 0.25rem;\n  --spacing-1_5: 0.375rem;\n  --spacing-2: 0.5rem;\n  --spacing-2_5: 0.625rem;\n  --spacing-3: 0.75rem;\n  --spacing-3_5: 0.875rem;\n  --spacing-4: 1rem;\n  --spacing-5: 1.25rem;\n  --spacing-6: 1.5rem;\n  --spacing-7: 1.75rem;\n  --spacing-8: 2rem;\n  --spacing-9: 2.25rem;\n  --spacing-10: 2.5rem;\n  --spacing-11: 2.75rem;\n  --spacing-12: 3rem;\n  --spacing-14: 3.5rem;\n  --spacing-16: 4rem;\n  --spacing-20: 5rem;\n  --spacing-24: 6rem;\n  --spacing-28: 7rem;\n  --spacing-32: 8rem;\n  --spacing-36: 9rem;\n  --spacing-40: 10rem;\n  --spacing-44: 11rem;\n  --spacing-48: 12rem;\n  --spacing-52: 13rem;\n  --spacing-56: 14rem;\n  --spacing-60: 15rem;\n  --spacing-64: 16rem;\n  --spacing-72: 18rem;\n  --spacing-80: 20rem;\n  --spacing-96: 24rem;\n\n  --radius-none: 0px;\n  --radius-small: var(--spacing-0_5);\n  --radius-base: var(--spacing-1);\n  --radius-medium: var(--spacing-1_5);\n  --radius-large: var(--spacing-2);\n  --radius-extra-large: var(--spacing-3);\n  --radius-full: 9999px;\n\n  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n  --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',\n    sans-serif;\n\n  --text-base: 1rem;\n  --text-sm: 0.875rem;\n  --text-xs: 0.75rem;\n  --text-xxs: 0.6rem;\n\n  font-family: var(--font-body);\n  color: var(--baseText);\n}\n\n.ui-module_editorWrapper_nPW0c {\n}\n\n.ui-module_nestedListItem_-OMpV {\n  list-style: none;\n}\n\n.ui-module_toolbarRoot_QA6-G {\n  z-index: 2;\n  display: flex;\n  flex-direction: row;\n  gap: var(--spacing-1);\n  border-radius: var(--radius-medium);\n  padding: var(--spacing-1_5);\n  align-items: center;\n  overflow-x: auto;\n  position: sticky;\n  top: 0;\n  background-color: var(--baseBg);\n  width: inherit;\n\n  & div[role='separator'] {\n    margin: var(--spacing-2) var(--spacing-1);\n    border-left: 1px solid var(--baseBorder);\n    border-right: 1px solid var(--baseBase);\n    height: var(--spacing-4);\n  }\n\n  & svg {\n    color: var(--baseTextContrast);\n    display: block;\n  }\n}\n\n.ui-module_readOnlyToolbarRoot_zZzZ0 {\n  pointer-events: none;\n  background: var(--baseBase);\n\n  & > div {\n    opacity: 0.5;\n  }\n}\n\n.ui-module_toolbarStatusContent_y2-dX {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-1);\n}\n\n.ui-module_toolbarModeSwitch_TiGNq {\n  opacity: 1 !important;\n  margin-left: auto;\n  align-self: stretch;\n  align-items: stretch;\n  display: flex;\n  border: 1px solid var(--baseBg);\n  border-radius: var(--radius-medium);\n  font-size: var(--text-xs);\n\n  .ui-module_toolbarToggleItem_2BQQ2 {\n    padding-inline-end: var(--spacing-4);\n    padding-inline-start: var(--spacing-4);\n\n    &:active,\n    &[data-state='on'] {\n      background-color: var(--baseBorder);\n    }\n  }\n}\n\n.ui-module_toolbarGroupOfGroups_-7ePU {\n  display: flex;\n  margin: 0 var(--spacing-1);\n}\n\n.ui-module_toolbarToggleSingleGroup_O8hn8:first-of-type .ui-module_toolbarToggleItem_2BQQ2:only-child,\n.ui-module_toolbarToggleSingleGroup_O8hn8:only-child .ui-module_toolbarToggleItem_2BQQ2:first-child,\n.ui-module_toolbarModeSwitch_TiGNq .ui-module_toolbarToggleItem_2BQQ2:first-child {\n  border-top-left-radius: var(--radius-base);\n  border-bottom-left-radius: var(--radius-base);\n}\n\n.ui-module_toolbarToggleSingleGroup_O8hn8:last-of-type .ui-module_toolbarToggleItem_2BQQ2:only-child,\n.ui-module_toolbarToggleSingleGroup_O8hn8:only-child .ui-module_toolbarToggleItem_2BQQ2:last-child,\n.ui-module_toolbarModeSwitch_TiGNq .ui-module_toolbarToggleItem_2BQQ2:last-child {\n  border-top-right-radius: var(--radius-base);\n  border-bottom-right-radius: var(--radius-base);\n}\n\n.ui-module_toolbarToggleItem_2BQQ2,\n.ui-module_toolbarButton_nedIw {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  padding: var(--spacing-0_5);\n\n  @media (hover: hover) {\n    &:hover {\n      background-color: var(--baseBgActive);\n    }\n  }\n\n  &:active svg {\n    transform: translate(1px, 1px);\n  }\n\n  &[data-state='on'],\n  &:active {\n    color: var(--baseTextContrast);\n    background-color: var(--baseBgActive);\n  }\n\n  &[data-disabled] {\n    pointer-events: none;\n    & svg {\n      color: var(--baseBorderHover);\n    }\n  }\n}\n\n.ui-module_toolbarButton_nedIw {\n  border-radius: var(--radius-base);\n}\n\n.ui-module_toolbarButton_nedIw + .ui-module_toolbarButton_nedIw {\n  margin-left: var(--spacing-1);\n}\n\n.ui-module_activeToolbarButton_TqEHl {\n  color: var(--accentText);\n}\n\n.ui-module_toolbarToggleSingleGroup_O8hn8 {\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.ui-module_toolbarNodeKindSelectContainer_xzct9,\n.ui-module_toolbarButtonDropdownContainer_oweZ4,\n.ui-module_toolbarCodeBlockLanguageSelectContent_qC11c,\n.ui-module_selectContainer_zEOzj {\n  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));\n  z-index: 3;\n  width: var(--spacing-36);\n  border-bottom-left-radius: var(--radius-base);\n  border-bottom-right-radius: var(--radius-base);\n  background-color: var(--basePageBg);\n  font-size: var(--text-sm);\n}\n\n.ui-module_toolbarButtonDropdownContainer_oweZ4 {\n  border-top-right-radius: var(--radius-base);\n\n  & .ui-module_selectItem_-0ITo:first-child {\n    border-top-right-radius: var(--radius-base);\n  }\n}\n\n.ui-module_toolbarNodeKindSelectTrigger_NhAa4,\n.ui-module_toolbarButtonSelectTrigger_qc9aS,\n.ui-module_selectTrigger_QvY-l {\n  border: 0;\n  background-color: transparent;\n  display: flex;\n  color: inherit;\n  align-items: center;\n  width: var(--spacing-36);\n  padding: var(--spacing-0_5) var(--spacing-1);\n  padding-inline-start: var(--spacing-2);\n  border-radius: var(--radius-medium);\n  white-space: nowrap;\n  flex-wrap: nowrap;\n  font-size: var(--text-sm);\n  background-color: var(--basePageBg);\n  margin: 0 var(--spacing-1);\n\n  &[data-state='open'] {\n    filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));\n    border-bottom-right-radius: var(--radius-none);\n    border-bottom-left-radius: var(--radius-none);\n  }\n}\n\n.ui-module_selectTrigger_QvY-l[data-placeholder] > span:first-child {\n  color: var(--baseBorderHover);\n}\n\n/** used in the sandpack */\n\n.ui-module_toolbarButtonSelectTrigger_qc9aS {\n  width: auto;\n  padding-inline-start: var(--spacing-2);\n  padding-inline-end: var(--spacing-1);\n  padding-block: var(--spacing-0_5);\n}\n\n.ui-module_toolbarCodeBlockLanguageSelectTrigger_zqKns,\n.ui-module_toolbarCodeBlockLanguageSelectContent_qC11c {\n  width: var(--spacing-48);\n}\n\n.ui-module_toolbarNodeKindSelectItem_EL2xh,\n.ui-module_selectItem_-0ITo {\n  cursor: default;\n  display: flex;\n  padding: var(--spacing-2);\n\n  &[data-highlighted] {\n    background-color: var(--baseBg);\n  }\n\n  &[data-state='checked'] {\n    color: var(--baseTextContrast);\n    background-color: var(--baseBg);\n  }\n\n  &[data-highlighted] {\n    outline: none;\n  }\n\n  &:last-child {\n    border-bottom-left-radius: var(--radius-base);\n    border-bottom-right-radius: var(--radius-base);\n  }\n}\n\n.ui-module_toolbarNodeKindSelectDropdownArrow_zdl-w,\n.ui-module_selectDropdownArrow_9sZWz {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n.ui-module_contentEditable_Neszj {\n  box-sizing: border-box;\n  width: 100%;\n  color: var(--baseTextContrast);\n\n  &:focus {\n    outline: none;\n  }\n\n  padding: var(--spacing-3);\n}\n\n.ui-module_codeMirrorWrapper_WzR1U {\n  margin-bottom: var(--spacing-5);\n  border: 1px solid var(--baseLine);\n  border-radius: var(--radius-medium);\n  overflow: hidden;\n  padding: 0.8rem;\n  position: relative;\n}\n\n.ui-module_sandPackWrapper_NEHwo {\n  margin-bottom: var(--spacing-5);\n  border: 1px solid var(--baseLine);\n  border-radius: var(--radius-medium);\n  overflow: hidden;\n  position: relative;\n}\n\n.ui-module_codeMirrorToolbar_4LDML {\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  gap: var(--spacing-1);\n  padding: var(--spacing-1);\n  z-index: 1;\n  background-color: var(--baseBase);\n  border-bottom-left-radius: var(--radius-base);\n}\n\n.ui-module_frontmatterWrapper_yywSY {\n  border-radius: var(--radius-medium);\n  padding: var(--spacing-3);\n  background-color: var(--baseBgSubtle);\n\n  &[data-expanded='true'] {\n    margin-bottom: var(--spacing-10);\n  }\n}\n\n.ui-module_frontmatterToggleButton_7ZBOE {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-1);\n  font-size: var(--text-sm);\n}\n\n.ui-module_propertyPanelTitle_wudSB {\n  font-size: var(--text-xs);\n  font-weight: 400;\n  margin: 0;\n  padding-top: var(--spacing-2);\n  padding-left: var(--spacing-2);\n}\n\n.ui-module_propertyEditorTable_fYpKY {\n  table-layout: fixed;\n  border-spacing: var(--spacing-2);\n\n  & th {\n    text-align: left;\n    font-size: var(--text-sm);\n    padding: var(--spacing-2) var(--spacing-3);\n  }\n\n  & col:nth-child(1) {\n    width: 30%;\n  }\n\n  & col:nth-child(2) {\n    width: 70%;\n  }\n\n  & td:last-child .ui-module_iconButton_b94iY {\n    margin-left: var(--spacing-4);\n    margin-right: var(--spacing-4);\n  }\n\n  & .ui-module_readOnlyColumnCell_tCgPb {\n    padding-left: 0;\n  }\n}\n\n.ui-module_propertyEditorLabelCell_Z2hv7 {\n  font-weight: 400;\n}\n\n.ui-module_readOnlyColumnCell_tCgPb {\n  padding-left: 0;\n}\n\n.ui-module_buttonsFooter_Juqi3 {\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--spacing-2);\n}\n\n.ui-module_propertyEditorInput_PXpSX {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  width: 100%;\n  padding: var(--spacing-2) var(--spacing-3);\n  border-radius: var(--radius-base);\n  border: 1px solid var(--baseBorder);\n  background-color: var(--baseBase);\n  font-size: var(--text-sm);\n}\n\n.ui-module_iconButton_b94iY {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  color: var(--baseText);\n\n  @media (hover: hover) {\n    &:hover {\n      color: var(--baseTextContrast);\n    }\n  }\n\n  &:disabled,\n  &:disabled:hover {\n    color: var(--baseLine);\n  }\n}\n\n.ui-module_primaryButton_SztyP,\n.ui-module_secondaryButton_9rAaf {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  padding: var(--spacing-2) var(--spacing-3);\n  border: 1px solid var(--accentBorder);\n  background-color: var(--accentSolidHover);\n  color: var(--baseBase);\n  font-size: var(--text-xs);\n  border-radius: var(--radius-medium);\n\n  &:disabled {\n    background: var(--accentLine);\n    border-color: var(--accentBg);\n  }\n}\n\n.ui-module_smallButton_ME9Rg {\n  font-size: var(--text-xs);\n  padding: var(--spacing-1) var(--spacing-2);\n  border-radius: var(--radius-base);\n}\n\n.ui-module_secondaryButton_9rAaf {\n  border: 1px solid var(--baseBorder);\n  background-color: var(--baseSolidHover);\n  color: var(--baseBase);\n}\n\n.ui-module_dialogForm_fym3H {\n  display: flex;\n  flex-direction: row;\n  gap: var(--spacing-2);\n}\n\n.ui-module_linkDialogEditForm_Qc-E2 {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: var(--spacing-2);\n  padding: 0;\n}\n\n.ui-module_linkDialogInputContainer_UMMwL {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n\n.ui-module_linkDialogInputWrapper_aWNFC {\n  display: flex;\n  align-items: center;\n  background-color: var(--baseBase);\n\n  border-radius: var(--radius-base);\n  border: 1px solid var(--baseBorder);\n\n  &[data-visible-dropdown='true'] {\n    border-bottom-left-radius: var(--radius-none);\n    border-bottom-right-radius: var(--radius-none);\n    border-bottom-width: 0;\n  }\n\n  & > button {\n    border: 0;\n    background-color: transparent;\n    font-size: inherit;\n    appearance: none;\n    all: unset;\n    box-sizing: border-box;\n    cursor: default;\n    padding-right: var(--spacing-2);\n  }\n}\n\n.ui-module_linkDialogInput_wW3Qq,\n.ui-module_dialogInput_0XU4W {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  width: 20rem;\n  padding: var(--spacing-2) var(--spacing-3);\n  font-size: var(--text-sm);\n\n  &::placeholder {\n    color: var(--baseBorder);\n  }\n}\n\n.ui-module_linkDialogAnchor_UVham {\n  position: fixed;\n  background-color: highlight;\n  z-index: -1;\n\n  &[data-visible='true'] {\n    visibility: visible;\n  }\n\n  &[data-visible='false'] {\n    visibility: hidden;\n  }\n}\n\n.ui-module_linkDialogPopoverContent_-aAXR,\n.ui-module_tableColumnEditorPopoverContent_qiZ8k,\n.ui-module_dialogContent_IRmgH {\n  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-0_5);\n  border-radius: var(--radius-medium);\n  border: 1px solid var(--baseBg);\n  background-color: var(--basePageBg);\n  padding: var(--spacing-1) var(--spacing-1);\n  font-size: var(--text-sm);\n}\n\n.ui-module_largeDialogContent_GvvAH {\n  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));\n  gap: var(--spacing-0_5);\n  border-radius: var(--radius-medium);\n  border: 1px solid var(--baseBorder);\n  background-color: var(--baseBgSubtle);\n  padding: var(--spacing-4);\n  font-size: var(--text-sm);\n}\n\n.ui-module_dialogTitle_XDJ1h {\n  font-size: var(--text-base);\n  font-weight: 600;\n  padding-left: var(--spacing-2);\n}\n\n.ui-module_dialogCloseButton_P-p41 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n}\n\n.ui-module_popoverContent_mouz8 {\n  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-0_5);\n  border-radius: var(--radius-medium);\n  background-color: var(--baseBgSubtle);\n  padding: var(--spacing-2) var(--spacing-2);\n  font-size: var(--text-sm);\n  z-index: 1;\n}\n\n.ui-module_popoverArrow_Mq8HP {\n  fill: var(--basePageBg);\n}\n\n.ui-module_linkDialogPreviewAnchor_orTS8 {\n  margin-right: var(--spacing-1);\n  display: flex;\n  align-items: center;\n  color: var(--accentText);\n  text-decoration: none;\n\n  @media (hover: hover) {\n    &:hover {\n      color: var(--accentSolidHover);\n    }\n  }\n\n  border: 1px solid transparent;\n\n  & span {\n    max-width: 14rem;\n    overflow-x: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n\n.ui-module_tooltipTrigger_uoOTp {\n  align-self: center;\n}\n\n.ui-module_tooltipContent_GpCAE {\n  z-index: 2;\n  position: relative;\n  border-radius: var(--radius-medium);\n  padding: var(--spacing-1) var(--spacing-2);\n  font-size: var(--text-xs);\n  background-color: var(--baseText);\n  color: var(--baseBase);\n\n  & svg {\n    fill: var(--baseText);\n  }\n}\n\n.ui-module_actionButton_miZ0c {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  padding: var(--spacing-1);\n  color: var(--baseTextContrast);\n  & svg {\n    display: block;\n  }\n  @media (hover: hover) {\n    &:hover {\n      background-color: var(--baseBg);\n    }\n  }\n  &:active svg {\n    transform: translate(1px, 1px);\n  }\n  &[data-state='on'],\n  &:active {\n    background-color: var(--baseBg);\n    color: var(--baseTextContrast);\n  }\n  padding: var(--spacing-1) var(--spacing-1);\n  border-radius: var(--radius-medium);\n  color: var(--baseTextContrast);\n}\n\n.ui-module_primaryActionButton_tWgQF {\n  background-color: var(--accentSolid);\n  color: var(--baseBase);\n\n  @media (hover: hover) {\n    &:hover {\n      background-color: var(--accentSolidHover);\n      color: var(--baseBase);\n    }\n  }\n}\n\n.ui-module_tableEditor_Bz6zN {\n  table-layout: fixed;\n  width: 100%;\n  height: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  & thead > tr > th {\n    text-align: right;\n  }\n\n  & > tbody > tr > td:not(.ui-module_toolCell_0AstW),\n  & > tbody > tr > th:not(.ui-module_toolCell_0AstW):not([data-tool-cell='true']) {\n    border: 1px solid var(--baseBgActive);\n    padding: var(--spacing-1) var(--spacing-2);\n    white-space: normal;\n\n    & > div {\n      outline: none;\n\n      & > p {\n        margin: 0;\n      }\n    }\n\n    &[data-active='true'] {\n      outline: solid 1px var(--baseSolid);\n    }\n  }\n\n  .ui-module_tableColumnEditorTrigger_pxT4B,\n  .ui-module_tableRowEditorTrigger_Fnk5y,\n  .ui-module_addRowButton_OnB8h,\n  .ui-module_addColumnButton_i7qS0,\n  .ui-module_iconButton_b94iY {\n    opacity: 0.15;\n  }\n\n  @media (hover: hover) {\n    &:hover {\n      .ui-module_tableColumnEditorTrigger_pxT4B,\n      .ui-module_tableRowEditorTrigger_Fnk5y,\n      .ui-module_addRowButton_OnB8h,\n      .ui-module_addColumnButton_i7qS0,\n      .ui-module_iconButton_b94iY {\n        opacity: 0.3;\n\n        &:hover {\n          opacity: 1;\n        }\n      }\n    }\n  }\n}\n\n.ui-module_toolCell_0AstW {\n  text-align: right;\n\n  & button {\n    margin: auto;\n    display: block;\n  }\n}\n\n.ui-module_tableColumnEditorTrigger_pxT4B {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  padding: var(--spacing-1);\n  color: var(--baseTextContrast);\n  & svg {\n    display: block;\n  }\n  @media (hover: hover) {\n    &:hover {\n      background-color: var(--baseBg);\n    }\n  }\n  &:active svg {\n    transform: translate(1px, 1px);\n  }\n  &[data-state='on'],\n  &:active {\n    background-color: var(--baseBg);\n    color: var(--baseTextContrast);\n  }\n  padding: var(--spacing-1);\n  border-radius: var(--radius-full);\n  opacity: 0.2;\n\n  &[data-active='true'] {\n    opacity: 1 !important;\n  }\n}\n\n.ui-module_tableColumnEditorToolbar_h5qAi {\n  display: flex;\n\n  & > button {\n    border: 0;\n    background-color: transparent;\n    font-size: inherit;\n    appearance: none;\n    all: unset;\n    box-sizing: border-box;\n    cursor: default;\n    padding: var(--spacing-1);\n    color: var(--baseTextContrast);\n    & svg {\n    display: block;\n  }\n    @media (hover: hover) {\n    &:hover {\n      background-color: var(--baseBg);\n    }\n  }\n    &:active svg {\n    transform: translate(1px, 1px);\n  }\n    &[data-state='on'],\n  &:active {\n    background-color: var(--baseBg);\n    color: var(--baseTextContrast);\n  }\n  }\n\n  & [role='separator'] {\n    margin-left: var(--spacing-1);\n    margin-right: var(--spacing-1);\n  }\n}\n\n.ui-module_toggleGroupRoot_09l0I {\n  display: inline-flex;\n\n  & button {\n    border: 0;\n    background-color: transparent;\n    font-size: inherit;\n    appearance: none;\n    all: unset;\n    box-sizing: border-box;\n    cursor: default;\n    padding: var(--spacing-1);\n    color: var(--baseTextContrast);\n    & svg {\n    display: block;\n  }\n    @media (hover: hover) {\n    &:hover {\n      background-color: var(--baseBg);\n    }\n  }\n    &:active svg {\n    transform: translate(1px, 1px);\n  }\n    &[data-state='on'],\n  &:active {\n    background-color: var(--baseBg);\n    color: var(--baseTextContrast);\n  }\n\n    &:first-child {\n      border-top-left-radius: var(--radius-base);\n      border-bottom-left-radius: var(--radius-base);\n    }\n\n    &:last-child {\n      border-top-right-radius: var(--radius-base);\n      border-bottom-right-radius: var(--radius-base);\n    }\n  }\n}\n\n.ui-module_tableToolsColumn_OeGBn {\n  width: 2rem;\n\n  & button {\n    margin: auto;\n    display: block;\n  }\n}\n\n.ui-module_leftAlignedCell_AOE-0 {\n  text-align: left;\n}\n\n.ui-module_rightAlignedCell_VeNXT {\n  text-align: right;\n}\n\n.ui-module_centeredCell_6nOM2 {\n  text-align: center;\n}\n\n.ui-module_addColumnButton_i7qS0,\n.ui-module_addRowButton_OnB8h {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  padding: var(--spacing-1);\n  color: var(--baseTextContrast);\n  & svg {\n    display: block;\n  }\n  @media (hover: hover) {\n    &:hover {\n      background-color: var(--baseBg);\n    }\n  }\n  &:active svg {\n    transform: translate(1px, 1px);\n  }\n  &[data-state='on'],\n  &:active {\n    background-color: var(--baseBg);\n    color: var(--baseTextContrast);\n  }\n  background-color: var(--baseBase);\n\n  & svg {\n    margin: auto;\n  }\n\n  display: flex;\n  align-items: center;\n}\n\n.ui-module_addRowButton_OnB8h {\n  width: 100%;\n  margin-top: var(--spacing-px);\n  box-sizing: border-box;\n  border-bottom-right-radius: var(--radius-medium);\n  border-bottom-left-radius: var(--radius-medium);\n}\n\n.ui-module_addColumnButton_i7qS0 {\n  margin-left: var(--spacing-px);\n  height: 100%;\n  border-top-right-radius: var(--radius-medium);\n  border-bottom-right-radius: var(--radius-medium);\n}\n\n/** Dialog */\n\n.ui-module_dialogOverlay_UNZ-- {\n  position: fixed;\n  inset: 0;\n  animation: ui-module_overlayShow_l5JqT 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  background-color: var(--baseBase);\n  z-index: 51;\n  opacity: 0.5;\n}\n\n.ui-module_dialogContent_IRmgH,\n.ui-module_largeDialogContent_GvvAH {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  animation: ui-module_contentShow_1UlWE 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  z-index: 52;\n}\n\n.ui-module_dialogContent_IRmgH:focus,\n.ui-module_largeDialogContent_GvvAH:focus {\n  outline: none;\n}\n\n@keyframes ui-module_overlayShow_l5JqT {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 0.5;\n  }\n}\n\n@keyframes ui-module_contentShow_1UlWE {\n  from {\n    opacity: 0;\n    transform: translate(-50%, -48%) scale(0.96);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n.ui-module_focusedImage_-XGsD {\n  outline: highlight solid 2px;\n}\n\n.ui-module_imageWrapper_asuzE {\n  display: inline-block;\n  position: relative;\n}\n\n.ui-module_imageWrapper_asuzE[draggable='true'] {\n  cursor: move;\n  /* fallback if grab cursor is unsupported */\n  cursor: grab;\n  cursor: -moz-grab;\n  cursor: -webkit-grab;\n}\n\n.ui-module_editImageToolbar_kLkPH {\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  gap: var(--spacing-1);\n  padding: var(--spacing-1);\n  z-index: 1;\n  background-color: var(--baseBase);\n  border-bottom-left-radius: var(--radius-base);\n}\n\n.ui-module_editImageButton_HwGdI {\n  & svg {\n    display: block;\n  }\n}\n\n.ui-module_inlineEditor_chmlT {\n  display: inline-flex;\n  border-radius: var(--radius-medium);\n  padding: var(--spacing-1);\n  gap: var(--spacing-2);\n  align-items: center;\n  background: var(--baseBg);\n}\n\n.ui-module_blockEditor_hqEug {\n  display: flex;\n  justify-content: stretch;\n  border-radius: var(--radius-medium);\n  padding: var(--spacing-2);\n  gap: var(--spacing-2);\n  align-items: center;\n  background: var(--baseBg);\n\n  & .ui-module_nestedEditor_SnebQ {\n    flex-grow: 1;\n  }\n}\n\n.ui-module_nestedEditor_SnebQ {\n  background: var(--basePageBg);\n  padding: var(--spacing-1) var(--spacing-2);\n  border-radius: var(--radius-medium);\n\n  & > p {\n    margin: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.ui-module_genericComponentName_7NrVP {\n  font-size: var(--text-sm);\n  color: var(--baseText);\n  padding-right: var(--spacing-2);\n}\n\n.ui-module_diffSourceToggleWrapper_OKN4p {\n  margin-left: auto;\n  pointer-events: auto;\n  opacity: 1;\n  position: sticky;\n  right: 0;\n}\n\n.ui-module_ggDiffSourceToggle_kEzrx {\n}\n\n.ui-module_diffSourceToggle_b80Me {\n  border-radius: var(--radius-medium);\n  background-color: var(--baseBase);\n  display: flex;\n\n  .ui-module_toolbarToggleItem_2BQQ2 {\n    padding: 0;\n\n    & > span {\n      display: block;\n      padding: var(--spacing-1) var(--spacing-1);\n    }\n  }\n}\n\n.ui-module_selectWithLabel_ghMtH {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-2);\n  margin-left: var(--spacing-2);\n\n  & > label {\n    font-size: var(--text-sm);\n  }\n\n  .ui-module_selectTrigger_QvY-l {\n    border: 1px solid var(--baseBorder);\n  }\n}\n\n.ui-module_toolbarTitleMode_m5TQr {\n  font-size: var(--text-sm);\n  margin-left: var(--spacing-2);\n}\n\n.ui-module_imageControlWrapperResizing_CaK3A {\n  touch-action: none;\n}\n\n.ui-module_imageResizer_kLRMX {\n  display: block;\n  width: 7px;\n  height: 7px;\n  position: absolute;\n  background-color: var(--accentText);\n  border: 1px solid var(--baseBg);\n}\n\n.ui-module_imageResizer_kLRMX.ui-module_imageResizerN_EbaZ- {\n  top: -6px;\n  left: 48%;\n  cursor: n-resize;\n}\n\n.ui-module_imageResizer_kLRMX.ui-module_imageResizerNe_omQKd {\n  top: -6px;\n  right: -6px;\n  cursor: ne-resize;\n}\n\n.ui-module_imageResizer_kLRMX.ui-module_imageResizerE_PbuNB {\n  bottom: 48%;\n  right: -6px;\n  cursor: e-resize;\n}\n\n.ui-module_imageResizer_kLRMX.ui-module_imageResizerSe_3JFP9 {\n  bottom: -2px;\n  right: -6px;\n  cursor: nwse-resize;\n}\n\n.ui-module_imageResizer_kLRMX.ui-module_imageResizerS_jL4ed {\n  bottom: -2px;\n  left: 48%;\n  cursor: s-resize;\n}\n\n.ui-module_imageResizer_kLRMX.ui-module_imageResizerSw_Ylpu9 {\n  bottom: -2px;\n  left: -6px;\n  cursor: sw-resize;\n}\n\n.ui-module_imageResizer_kLRMX.ui-module_imageResizerW_Qq-qg {\n  bottom: 48%;\n  left: -6px;\n  cursor: w-resize;\n}\n\n.ui-module_imageResizer_kLRMX.ui-module_imageResizerNw_DsHzu {\n  top: -6px;\n  left: -6px;\n  cursor: nw-resize;\n}\n\n.ui-module_imagePlaceholder_334Il {\n  border: 2px dashed;\n  padding: 48px;\n  margin: 12px;\n  width: fit-content;\n  height: fit-content;\n}\n\n.ui-module_imageDimensionsContainer_Z1mie {\n  display: flex;\n  gap: var(--spacing-4);\n}\n\n.ui-module_placeholder_SFgVt {\n  color: var(--baseSolid);\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  padding: var(--spacing-3);\n  text-overflow: ellipsis;\n  user-select: none;\n  white-space: nowrap;\n  display: inline-block;\n  pointer-events: none;\n}\n\n.ui-module_rootContentEditableWrapper_dJxz1 {\n  position: relative;\n}\n\n.ui-module_downshiftContainer_DQwPw {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n\n.ui-module_downshiftInputWrapper_nTVWG {\n  display: flex;\n  align-items: center;\n  background-color: var(--baseBase);\n\n  border-radius: var(--radius-base);\n  border: 1px solid var(--baseBorder);\n\n  &[data-visible-dropdown='true'] {\n    border-bottom-left-radius: var(--radius-none);\n    border-bottom-right-radius: var(--radius-none);\n    border-bottom-width: 0;\n  }\n\n  & > button {\n    border: 0;\n    background-color: transparent;\n    font-size: inherit;\n    appearance: none;\n    all: unset;\n    box-sizing: border-box;\n    cursor: default;\n    padding-right: var(--spacing-2);\n  }\n}\n\n.ui-module_downshiftInput_gwUym {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  width: 20rem;\n  padding: var(--spacing-2) var(--spacing-3);\n  font-size: var(--text-sm);\n\n  &::placeholder {\n    color: var(--baseBorder);\n  }\n}\n\n.ui-module_downshiftAutocompleteContainer_4py0Z {\n  position: relative;\n\n  & ul {\n    all: unset;\n    box-sizing: border-box;\n    position: absolute;\n    font-size: var(--text-sm);\n    width: 100%;\n    display: none;\n    border-bottom-left-radius: var(--radius-medium);\n    border-bottom-right-radius: var(--radius-medium);\n    max-height: var(--spacing-48);\n    overflow-x: hidden;\n    overflow-y: auto;\n    border: 1px solid var(--baseBorder);\n    border-top-width: 0;\n    background-color: var(--baseBase);\n\n    &[data-visible='true'] {\n      display: block;\n    }\n\n    & li {\n      padding: var(--spacing-2) var(--spacing-3);\n      white-space: nowrap;\n      margin-bottom: var(--spacing-1);\n      overflow-x: hidden;\n      text-overflow: ellipsis;\n\n      &[data-selected='true'] {\n        background-color: var(--baseBgSubtle);\n      }\n\n      &[data-highlighted='true'] {\n        background-color: var(--baseBgHover);\n      }\n\n      &:last-of-type {\n        border-bottom-left-radius: var(--radius-medium);\n        border-bottom-right-radius: var(--radius-medium);\n      }\n    }\n  }\n}\n\n.ui-module_textInput_WkP9R {\n  all: unset;\n  border-radius: var(--radius-base);\n  border: 1px solid var(--baseBorder);\n  background-color: var(--baseBase);\n  padding: var(--spacing-2) var(--spacing-3);\n}\n\nform.ui-module_multiFieldForm_81Blh {\n  display: flex;\n  flex-direction: column;\n  padding: var(--spacing-2);\n  gap: var(--spacing-2);\n\n  .ui-module_formField_YL3zT {\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-2);\n\n    & label {\n      font-size: var(--text-xs);\n    }\n  }\n}\n\n.ui-module_markdownParseError_24XbG {\n  border-radius: var(--radius-base);\n  border: 1px solid var(--error-color);\n  padding: var(--spacing-2);\n  margin-block: var(--spacing-2);\n  color: var(--error-color);\n  font-size: var(--text-xs);\n}\n\n.ui-module_popupContainer_c-ODE {\n  position: relative;\n  z-index: 2;\n}\n\n.ui-module_inputSizer_XK71G {\n  display: inline-grid;\n  vertical-align: baseline;\n  align-items: center;\n  position: relative;\n\n  &::after,\n  & input {\n    width: auto;\n    min-width: 1rem;\n    grid-area: 1 / 2;\n    font: inherit;\n    margin: 0;\n    padding: 0 2px;\n    resize: none;\n    background: none;\n    appearance: none;\n    border: none;\n    color: inherit;\n  }\n\n  span {\n    padding: 0.25em;\n  }\n\n  &::after {\n    content: attr(data-value);\n    white-space: pre-wrap;\n  }\n}\n:root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n  --blue-1: #fbfdff;\n  --blue-2: #f4faff;\n  --blue-3: #e6f4fe;\n  --blue-4: #d5efff;\n  --blue-5: #c2e5ff;\n  --blue-6: #acd8fc;\n  --blue-7: #8ec8f6;\n  --blue-8: #5eb1ef;\n  --blue-9: #0090ff;\n  --blue-10: #0588f0;\n  --blue-11: #0d74ce;\n  --blue-12: #113264;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n      --blue-1: color(display-p3 0.986 0.992 0.999);\n      --blue-2: color(display-p3 0.96 0.979 0.998);\n      --blue-3: color(display-p3 0.912 0.956 0.991);\n      --blue-4: color(display-p3 0.853 0.932 1);\n      --blue-5: color(display-p3 0.788 0.894 0.998);\n      --blue-6: color(display-p3 0.709 0.843 0.976);\n      --blue-7: color(display-p3 0.606 0.777 0.947);\n      --blue-8: color(display-p3 0.451 0.688 0.917);\n      --blue-9: color(display-p3 0.247 0.556 0.969);\n      --blue-10: color(display-p3 0.234 0.523 0.912);\n      --blue-11: color(display-p3 0.15 0.44 0.84);\n      --blue-12: color(display-p3 0.102 0.193 0.379);\n    }\n  }\n}\n\n.lexical-theme-module_dark_ALXQz, .lexical-theme-module_dark-theme_ZjZQK {\n  --blue-1: #0d1520;\n  --blue-2: #111927;\n  --blue-3: #0d2847;\n  --blue-4: #003362;\n  --blue-5: #004074;\n  --blue-6: #104d87;\n  --blue-7: #205d9e;\n  --blue-8: #2870bd;\n  --blue-9: #0090ff;\n  --blue-10: #3b9eff;\n  --blue-11: #70b8ff;\n  --blue-12: #c2e6ff;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    .lexical-theme-module_dark_ALXQz, .lexical-theme-module_dark-theme_ZjZQK {\n      --blue-1: color(display-p3 0.057 0.081 0.122);\n      --blue-2: color(display-p3 0.072 0.098 0.147);\n      --blue-3: color(display-p3 0.078 0.154 0.27);\n      --blue-4: color(display-p3 0.033 0.197 0.37);\n      --blue-5: color(display-p3 0.08 0.245 0.441);\n      --blue-6: color(display-p3 0.14 0.298 0.511);\n      --blue-7: color(display-p3 0.195 0.361 0.6);\n      --blue-8: color(display-p3 0.239 0.434 0.72);\n      --blue-9: color(display-p3 0.247 0.556 0.969);\n      --blue-10: color(display-p3 0.344 0.612 0.973);\n      --blue-11: color(display-p3 0.49 0.72 1);\n      --blue-12: color(display-p3 0.788 0.898 0.99);\n    }\n  }\n}\n\n:root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n  --slate-1: #fcfcfd;\n  --slate-2: #f9f9fb;\n  --slate-3: #f0f0f3;\n  --slate-4: #e8e8ec;\n  --slate-5: #e0e1e6;\n  --slate-6: #d9d9e0;\n  --slate-7: #cdced6;\n  --slate-8: #b9bbc6;\n  --slate-9: #8b8d98;\n  --slate-10: #80838d;\n  --slate-11: #60646c;\n  --slate-12: #1c2024;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n      --slate-1: color(display-p3 0.988 0.988 0.992);\n      --slate-2: color(display-p3 0.976 0.976 0.984);\n      --slate-3: color(display-p3 0.94 0.941 0.953);\n      --slate-4: color(display-p3 0.908 0.909 0.925);\n      --slate-5: color(display-p3 0.88 0.881 0.901);\n      --slate-6: color(display-p3 0.85 0.852 0.876);\n      --slate-7: color(display-p3 0.805 0.808 0.838);\n      --slate-8: color(display-p3 0.727 0.733 0.773);\n      --slate-9: color(display-p3 0.547 0.553 0.592);\n      --slate-10: color(display-p3 0.503 0.512 0.549);\n      --slate-11: color(display-p3 0.379 0.392 0.421);\n      --slate-12: color(display-p3 0.113 0.125 0.14);\n    }\n  }\n}\n\n.lexical-theme-module_dark_ALXQz, .lexical-theme-module_dark-theme_ZjZQK {\n  --slate-1: #111113;\n  --slate-2: #18191b;\n  --slate-3: #212225;\n  --slate-4: #272a2d;\n  --slate-5: #2e3135;\n  --slate-6: #363a3f;\n  --slate-7: #43484e;\n  --slate-8: #5a6169;\n  --slate-9: #696e77;\n  --slate-10: #777b84;\n  --slate-11: #b0b4ba;\n  --slate-12: #edeef0;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    .lexical-theme-module_dark_ALXQz, .lexical-theme-module_dark-theme_ZjZQK {\n      --slate-1: color(display-p3 0.067 0.067 0.074);\n      --slate-2: color(display-p3 0.095 0.098 0.105);\n      --slate-3: color(display-p3 0.13 0.135 0.145);\n      --slate-4: color(display-p3 0.156 0.163 0.176);\n      --slate-5: color(display-p3 0.183 0.191 0.206);\n      --slate-6: color(display-p3 0.215 0.226 0.244);\n      --slate-7: color(display-p3 0.265 0.28 0.302);\n      --slate-8: color(display-p3 0.357 0.381 0.409);\n      --slate-9: color(display-p3 0.415 0.431 0.463);\n      --slate-10: color(display-p3 0.469 0.483 0.514);\n      --slate-11: color(display-p3 0.692 0.704 0.728);\n      --slate-12: color(display-p3 0.93 0.933 0.94);\n    }\n  }\n}\n\n:root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n  --grass-1: #fbfefb;\n  --grass-2: #f5fbf5;\n  --grass-3: #e9f6e9;\n  --grass-4: #daf1db;\n  --grass-5: #c9e8ca;\n  --grass-6: #b2ddb5;\n  --grass-7: #94ce9a;\n  --grass-8: #65ba74;\n  --grass-9: #46a758;\n  --grass-10: #3e9b4f;\n  --grass-11: #2a7e3b;\n  --grass-12: #203c25;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n      --grass-1: color(display-p3 0.986 0.996 0.985);\n      --grass-2: color(display-p3 0.966 0.983 0.964);\n      --grass-3: color(display-p3 0.923 0.965 0.917);\n      --grass-4: color(display-p3 0.872 0.94 0.865);\n      --grass-5: color(display-p3 0.811 0.908 0.802);\n      --grass-6: color(display-p3 0.733 0.864 0.724);\n      --grass-7: color(display-p3 0.628 0.803 0.622);\n      --grass-8: color(display-p3 0.477 0.72 0.482);\n      --grass-9: color(display-p3 0.38 0.647 0.378);\n      --grass-10: color(display-p3 0.344 0.598 0.342);\n      --grass-11: color(display-p3 0.263 0.488 0.261);\n      --grass-12: color(display-p3 0.151 0.233 0.153);\n    }\n  }\n}\n\n:root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n  --cyan-1: #fafdfe;\n  --cyan-2: #f2fafb;\n  --cyan-3: #def7f9;\n  --cyan-4: #caf1f6;\n  --cyan-5: #b5e9f0;\n  --cyan-6: #9ddde7;\n  --cyan-7: #7dcedc;\n  --cyan-8: #3db9cf;\n  --cyan-9: #00a2c7;\n  --cyan-10: #0797b9;\n  --cyan-11: #107d98;\n  --cyan-12: #0d3c48;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n      --cyan-1: color(display-p3 0.982 0.992 0.996);\n      --cyan-2: color(display-p3 0.955 0.981 0.984);\n      --cyan-3: color(display-p3 0.888 0.965 0.975);\n      --cyan-4: color(display-p3 0.821 0.941 0.959);\n      --cyan-5: color(display-p3 0.751 0.907 0.935);\n      --cyan-6: color(display-p3 0.671 0.862 0.9);\n      --cyan-7: color(display-p3 0.564 0.8 0.854);\n      --cyan-8: color(display-p3 0.388 0.715 0.798);\n      --cyan-9: color(display-p3 0.282 0.627 0.765);\n      --cyan-10: color(display-p3 0.264 0.583 0.71);\n      --cyan-11: color(display-p3 0.08 0.48 0.63);\n      --cyan-12: color(display-p3 0.108 0.232 0.277);\n    }\n  }\n}\n\n:root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n  --amber-1: #fefdfb;\n  --amber-2: #fefbe9;\n  --amber-3: #fff7c2;\n  --amber-4: #ffee9c;\n  --amber-5: #fbe577;\n  --amber-6: #f3d673;\n  --amber-7: #e9c162;\n  --amber-8: #e2a336;\n  --amber-9: #ffc53d;\n  --amber-10: #ffba18;\n  --amber-11: #ab6400;\n  --amber-12: #4f3422;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n      --amber-1: color(display-p3 0.995 0.992 0.985);\n      --amber-2: color(display-p3 0.994 0.986 0.921);\n      --amber-3: color(display-p3 0.994 0.969 0.782);\n      --amber-4: color(display-p3 0.989 0.937 0.65);\n      --amber-5: color(display-p3 0.97 0.902 0.527);\n      --amber-6: color(display-p3 0.936 0.844 0.506);\n      --amber-7: color(display-p3 0.89 0.762 0.443);\n      --amber-8: color(display-p3 0.85 0.65 0.3);\n      --amber-9: color(display-p3 1 0.77 0.26);\n      --amber-10: color(display-p3 0.959 0.741 0.274);\n      --amber-11: color(display-p3 0.64 0.4 0);\n      --amber-12: color(display-p3 0.294 0.208 0.145);\n    }\n  }\n}\n\n:root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n  --red-1: #fffcfc;\n  --red-2: #fff7f7;\n  --red-3: #feebec;\n  --red-4: #ffdbdc;\n  --red-5: #ffcdce;\n  --red-6: #fdbdbe;\n  --red-7: #f4a9aa;\n  --red-8: #eb8e90;\n  --red-9: #e5484d;\n  --red-10: #dc3e42;\n  --red-11: #ce2c31;\n  --red-12: #641723;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n      --red-1: color(display-p3 0.998 0.989 0.988);\n      --red-2: color(display-p3 0.995 0.971 0.971);\n      --red-3: color(display-p3 0.985 0.925 0.925);\n      --red-4: color(display-p3 0.999 0.866 0.866);\n      --red-5: color(display-p3 0.984 0.812 0.811);\n      --red-6: color(display-p3 0.955 0.751 0.749);\n      --red-7: color(display-p3 0.915 0.675 0.672);\n      --red-8: color(display-p3 0.872 0.575 0.572);\n      --red-9: color(display-p3 0.83 0.329 0.324);\n      --red-10: color(display-p3 0.798 0.294 0.285);\n      --red-11: color(display-p3 0.744 0.234 0.222);\n      --red-12: color(display-p3 0.36 0.115 0.143);\n    }\n  }\n}\n\n.lexical-theme-module_bold_aiWbg {\n  font-weight: bold;\n}\n\n.lexical-theme-module_italic_fbxIe {\n  font-style: italic;\n}\n\n.lexical-theme-module_underline_Fl7gX {\n  text-decoration: underline;\n}\n\n.lexical-theme-module_bold_aiWbg {\n  font-weight: 700;\n}\n\n.lexical-theme-module_italic_fbxIe {\n  font-style: italic;\n}\n\n.lexical-theme-module_underline_Fl7gX {\n  text-decoration: underline\n}\n\n.lexical-theme-module_strikethrough_ZPg1J {\n  text-decoration: line-through\n}\n\n.lexical-theme-module_underlineStrikethrough_g359y {\n  text-decoration: underline line-through\n}\n\n.lexical-theme-module_subscript_hdZ01 {\n  font-size: .8em;\n  vertical-align: sub !important\n}\n\n.lexical-theme-module_superscript_fotk0 {\n  font-size: .8em;\n  vertical-align: super\n}\n\n.lexical-theme-module_code_XUTW4 {\n  background-color: var(--baseBg);\n  padding: 1px .25rem;\n  font-family: var(--font-mono);\n  font-size: 94%\n}\n\n.lexical-theme-module_nestedListItem_LEP2f {\n  list-style: none;\n  list-style-type: none;\n}\n\n.lexical-theme-module_nestedListItem_LEP2f:before,\n.lexical-theme-module_nestedListItem_LEP2f:after {\n  display: none;\n}\n\n.lexical-theme-module_listitem_5mMAE {\n  margin: var(--spacing-2) 0;\n}\n\n.lexical-theme-module_listItemChecked_kISPU,\n.lexical-theme-module_listItemUnchecked_GM3vI {\n  position: relative;\n  margin-left: 0;\n  margin-right: 0;\n  margin-inline-start: -1rem;\n  padding-left: var(--spacing-6);\n  padding-right: var(--spacing-6);\n  list-style-type: none;\n  outline: none;\n}\n\n.lexical-theme-module_listItemChecked_kISPU {\n  text-decoration: line-through;\n}\n\n.lexical-theme-module_listItemUnchecked_GM3vI:before,\n.lexical-theme-module_listItemChecked_kISPU:before {\n  content: '';\n  width: var(--spacing-4);\n  height: var(--spacing-4);\n  top: 0;\n  left: 0;\n  cursor: pointer;\n  display: block;\n  background-size: cover;\n  position: absolute;\n}\n\n.lexical-theme-module_listItemUnchecked_GM3vI[dir='rtl']:before,\n.lexical-theme-module_listItemChecked_kISPU[dir='rtl']:before {\n  left: auto;\n  right: 0;\n}\n\n.lexical-theme-module_listItemUnchecked_GM3vI:focus:before,\n.lexical-theme-module_listItemChecked_kISPU:focus:before {\n  box-shadow: 0 0 0 2px var(--accentBgActive);\n  border-radius: var(--radius-small);\n}\n\n.lexical-theme-module_listItemUnchecked_GM3vI:before {\n  border: 1px solid var(--baseBorder);\n  border-radius: var(--radius-small);\n}\n\n.lexical-theme-module_listItemChecked_kISPU:before {\n  border: 1px solid var(--accentBorder);\n  border-radius: var(--radius-small);\n  background-color: var(--accentSolid);\n  background-repeat: no-repeat;\n}\n\n.lexical-theme-module_listItemChecked_kISPU:after {\n  content: '';\n  cursor: pointer;\n  border-color: var(--baseBase);\n  border-style: solid;\n  position: absolute;\n  display: block;\n  top: var(--spacing-0_5);\n  width: var(--spacing-1);\n  left: var(--spacing-1_5);\n  right: var(--spacing-1_5);\n  height: var(--spacing-2);\n  transform: rotate(45deg);\n  border-width: 0 var(--spacing-0_5) var(--spacing-0_5) 0;\n}\n\n.lexical-theme-module_nestedListItem_LEP2f {\n  list-style-type: none;\n}\n\n.lexical-theme-module_nestedListItem_LEP2f:before,\n.lexical-theme-module_nestedListItem_LEP2f:after {\n  display: none;\n}\n\n.lexical-theme-module_admonitionDanger_odODu,\n.lexical-theme-module_admonitionInfo_hhpuA,\n.lexical-theme-module_admonitionNote_ipt6L,\n.lexical-theme-module_admonitionTip_Nso9F,\n.lexical-theme-module_admonitionCaution_SoaPW {\n  padding: var(--spacing-2);\n  margin-top: var(--spacing-2);\n  margin-bottom: var(--spacing-2);\n  border-left: 3px solid var(--admonitionBorder);\n  background-color: var(--admonitionBg);\n}\n\n.lexical-theme-module_admonitionInfo_hhpuA {\n  --admonitionBorder: var(--admonitionInfoBorder);\n  --admonitionBg: var(--admonitionInfoBg);\n}\n\n.lexical-theme-module_admonitionTip_Nso9F {\n  --admonitionBorder: var(--admonitionTipBorder);\n  --admonitionBg: var(--admonitionTipBg);\n}\n\n.lexical-theme-module_admonitionCaution_SoaPW {\n  --admonitionBorder: var(--admonitionCautionBorder);\n  --admonitionBg: var(--admonitionCautionBg);\n}\n\n.lexical-theme-module_admonitionDanger_odODu {\n  --admonitionBorder: var(--admonitionDangerBorder);\n  --admonitionBg: var(--admonitionDangerBg);\n}\n\n.lexical-theme-module_admonitionNote_ipt6L {\n  --admonitionBorder: var(--admonitionNoteBorder);\n  --admonitionBg: var(--admonitionNoteBg);\n}\n\n.lexical-theme-module_mdxExpression_uhhzT {\n  font-family: var(--font-mono);\n  font-size: 84%;\n  color: var(--accentText);\n\n  & input:focus-visible {\n    outline: none;\n  }\n}\n/* Override Tailwind's preflight heading resets for MDX editor */\n.mdx-editor-wrapper h1 {\n  font-size: 2em;\n  font-weight: 700;\n  margin-top: 0.67em;\n  margin-bottom: 0.67em;\n}\n\n.mdx-editor-wrapper h2 {\n  font-size: 1.5em;\n  font-weight: 700;\n  margin-top: 0.83em;\n  margin-bottom: 0.83em;\n}\n\n.mdx-editor-wrapper h3 {\n  font-size: 1.17em;\n  font-weight: 700;\n  margin-top: 1em;\n  margin-bottom: 1em;\n}\n\n.mdx-editor-wrapper h4 {\n  font-size: 1em;\n  font-weight: 700;\n  margin-top: 1.33em;\n  margin-bottom: 1.33em;\n}\n\n.mdx-editor-wrapper h5 {\n  font-size: 0.83em;\n  font-weight: 700;\n  margin-top: 1.67em;\n  margin-bottom: 1.67em;\n}\n\n.mdx-editor-wrapper h6 {\n  font-size: 0.67em;\n  font-weight: 700;\n  margin-top: 2.33em;\n  margin-bottom: 2.33em;\n}\n\n/* Restore other common element styles that Tailwind resets */\n.mdx-editor-wrapper p {\n  margin-top: 1em;\n  margin-bottom: 1em;\n}\n\n.mdx-editor-wrapper ul,\n.mdx-editor-wrapper ol {\n  margin-top: 1em;\n  margin-bottom: 1em;\n  padding-left: 2em;\n}\n\n.mdx-editor-wrapper ul {\n  list-style-type: disc;\n}\n\n.mdx-editor-wrapper ol {\n  list-style-type: decimal;\n}\n\n.mdx-editor-wrapper li {\n  display: list-item;\n}\n\n.mdx-editor-wrapper blockquote {\n  margin-top: 1em;\n  margin-bottom: 1em;\n  margin-left: 2em;\n  margin-right: 2em;\n}\n\n.mdx-editor-wrapper pre {\n  margin-top: 1em;\n  margin-bottom: 1em;\n}\n\n.mdx-editor-wrapper strong,\n.mdx-editor-wrapper b {\n  font-weight: 700;\n}\n\n.mdx-editor-wrapper em,\n.mdx-editor-wrapper i {\n  font-style: italic;\n}\n\n.mdx-editor-wrapper code {\n  font-family: monospace;\n}\n\n.mdx-editor-wrapper hr {\n  margin-top: 1em;\n  margin-bottom: 1em;\n  border-top: 1px solid;\n}"));
+      elementStyle.appendChild(document.createTextNode(`.mdxeditor {
+  /** Code mirror */
+  & .cm-editor {
+    --sp-font-mono: var(--font-mono);
+    --sp-font-body: var(--font-body);
+    padding: var(--sp-space-4) 0;
+  }
+
+  & .sp-editor .cm-editor {
+    padding-bottom: 0;
+  }
+
+  & .cm-scroller {
+    padding: 0 !important;
+  }
+
+  & .cm-focused {
+    outline: none;
+  }
+
+  & .sp-wrapper {
+    overflow: hidden;
+  }
+
+  & .sp-layout {
+    border: none;
+  }
+
+  & .sp-cm {
+    & pre {
+      white-space: break-spaces;
+      word-break: break-word;
+      overflow-wrap: anywhere;
+      flex-shrink: 1;
+    }
+  }
+
+  /** Diff viewer */
+  & .cm-mergeView .cm-scroller {
+    font-family: var(--font-mono);
+    line-height: 1.3rem;
+    font-size: var(--text-xs);
+  }
+
+  /** Diff viewer */
+  & .cm-sourceView .cm-scroller {
+    font-family: var(--font-mono);
+    line-height: 1.3rem;
+    font-size: var(--text-xs);
+  }
+
+  & .cm-gutters {
+    background: transparent;
+    font-size: var(--text-xxs);
+  }
+
+  & .cm-activeLine {
+    background: transparent;
+  }
+
+  & .cm-tooltip-autocomplete {
+    background: var(--baseBgSubtle);
+  }
+
+
+  hr[data-lexical-decorator=true].selected {
+    outline: 2px solid highlight;
+  }
+}
+:root, .light, .light-theme {
+  --blue-1: #fbfdff;
+  --blue-2: #f4faff;
+  --blue-3: #e6f4fe;
+  --blue-4: #d5efff;
+  --blue-5: #c2e5ff;
+  --blue-6: #acd8fc;
+  --blue-7: #8ec8f6;
+  --blue-8: #5eb1ef;
+  --blue-9: #0090ff;
+  --blue-10: #0588f0;
+  --blue-11: #0d74ce;
+  --blue-12: #113264;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --blue-1: color(display-p3 0.986 0.992 0.999);
+      --blue-2: color(display-p3 0.96 0.979 0.998);
+      --blue-3: color(display-p3 0.912 0.956 0.991);
+      --blue-4: color(display-p3 0.853 0.932 1);
+      --blue-5: color(display-p3 0.788 0.894 0.998);
+      --blue-6: color(display-p3 0.709 0.843 0.976);
+      --blue-7: color(display-p3 0.606 0.777 0.947);
+      --blue-8: color(display-p3 0.451 0.688 0.917);
+      --blue-9: color(display-p3 0.247 0.556 0.969);
+      --blue-10: color(display-p3 0.234 0.523 0.912);
+      --blue-11: color(display-p3 0.15 0.44 0.84);
+      --blue-12: color(display-p3 0.102 0.193 0.379);
+    }
+  }
+}.dark, .dark-theme {
+  --blue-1: #0d1520;
+  --blue-2: #111927;
+  --blue-3: #0d2847;
+  --blue-4: #003362;
+  --blue-5: #004074;
+  --blue-6: #104d87;
+  --blue-7: #205d9e;
+  --blue-8: #2870bd;
+  --blue-9: #0090ff;
+  --blue-10: #3b9eff;
+  --blue-11: #70b8ff;
+  --blue-12: #c2e6ff;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --blue-1: color(display-p3 0.057 0.081 0.122);
+      --blue-2: color(display-p3 0.072 0.098 0.147);
+      --blue-3: color(display-p3 0.078 0.154 0.27);
+      --blue-4: color(display-p3 0.033 0.197 0.37);
+      --blue-5: color(display-p3 0.08 0.245 0.441);
+      --blue-6: color(display-p3 0.14 0.298 0.511);
+      --blue-7: color(display-p3 0.195 0.361 0.6);
+      --blue-8: color(display-p3 0.239 0.434 0.72);
+      --blue-9: color(display-p3 0.247 0.556 0.969);
+      --blue-10: color(display-p3 0.344 0.612 0.973);
+      --blue-11: color(display-p3 0.49 0.72 1);
+      --blue-12: color(display-p3 0.788 0.898 0.99);
+    }
+  }
+}:root, .light, .light-theme {
+  --slate-1: #fcfcfd;
+  --slate-2: #f9f9fb;
+  --slate-3: #f0f0f3;
+  --slate-4: #e8e8ec;
+  --slate-5: #e0e1e6;
+  --slate-6: #d9d9e0;
+  --slate-7: #cdced6;
+  --slate-8: #b9bbc6;
+  --slate-9: #8b8d98;
+  --slate-10: #80838d;
+  --slate-11: #60646c;
+  --slate-12: #1c2024;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --slate-1: color(display-p3 0.988 0.988 0.992);
+      --slate-2: color(display-p3 0.976 0.976 0.984);
+      --slate-3: color(display-p3 0.94 0.941 0.953);
+      --slate-4: color(display-p3 0.908 0.909 0.925);
+      --slate-5: color(display-p3 0.88 0.881 0.901);
+      --slate-6: color(display-p3 0.85 0.852 0.876);
+      --slate-7: color(display-p3 0.805 0.808 0.838);
+      --slate-8: color(display-p3 0.727 0.733 0.773);
+      --slate-9: color(display-p3 0.547 0.553 0.592);
+      --slate-10: color(display-p3 0.503 0.512 0.549);
+      --slate-11: color(display-p3 0.379 0.392 0.421);
+      --slate-12: color(display-p3 0.113 0.125 0.14);
+    }
+  }
+}.dark, .dark-theme {
+  --slate-1: #111113;
+  --slate-2: #18191b;
+  --slate-3: #212225;
+  --slate-4: #272a2d;
+  --slate-5: #2e3135;
+  --slate-6: #363a3f;
+  --slate-7: #43484e;
+  --slate-8: #5a6169;
+  --slate-9: #696e77;
+  --slate-10: #777b84;
+  --slate-11: #b0b4ba;
+  --slate-12: #edeef0;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --slate-1: color(display-p3 0.067 0.067 0.074);
+      --slate-2: color(display-p3 0.095 0.098 0.105);
+      --slate-3: color(display-p3 0.13 0.135 0.145);
+      --slate-4: color(display-p3 0.156 0.163 0.176);
+      --slate-5: color(display-p3 0.183 0.191 0.206);
+      --slate-6: color(display-p3 0.215 0.226 0.244);
+      --slate-7: color(display-p3 0.265 0.28 0.302);
+      --slate-8: color(display-p3 0.357 0.381 0.409);
+      --slate-9: color(display-p3 0.415 0.431 0.463);
+      --slate-10: color(display-p3 0.469 0.483 0.514);
+      --slate-11: color(display-p3 0.692 0.704 0.728);
+      --slate-12: color(display-p3 0.93 0.933 0.94);
+    }
+  }
+}:root, .light, .light-theme {
+  --grass-1: #fbfefb;
+  --grass-2: #f5fbf5;
+  --grass-3: #e9f6e9;
+  --grass-4: #daf1db;
+  --grass-5: #c9e8ca;
+  --grass-6: #b2ddb5;
+  --grass-7: #94ce9a;
+  --grass-8: #65ba74;
+  --grass-9: #46a758;
+  --grass-10: #3e9b4f;
+  --grass-11: #2a7e3b;
+  --grass-12: #203c25;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --grass-1: color(display-p3 0.986 0.996 0.985);
+      --grass-2: color(display-p3 0.966 0.983 0.964);
+      --grass-3: color(display-p3 0.923 0.965 0.917);
+      --grass-4: color(display-p3 0.872 0.94 0.865);
+      --grass-5: color(display-p3 0.811 0.908 0.802);
+      --grass-6: color(display-p3 0.733 0.864 0.724);
+      --grass-7: color(display-p3 0.628 0.803 0.622);
+      --grass-8: color(display-p3 0.477 0.72 0.482);
+      --grass-9: color(display-p3 0.38 0.647 0.378);
+      --grass-10: color(display-p3 0.344 0.598 0.342);
+      --grass-11: color(display-p3 0.263 0.488 0.261);
+      --grass-12: color(display-p3 0.151 0.233 0.153);
+    }
+  }
+}:root, .light, .light-theme {
+  --cyan-1: #fafdfe;
+  --cyan-2: #f2fafb;
+  --cyan-3: #def7f9;
+  --cyan-4: #caf1f6;
+  --cyan-5: #b5e9f0;
+  --cyan-6: #9ddde7;
+  --cyan-7: #7dcedc;
+  --cyan-8: #3db9cf;
+  --cyan-9: #00a2c7;
+  --cyan-10: #0797b9;
+  --cyan-11: #107d98;
+  --cyan-12: #0d3c48;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --cyan-1: color(display-p3 0.982 0.992 0.996);
+      --cyan-2: color(display-p3 0.955 0.981 0.984);
+      --cyan-3: color(display-p3 0.888 0.965 0.975);
+      --cyan-4: color(display-p3 0.821 0.941 0.959);
+      --cyan-5: color(display-p3 0.751 0.907 0.935);
+      --cyan-6: color(display-p3 0.671 0.862 0.9);
+      --cyan-7: color(display-p3 0.564 0.8 0.854);
+      --cyan-8: color(display-p3 0.388 0.715 0.798);
+      --cyan-9: color(display-p3 0.282 0.627 0.765);
+      --cyan-10: color(display-p3 0.264 0.583 0.71);
+      --cyan-11: color(display-p3 0.08 0.48 0.63);
+      --cyan-12: color(display-p3 0.108 0.232 0.277);
+    }
+  }
+}:root, .light, .light-theme {
+  --amber-1: #fefdfb;
+  --amber-2: #fefbe9;
+  --amber-3: #fff7c2;
+  --amber-4: #ffee9c;
+  --amber-5: #fbe577;
+  --amber-6: #f3d673;
+  --amber-7: #e9c162;
+  --amber-8: #e2a336;
+  --amber-9: #ffc53d;
+  --amber-10: #ffba18;
+  --amber-11: #ab6400;
+  --amber-12: #4f3422;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --amber-1: color(display-p3 0.995 0.992 0.985);
+      --amber-2: color(display-p3 0.994 0.986 0.921);
+      --amber-3: color(display-p3 0.994 0.969 0.782);
+      --amber-4: color(display-p3 0.989 0.937 0.65);
+      --amber-5: color(display-p3 0.97 0.902 0.527);
+      --amber-6: color(display-p3 0.936 0.844 0.506);
+      --amber-7: color(display-p3 0.89 0.762 0.443);
+      --amber-8: color(display-p3 0.85 0.65 0.3);
+      --amber-9: color(display-p3 1 0.77 0.26);
+      --amber-10: color(display-p3 0.959 0.741 0.274);
+      --amber-11: color(display-p3 0.64 0.4 0);
+      --amber-12: color(display-p3 0.294 0.208 0.145);
+    }
+  }
+}:root, .light, .light-theme {
+  --red-1: #fffcfc;
+  --red-2: #fff7f7;
+  --red-3: #feebec;
+  --red-4: #ffdbdc;
+  --red-5: #ffcdce;
+  --red-6: #fdbdbe;
+  --red-7: #f4a9aa;
+  --red-8: #eb8e90;
+  --red-9: #e5484d;
+  --red-10: #dc3e42;
+  --red-11: #ce2c31;
+  --red-12: #641723;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --red-1: color(display-p3 0.998 0.989 0.988);
+      --red-2: color(display-p3 0.995 0.971 0.971);
+      --red-3: color(display-p3 0.985 0.925 0.925);
+      --red-4: color(display-p3 0.999 0.866 0.866);
+      --red-5: color(display-p3 0.984 0.812 0.811);
+      --red-6: color(display-p3 0.955 0.751 0.749);
+      --red-7: color(display-p3 0.915 0.675 0.672);
+      --red-8: color(display-p3 0.872 0.575 0.572);
+      --red-9: color(display-p3 0.83 0.329 0.324);
+      --red-10: color(display-p3 0.798 0.294 0.285);
+      --red-11: color(display-p3 0.744 0.234 0.222);
+      --red-12: color(display-p3 0.36 0.115 0.143);
+    }
+  }
+}.ui-module_editorRoot_3d63c {
+  --accentBase: var(--blue-1);
+  --accentBgSubtle: var(--blue-2);
+  --accentBg: var(--blue-3);
+  --accentBgHover: var(--blue-4);
+  --accentBgActive: var(--blue-5);
+  --accentLine: var(--blue-6);
+  --accentBorder: var(--blue-7);
+  --accentBorderHover: var(--blue-8);
+  --accentSolid: var(--blue-9);
+  --accentSolidHover: var(--blue-10);
+  --accentText: var(--blue-11);
+  --accentTextContrast: var(--blue-12);
+
+  --basePageBg: white;
+  --baseBase: var(--slate-1);
+  --baseBgSubtle: var(--slate-2);
+  --baseBg: var(--slate-3);
+  --baseBgHover: var(--slate-4);
+  --baseBgActive: var(--slate-5);
+  --baseLine: var(--slate-6);
+  --baseBorder: var(--slate-7);
+  --baseBorderHover: var(--slate-8);
+  --baseSolid: var(--slate-9);
+  --baseSolidHover: var(--slate-10);
+  --baseText: var(--slate-11);
+  --baseTextContrast: var(--slate-12);
+
+  --admonitionTipBg: var(--cyan-4);
+  --admonitionTipBorder: var(--cyan-8);
+
+  --admonitionInfoBg: var(--grass-4);
+  --admonitionInfoBorder: var(--grass-8);
+
+  --admonitionCautionBg: var(--amber-4);
+  --admonitionCautionBorder: var(--amber-8);
+
+  --admonitionDangerBg: var(--red-4);
+  --admonitionDangerBorder: var(--red-8);
+
+  --admonitionNoteBg: var(--slate-4);
+  --admonitionNoteBorder: var(--slate-8);
+
+  --error-color: var(--red-10);
+
+  --spacing-0: 0px;
+  --spacing-px: 1px;
+  --spacing-0_5: 0.125rem;
+  --spacing-1: 0.25rem;
+  --spacing-1_5: 0.375rem;
+  --spacing-2: 0.5rem;
+  --spacing-2_5: 0.625rem;
+  --spacing-3: 0.75rem;
+  --spacing-3_5: 0.875rem;
+  --spacing-4: 1rem;
+  --spacing-5: 1.25rem;
+  --spacing-6: 1.5rem;
+  --spacing-7: 1.75rem;
+  --spacing-8: 2rem;
+  --spacing-9: 2.25rem;
+  --spacing-10: 2.5rem;
+  --spacing-11: 2.75rem;
+  --spacing-12: 3rem;
+  --spacing-14: 3.5rem;
+  --spacing-16: 4rem;
+  --spacing-20: 5rem;
+  --spacing-24: 6rem;
+  --spacing-28: 7rem;
+  --spacing-32: 8rem;
+  --spacing-36: 9rem;
+  --spacing-40: 10rem;
+  --spacing-44: 11rem;
+  --spacing-48: 12rem;
+  --spacing-52: 13rem;
+  --spacing-56: 14rem;
+  --spacing-60: 15rem;
+  --spacing-64: 16rem;
+  --spacing-72: 18rem;
+  --spacing-80: 20rem;
+  --spacing-96: 24rem;
+
+  --radius-none: 0px;
+  --radius-small: var(--spacing-0_5);
+  --radius-base: var(--spacing-1);
+  --radius-medium: var(--spacing-1_5);
+  --radius-large: var(--spacing-2);
+  --radius-extra-large: var(--spacing-3);
+  --radius-full: 9999px;
+
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+  --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
+    sans-serif;
+
+  --text-base: 1rem;
+  --text-sm: 0.875rem;
+  --text-xs: 0.75rem;
+  --text-xxs: 0.6rem;
+
+  font-family: var(--font-body);
+  color: var(--baseText);
+}
+
+.ui-module_editorWrapper_nPW0c {
+}
+
+.ui-module_nestedListItem_-OMpV {
+  list-style: none;
+}
+
+.ui-module_toolbarRoot_QA6-G {
+  z-index: 2;
+  display: flex;
+  flex-direction: row;
+  gap: var(--spacing-1);
+  border-radius: var(--radius-medium);
+  padding: var(--spacing-1_5);
+  align-items: center;
+  overflow-x: auto;
+  position: sticky;
+  top: 0;
+  background-color: var(--baseBg);
+  width: inherit;
+
+  & div[role='separator'] {
+    margin: var(--spacing-2) var(--spacing-1);
+    border-left: 1px solid var(--baseBorder);
+    border-right: 1px solid var(--baseBase);
+    height: var(--spacing-4);
+  }
+
+  & svg {
+    color: var(--baseTextContrast);
+    display: block;
+  }
+}
+
+.ui-module_readOnlyToolbarRoot_zZzZ0 {
+  pointer-events: none;
+  background: var(--baseBase);
+
+  & > div {
+    opacity: 0.5;
+  }
+}
+
+.ui-module_toolbarStatusContent_y2-dX {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-1);
+}
+
+.ui-module_toolbarModeSwitch_TiGNq {
+  opacity: 1 !important;
+  margin-left: auto;
+  align-self: stretch;
+  align-items: stretch;
+  display: flex;
+  border: 1px solid var(--baseBg);
+  border-radius: var(--radius-medium);
+  font-size: var(--text-xs);
+
+  .ui-module_toolbarToggleItem_2BQQ2 {
+    padding-inline-end: var(--spacing-4);
+    padding-inline-start: var(--spacing-4);
+
+    &:active,
+    &[data-state='on'] {
+      background-color: var(--baseBorder);
+    }
+  }
+}
+
+.ui-module_toolbarGroupOfGroups_-7ePU {
+  display: flex;
+  margin: 0 var(--spacing-1);
+}
+
+.ui-module_toolbarToggleSingleGroup_O8hn8:first-of-type .ui-module_toolbarToggleItem_2BQQ2:only-child,
+.ui-module_toolbarToggleSingleGroup_O8hn8:only-child .ui-module_toolbarToggleItem_2BQQ2:first-child,
+.ui-module_toolbarModeSwitch_TiGNq .ui-module_toolbarToggleItem_2BQQ2:first-child {
+  border-top-left-radius: var(--radius-base);
+  border-bottom-left-radius: var(--radius-base);
+}
+
+.ui-module_toolbarToggleSingleGroup_O8hn8:last-of-type .ui-module_toolbarToggleItem_2BQQ2:only-child,
+.ui-module_toolbarToggleSingleGroup_O8hn8:only-child .ui-module_toolbarToggleItem_2BQQ2:last-child,
+.ui-module_toolbarModeSwitch_TiGNq .ui-module_toolbarToggleItem_2BQQ2:last-child {
+  border-top-right-radius: var(--radius-base);
+  border-bottom-right-radius: var(--radius-base);
+}
+
+.ui-module_toolbarToggleItem_2BQQ2,
+.ui-module_toolbarButton_nedIw {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  padding: var(--spacing-0_5);
+
+  @media (hover: hover) {
+    &:hover {
+      background-color: var(--baseBgActive);
+    }
+  }
+
+  &:active svg {
+    transform: translate(1px, 1px);
+  }
+
+  &[data-state='on'],
+  &:active {
+    color: var(--baseTextContrast);
+    background-color: var(--baseBgActive);
+  }
+
+  &[data-disabled] {
+    pointer-events: none;
+    & svg {
+      color: var(--baseBorderHover);
+    }
+  }
+}
+
+.ui-module_toolbarButton_nedIw {
+  border-radius: var(--radius-base);
+}
+
+.ui-module_toolbarButton_nedIw + .ui-module_toolbarButton_nedIw {
+  margin-left: var(--spacing-1);
+}
+
+.ui-module_activeToolbarButton_TqEHl {
+  color: var(--accentText);
+}
+
+.ui-module_toolbarToggleSingleGroup_O8hn8 {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+}
+
+.ui-module_toolbarNodeKindSelectContainer_xzct9,
+.ui-module_toolbarButtonDropdownContainer_oweZ4,
+.ui-module_toolbarCodeBlockLanguageSelectContent_qC11c,
+.ui-module_selectContainer_zEOzj {
+  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
+  z-index: 3;
+  width: var(--spacing-36);
+  border-bottom-left-radius: var(--radius-base);
+  border-bottom-right-radius: var(--radius-base);
+  background-color: var(--basePageBg);
+  font-size: var(--text-sm);
+}
+
+.ui-module_toolbarButtonDropdownContainer_oweZ4 {
+  border-top-right-radius: var(--radius-base);
+
+  & .ui-module_selectItem_-0ITo:first-child {
+    border-top-right-radius: var(--radius-base);
+  }
+}
+
+.ui-module_toolbarNodeKindSelectTrigger_NhAa4,
+.ui-module_toolbarButtonSelectTrigger_qc9aS,
+.ui-module_selectTrigger_QvY-l {
+  border: 0;
+  background-color: transparent;
+  display: flex;
+  color: inherit;
+  align-items: center;
+  width: var(--spacing-36);
+  padding: var(--spacing-0_5) var(--spacing-1);
+  padding-inline-start: var(--spacing-2);
+  border-radius: var(--radius-medium);
+  white-space: nowrap;
+  flex-wrap: nowrap;
+  font-size: var(--text-sm);
+  background-color: var(--basePageBg);
+  margin: 0 var(--spacing-1);
+
+  &[data-state='open'] {
+    filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
+    border-bottom-right-radius: var(--radius-none);
+    border-bottom-left-radius: var(--radius-none);
+  }
+}
+
+.ui-module_selectTrigger_QvY-l[data-placeholder] > span:first-child {
+  color: var(--baseBorderHover);
+}
+
+/** used in the sandpack */
+
+.ui-module_toolbarButtonSelectTrigger_qc9aS {
+  width: auto;
+  padding-inline-start: var(--spacing-2);
+  padding-inline-end: var(--spacing-1);
+  padding-block: var(--spacing-0_5);
+}
+
+.ui-module_toolbarCodeBlockLanguageSelectTrigger_zqKns,
+.ui-module_toolbarCodeBlockLanguageSelectContent_qC11c {
+  width: var(--spacing-48);
+}
+
+.ui-module_toolbarNodeKindSelectItem_EL2xh,
+.ui-module_selectItem_-0ITo {
+  cursor: default;
+  display: flex;
+  padding: var(--spacing-2);
+
+  &[data-highlighted] {
+    background-color: var(--baseBg);
+  }
+
+  &[data-state='checked'] {
+    color: var(--baseTextContrast);
+    background-color: var(--baseBg);
+  }
+
+  &[data-highlighted] {
+    outline: none;
+  }
+
+  &:last-child {
+    border-bottom-left-radius: var(--radius-base);
+    border-bottom-right-radius: var(--radius-base);
+  }
+}
+
+.ui-module_toolbarNodeKindSelectDropdownArrow_zdl-w,
+.ui-module_selectDropdownArrow_9sZWz {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+}
+
+.ui-module_contentEditable_Neszj {
+  box-sizing: border-box;
+  width: 100%;
+  color: var(--baseTextContrast);
+
+  &:focus {
+    outline: none;
+  }
+
+  padding: var(--spacing-3);
+}
+
+.ui-module_codeMirrorWrapper_WzR1U {
+  margin-bottom: var(--spacing-5);
+  border: 1px solid var(--baseLine);
+  border-radius: var(--radius-medium);
+  overflow: hidden;
+  padding: 0.8rem;
+  position: relative;
+}
+
+.ui-module_sandPackWrapper_NEHwo {
+  margin-bottom: var(--spacing-5);
+  border: 1px solid var(--baseLine);
+  border-radius: var(--radius-medium);
+  overflow: hidden;
+  position: relative;
+}
+
+.ui-module_codeMirrorToolbar_4LDML {
+  position: absolute;
+  right: 0;
+  top: 0;
+  display: flex;
+  gap: var(--spacing-1);
+  padding: var(--spacing-1);
+  z-index: 1;
+  background-color: var(--baseBase);
+  border-bottom-left-radius: var(--radius-base);
+}
+
+.ui-module_frontmatterWrapper_yywSY {
+  border-radius: var(--radius-medium);
+  padding: var(--spacing-3);
+  background-color: var(--baseBgSubtle);
+
+  &[data-expanded='true'] {
+    margin-bottom: var(--spacing-10);
+  }
+}
+
+.ui-module_frontmatterToggleButton_7ZBOE {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-1);
+  font-size: var(--text-sm);
+}
+
+.ui-module_propertyPanelTitle_wudSB {
+  font-size: var(--text-xs);
+  font-weight: 400;
+  margin: 0;
+  padding-top: var(--spacing-2);
+  padding-left: var(--spacing-2);
+}
+
+.ui-module_propertyEditorTable_fYpKY {
+  table-layout: fixed;
+  border-spacing: var(--spacing-2);
+
+  & th {
+    text-align: left;
+    font-size: var(--text-sm);
+    padding: var(--spacing-2) var(--spacing-3);
+  }
+
+  & col:nth-child(1) {
+    width: 30%;
+  }
+
+  & col:nth-child(2) {
+    width: 70%;
+  }
+
+  & td:last-child .ui-module_iconButton_b94iY {
+    margin-left: var(--spacing-4);
+    margin-right: var(--spacing-4);
+  }
+
+  & .ui-module_readOnlyColumnCell_tCgPb {
+    padding-left: 0;
+  }
+}
+
+.ui-module_propertyEditorLabelCell_Z2hv7 {
+  font-weight: 400;
+}
+
+.ui-module_readOnlyColumnCell_tCgPb {
+  padding-left: 0;
+}
+
+.ui-module_buttonsFooter_Juqi3 {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--spacing-2);
+}
+
+.ui-module_propertyEditorInput_PXpSX {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  width: 100%;
+  padding: var(--spacing-2) var(--spacing-3);
+  border-radius: var(--radius-base);
+  border: 1px solid var(--baseBorder);
+  background-color: var(--baseBase);
+  font-size: var(--text-sm);
+}
+
+.ui-module_iconButton_b94iY {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  color: var(--baseText);
+
+  @media (hover: hover) {
+    &:hover {
+      color: var(--baseTextContrast);
+    }
+  }
+
+  &:disabled,
+  &:disabled:hover {
+    color: var(--baseLine);
+  }
+}
+
+.ui-module_primaryButton_SztyP,
+.ui-module_secondaryButton_9rAaf {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  padding: var(--spacing-2) var(--spacing-3);
+  border: 1px solid var(--accentBorder);
+  background-color: var(--accentSolidHover);
+  color: var(--baseBase);
+  font-size: var(--text-xs);
+  border-radius: var(--radius-medium);
+
+  &:disabled {
+    background: var(--accentLine);
+    border-color: var(--accentBg);
+  }
+}
+
+.ui-module_smallButton_ME9Rg {
+  font-size: var(--text-xs);
+  padding: var(--spacing-1) var(--spacing-2);
+  border-radius: var(--radius-base);
+}
+
+.ui-module_secondaryButton_9rAaf {
+  border: 1px solid var(--baseBorder);
+  background-color: var(--baseSolidHover);
+  color: var(--baseBase);
+}
+
+.ui-module_dialogForm_fym3H {
+  display: flex;
+  flex-direction: row;
+  gap: var(--spacing-2);
+}
+
+.ui-module_linkDialogEditForm_Qc-E2 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: var(--spacing-2);
+  padding: 0;
+}
+
+.ui-module_linkDialogInputContainer_UMMwL {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}
+
+.ui-module_linkDialogInputWrapper_aWNFC {
+  display: flex;
+  align-items: center;
+  background-color: var(--baseBase);
+
+  border-radius: var(--radius-base);
+  border: 1px solid var(--baseBorder);
+
+  &[data-visible-dropdown='true'] {
+    border-bottom-left-radius: var(--radius-none);
+    border-bottom-right-radius: var(--radius-none);
+    border-bottom-width: 0;
+  }
+
+  & > button {
+    border: 0;
+    background-color: transparent;
+    font-size: inherit;
+    appearance: none;
+    all: unset;
+    box-sizing: border-box;
+    cursor: default;
+    padding-right: var(--spacing-2);
+  }
+}
+
+.ui-module_linkDialogInput_wW3Qq,
+.ui-module_dialogInput_0XU4W {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  width: 20rem;
+  padding: var(--spacing-2) var(--spacing-3);
+  font-size: var(--text-sm);
+
+  &::placeholder {
+    color: var(--baseBorder);
+  }
+}
+
+.ui-module_linkDialogAnchor_UVham {
+  position: fixed;
+  background-color: highlight;
+  z-index: -1;
+
+  &[data-visible='true'] {
+    visibility: visible;
+  }
+
+  &[data-visible='false'] {
+    visibility: hidden;
+  }
+}
+
+.ui-module_linkDialogPopoverContent_-aAXR,
+.ui-module_tableColumnEditorPopoverContent_qiZ8k,
+.ui-module_dialogContent_IRmgH {
+  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-0_5);
+  border-radius: var(--radius-medium);
+  border: 1px solid var(--baseBg);
+  background-color: var(--basePageBg);
+  padding: var(--spacing-1) var(--spacing-1);
+  font-size: var(--text-sm);
+}
+
+.ui-module_largeDialogContent_GvvAH {
+  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
+  gap: var(--spacing-0_5);
+  border-radius: var(--radius-medium);
+  border: 1px solid var(--baseBorder);
+  background-color: var(--baseBgSubtle);
+  padding: var(--spacing-4);
+  font-size: var(--text-sm);
+}
+
+.ui-module_dialogTitle_XDJ1h {
+  font-size: var(--text-base);
+  font-weight: 600;
+  padding-left: var(--spacing-2);
+}
+
+.ui-module_dialogCloseButton_P-p41 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  position: absolute;
+  top: 10px;
+  right: 10px;
+}
+
+.ui-module_popoverContent_mouz8 {
+  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-0_5);
+  border-radius: var(--radius-medium);
+  background-color: var(--baseBgSubtle);
+  padding: var(--spacing-2) var(--spacing-2);
+  font-size: var(--text-sm);
+  z-index: 1;
+}
+
+.ui-module_popoverArrow_Mq8HP {
+  fill: var(--basePageBg);
+}
+
+.ui-module_linkDialogPreviewAnchor_orTS8 {
+  margin-right: var(--spacing-1);
+  display: flex;
+  align-items: center;
+  color: var(--accentText);
+  text-decoration: none;
+
+  @media (hover: hover) {
+    &:hover {
+      color: var(--accentSolidHover);
+    }
+  }
+
+  border: 1px solid transparent;
+
+  & span {
+    max-width: 14rem;
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
+.ui-module_tooltipTrigger_uoOTp {
+  align-self: center;
+}
+
+.ui-module_tooltipContent_GpCAE {
+  z-index: 2;
+  position: relative;
+  border-radius: var(--radius-medium);
+  padding: var(--spacing-1) var(--spacing-2);
+  font-size: var(--text-xs);
+  background-color: var(--baseText);
+  color: var(--baseBase);
+
+  & svg {
+    fill: var(--baseText);
+  }
+}
+
+.ui-module_actionButton_miZ0c {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  padding: var(--spacing-1);
+  color: var(--baseTextContrast);
+  & svg {
+    display: block;
+  }
+  @media (hover: hover) {
+    &:hover {
+      background-color: var(--baseBg);
+    }
+  }
+  &:active svg {
+    transform: translate(1px, 1px);
+  }
+  &[data-state='on'],
+  &:active {
+    background-color: var(--baseBg);
+    color: var(--baseTextContrast);
+  }
+  padding: var(--spacing-1) var(--spacing-1);
+  border-radius: var(--radius-medium);
+  color: var(--baseTextContrast);
+}
+
+.ui-module_primaryActionButton_tWgQF {
+  background-color: var(--accentSolid);
+  color: var(--baseBase);
+
+  @media (hover: hover) {
+    &:hover {
+      background-color: var(--accentSolidHover);
+      color: var(--baseBase);
+    }
+  }
+}
+
+.ui-module_tableEditor_Bz6zN {
+  table-layout: fixed;
+  width: 100%;
+  height: 100%;
+  border-spacing: 0;
+  border-collapse: collapse;
+
+  & thead > tr > th {
+    text-align: right;
+  }
+
+  & > tbody > tr > td:not(.ui-module_toolCell_0AstW),
+  & > tbody > tr > th:not(.ui-module_toolCell_0AstW):not([data-tool-cell='true']) {
+    border: 1px solid var(--baseBgActive);
+    padding: var(--spacing-1) var(--spacing-2);
+    white-space: normal;
+
+    & > div {
+      outline: none;
+
+      & > p {
+        margin: 0;
+      }
+    }
+
+    &[data-active='true'] {
+      outline: solid 1px var(--baseSolid);
+    }
+  }
+
+  .ui-module_tableColumnEditorTrigger_pxT4B,
+  .ui-module_tableRowEditorTrigger_Fnk5y,
+  .ui-module_addRowButton_OnB8h,
+  .ui-module_addColumnButton_i7qS0,
+  .ui-module_iconButton_b94iY {
+    opacity: 0.15;
+  }
+
+  @media (hover: hover) {
+    &:hover {
+      .ui-module_tableColumnEditorTrigger_pxT4B,
+      .ui-module_tableRowEditorTrigger_Fnk5y,
+      .ui-module_addRowButton_OnB8h,
+      .ui-module_addColumnButton_i7qS0,
+      .ui-module_iconButton_b94iY {
+        opacity: 0.3;
+
+        &:hover {
+          opacity: 1;
+        }
+      }
+    }
+  }
+}
+
+.ui-module_toolCell_0AstW {
+  text-align: right;
+
+  & button {
+    margin: auto;
+    display: block;
+  }
+}
+
+.ui-module_tableColumnEditorTrigger_pxT4B {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  padding: var(--spacing-1);
+  color: var(--baseTextContrast);
+  & svg {
+    display: block;
+  }
+  @media (hover: hover) {
+    &:hover {
+      background-color: var(--baseBg);
+    }
+  }
+  &:active svg {
+    transform: translate(1px, 1px);
+  }
+  &[data-state='on'],
+  &:active {
+    background-color: var(--baseBg);
+    color: var(--baseTextContrast);
+  }
+  padding: var(--spacing-1);
+  border-radius: var(--radius-full);
+  opacity: 0.2;
+
+  &[data-active='true'] {
+    opacity: 1 !important;
+  }
+}
+
+.ui-module_tableColumnEditorToolbar_h5qAi {
+  display: flex;
+
+  & > button {
+    border: 0;
+    background-color: transparent;
+    font-size: inherit;
+    appearance: none;
+    all: unset;
+    box-sizing: border-box;
+    cursor: default;
+    padding: var(--spacing-1);
+    color: var(--baseTextContrast);
+    & svg {
+    display: block;
+  }
+    @media (hover: hover) {
+    &:hover {
+      background-color: var(--baseBg);
+    }
+  }
+    &:active svg {
+    transform: translate(1px, 1px);
+  }
+    &[data-state='on'],
+  &:active {
+    background-color: var(--baseBg);
+    color: var(--baseTextContrast);
+  }
+  }
+
+  & [role='separator'] {
+    margin-left: var(--spacing-1);
+    margin-right: var(--spacing-1);
+  }
+}
+
+.ui-module_toggleGroupRoot_09l0I {
+  display: inline-flex;
+
+  & button {
+    border: 0;
+    background-color: transparent;
+    font-size: inherit;
+    appearance: none;
+    all: unset;
+    box-sizing: border-box;
+    cursor: default;
+    padding: var(--spacing-1);
+    color: var(--baseTextContrast);
+    & svg {
+    display: block;
+  }
+    @media (hover: hover) {
+    &:hover {
+      background-color: var(--baseBg);
+    }
+  }
+    &:active svg {
+    transform: translate(1px, 1px);
+  }
+    &[data-state='on'],
+  &:active {
+    background-color: var(--baseBg);
+    color: var(--baseTextContrast);
+  }
+
+    &:first-child {
+      border-top-left-radius: var(--radius-base);
+      border-bottom-left-radius: var(--radius-base);
+    }
+
+    &:last-child {
+      border-top-right-radius: var(--radius-base);
+      border-bottom-right-radius: var(--radius-base);
+    }
+  }
+}
+
+.ui-module_tableToolsColumn_OeGBn {
+  width: 2rem;
+
+  & button {
+    margin: auto;
+    display: block;
+  }
+}
+
+.ui-module_leftAlignedCell_AOE-0 {
+  text-align: left;
+}
+
+.ui-module_rightAlignedCell_VeNXT {
+  text-align: right;
+}
+
+.ui-module_centeredCell_6nOM2 {
+  text-align: center;
+}
+
+.ui-module_addColumnButton_i7qS0,
+.ui-module_addRowButton_OnB8h {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  padding: var(--spacing-1);
+  color: var(--baseTextContrast);
+  & svg {
+    display: block;
+  }
+  @media (hover: hover) {
+    &:hover {
+      background-color: var(--baseBg);
+    }
+  }
+  &:active svg {
+    transform: translate(1px, 1px);
+  }
+  &[data-state='on'],
+  &:active {
+    background-color: var(--baseBg);
+    color: var(--baseTextContrast);
+  }
+  background-color: var(--baseBase);
+
+  & svg {
+    margin: auto;
+  }
+
+  display: flex;
+  align-items: center;
+}
+
+.ui-module_addRowButton_OnB8h {
+  width: 100%;
+  margin-top: var(--spacing-px);
+  box-sizing: border-box;
+  border-bottom-right-radius: var(--radius-medium);
+  border-bottom-left-radius: var(--radius-medium);
+}
+
+.ui-module_addColumnButton_i7qS0 {
+  margin-left: var(--spacing-px);
+  height: 100%;
+  border-top-right-radius: var(--radius-medium);
+  border-bottom-right-radius: var(--radius-medium);
+}
+
+/** Dialog */
+
+.ui-module_dialogOverlay_UNZ-- {
+  position: fixed;
+  inset: 0;
+  animation: ui-module_overlayShow_l5JqT 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  background-color: var(--baseBase);
+  z-index: 51;
+  opacity: 0.5;
+}
+
+.ui-module_dialogContent_IRmgH,
+.ui-module_largeDialogContent_GvvAH {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  animation: ui-module_contentShow_1UlWE 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  z-index: 52;
+}
+
+.ui-module_dialogContent_IRmgH:focus,
+.ui-module_largeDialogContent_GvvAH:focus {
+  outline: none;
+}
+
+@keyframes ui-module_overlayShow_l5JqT {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 0.5;
+  }
+}
+
+@keyframes ui-module_contentShow_1UlWE {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -48%) scale(0.96);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+}
+
+.ui-module_focusedImage_-XGsD {
+  outline: highlight solid 2px;
+}
+
+.ui-module_imageWrapper_asuzE {
+  display: inline-block;
+  position: relative;
+}
+
+.ui-module_imageWrapper_asuzE[draggable='true'] {
+  cursor: move;
+  /* fallback if grab cursor is unsupported */
+  cursor: grab;
+  cursor: -moz-grab;
+  cursor: -webkit-grab;
+}
+
+.ui-module_editImageToolbar_kLkPH {
+  position: absolute;
+  right: 0;
+  top: 0;
+  display: flex;
+  gap: var(--spacing-1);
+  padding: var(--spacing-1);
+  z-index: 1;
+  background-color: var(--baseBase);
+  border-bottom-left-radius: var(--radius-base);
+}
+
+.ui-module_editImageButton_HwGdI {
+  & svg {
+    display: block;
+  }
+}
+
+.ui-module_inlineEditor_chmlT {
+  display: inline-flex;
+  border-radius: var(--radius-medium);
+  padding: var(--spacing-1);
+  gap: var(--spacing-2);
+  align-items: center;
+  background: var(--baseBg);
+}
+
+.ui-module_blockEditor_hqEug {
+  display: flex;
+  justify-content: stretch;
+  border-radius: var(--radius-medium);
+  padding: var(--spacing-2);
+  gap: var(--spacing-2);
+  align-items: center;
+  background: var(--baseBg);
+
+  & .ui-module_nestedEditor_SnebQ {
+    flex-grow: 1;
+  }
+}
+
+.ui-module_nestedEditor_SnebQ {
+  background: var(--basePageBg);
+  padding: var(--spacing-1) var(--spacing-2);
+  border-radius: var(--radius-medium);
+
+  & > p {
+    margin: 0;
+  }
+
+  &:focus {
+    outline: none;
+  }
+}
+
+.ui-module_genericComponentName_7NrVP {
+  font-size: var(--text-sm);
+  color: var(--baseText);
+  padding-right: var(--spacing-2);
+}
+
+.ui-module_diffSourceToggleWrapper_OKN4p {
+  margin-left: auto;
+  pointer-events: auto;
+  opacity: 1;
+  position: sticky;
+  right: 0;
+}
+
+.ui-module_ggDiffSourceToggle_kEzrx {
+}
+
+.ui-module_diffSourceToggle_b80Me {
+  border-radius: var(--radius-medium);
+  background-color: var(--baseBase);
+  display: flex;
+
+  .ui-module_toolbarToggleItem_2BQQ2 {
+    padding: 0;
+
+    & > span {
+      display: block;
+      padding: var(--spacing-1) var(--spacing-1);
+    }
+  }
+}
+
+.ui-module_selectWithLabel_ghMtH {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2);
+  margin-left: var(--spacing-2);
+
+  & > label {
+    font-size: var(--text-sm);
+  }
+
+  .ui-module_selectTrigger_QvY-l {
+    border: 1px solid var(--baseBorder);
+  }
+}
+
+.ui-module_toolbarTitleMode_m5TQr {
+  font-size: var(--text-sm);
+  margin-left: var(--spacing-2);
+}
+
+.ui-module_imageControlWrapperResizing_CaK3A {
+  touch-action: none;
+}
+
+.ui-module_imageResizer_kLRMX {
+  display: block;
+  width: 7px;
+  height: 7px;
+  position: absolute;
+  background-color: var(--accentText);
+  border: 1px solid var(--baseBg);
+}
+
+.ui-module_imageResizer_kLRMX.ui-module_imageResizerN_EbaZ- {
+  top: -6px;
+  left: 48%;
+  cursor: n-resize;
+}
+
+.ui-module_imageResizer_kLRMX.ui-module_imageResizerNe_omQKd {
+  top: -6px;
+  right: -6px;
+  cursor: ne-resize;
+}
+
+.ui-module_imageResizer_kLRMX.ui-module_imageResizerE_PbuNB {
+  bottom: 48%;
+  right: -6px;
+  cursor: e-resize;
+}
+
+.ui-module_imageResizer_kLRMX.ui-module_imageResizerSe_3JFP9 {
+  bottom: -2px;
+  right: -6px;
+  cursor: nwse-resize;
+}
+
+.ui-module_imageResizer_kLRMX.ui-module_imageResizerS_jL4ed {
+  bottom: -2px;
+  left: 48%;
+  cursor: s-resize;
+}
+
+.ui-module_imageResizer_kLRMX.ui-module_imageResizerSw_Ylpu9 {
+  bottom: -2px;
+  left: -6px;
+  cursor: sw-resize;
+}
+
+.ui-module_imageResizer_kLRMX.ui-module_imageResizerW_Qq-qg {
+  bottom: 48%;
+  left: -6px;
+  cursor: w-resize;
+}
+
+.ui-module_imageResizer_kLRMX.ui-module_imageResizerNw_DsHzu {
+  top: -6px;
+  left: -6px;
+  cursor: nw-resize;
+}
+
+.ui-module_imagePlaceholder_334Il {
+  border: 2px dashed;
+  padding: 48px;
+  margin: 12px;
+  width: fit-content;
+  height: fit-content;
+}
+
+.ui-module_imageDimensionsContainer_Z1mie {
+  display: flex;
+  gap: var(--spacing-4);
+}
+
+.ui-module_placeholder_SFgVt {
+  color: var(--baseSolid);
+  overflow: hidden;
+  position: absolute;
+  top: 0;
+  padding: var(--spacing-3);
+  text-overflow: ellipsis;
+  user-select: none;
+  white-space: nowrap;
+  display: inline-block;
+  pointer-events: none;
+}
+
+.ui-module_rootContentEditableWrapper_dJxz1 {
+  position: relative;
+}
+
+.ui-module_downshiftContainer_DQwPw {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}
+
+.ui-module_downshiftInputWrapper_nTVWG {
+  display: flex;
+  align-items: center;
+  background-color: var(--baseBase);
+
+  border-radius: var(--radius-base);
+  border: 1px solid var(--baseBorder);
+
+  &[data-visible-dropdown='true'] {
+    border-bottom-left-radius: var(--radius-none);
+    border-bottom-right-radius: var(--radius-none);
+    border-bottom-width: 0;
+  }
+
+  & > button {
+    border: 0;
+    background-color: transparent;
+    font-size: inherit;
+    appearance: none;
+    all: unset;
+    box-sizing: border-box;
+    cursor: default;
+    padding-right: var(--spacing-2);
+  }
+}
+
+.ui-module_downshiftInput_gwUym {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  width: 20rem;
+  padding: var(--spacing-2) var(--spacing-3);
+  font-size: var(--text-sm);
+
+  &::placeholder {
+    color: var(--baseBorder);
+  }
+}
+
+.ui-module_downshiftAutocompleteContainer_4py0Z {
+  position: relative;
+
+  & ul {
+    all: unset;
+    box-sizing: border-box;
+    position: absolute;
+    font-size: var(--text-sm);
+    width: 100%;
+    display: none;
+    border-bottom-left-radius: var(--radius-medium);
+    border-bottom-right-radius: var(--radius-medium);
+    max-height: var(--spacing-48);
+    overflow-x: hidden;
+    overflow-y: auto;
+    border: 1px solid var(--baseBorder);
+    border-top-width: 0;
+    background-color: var(--baseBase);
+
+    &[data-visible='true'] {
+      display: block;
+    }
+
+    & li {
+      padding: var(--spacing-2) var(--spacing-3);
+      white-space: nowrap;
+      margin-bottom: var(--spacing-1);
+      overflow-x: hidden;
+      text-overflow: ellipsis;
+
+      &[data-selected='true'] {
+        background-color: var(--baseBgSubtle);
+      }
+
+      &[data-highlighted='true'] {
+        background-color: var(--baseBgHover);
+      }
+
+      &:last-of-type {
+        border-bottom-left-radius: var(--radius-medium);
+        border-bottom-right-radius: var(--radius-medium);
+      }
+    }
+  }
+}
+
+.ui-module_textInput_WkP9R {
+  all: unset;
+  border-radius: var(--radius-base);
+  border: 1px solid var(--baseBorder);
+  background-color: var(--baseBase);
+  padding: var(--spacing-2) var(--spacing-3);
+}
+
+form.ui-module_multiFieldForm_81Blh {
+  display: flex;
+  flex-direction: column;
+  padding: var(--spacing-2);
+  gap: var(--spacing-2);
+
+  .ui-module_formField_YL3zT {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-2);
+
+    & label {
+      font-size: var(--text-xs);
+    }
+  }
+}
+
+.ui-module_markdownParseError_24XbG {
+  border-radius: var(--radius-base);
+  border: 1px solid var(--error-color);
+  padding: var(--spacing-2);
+  margin-block: var(--spacing-2);
+  color: var(--error-color);
+  font-size: var(--text-xs);
+}
+
+.ui-module_popupContainer_c-ODE {
+  position: relative;
+  z-index: 2;
+}
+
+.ui-module_inputSizer_XK71G {
+  display: inline-grid;
+  vertical-align: baseline;
+  align-items: center;
+  position: relative;
+
+  &::after,
+  & input {
+    width: auto;
+    min-width: 1rem;
+    grid-area: 1 / 2;
+    font: inherit;
+    margin: 0;
+    padding: 0 2px;
+    resize: none;
+    background: none;
+    appearance: none;
+    border: none;
+    color: inherit;
+  }
+
+  span {
+    padding: 0.25em;
+  }
+
+  &::after {
+    content: attr(data-value);
+    white-space: pre-wrap;
+  }
+}
+:root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {
+  --blue-1: #fbfdff;
+  --blue-2: #f4faff;
+  --blue-3: #e6f4fe;
+  --blue-4: #d5efff;
+  --blue-5: #c2e5ff;
+  --blue-6: #acd8fc;
+  --blue-7: #8ec8f6;
+  --blue-8: #5eb1ef;
+  --blue-9: #0090ff;
+  --blue-10: #0588f0;
+  --blue-11: #0d74ce;
+  --blue-12: #113264;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {
+      --blue-1: color(display-p3 0.986 0.992 0.999);
+      --blue-2: color(display-p3 0.96 0.979 0.998);
+      --blue-3: color(display-p3 0.912 0.956 0.991);
+      --blue-4: color(display-p3 0.853 0.932 1);
+      --blue-5: color(display-p3 0.788 0.894 0.998);
+      --blue-6: color(display-p3 0.709 0.843 0.976);
+      --blue-7: color(display-p3 0.606 0.777 0.947);
+      --blue-8: color(display-p3 0.451 0.688 0.917);
+      --blue-9: color(display-p3 0.247 0.556 0.969);
+      --blue-10: color(display-p3 0.234 0.523 0.912);
+      --blue-11: color(display-p3 0.15 0.44 0.84);
+      --blue-12: color(display-p3 0.102 0.193 0.379);
+    }
+  }
+}
+
+.lexical-theme-module_dark_ALXQz, .lexical-theme-module_dark-theme_ZjZQK {
+  --blue-1: #0d1520;
+  --blue-2: #111927;
+  --blue-3: #0d2847;
+  --blue-4: #003362;
+  --blue-5: #004074;
+  --blue-6: #104d87;
+  --blue-7: #205d9e;
+  --blue-8: #2870bd;
+  --blue-9: #0090ff;
+  --blue-10: #3b9eff;
+  --blue-11: #70b8ff;
+  --blue-12: #c2e6ff;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .lexical-theme-module_dark_ALXQz, .lexical-theme-module_dark-theme_ZjZQK {
+      --blue-1: color(display-p3 0.057 0.081 0.122);
+      --blue-2: color(display-p3 0.072 0.098 0.147);
+      --blue-3: color(display-p3 0.078 0.154 0.27);
+      --blue-4: color(display-p3 0.033 0.197 0.37);
+      --blue-5: color(display-p3 0.08 0.245 0.441);
+      --blue-6: color(display-p3 0.14 0.298 0.511);
+      --blue-7: color(display-p3 0.195 0.361 0.6);
+      --blue-8: color(display-p3 0.239 0.434 0.72);
+      --blue-9: color(display-p3 0.247 0.556 0.969);
+      --blue-10: color(display-p3 0.344 0.612 0.973);
+      --blue-11: color(display-p3 0.49 0.72 1);
+      --blue-12: color(display-p3 0.788 0.898 0.99);
+    }
+  }
+}
+
+:root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {
+  --slate-1: #fcfcfd;
+  --slate-2: #f9f9fb;
+  --slate-3: #f0f0f3;
+  --slate-4: #e8e8ec;
+  --slate-5: #e0e1e6;
+  --slate-6: #d9d9e0;
+  --slate-7: #cdced6;
+  --slate-8: #b9bbc6;
+  --slate-9: #8b8d98;
+  --slate-10: #80838d;
+  --slate-11: #60646c;
+  --slate-12: #1c2024;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {
+      --slate-1: color(display-p3 0.988 0.988 0.992);
+      --slate-2: color(display-p3 0.976 0.976 0.984);
+      --slate-3: color(display-p3 0.94 0.941 0.953);
+      --slate-4: color(display-p3 0.908 0.909 0.925);
+      --slate-5: color(display-p3 0.88 0.881 0.901);
+      --slate-6: color(display-p3 0.85 0.852 0.876);
+      --slate-7: color(display-p3 0.805 0.808 0.838);
+      --slate-8: color(display-p3 0.727 0.733 0.773);
+      --slate-9: color(display-p3 0.547 0.553 0.592);
+      --slate-10: color(display-p3 0.503 0.512 0.549);
+      --slate-11: color(display-p3 0.379 0.392 0.421);
+      --slate-12: color(display-p3 0.113 0.125 0.14);
+    }
+  }
+}
+
+.lexical-theme-module_dark_ALXQz, .lexical-theme-module_dark-theme_ZjZQK {
+  --slate-1: #111113;
+  --slate-2: #18191b;
+  --slate-3: #212225;
+  --slate-4: #272a2d;
+  --slate-5: #2e3135;
+  --slate-6: #363a3f;
+  --slate-7: #43484e;
+  --slate-8: #5a6169;
+  --slate-9: #696e77;
+  --slate-10: #777b84;
+  --slate-11: #b0b4ba;
+  --slate-12: #edeef0;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .lexical-theme-module_dark_ALXQz, .lexical-theme-module_dark-theme_ZjZQK {
+      --slate-1: color(display-p3 0.067 0.067 0.074);
+      --slate-2: color(display-p3 0.095 0.098 0.105);
+      --slate-3: color(display-p3 0.13 0.135 0.145);
+      --slate-4: color(display-p3 0.156 0.163 0.176);
+      --slate-5: color(display-p3 0.183 0.191 0.206);
+      --slate-6: color(display-p3 0.215 0.226 0.244);
+      --slate-7: color(display-p3 0.265 0.28 0.302);
+      --slate-8: color(display-p3 0.357 0.381 0.409);
+      --slate-9: color(display-p3 0.415 0.431 0.463);
+      --slate-10: color(display-p3 0.469 0.483 0.514);
+      --slate-11: color(display-p3 0.692 0.704 0.728);
+      --slate-12: color(display-p3 0.93 0.933 0.94);
+    }
+  }
+}
+
+:root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {
+  --grass-1: #fbfefb;
+  --grass-2: #f5fbf5;
+  --grass-3: #e9f6e9;
+  --grass-4: #daf1db;
+  --grass-5: #c9e8ca;
+  --grass-6: #b2ddb5;
+  --grass-7: #94ce9a;
+  --grass-8: #65ba74;
+  --grass-9: #46a758;
+  --grass-10: #3e9b4f;
+  --grass-11: #2a7e3b;
+  --grass-12: #203c25;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {
+      --grass-1: color(display-p3 0.986 0.996 0.985);
+      --grass-2: color(display-p3 0.966 0.983 0.964);
+      --grass-3: color(display-p3 0.923 0.965 0.917);
+      --grass-4: color(display-p3 0.872 0.94 0.865);
+      --grass-5: color(display-p3 0.811 0.908 0.802);
+      --grass-6: color(display-p3 0.733 0.864 0.724);
+      --grass-7: color(display-p3 0.628 0.803 0.622);
+      --grass-8: color(display-p3 0.477 0.72 0.482);
+      --grass-9: color(display-p3 0.38 0.647 0.378);
+      --grass-10: color(display-p3 0.344 0.598 0.342);
+      --grass-11: color(display-p3 0.263 0.488 0.261);
+      --grass-12: color(display-p3 0.151 0.233 0.153);
+    }
+  }
+}
+
+:root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {
+  --cyan-1: #fafdfe;
+  --cyan-2: #f2fafb;
+  --cyan-3: #def7f9;
+  --cyan-4: #caf1f6;
+  --cyan-5: #b5e9f0;
+  --cyan-6: #9ddde7;
+  --cyan-7: #7dcedc;
+  --cyan-8: #3db9cf;
+  --cyan-9: #00a2c7;
+  --cyan-10: #0797b9;
+  --cyan-11: #107d98;
+  --cyan-12: #0d3c48;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {
+      --cyan-1: color(display-p3 0.982 0.992 0.996);
+      --cyan-2: color(display-p3 0.955 0.981 0.984);
+      --cyan-3: color(display-p3 0.888 0.965 0.975);
+      --cyan-4: color(display-p3 0.821 0.941 0.959);
+      --cyan-5: color(display-p3 0.751 0.907 0.935);
+      --cyan-6: color(display-p3 0.671 0.862 0.9);
+      --cyan-7: color(display-p3 0.564 0.8 0.854);
+      --cyan-8: color(display-p3 0.388 0.715 0.798);
+      --cyan-9: color(display-p3 0.282 0.627 0.765);
+      --cyan-10: color(display-p3 0.264 0.583 0.71);
+      --cyan-11: color(display-p3 0.08 0.48 0.63);
+      --cyan-12: color(display-p3 0.108 0.232 0.277);
+    }
+  }
+}
+
+:root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {
+  --amber-1: #fefdfb;
+  --amber-2: #fefbe9;
+  --amber-3: #fff7c2;
+  --amber-4: #ffee9c;
+  --amber-5: #fbe577;
+  --amber-6: #f3d673;
+  --amber-7: #e9c162;
+  --amber-8: #e2a336;
+  --amber-9: #ffc53d;
+  --amber-10: #ffba18;
+  --amber-11: #ab6400;
+  --amber-12: #4f3422;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {
+      --amber-1: color(display-p3 0.995 0.992 0.985);
+      --amber-2: color(display-p3 0.994 0.986 0.921);
+      --amber-3: color(display-p3 0.994 0.969 0.782);
+      --amber-4: color(display-p3 0.989 0.937 0.65);
+      --amber-5: color(display-p3 0.97 0.902 0.527);
+      --amber-6: color(display-p3 0.936 0.844 0.506);
+      --amber-7: color(display-p3 0.89 0.762 0.443);
+      --amber-8: color(display-p3 0.85 0.65 0.3);
+      --amber-9: color(display-p3 1 0.77 0.26);
+      --amber-10: color(display-p3 0.959 0.741 0.274);
+      --amber-11: color(display-p3 0.64 0.4 0);
+      --amber-12: color(display-p3 0.294 0.208 0.145);
+    }
+  }
+}
+
+:root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {
+  --red-1: #fffcfc;
+  --red-2: #fff7f7;
+  --red-3: #feebec;
+  --red-4: #ffdbdc;
+  --red-5: #ffcdce;
+  --red-6: #fdbdbe;
+  --red-7: #f4a9aa;
+  --red-8: #eb8e90;
+  --red-9: #e5484d;
+  --red-10: #dc3e42;
+  --red-11: #ce2c31;
+  --red-12: #641723;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {
+      --red-1: color(display-p3 0.998 0.989 0.988);
+      --red-2: color(display-p3 0.995 0.971 0.971);
+      --red-3: color(display-p3 0.985 0.925 0.925);
+      --red-4: color(display-p3 0.999 0.866 0.866);
+      --red-5: color(display-p3 0.984 0.812 0.811);
+      --red-6: color(display-p3 0.955 0.751 0.749);
+      --red-7: color(display-p3 0.915 0.675 0.672);
+      --red-8: color(display-p3 0.872 0.575 0.572);
+      --red-9: color(display-p3 0.83 0.329 0.324);
+      --red-10: color(display-p3 0.798 0.294 0.285);
+      --red-11: color(display-p3 0.744 0.234 0.222);
+      --red-12: color(display-p3 0.36 0.115 0.143);
+    }
+  }
+}
+
+.lexical-theme-module_bold_aiWbg {
+  font-weight: bold;
+}
+
+.lexical-theme-module_italic_fbxIe {
+  font-style: italic;
+}
+
+.lexical-theme-module_underline_Fl7gX {
+  text-decoration: underline;
+}
+
+.lexical-theme-module_bold_aiWbg {
+  font-weight: 700;
+}
+
+.lexical-theme-module_italic_fbxIe {
+  font-style: italic;
+}
+
+.lexical-theme-module_underline_Fl7gX {
+  text-decoration: underline
+}
+
+.lexical-theme-module_strikethrough_ZPg1J {
+  text-decoration: line-through
+}
+
+.lexical-theme-module_underlineStrikethrough_g359y {
+  text-decoration: underline line-through
+}
+
+.lexical-theme-module_subscript_hdZ01 {
+  font-size: .8em;
+  vertical-align: sub !important
+}
+
+.lexical-theme-module_superscript_fotk0 {
+  font-size: .8em;
+  vertical-align: super
+}
+
+.lexical-theme-module_code_XUTW4 {
+  background-color: var(--baseBg);
+  padding: 1px .25rem;
+  font-family: var(--font-mono);
+  font-size: 94%
+}
+
+.lexical-theme-module_nestedListItem_LEP2f {
+  list-style: none;
+  list-style-type: none;
+}
+
+.lexical-theme-module_nestedListItem_LEP2f:before,
+.lexical-theme-module_nestedListItem_LEP2f:after {
+  display: none;
+}
+
+.lexical-theme-module_listitem_5mMAE {
+  margin: var(--spacing-2) 0;
+}
+
+.lexical-theme-module_listItemChecked_kISPU,
+.lexical-theme-module_listItemUnchecked_GM3vI {
+  position: relative;
+  margin-left: 0;
+  margin-right: 0;
+  margin-inline-start: -1rem;
+  padding-left: var(--spacing-6);
+  padding-right: var(--spacing-6);
+  list-style-type: none;
+  outline: none;
+}
+
+.lexical-theme-module_listItemChecked_kISPU {
+  text-decoration: line-through;
+}
+
+.lexical-theme-module_listItemUnchecked_GM3vI:before,
+.lexical-theme-module_listItemChecked_kISPU:before {
+  content: '';
+  width: var(--spacing-4);
+  height: var(--spacing-4);
+  top: 0;
+  left: 0;
+  cursor: pointer;
+  display: block;
+  background-size: cover;
+  position: absolute;
+}
+
+.lexical-theme-module_listItemUnchecked_GM3vI[dir='rtl']:before,
+.lexical-theme-module_listItemChecked_kISPU[dir='rtl']:before {
+  left: auto;
+  right: 0;
+}
+
+.lexical-theme-module_listItemUnchecked_GM3vI:focus:before,
+.lexical-theme-module_listItemChecked_kISPU:focus:before {
+  box-shadow: 0 0 0 2px var(--accentBgActive);
+  border-radius: var(--radius-small);
+}
+
+.lexical-theme-module_listItemUnchecked_GM3vI:before {
+  border: 1px solid var(--baseBorder);
+  border-radius: var(--radius-small);
+}
+
+.lexical-theme-module_listItemChecked_kISPU:before {
+  border: 1px solid var(--accentBorder);
+  border-radius: var(--radius-small);
+  background-color: var(--accentSolid);
+  background-repeat: no-repeat;
+}
+
+.lexical-theme-module_listItemChecked_kISPU:after {
+  content: '';
+  cursor: pointer;
+  border-color: var(--baseBase);
+  border-style: solid;
+  position: absolute;
+  display: block;
+  top: var(--spacing-0_5);
+  width: var(--spacing-1);
+  left: var(--spacing-1_5);
+  right: var(--spacing-1_5);
+  height: var(--spacing-2);
+  transform: rotate(45deg);
+  border-width: 0 var(--spacing-0_5) var(--spacing-0_5) 0;
+}
+
+.lexical-theme-module_nestedListItem_LEP2f {
+  list-style-type: none;
+}
+
+.lexical-theme-module_nestedListItem_LEP2f:before,
+.lexical-theme-module_nestedListItem_LEP2f:after {
+  display: none;
+}
+
+.lexical-theme-module_admonitionDanger_odODu,
+.lexical-theme-module_admonitionInfo_hhpuA,
+.lexical-theme-module_admonitionNote_ipt6L,
+.lexical-theme-module_admonitionTip_Nso9F,
+.lexical-theme-module_admonitionCaution_SoaPW {
+  padding: var(--spacing-2);
+  margin-top: var(--spacing-2);
+  margin-bottom: var(--spacing-2);
+  border-left: 3px solid var(--admonitionBorder);
+  background-color: var(--admonitionBg);
+}
+
+.lexical-theme-module_admonitionInfo_hhpuA {
+  --admonitionBorder: var(--admonitionInfoBorder);
+  --admonitionBg: var(--admonitionInfoBg);
+}
+
+.lexical-theme-module_admonitionTip_Nso9F {
+  --admonitionBorder: var(--admonitionTipBorder);
+  --admonitionBg: var(--admonitionTipBg);
+}
+
+.lexical-theme-module_admonitionCaution_SoaPW {
+  --admonitionBorder: var(--admonitionCautionBorder);
+  --admonitionBg: var(--admonitionCautionBg);
+}
+
+.lexical-theme-module_admonitionDanger_odODu {
+  --admonitionBorder: var(--admonitionDangerBorder);
+  --admonitionBg: var(--admonitionDangerBg);
+}
+
+.lexical-theme-module_admonitionNote_ipt6L {
+  --admonitionBorder: var(--admonitionNoteBorder);
+  --admonitionBg: var(--admonitionNoteBg);
+}
+
+.lexical-theme-module_mdxExpression_uhhzT {
+  font-family: var(--font-mono);
+  font-size: 84%;
+  color: var(--accentText);
+
+  & input:focus-visible {
+    outline: none;
+  }
+}
+/* Override Tailwind's preflight heading resets for MDX editor */
+.mdx-editor-wrapper h1 {
+  font-size: 2em;
+  font-weight: 700;
+  margin-top: 0.67em;
+  margin-bottom: 0.67em;
+}
+
+.mdx-editor-wrapper h2 {
+  font-size: 1.5em;
+  font-weight: 700;
+  margin-top: 0.83em;
+  margin-bottom: 0.83em;
+}
+
+.mdx-editor-wrapper h3 {
+  font-size: 1.17em;
+  font-weight: 700;
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+
+.mdx-editor-wrapper h4 {
+  font-size: 1em;
+  font-weight: 700;
+  margin-top: 1.33em;
+  margin-bottom: 1.33em;
+}
+
+.mdx-editor-wrapper h5 {
+  font-size: 0.83em;
+  font-weight: 700;
+  margin-top: 1.67em;
+  margin-bottom: 1.67em;
+}
+
+.mdx-editor-wrapper h6 {
+  font-size: 0.67em;
+  font-weight: 700;
+  margin-top: 2.33em;
+  margin-bottom: 2.33em;
+}
+
+/* Restore other common element styles that Tailwind resets */
+.mdx-editor-wrapper p {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+
+.mdx-editor-wrapper ul,
+.mdx-editor-wrapper ol {
+  margin-top: 1em;
+  margin-bottom: 1em;
+  padding-left: 2em;
+}
+
+.mdx-editor-wrapper ul {
+  list-style-type: disc;
+}
+
+.mdx-editor-wrapper ol {
+  list-style-type: decimal;
+}
+
+.mdx-editor-wrapper li {
+  display: list-item;
+}
+
+.mdx-editor-wrapper blockquote {
+  margin-top: 1em;
+  margin-bottom: 1em;
+  margin-left: 2em;
+  margin-right: 2em;
+}
+
+.mdx-editor-wrapper pre {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+
+.mdx-editor-wrapper strong,
+.mdx-editor-wrapper b {
+  font-weight: 700;
+}
+
+.mdx-editor-wrapper em,
+.mdx-editor-wrapper i {
+  font-style: italic;
+}
+
+.mdx-editor-wrapper code {
+  font-family: monospace;
+}
+
+.mdx-editor-wrapper hr {
+  margin-top: 1em;
+  margin-bottom: 1em;
+  border-top: 1px solid;
+}
+/* Define dark colors directly without requiring .dark scope */
+.dark-editor.mdxeditor {
+  /* Tomato dark colors */
+  --tomato-1: #181111;
+  --tomato-2: #1f1513;
+  --tomato-3: #391714;
+  --tomato-4: #4e1511;
+  --tomato-5: #5e1c16;
+  --tomato-6: #6e2920;
+  --tomato-7: #853a2d;
+  --tomato-8: #ac4d39;
+  --tomato-9: #e54d2e;
+  --tomato-10: #ec6142;
+  --tomato-11: #ff9592;
+  --tomato-12: #fbd3cb;
+
+  /* Mauve dark colors */
+  --mauve-1: #121113;
+  --mauve-2: #1a191b;
+  --mauve-3: #232225;
+  --mauve-4: #2b292d;
+  --mauve-5: #323035;
+  --mauve-6: #3c393f;
+  --mauve-7: #49474e;
+  --mauve-8: #625f69;
+  --mauve-9: #6f6d78;
+  --mauve-10: #7c7a85;
+  --mauve-11: #b5b2bc;
+  --mauve-12: #eeeef0;
+
+  /* MDXEditor theme variables */
+  --accentBase: var(--tomato-1);
+  --accentBgSubtle: var(--tomato-2);
+  --accentBg: var(--tomato-3);
+  --accentBgHover: var(--tomato-4);
+  --accentBgActive: var(--tomato-5);
+  --accentLine: var(--tomato-6);
+  --accentBorder: var(--tomato-7);
+  --accentBorderHover: var(--tomato-8);
+  --accentSolid: var(--tomato-9);
+  --accentSolidHover: var(--tomato-10);
+  --accentText: var(--tomato-11);
+  --accentTextContrast: var(--tomato-12);
+
+  --baseBase: var(--mauve-1);
+  --baseBgSubtle: var(--mauve-2);
+  --baseBg: var(--mauve-3);
+  --baseBgHover: var(--mauve-4);
+  --baseBgActive: var(--mauve-5);
+  --baseLine: var(--mauve-6);
+  --baseBorder: var(--mauve-7);
+  --baseBorderHover: var(--mauve-8);
+  --baseSolid: var(--mauve-9);
+  --baseSolidHover: var(--mauve-10);
+  --baseText: var(--mauve-11);
+  --baseTextContrast: var(--mauve-12);
+
+  --admonitionTipBg: #003848;
+  --admonitionTipBorder: #12718e;
+
+  --admonitionInfoBg: #0e3b2d;
+  --admonitionInfoBorder: #23825c;
+
+  --admonitionCautionBg: #3f2200;
+  --admonitionCautionBorder: #a15a2b;
+
+  --admonitionDangerBg: #3d1111;
+  --admonitionDangerBorder: #cd3d3d;
+
+  --admonitionNoteBg: var(--mauve-4);
+  --admonitionNoteBorder: var(--mauve-8);
+
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+
+  color: var(--baseTextContrast);
+  --basePageBg: var(--mauve-1);
+  background: var(--basePageBg);
+}
+
+/* Ensure proper text colors in dark mode */
+.dark-editor.mdxeditor .contentEditable {
+  color: var(--baseTextContrast);
+}
+
+.dark-editor.mdxeditor h1,
+.dark-editor.mdxeditor h2,
+.dark-editor.mdxeditor h3,
+.dark-editor.mdxeditor h4,
+.dark-editor.mdxeditor h5,
+.dark-editor.mdxeditor h6 {
+  color: var(--baseTextContrast);
+}
+
+.dark-editor.mdxeditor p,
+.dark-editor.mdxeditor li {
+  color: var(--baseTextContrast);
+}`));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-import { G, H, J, K, M, O, z, A, x, y, B, F, w, D } from "./index-Dtjdy7IW.js";
+import { G, H, J, K, M, O, z, A, x, y, B, F, w, D } from "./index-BqlTIhAc.js";
 export {
   G as FileEditorPanel,
   H as FileEditorPanelPreview,