@mdxeditor/editor 3.2.0 → 3.3.0

package/dist/style.css

@@ -278,6 +278,10 @@
     padding: var(--sp-space-4) 0;
   }
 
+.mdxeditor .sp-editor .cm-editor {
+    padding-bottom: 0;
+  }
+
 .mdxeditor .cm-scroller {
     padding: 0 !important;
   }
@@ -287,8 +291,6 @@
   }
 
 .mdxeditor .sp-wrapper {
-    border: 1px solid var(--baseLine);
-    border-radius: var(--radius-medium);
     overflow: hidden;
   }
 
@@ -335,7 +337,7 @@
 .mdxeditor hr.selected[data-lexical-decorator=true] {
     outline: 2px solid highlight;
   }
-._editorRoot_1qea1_40 {
+._editorRoot_3og3e_53 {
   --accentBase: var(--blue-1);
   --accentBgSubtle: var(--blue-2);
   --accentBg: var(--blue-3);
@@ -436,15 +438,14 @@
   color: var(--baseText);
 }
 
-._editorWrapper_1qea1_141 {}
+._editorWrapper_3og3e_154 {}
 
-._nestedListItem_1qea1_143 {
+._nestedListItem_3og3e_156 {
   list-style: none;
 }
 
-._toolbarRoot_1qea1_147 {
-  /* border: var(--spacing-px) solid var(--baseBorder); */
-  z-index: 1;
+._toolbarRoot_3og3e_160 {
+  z-index: 2;
   display: flex;
   flex-direction: row;
   gap: var(--spacing-1);
@@ -458,23 +459,28 @@
   width: inherit;
 }
 
-._toolbarRoot_1qea1_147 div[role=separator] {
+._toolbarRoot_3og3e_160 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);
   }
 
-._readOnlyToolbarRoot_1qea1_170 {
+._toolbarRoot_3og3e_160 svg {
+    color: var(--baseTextContrast);
+    display: block;
+  }
+
+._readOnlyToolbarRoot_3og3e_187 {
   pointer-events: none;
   background: var(--baseBase);
 }
 
-._readOnlyToolbarRoot_1qea1_170>div {
+._readOnlyToolbarRoot_3og3e_187>div {
     opacity: 0.5;
   }
 
-._toolbarModeSwitch_1qea1_179 {
+._toolbarModeSwitch_3og3e_196 {
   opacity: 1 !important;
   margin-left: auto;
   align-self: stretch;
@@ -485,37 +491,37 @@
   font-size: var(--text-xs);
 }
 
-._toolbarModeSwitch_1qea1_179 ._toolbarToggleItem_1qea1_189 {
+._toolbarModeSwitch_3og3e_196 ._toolbarToggleItem_3og3e_206 {
     padding-inline-end: var(--spacing-4);
     padding-inline-start: var(--spacing-4);
   }
 
-._toolbarModeSwitch_1qea1_179 ._toolbarToggleItem_1qea1_189:active,
-    ._toolbarModeSwitch_1qea1_179 ._toolbarToggleItem_1qea1_189[data-state=on] {
+._toolbarModeSwitch_3og3e_196 ._toolbarToggleItem_3og3e_206:active,
+    ._toolbarModeSwitch_3og3e_196 ._toolbarToggleItem_3og3e_206[data-state=on] {
       background-color: var(--baseBorder);
     }
 
-._toolbarGroupOfGroups_1qea1_200 {
+._toolbarGroupOfGroups_3og3e_217 {
   display: flex;
   margin: 0 var(--spacing-1);
 }
 
-._toolbarToggleSingleGroup_1qea1_205:first-of-type ._toolbarToggleItem_1qea1_189:only-child,
-._toolbarToggleSingleGroup_1qea1_205:only-child ._toolbarToggleItem_1qea1_189:first-child,
-._toolbarModeSwitch_1qea1_179 ._toolbarToggleItem_1qea1_189:first-child {
+._toolbarToggleSingleGroup_3og3e_222:first-of-type ._toolbarToggleItem_3og3e_206:only-child,
+._toolbarToggleSingleGroup_3og3e_222:only-child ._toolbarToggleItem_3og3e_206:first-child,
+._toolbarModeSwitch_3og3e_196 ._toolbarToggleItem_3og3e_206:first-child {
   border-top-left-radius: var(--radius-base);
   border-bottom-left-radius: var(--radius-base);
 }
 
-._toolbarToggleSingleGroup_1qea1_205:last-of-type ._toolbarToggleItem_1qea1_189:only-child,
-._toolbarToggleSingleGroup_1qea1_205:only-child ._toolbarToggleItem_1qea1_189:last-child,
-._toolbarModeSwitch_1qea1_179 ._toolbarToggleItem_1qea1_189:last-child {
+._toolbarToggleSingleGroup_3og3e_222:last-of-type ._toolbarToggleItem_3og3e_206:only-child,
+._toolbarToggleSingleGroup_3og3e_222:only-child ._toolbarToggleItem_3og3e_206:last-child,
+._toolbarModeSwitch_3og3e_196 ._toolbarToggleItem_3og3e_206:last-child {
   border-top-right-radius: var(--radius-base);
   border-bottom-right-radius: var(--radius-base);
 }
 
-._toolbarToggleItem_1qea1_189,
-._toolbarButton_1qea1_220 {
+._toolbarToggleItem_3og3e_206,
+._toolbarButton_3og3e_237 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -525,52 +531,54 @@
   all: unset;
   box-sizing: border-box;
   cursor: default;
-  padding: var(--spacing-1);
+  padding: var(--spacing-0_5);
 }
 
-._toolbarToggleItem_1qea1_189 svg, ._toolbarButton_1qea1_220 svg {
-    display: block;
-  }
-
 @media (hover: hover) {
-    ._toolbarToggleItem_1qea1_189:hover, ._toolbarButton_1qea1_220:hover {
+    ._toolbarToggleItem_3og3e_206:hover, ._toolbarButton_3og3e_237:hover {
       background-color: var(--baseBgActive);
     }
   }
 
-._toolbarToggleItem_1qea1_189:active svg, ._toolbarButton_1qea1_220:active svg {
+._toolbarToggleItem_3og3e_206:active svg, ._toolbarButton_3og3e_237:active svg {
     transform: translate(1px, 1px);
   }
 
-._toolbarToggleItem_1qea1_189[data-state=on],
-  ._toolbarButton_1qea1_220[data-state=on],
-  ._toolbarToggleItem_1qea1_189:active,
-  ._toolbarButton_1qea1_220:active {
+._toolbarToggleItem_3og3e_206[data-state=on],
+  ._toolbarButton_3og3e_237[data-state=on],
+  ._toolbarToggleItem_3og3e_206:active,
+  ._toolbarButton_3og3e_237:active {
     color: var(--baseTextContrast);
     background-color: var(--baseBgActive);
   }
 
-._toolbarToggleItem_1qea1_189[data-disabled], ._toolbarButton_1qea1_220[data-disabled] {
+._toolbarToggleItem_3og3e_206[data-disabled], ._toolbarButton_3og3e_237[data-disabled] {
     pointer-events: none;
     color: var(--baseBorderHover);
   }
 
-._toolbarButton_1qea1_220 {
+._toolbarButton_3og3e_237 {
   border-radius: var(--radius-base);
 }
 
-._activeToolbarButton_1qea1_254 {
+._toolbarButton_3og3e_237 + ._toolbarButton_3og3e_237 {
+  margin-left: var(--spacing-1);
+}
+
+._activeToolbarButton_3og3e_272 {
   color: var(--accentText);
 }
 
-._toolbarToggleSingleGroup_1qea1_205 {
+._toolbarToggleSingleGroup_3og3e_222 {
+  display: flex;
+  align-items: center;
   white-space: nowrap;
 }
 
-._toolbarNodeKindSelectContainer_1qea1_262,
-._toolbarButtonDropdownContainer_1qea1_263,
-._toolbarCodeBlockLanguageSelectContent_1qea1_264,
-._selectContainer_1qea1_265 {
+._toolbarNodeKindSelectContainer_3og3e_282,
+._toolbarButtonDropdownContainer_3og3e_283,
+._toolbarCodeBlockLanguageSelectContent_3og3e_284,
+._selectContainer_3og3e_285 {
   filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
   z-index: 3;
   width: var(--spacing-36);
@@ -580,24 +588,25 @@
   font-size: var(--text-sm);
 }
 
-._toolbarButtonDropdownContainer_1qea1_263 {
+._toolbarButtonDropdownContainer_3og3e_283 {
   border-top-right-radius: var(--radius-base);
 }
 
-._toolbarButtonDropdownContainer_1qea1_263 ._selectItem_1qea1_278:first-child {
+._toolbarButtonDropdownContainer_3og3e_283 ._selectItem_3og3e_298:first-child {
     border-top-right-radius: var(--radius-base);
   }
 
-._toolbarNodeKindSelectTrigger_1qea1_283,
-._toolbarButtonSelectTrigger_1qea1_284,
-._selectTrigger_1qea1_285 {
+._toolbarNodeKindSelectTrigger_3og3e_303,
+._toolbarButtonSelectTrigger_3og3e_304,
+._selectTrigger_3og3e_305 {
   border: 0;
   background-color: transparent;
   display: flex;
   color: inherit;
   align-items: center;
   width: var(--spacing-36);
-  padding: var(--spacing-1) var(--spacing-2);
+  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;
@@ -606,62 +615,62 @@
   margin: 0 var(--spacing-1);
 }
 
-._toolbarNodeKindSelectTrigger_1qea1_283[data-state=open], ._toolbarButtonSelectTrigger_1qea1_284[data-state=open], ._selectTrigger_1qea1_285[data-state=open] {
+._toolbarNodeKindSelectTrigger_3og3e_303[data-state=open], ._toolbarButtonSelectTrigger_3og3e_304[data-state=open], ._selectTrigger_3og3e_305[data-state=open] {
     filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
     border-bottom-right-radius: var(--radius-none);
     border-bottom-left-radius: var(--radius-none);
   }
 
-._selectTrigger_1qea1_285[data-placeholder]>span:first-child {
+._selectTrigger_3og3e_305[data-placeholder]>span:first-child {
   color: var(--baseBorderHover);
 }
 
 /** used in the sandpack */
-._toolbarButtonSelectTrigger_1qea1_284 {
+._toolbarButtonSelectTrigger_3og3e_304 {
   width: auto;
   padding-inline-start: var(--spacing-2);
   padding-inline-end: var(--spacing-1);
   padding-block: var(--spacing-0_5);
 }
 
-._toolbarCodeBlockLanguageSelectTrigger_1qea1_319,
-._toolbarCodeBlockLanguageSelectContent_1qea1_264 {
+._toolbarCodeBlockLanguageSelectTrigger_3og3e_340,
+._toolbarCodeBlockLanguageSelectContent_3og3e_284 {
   width: var(--spacing-48);
 }
 
-._toolbarNodeKindSelectItem_1qea1_324,
-._selectItem_1qea1_278 {
+._toolbarNodeKindSelectItem_3og3e_345,
+._selectItem_3og3e_298 {
   cursor: default;
   display: flex;
   padding: var(--spacing-2);
 }
 
-._toolbarNodeKindSelectItem_1qea1_324[data-highlighted], ._selectItem_1qea1_278[data-highlighted] {
+._toolbarNodeKindSelectItem_3og3e_345[data-highlighted], ._selectItem_3og3e_298[data-highlighted] {
     background-color: var(--baseBg);
   }
 
-._toolbarNodeKindSelectItem_1qea1_324[data-state=checked], ._selectItem_1qea1_278[data-state=checked] {
+._toolbarNodeKindSelectItem_3og3e_345[data-state=checked], ._selectItem_3og3e_298[data-state=checked] {
     color: var(--baseTextContrast);
     background-color: var(--baseBg);
   }
 
-._toolbarNodeKindSelectItem_1qea1_324[data-highlighted], ._selectItem_1qea1_278[data-highlighted] {
+._toolbarNodeKindSelectItem_3og3e_345[data-highlighted], ._selectItem_3og3e_298[data-highlighted] {
     outline: none;
   }
 
-._toolbarNodeKindSelectItem_1qea1_324:last-child, ._selectItem_1qea1_278:last-child {
+._toolbarNodeKindSelectItem_3og3e_345:last-child, ._selectItem_3og3e_298:last-child {
     border-bottom-left-radius: var(--radius-base);
     border-bottom-right-radius: var(--radius-base);
   }
 
-._toolbarNodeKindSelectDropdownArrow_1qea1_349,
-._selectDropdownArrow_1qea1_350 {
+._toolbarNodeKindSelectDropdownArrow_3og3e_370,
+._selectDropdownArrow_3og3e_371 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
 
-._contentEditable_1qea1_356 {
+._contentEditable_3og3e_377 {
   box-sizing: border-box;
   width: 100%;
   color: var(--baseTextContrast);
@@ -669,29 +678,50 @@
   padding: var(--spacing-3);
 }
 
-._contentEditable_1qea1_356:focus {
+._contentEditable_3og3e_377:focus {
     outline: none;
   }
 
-._codeMirrorWrapper_1qea1_368 {
+._codeMirrorWrapper_3og3e_389 {
   margin-bottom: var(--spacing-5);
   border: 1px solid var(--baseLine);
   border-radius: var(--radius-medium);
   overflow: hidden;
   padding: 0.8rem;
+  position: relative;
 }
 
-._frontmatterWrapper_1qea1_376 {
+._sandPackWrapper_3og3e_398 {
+  margin-bottom: var(--spacing-5);
+  border: 1px solid var(--baseLine);
+  border-radius: var(--radius-medium);
+  overflow: hidden;
+  position: relative;
+}
+
+._codeMirrorToolbar_3og3e_406 {
+  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);
+}
+
+._frontmatterWrapper_3og3e_410 {
   border-radius: var(--radius-medium);
   padding: var(--spacing-3);
   background-color: var(--baseBgSubtle);
 }
 
-._frontmatterWrapper_1qea1_376[data-expanded=true] {
+._frontmatterWrapper_3og3e_410[data-expanded=true] {
     margin-bottom: var(--spacing-10);
   }
 
-._frontmatterToggleButton_1qea1_386 {
+._frontmatterToggleButton_3og3e_420 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -707,7 +737,7 @@
   font-size: var(--text-sm);
 }
 
-._propertyPanelTitle_1qea1_394 {
+._propertyPanelTitle_3og3e_428 {
   font-size: var(--text-xs);
   font-weight: 400;
   margin: 0;
@@ -715,49 +745,49 @@
   padding-left: var(--spacing-2);
 }
 
-._propertyEditorTable_1qea1_402 {
+._propertyEditorTable_3og3e_436 {
   table-layout: fixed;
   border-spacing: var(--spacing-2);
 }
 
-._propertyEditorTable_1qea1_402 th {
+._propertyEditorTable_3og3e_436 th {
     text-align: left;
     font-size: var(--text-sm);
     padding: var(--spacing-2) var(--spacing-3);
   }
 
-._propertyEditorTable_1qea1_402 col:nth-child(1) {
+._propertyEditorTable_3og3e_436 col:nth-child(1) {
     width: 30%;
   }
 
-._propertyEditorTable_1qea1_402 col:nth-child(2) {
+._propertyEditorTable_3og3e_436 col:nth-child(2) {
     width: 70%;
   }
 
-._propertyEditorTable_1qea1_402 td:last-child ._iconButton_1qea1_420 {
+._propertyEditorTable_3og3e_436 td:last-child ._iconButton_3og3e_454 {
     margin-left: var(--spacing-4);
     margin-right: var(--spacing-4);
   }
 
-._propertyEditorTable_1qea1_402 ._readOnlyColumnCell_1qea1_425 {
+._propertyEditorTable_3og3e_436 ._readOnlyColumnCell_3og3e_459 {
     padding-left: 0;
   }
 
-._propertyEditorLabelCell_1qea1_430 {
+._propertyEditorLabelCell_3og3e_464 {
   font-weight: 400;
 }
 
-._readOnlyColumnCell_1qea1_425 {
+._readOnlyColumnCell_3og3e_459 {
   padding-left: 0;
 }
 
-._buttonsFooter_1qea1_438 {
+._buttonsFooter_3og3e_472 {
   display: flex;
   justify-content: flex-end;
   gap: var(--spacing-2);
 }
 
-._propertyEditorInput_1qea1_444 {
+._propertyEditorInput_3og3e_478 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -775,7 +805,7 @@
   font-size: var(--text-sm);
 }
 
-._iconButton_1qea1_420 {
+._iconButton_3og3e_454 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -789,18 +819,18 @@
 }
 
 @media (hover: hover) {
-    ._iconButton_1qea1_420:hover {
-      color: var(--accentText);
+    ._iconButton_3og3e_454:hover {
+      color: var(--baseTextContrast);
     }
   }
 
-._iconButton_1qea1_420:disabled,
-  ._iconButton_1qea1_420:disabled:hover {
+._iconButton_3og3e_454:disabled,
+  ._iconButton_3og3e_454:disabled:hover {
     color: var(--baseLine);
   }
 
-._primaryButton_1qea1_470,
-._secondaryButton_1qea1_471 {
+._primaryButton_3og3e_504,
+._secondaryButton_3og3e_505 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -818,30 +848,30 @@
   border-radius: var(--radius-medium);
 }
 
-._primaryButton_1qea1_470:disabled, ._secondaryButton_1qea1_471:disabled {
+._primaryButton_3og3e_504:disabled, ._secondaryButton_3og3e_505:disabled {
     background: var(--accentLine);
     border-color: var(--accentBg);
   }
 
-._smallButton_1qea1_486 {
+._smallButton_3og3e_520 {
   font-size: var(--text-xs);
   padding: var(--spacing-1) var(--spacing-2);
   border-radius: var(--radius-base);
 }
 
-._secondaryButton_1qea1_471 {
+._secondaryButton_3og3e_505 {
   border: 1px solid var(--baseBorder);
   background-color: var(--baseSolidHover);
   color: var(--baseBase);
 }
 
-._dialogForm_1qea1_498 {
+._dialogForm_3og3e_532 {
   display: flex;
   flex-direction: row;
   gap: var(--spacing-2);
 }
 
-._linkDialogEditForm_1qea1_504 {
+._linkDialogEditForm_3og3e_538 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -849,13 +879,13 @@
   padding: 0;
 }
 
-._linkDialogInputContainer_1qea1_512 {
+._linkDialogInputContainer_3og3e_546 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
 }
 
-._linkDialogInputWrapper_1qea1_518 {
+._linkDialogInputWrapper_3og3e_552 {
   display: flex;
   align-items: center;
   background-color: var(--baseBase);
@@ -864,13 +894,13 @@
   border: 1px solid var(--baseBorder);
 }
 
-._linkDialogInputWrapper_1qea1_518[data-visible-dropdown=true] {
+._linkDialogInputWrapper_3og3e_552[data-visible-dropdown=true] {
     border-bottom-left-radius: var(--radius-none);
     border-bottom-right-radius: var(--radius-none);
     border-bottom-width: 0;
   }
 
-._linkDialogInputWrapper_1qea1_518>button {
+._linkDialogInputWrapper_3og3e_552>button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -883,8 +913,8 @@
     padding-right: var(--spacing-2);
   }
 
-._linkDialogInput_1qea1_512,
-._dialogInput_1qea1_539 {
+._linkDialogInput_3og3e_546,
+._dialogInput_3og3e_573 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -899,31 +929,31 @@
   font-size: var(--text-sm);
 }
 
-._linkDialogInput_1qea1_512::-moz-placeholder, ._dialogInput_1qea1_539::-moz-placeholder {
+._linkDialogInput_3og3e_546::-moz-placeholder, ._dialogInput_3og3e_573::-moz-placeholder {
     color: var(--baseBorder);
   }
 
-._linkDialogInput_1qea1_512::placeholder, ._dialogInput_1qea1_539::placeholder {
+._linkDialogInput_3og3e_546::placeholder, ._dialogInput_3og3e_573::placeholder {
     color: var(--baseBorder);
   }
 
-._linkDialogAnchor_1qea1_550 {
+._linkDialogAnchor_3og3e_584 {
   position: fixed;
   background-color: highlight;
   z-index: -1;
 }
 
-._linkDialogAnchor_1qea1_550[data-visible=true] {
+._linkDialogAnchor_3og3e_584[data-visible=true] {
     visibility: visible;
   }
 
-._linkDialogAnchor_1qea1_550[data-visible=false] {
+._linkDialogAnchor_3og3e_584[data-visible=false] {
     visibility: hidden;
   }
 
-._linkDialogPopoverContent_1qea1_564,
-._tableColumnEditorPopoverContent_1qea1_565,
-._dialogContent_1qea1_566 {
+._linkDialogPopoverContent_3og3e_598,
+._tableColumnEditorPopoverContent_3og3e_599,
+._dialogContent_3og3e_600 {
   filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
   display: flex;
   align-items: center;
@@ -931,11 +961,11 @@
   border-radius: var(--radius-medium);
   border: 1px solid var(--baseBg);
   background-color: var(--basePageBg);
-  padding: var(--spacing-1) var(--spacing-2);
+  padding: var(--spacing-1) var(--spacing-1);
   font-size: var(--text-sm);
 }
 
-._largeDialogContent_1qea1_578 {
+._largeDialogContent_3og3e_612 {
   filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
   gap: var(--spacing-0_5);
   border-radius: var(--radius-medium);
@@ -945,13 +975,13 @@
   font-size: var(--text-sm);
 }
 
-._dialogTitle_1qea1_588 {
+._dialogTitle_3og3e_622 {
   font-size: var(--text-base);
   font-weight: 600;
   padding-left: var(--spacing-2);
 }
 
-._dialogCloseButton_1qea1_594 {
+._dialogCloseButton_3og3e_628 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -966,7 +996,7 @@
   right: 10px;
 }
 
-._popoverContent_1qea1_601 {
+._popoverContent_3og3e_635 {
   filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
   display: flex;
   align-items: center;
@@ -978,38 +1008,38 @@
   z-index: 1;
 }
 
-._popoverArrow_1qea1_613 {
+._popoverArrow_3og3e_647 {
   fill: var(--basePageBg);
 }
 
-._linkDialogPreviewAnchor_1qea1_617 {
-  margin-right: var(--spacing-3);
+._linkDialogPreviewAnchor_3og3e_651 {
+  margin-right: var(--spacing-1);
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   color: var(--accentText);
   text-decoration: none;
 
   border: 1px solid transparent;
 }
 
-._linkDialogPreviewAnchor_1qea1_617 svg {
-    width: var(--spacing-5);
-    height: var(--spacing-5);
-    margin-left: var(--spacing-2);
+@media (hover: hover) {
+    ._linkDialogPreviewAnchor_3og3e_651:hover {
+      color: var(--accentSolidHover);
+    }
   }
 
-._linkDialogPreviewAnchor_1qea1_617 span {
+._linkDialogPreviewAnchor_3og3e_651 span {
     max-width: 14rem;
     overflow-x: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
 
-._tooltipTrigger_1qea1_640 {
+._tooltipTrigger_3og3e_674 {
   align-self: center;
 }
 
-._tooltipContent_1qea1_644 {
+._tooltipContent_3og3e_678 {
   z-index: 2;
   position: relative;
   border-radius: var(--radius-medium);
@@ -1019,11 +1049,11 @@
   color: var(--baseBase);
 }
 
-._tooltipContent_1qea1_644 svg {
+._tooltipContent_3og3e_678 svg {
     fill: var(--baseText);
   }
 
-._actionButton_1qea1_658 {
+._actionButton_3og3e_692 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -1033,44 +1063,46 @@
   all: unset;
   box-sizing: border-box;
   cursor: default;
-  padding: var(--spacing-1_5);
+  padding: var(--spacing-1);
+  color: var(--baseTextContrast);
   padding: var(--spacing-1) var(--spacing-1);
   border-radius: var(--radius-medium);
+  color: var(--baseTextContrast);
 }
 
-._actionButton_1qea1_658 svg {
+._actionButton_3og3e_692 svg {
     display: block;
   }
 
 @media (hover: hover) {
-    ._actionButton_1qea1_658:hover {
-      background-color: var(--baseBgHover);
+    ._actionButton_3og3e_692:hover {
+      background-color: var(--baseBg);
     }
   }
 
-._actionButton_1qea1_658:active svg {
+._actionButton_3og3e_692:active svg {
     transform: translate(1px, 1px);
   }
 
-._actionButton_1qea1_658[data-state=on],
-  ._actionButton_1qea1_658:active {
-    background-color: var(--baseBgHover);
+._actionButton_3og3e_692[data-state=on],
+  ._actionButton_3og3e_692:active {
+    background-color: var(--baseBg);
     color: var(--baseTextContrast);
   }
 
-._primaryActionButton_1qea1_664 {
+._primaryActionButton_3og3e_699 {
   background-color: var(--accentSolid);
   color: var(--baseBase);
 }
 
 @media (hover: hover) {
-    ._primaryActionButton_1qea1_664:hover {
+    ._primaryActionButton_3og3e_699:hover {
       background-color: var(--accentSolidHover);
       color: var(--baseBase);
     }
   }
 
-._tableEditor_1qea1_676 {
+._tableEditor_3og3e_711 {
   table-layout: fixed;
   width: 100%;
   height: 100%;
@@ -1078,62 +1110,62 @@
   border-collapse: collapse;
 }
 
-._tableEditor_1qea1_676 thead>tr>th {
+._tableEditor_3og3e_711 thead>tr>th {
     text-align: right;
   }
 
-._tableEditor_1qea1_676>tbody>tr>td:not(._toolCell_1qea1_687),
-  ._tableEditor_1qea1_676>tbody>tr>th:not(._toolCell_1qea1_687):not(:last-of-type) {
+._tableEditor_3og3e_711>tbody>tr>td:not(._toolCell_3og3e_722),
+  ._tableEditor_3og3e_711>tbody>tr>th:not(._toolCell_3og3e_722):not(:last-of-type) {
     border: 1px solid var(--baseBgActive);
     padding: var(--spacing-1) var(--spacing-2);
     white-space: normal;
   }
 
-:is(._tableEditor_1qea1_676>tbody>tr>td:not(._toolCell_1qea1_687),._tableEditor_1qea1_676>tbody>tr>th:not(._toolCell_1qea1_687):not(:last-of-type))>div {
+:is(._tableEditor_3og3e_711>tbody>tr>td:not(._toolCell_3og3e_722),._tableEditor_3og3e_711>tbody>tr>th:not(._toolCell_3og3e_722):not(:last-of-type))>div {
       outline: none;
     }
 
-:is(._tableEditor_1qea1_676>tbody>tr>td:not(._toolCell_1qea1_687),._tableEditor_1qea1_676>tbody>tr>th:not(._toolCell_1qea1_687):not(:last-of-type))>div>p {
+:is(._tableEditor_3og3e_711>tbody>tr>td:not(._toolCell_3og3e_722),._tableEditor_3og3e_711>tbody>tr>th:not(._toolCell_3og3e_722):not(:last-of-type))>div>p {
         margin: 0;
       }
 
-[data-active=true]:is(._tableEditor_1qea1_676>tbody>tr>td:not(._toolCell_1qea1_687),._tableEditor_1qea1_676>tbody>tr>th:not(._toolCell_1qea1_687):not(:last-of-type)) {
+[data-active=true]:is(._tableEditor_3og3e_711>tbody>tr>td:not(._toolCell_3og3e_722),._tableEditor_3og3e_711>tbody>tr>th:not(._toolCell_3og3e_722):not(:last-of-type)) {
       outline: solid 1px var(--baseSolid);
     }
 
-._tableEditor_1qea1_676 ._tableColumnEditorTrigger_1qea1_706,
-  ._tableEditor_1qea1_676 ._tableRowEditorTrigger_1qea1_707,
-  ._tableEditor_1qea1_676 ._addRowButton_1qea1_708,
-  ._tableEditor_1qea1_676 ._addColumnButton_1qea1_709,
-  ._tableEditor_1qea1_676 ._iconButton_1qea1_420 {
+._tableEditor_3og3e_711 ._tableColumnEditorTrigger_3og3e_741,
+  ._tableEditor_3og3e_711 ._tableRowEditorTrigger_3og3e_742,
+  ._tableEditor_3og3e_711 ._addRowButton_3og3e_743,
+  ._tableEditor_3og3e_711 ._addColumnButton_3og3e_744,
+  ._tableEditor_3og3e_711 ._iconButton_3og3e_454 {
     opacity: .15;
   }
 
 @media (hover: hover) {
 
-      ._tableEditor_1qea1_676:hover ._tableColumnEditorTrigger_1qea1_706,
-      ._tableEditor_1qea1_676:hover ._tableRowEditorTrigger_1qea1_707,
-      ._tableEditor_1qea1_676:hover ._addRowButton_1qea1_708,
-      ._tableEditor_1qea1_676:hover ._addColumnButton_1qea1_709,
-      ._tableEditor_1qea1_676:hover ._iconButton_1qea1_420 {
+      ._tableEditor_3og3e_711:hover ._tableColumnEditorTrigger_3og3e_741,
+      ._tableEditor_3og3e_711:hover ._tableRowEditorTrigger_3og3e_742,
+      ._tableEditor_3og3e_711:hover ._addRowButton_3og3e_743,
+      ._tableEditor_3og3e_711:hover ._addColumnButton_3og3e_744,
+      ._tableEditor_3og3e_711:hover ._iconButton_3og3e_454 {
         opacity: 0.3;
       }
 
-        ._tableEditor_1qea1_676:hover ._tableColumnEditorTrigger_1qea1_706:hover, ._tableEditor_1qea1_676:hover ._tableRowEditorTrigger_1qea1_707:hover, ._tableEditor_1qea1_676:hover ._addRowButton_1qea1_708:hover, ._tableEditor_1qea1_676:hover ._addColumnButton_1qea1_709:hover, ._tableEditor_1qea1_676:hover ._iconButton_1qea1_420:hover {
+        ._tableEditor_3og3e_711:hover ._tableColumnEditorTrigger_3og3e_741:hover, ._tableEditor_3og3e_711:hover ._tableRowEditorTrigger_3og3e_742:hover, ._tableEditor_3og3e_711:hover ._addRowButton_3og3e_743:hover, ._tableEditor_3og3e_711:hover ._addColumnButton_3og3e_744:hover, ._tableEditor_3og3e_711:hover ._iconButton_3og3e_454:hover {
           opacity: 1;
         }
   }
 
-._toolCell_1qea1_687 {
+._toolCell_3og3e_722 {
   text-align: right;
 }
 
-._toolCell_1qea1_687 button {
+._toolCell_3og3e_722 button {
     margin: auto;
     display: block;
   }
 
-._tableColumnEditorTrigger_1qea1_706 {
+._tableColumnEditorTrigger_3og3e_741 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -1143,41 +1175,42 @@
   all: unset;
   box-sizing: border-box;
   cursor: default;
-  padding: var(--spacing-1_5);
+  padding: var(--spacing-1);
+  color: var(--baseTextContrast);
   padding: var(--spacing-1);
   border-radius: var(--radius-full);
   opacity: 0.2;
 }
 
-._tableColumnEditorTrigger_1qea1_706 svg {
+._tableColumnEditorTrigger_3og3e_741 svg {
     display: block;
   }
 
 @media (hover: hover) {
-    ._tableColumnEditorTrigger_1qea1_706:hover {
-      background-color: var(--baseBgHover);
+    ._tableColumnEditorTrigger_3og3e_741:hover {
+      background-color: var(--baseBg);
     }
   }
 
-._tableColumnEditorTrigger_1qea1_706:active svg {
+._tableColumnEditorTrigger_3og3e_741:active svg {
     transform: translate(1px, 1px);
   }
 
-._tableColumnEditorTrigger_1qea1_706[data-state=on],
-  ._tableColumnEditorTrigger_1qea1_706:active {
-    background-color: var(--baseBgHover);
+._tableColumnEditorTrigger_3og3e_741[data-state=on],
+  ._tableColumnEditorTrigger_3og3e_741:active {
+    background-color: var(--baseBg);
     color: var(--baseTextContrast);
   }
 
-._tableColumnEditorTrigger_1qea1_706[data-active=true] {
+._tableColumnEditorTrigger_3og3e_741[data-active=true] {
     opacity: 1 !important;
   }
 
-._tableColumnEditorToolbar_1qea1_752 {
+._tableColumnEditorToolbar_3og3e_787 {
   display: flex;
 }
 
-._tableColumnEditorToolbar_1qea1_752>button {
+._tableColumnEditorToolbar_3og3e_787>button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -1187,41 +1220,42 @@
     all: unset;
     box-sizing: border-box;
     cursor: default;
-    padding: var(--spacing-1_5);
+    padding: var(--spacing-1);
+    color: var(--baseTextContrast);
   }
 
-._tableColumnEditorToolbar_1qea1_752>button svg {
+._tableColumnEditorToolbar_3og3e_787>button svg {
     display: block;
   }
 
 @media (hover: hover) {
-    ._tableColumnEditorToolbar_1qea1_752>button:hover {
-      background-color: var(--baseBgHover);
+    ._tableColumnEditorToolbar_3og3e_787>button:hover {
+      background-color: var(--baseBg);
     }
   }
 
-._tableColumnEditorToolbar_1qea1_752>button:active svg {
+._tableColumnEditorToolbar_3og3e_787>button:active svg {
     transform: translate(1px, 1px);
   }
 
-._tableColumnEditorToolbar_1qea1_752>button[data-state=on],
-  ._tableColumnEditorToolbar_1qea1_752>button:active {
-    background-color: var(--baseBgHover);
+._tableColumnEditorToolbar_3og3e_787>button[data-state=on],
+  ._tableColumnEditorToolbar_3og3e_787>button:active {
+    background-color: var(--baseBg);
     color: var(--baseTextContrast);
   }
 
-._tableColumnEditorToolbar_1qea1_752 [role=separator] {
+._tableColumnEditorToolbar_3og3e_787 [role=separator] {
     margin-left: var(--spacing-1);
     margin-right: var(--spacing-1);
   }
 
 
-._toggleGroupRoot_1qea1_766 {
+._toggleGroupRoot_3og3e_801 {
   display: inline-flex;
 }
 
 
-._toggleGroupRoot_1qea1_766 button {
+._toggleGroupRoot_3og3e_801 button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -1231,68 +1265,69 @@
     all: unset;
     box-sizing: border-box;
     cursor: default;
-    padding: var(--spacing-1_5);
+    padding: var(--spacing-1);
+    color: var(--baseTextContrast);
   }
 
 
-._toggleGroupRoot_1qea1_766 button svg {
+._toggleGroupRoot_3og3e_801 button svg {
     display: block;
   }
 
 
 @media (hover: hover) {
-    ._toggleGroupRoot_1qea1_766 button:hover {
-      background-color: var(--baseBgHover);
+    ._toggleGroupRoot_3og3e_801 button:hover {
+      background-color: var(--baseBg);
     }
   }
 
 
-._toggleGroupRoot_1qea1_766 button:active svg {
+._toggleGroupRoot_3og3e_801 button:active svg {
     transform: translate(1px, 1px);
   }
 
 
-._toggleGroupRoot_1qea1_766 button[data-state=on],
-  ._toggleGroupRoot_1qea1_766 button:active {
-    background-color: var(--baseBgHover);
+._toggleGroupRoot_3og3e_801 button[data-state=on],
+  ._toggleGroupRoot_3og3e_801 button:active {
+    background-color: var(--baseBg);
     color: var(--baseTextContrast);
   }
 
 
-._toggleGroupRoot_1qea1_766 button:first-child {
+._toggleGroupRoot_3og3e_801 button:first-child {
       border-top-left-radius: var(--radius-base);
       border-bottom-left-radius: var(--radius-base);
     }
 
 
-._toggleGroupRoot_1qea1_766 button:last-child {
+._toggleGroupRoot_3og3e_801 button:last-child {
       border-top-right-radius: var(--radius-base);
       border-bottom-right-radius: var(--radius-base);
     }
 
-._tableToolsColumn_1qea1_784 {
-  width: 3rem;
+._tableToolsColumn_3og3e_819 {
+  width: 2rem;
 }
 
-._tableToolsColumn_1qea1_784 button {
+._tableToolsColumn_3og3e_819 button {
     margin: auto;
     display: block;
   }
 
-._leftAlignedCell_1qea1_793 {
+._leftAlignedCell_3og3e_828 {
   text-align: left;
 }
 
-._rightAlignedCell_1qea1_797 {
+._rightAlignedCell_3og3e_832 {
   text-align: right;
 }
 
-._centeredCell_1qea1_801 {
+._centeredCell_3og3e_836 {
   text-align: center;
 }
 
-._addColumnButton_1qea1_709,
-._addRowButton_1qea1_708 {
+._addColumnButton_3og3e_744,
+._addRowButton_3og3e_743 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -1302,40 +1337,41 @@
   all: unset;
   box-sizing: border-box;
   cursor: default;
-  padding: var(--spacing-1_5);
+  padding: var(--spacing-1);
+  color: var(--baseTextContrast);
   background-color: var(--baseBase);
 
   display: flex;
   align-items: center;
 }
 
-._addColumnButton_1qea1_709 svg, ._addRowButton_1qea1_708 svg {
+._addColumnButton_3og3e_744 svg, ._addRowButton_3og3e_743 svg {
     display: block;
   }
 
 @media (hover: hover) {
-    ._addColumnButton_1qea1_709:hover, ._addRowButton_1qea1_708:hover {
-      background-color: var(--baseBgHover);
+    ._addColumnButton_3og3e_744:hover, ._addRowButton_3og3e_743:hover {
+      background-color: var(--baseBg);
     }
   }
 
-._addColumnButton_1qea1_709:active svg, ._addRowButton_1qea1_708:active svg {
+._addColumnButton_3og3e_744:active svg, ._addRowButton_3og3e_743:active svg {
     transform: translate(1px, 1px);
   }
 
-._addColumnButton_1qea1_709[data-state=on],
-  ._addRowButton_1qea1_708[data-state=on],
-  ._addColumnButton_1qea1_709:active,
-  ._addRowButton_1qea1_708:active {
-    background-color: var(--baseBgHover);
+._addColumnButton_3og3e_744[data-state=on],
+  ._addRowButton_3og3e_743[data-state=on],
+  ._addColumnButton_3og3e_744:active,
+  ._addRowButton_3og3e_743:active {
+    background-color: var(--baseBg);
     color: var(--baseTextContrast);
   }
 
-._addColumnButton_1qea1_709 svg, ._addRowButton_1qea1_708 svg {
+._addColumnButton_3og3e_744 svg, ._addRowButton_3og3e_743 svg {
     margin: auto;
   }
 
-._addRowButton_1qea1_708 {
+._addRowButton_3og3e_743 {
   width: 100%;
   margin-top: var(--spacing-px);
   box-sizing: border-box;
@@ -1343,7 +1379,7 @@
   border-bottom-left-radius: var(--radius-medium);
 }
 
-._addColumnButton_1qea1_709 {
+._addColumnButton_3og3e_744 {
   margin-left: var(--spacing-px);
   height: 100%;
   border-top-right-radius: var(--radius-medium);
@@ -1351,32 +1387,32 @@
 }
 
 /** Dialog */
-._dialogOverlay_1qea1_834 {
+._dialogOverlay_3og3e_869 {
   position: fixed;
   inset: 0;
-  animation: _overlayShow_1qea1_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  animation: _overlayShow_3og3e_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   background-color: var(--baseBase);
   z-index: 51;
   opacity: 0.5;
 }
 
-._dialogContent_1qea1_566,
-._largeDialogContent_1qea1_578 {
+._dialogContent_3og3e_600,
+._largeDialogContent_3og3e_612 {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  animation: _contentShow_1qea1_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  animation: _contentShow_3og3e_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   z-index: 52;
 }
 
-._dialogContent_1qea1_566:focus,
-._largeDialogContent_1qea1_578:focus {
+._dialogContent_3og3e_600:focus,
+._largeDialogContent_3og3e_612:focus {
   outline: none;
 }
 
 
-@keyframes _overlayShow_1qea1_1 {
+@keyframes _overlayShow_3og3e_1 {
   from {
     opacity: 0;
   }
@@ -1386,7 +1422,7 @@
   }
 }
 
-@keyframes _contentShow_1qea1_1 {
+@keyframes _contentShow_3og3e_1 {
   from {
     opacity: 0;
     transform: translate(-50%, -48%) scale(0.96);
@@ -1398,35 +1434,39 @@
   }
 }
 
-._focusedImage_1qea1_881 {
+._focusedImage_3og3e_916 {
   outline: highlight solid 2px;
 }
 
-._imageWrapper_1qea1_885 {
+._imageWrapper_3og3e_920 {
   display: inline-block;
   position: relative;
 }
 
-._imageWrapper_1qea1_885[draggable=true] {
+._imageWrapper_3og3e_920[draggable=true] {
   cursor: move;
   /* fallback if grab cursor is unsupported */
   cursor: grab;
   cursor: -webkit-grab;
 }
 
-._editImageButton_1qea1_898 {
+._editImageToolbar_3og3e_933 {
   position: absolute;
-  right: var(--spacing-2);
-  top: var(--spacing-2);
-  background: var(--baseBase);
-  border-radius: var(--radius-full);
+  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);
 }
 
-._editImageButton_1qea1_898 svg {
+._editImageButton_3og3e_937 svg {
     display: block;
   }
 
-._inlineEditor_1qea1_910 {
+._inlineEditor_3og3e_943 {
   display: inline-flex;
   border-radius: var(--radius-medium);
   padding: var(--spacing-1);
@@ -1435,7 +1475,7 @@
   background: var(--baseBg);
 }
 
-._blockEditor_1qea1_919 {
+._blockEditor_3og3e_952 {
   display: flex;
   justify-content: stretch;
   border-radius: var(--radius-medium);
@@ -1445,70 +1485,70 @@
   background: var(--baseBg);
 }
 
-._blockEditor_1qea1_919 ._nestedEditor_1qea1_928 {
+._blockEditor_3og3e_952 ._nestedEditor_3og3e_961 {
     flex-grow: 1;
   }
 
-._nestedEditor_1qea1_928 {
+._nestedEditor_3og3e_961 {
   background: var(--basePageBg);
   padding: var(--spacing-1) var(--spacing-2);
   border-radius: var(--radius-medium);
 }
 
-._nestedEditor_1qea1_928>p {
+._nestedEditor_3og3e_961>p {
     margin: 0;
   }
 
-._nestedEditor_1qea1_928:focus {
+._nestedEditor_3og3e_961:focus {
     outline: none;
   }
 
-._genericComponentName_1qea1_947 {
+._genericComponentName_3og3e_980 {
   font-size: var(--text-sm);
   color: var(--baseText);
   padding-right: var(--spacing-2);
 }
 
-._diffSourceToggle_1qea1_953 {
+._diffSourceToggle_3og3e_986 {
   border-radius: var(--radius-medium);
   display: flex;
 }
 
-._diffSourceToggle_1qea1_953 ._toolbarToggleItem_1qea1_189 {
+._diffSourceToggle_3og3e_986 ._toolbarToggleItem_3og3e_206 {
     padding: 0;
   }
 
-._diffSourceToggle_1qea1_953 ._toolbarToggleItem_1qea1_189>span {
+._diffSourceToggle_3og3e_986 ._toolbarToggleItem_3og3e_206>span {
       display: block;
-      padding: var(--spacing-1) var(--spacing-2);
+      padding: var(--spacing-1) var(--spacing-1);
     }
 
-._selectWithLabel_1qea1_967 {
+._selectWithLabel_3og3e_1000 {
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
   margin-left: var(--spacing-2);
 }
 
-._selectWithLabel_1qea1_967>label {
+._selectWithLabel_3og3e_1000>label {
     font-size: var(--text-sm);
   }
 
-._selectWithLabel_1qea1_967 ._selectTrigger_1qea1_285 {
+._selectWithLabel_3og3e_1000 ._selectTrigger_3og3e_305 {
     border: 1px solid var(--baseBorder);
   }
 
-._toolbarTitleMode_1qea1_982 {
+._toolbarTitleMode_3og3e_1015 {
   font-size: var(--text-sm);
   margin-left: var(--spacing-2);
 }
 
 
-._imageControlWrapperResizing_1qea1_988 {
+._imageControlWrapperResizing_3og3e_1021 {
   touch-action: none;
 }
 
-._imageResizer_1qea1_992 {
+._imageResizer_3og3e_1025 {
   display: block;
   width: 7px;
   height: 7px;
@@ -1517,55 +1557,55 @@
   border: 1px solid var(--baseBg);
 }
 
-._imageResizer_1qea1_992._imageResizerN_1qea1_1001 {
+._imageResizer_3og3e_1025._imageResizerN_3og3e_1034 {
   top: -6px;
   left: 48%;
   cursor: n-resize;
 }
 
-._imageResizer_1qea1_992._imageResizerNe_1qea1_1007 {
+._imageResizer_3og3e_1025._imageResizerNe_3og3e_1040 {
   top: -6px;
   right: -6px;
   cursor: ne-resize;
 }
 
-._imageResizer_1qea1_992._imageResizerE_1qea1_1013 {
+._imageResizer_3og3e_1025._imageResizerE_3og3e_1046 {
   bottom: 48%;
   right: -6px;
   cursor: e-resize;
 }
 
-._imageResizer_1qea1_992._imageResizerSe_1qea1_1019 {
+._imageResizer_3og3e_1025._imageResizerSe_3og3e_1052 {
   bottom: -2px;
   right: -6px;
   cursor: nwse-resize;
 }
 
-._imageResizer_1qea1_992._imageResizerS_1qea1_1019 {
+._imageResizer_3og3e_1025._imageResizerS_3og3e_1052 {
   bottom: -2px;
   left: 48%;
   cursor: s-resize;
 }
 
-._imageResizer_1qea1_992._imageResizerSw_1qea1_1031 {
+._imageResizer_3og3e_1025._imageResizerSw_3og3e_1064 {
   bottom: -2px;
   left: -6px;
   cursor: sw-resize;
 }
 
-._imageResizer_1qea1_992._imageResizerW_1qea1_1037 {
+._imageResizer_3og3e_1025._imageResizerW_3og3e_1070 {
   bottom: 48%;
   left: -6px;
   cursor: w-resize;
 }
 
-._imageResizer_1qea1_992._imageResizerNw_1qea1_1043 {
+._imageResizer_3og3e_1025._imageResizerNw_3og3e_1076 {
   top: -6px;
   left: -6px;
   cursor: nw-resize;
 }
 
-._placeholder_1qea1_1049 {
+._placeholder_3og3e_1082 {
   color: var(--baseSolid);
   overflow: hidden;
   position: absolute;
@@ -1580,19 +1620,19 @@
   pointer-events: none;
 }
 
-._rootContentEditableWrapper_1qea1_1062 {
+._rootContentEditableWrapper_3og3e_1095 {
   position: relative;
 }
 
 
 
-._downshiftContainer_1qea1_1068 {
+._downshiftContainer_3og3e_1101 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
 }
 
-._downshiftInputWrapper_1qea1_1074 {
+._downshiftInputWrapper_3og3e_1107 {
   display: flex;
   align-items: center;
   background-color: var(--baseBase);
@@ -1601,13 +1641,13 @@
   border: 1px solid var(--baseBorder);
 }
 
-._downshiftInputWrapper_1qea1_1074[data-visible-dropdown=true] {
+._downshiftInputWrapper_3og3e_1107[data-visible-dropdown=true] {
     border-bottom-left-radius: var(--radius-none);
     border-bottom-right-radius: var(--radius-none);
     border-bottom-width: 0;
   }
 
-._downshiftInputWrapper_1qea1_1074>button {
+._downshiftInputWrapper_3og3e_1107>button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -1620,7 +1660,7 @@
     padding-right: var(--spacing-2);
   }
 
-._downshiftInput_1qea1_1074 {
+._downshiftInput_3og3e_1107 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -1635,19 +1675,19 @@
   font-size: var(--text-sm);
 }
 
-._downshiftInput_1qea1_1074::-moz-placeholder {
+._downshiftInput_3og3e_1107::-moz-placeholder {
     color: var(--baseBorder);
   }
 
-._downshiftInput_1qea1_1074::placeholder {
+._downshiftInput_3og3e_1107::placeholder {
     color: var(--baseBorder);
   }
 
-._downshiftAutocompleteContainer_1qea1_1105 {
+._downshiftAutocompleteContainer_3og3e_1138 {
   position: relative;
 }
 
-._downshiftAutocompleteContainer_1qea1_1105 ul {
+._downshiftAutocompleteContainer_3og3e_1138 ul {
     all: unset;
     box-sizing: border-box;
     position: absolute;
@@ -1664,11 +1704,11 @@
     background-color: var(--baseBase);
   }
 
-._downshiftAutocompleteContainer_1qea1_1105 ul[data-visible=true] {
+._downshiftAutocompleteContainer_3og3e_1138 ul[data-visible=true] {
       display: block;
     }
 
-._downshiftAutocompleteContainer_1qea1_1105 ul li {
+._downshiftAutocompleteContainer_3og3e_1138 ul li {
       padding: var(--spacing-2) var(--spacing-3);
       white-space: nowrap;
       margin-bottom: var(--spacing-1);
@@ -1676,20 +1716,20 @@
       text-overflow: ellipsis;
     }
 
-._downshiftAutocompleteContainer_1qea1_1105 ul li[data-selected=true] {
+._downshiftAutocompleteContainer_3og3e_1138 ul li[data-selected=true] {
         background-color: var(--baseBgSubtle);
       }
 
-._downshiftAutocompleteContainer_1qea1_1105 ul li[data-highlighted=true] {
+._downshiftAutocompleteContainer_3og3e_1138 ul li[data-highlighted=true] {
         background-color: var(--baseBgHover);
       }
 
-._downshiftAutocompleteContainer_1qea1_1105 ul li:last-of-type {
+._downshiftAutocompleteContainer_3og3e_1138 ul li:last-of-type {
         border-bottom-left-radius: var(--radius-medium);
         border-bottom-right-radius: var(--radius-medium);
       }
 
-._textInput_1qea1_1151 {
+._textInput_3og3e_1184 {
   all: unset;
   border-radius: var(--radius-base);
   border: 1px solid var(--baseBorder);
@@ -1697,24 +1737,24 @@
   padding: var(--spacing-2) var(--spacing-3);
 }
 
-form._multiFieldForm_1qea1_1159 {
+form._multiFieldForm_3og3e_1192 {
   display: flex;
   flex-direction: column;
   padding: var(--spacing-2);
   gap: var(--spacing-2);
 }
 
-form._multiFieldForm_1qea1_1159 ._formField_1qea1_1165 {
+form._multiFieldForm_3og3e_1192 ._formField_3og3e_1198 {
     display: flex;
     flex-direction: column;
     gap: var(--spacing-2);
   }
 
-form._multiFieldForm_1qea1_1159 ._formField_1qea1_1165 label {
+form._multiFieldForm_3og3e_1192 ._formField_3og3e_1198 label {
       font-size: var(--text-xs);
     }
 
-._markdownParseError_1qea1_1176 {
+._markdownParseError_3og3e_1209 {
   border-radius: var(--radius-base);
   border: 1px solid var(--error-color);
   padding: var(--spacing-2);
@@ -1723,20 +1763,20 @@ form._multiFieldForm_1qea1_1159 ._formField_1qea1_1165 label {
   font-size: var(--text-xs);
 }
 
-._popupContainer_1qea1_1185 {
+._popupContainer_3og3e_1218 {
   position: relative;
   z-index: 1;
 }
 
-._inputSizer_1qea1_1190 {
+._inputSizer_3og3e_1223 {
   display: inline-grid;
   vertical-align: baseline;
   align-items: center;
   position: relative;
 }
 
-._inputSizer_1qea1_1190::after,
-  ._inputSizer_1qea1_1190 input {
+._inputSizer_3og3e_1223::after,
+  ._inputSizer_3og3e_1223 input {
     width: auto;
     min-width: 1rem;
     grid-area: 1 / 2;
@@ -1752,11 +1792,11 @@ form._multiFieldForm_1qea1_1159 ._formField_1qea1_1165 label {
     color: inherit;
   }
 
-._inputSizer_1qea1_1190 span {
+._inputSizer_3og3e_1223 span {
     padding: 0.25em;
   }
 
-._inputSizer_1qea1_1190::after {
+._inputSizer_3og3e_1223::after {
     content: attr(data-value);
     white-space: pre-wrap;
   }