@mdxeditor/editor 1.9.2 → 1.10.0

package/dist/style.css

@@ -149,7 +149,7 @@
     background: transparent;
     font-size: var(--text-xxs);
   }
-._editorRoot_1xops_36 {
+._editorRoot_1xgxv_37 {
   --accentBase: var(--blue1);
   --accentBgSubtle: var(--blue2);
   --accentBg: var(--blue3);
@@ -163,6 +163,7 @@
   --accentText: var(--blue11);
   --accentTextContrast: var(--blue12);
 
+  --basePageBg: white;
   --baseBase: var(--slate1);
   --baseBgSubtle: var(--slate2);
   --baseBg: var(--slate3);
@@ -247,46 +248,46 @@
   color: var(--baseText);
 }
 
-._editorWrapper_1xops_134 {
+._editorWrapper_1xgxv_136 {
 }
 
-._nestedListItem_1xops_137 {
+._nestedListItem_1xgxv_139 {
   list-style: none;
 }
 
-._toolbarRoot_1xops_141 {
+._toolbarRoot_1xgxv_143 {
   /* border: var(--spacing-px) solid var(--baseBorder); */
   z-index: 1;
   display: flex;
   flex-direction: row;
   gap: var(--spacing-1);
   border-radius: var(--radius-medium);
-  padding: var(--spacing-2) var(--spacing-2);
+  padding: var(--spacing-1_5);
   align-items: center;
   overflow-x: auto;
   position: sticky;
   top: 0;
-  background-color: var(--baseBgSubtle);
+  background-color: var(--baseBg);
   width: inherit;
 }
 
-._toolbarRoot_1xops_141 div[role=separator] {
-    margin: var(--spacing-2) var(--spacing-2);
+._toolbarRoot_1xgxv_143 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_1xops_164 {
+._readOnlyToolbarRoot_1xgxv_166 {
   pointer-events: none;
   background: var(--baseBase);
 }
 
-._readOnlyToolbarRoot_1xops_164 > div {
+._readOnlyToolbarRoot_1xgxv_166 > div {
     opacity: 0.5;
   }
 
-._toolbarModeSwitch_1xops_172 {
+._toolbarModeSwitch_1xgxv_174 {
   opacity: 1 !important;
   margin-left: auto;
   align-self: stretch;
@@ -297,31 +298,31 @@
   font-size: var(--text-xs);
 }
 
-._toolbarModeSwitch_1xops_172 ._toolbarToggleItem_1xops_182 {
+._toolbarModeSwitch_1xgxv_174 ._toolbarToggleItem_1xgxv_184 {
     padding-inline-end: var(--spacing-4);
     padding-inline-start: var(--spacing-4);
   }
 
-._toolbarModeSwitch_1xops_172 ._toolbarToggleItem_1xops_182:active, ._toolbarModeSwitch_1xops_172 ._toolbarToggleItem_1xops_182[data-state=on] {
+._toolbarModeSwitch_1xgxv_174 ._toolbarToggleItem_1xgxv_184:active, ._toolbarModeSwitch_1xgxv_174 ._toolbarToggleItem_1xgxv_184[data-state=on] {
       background-color:var(--baseBorder);
     }
 
-._toolbarGroupOfGroups_1xops_192 {
+._toolbarGroupOfGroups_1xgxv_194 {
   display: flex;
   margin: 0 var(--spacing-1);
 }
 
-._toolbarToggleSingleGroup_1xops_197:first-of-type ._toolbarToggleItem_1xops_182:only-child, ._toolbarToggleSingleGroup_1xops_197:only-child ._toolbarToggleItem_1xops_182:first-child, ._toolbarModeSwitch_1xops_172 ._toolbarToggleItem_1xops_182:first-child {
+._toolbarToggleSingleGroup_1xgxv_199:first-of-type ._toolbarToggleItem_1xgxv_184:only-child, ._toolbarToggleSingleGroup_1xgxv_199:only-child ._toolbarToggleItem_1xgxv_184:first-child, ._toolbarModeSwitch_1xgxv_174 ._toolbarToggleItem_1xgxv_184:first-child {
   border-top-left-radius: var(--radius-base);
   border-bottom-left-radius: var(--radius-base);
 }
 
-._toolbarToggleSingleGroup_1xops_197:last-of-type ._toolbarToggleItem_1xops_182:only-child, ._toolbarToggleSingleGroup_1xops_197:only-child ._toolbarToggleItem_1xops_182:last-child, ._toolbarModeSwitch_1xops_172 ._toolbarToggleItem_1xops_182:last-child {
+._toolbarToggleSingleGroup_1xgxv_199:last-of-type ._toolbarToggleItem_1xgxv_184:only-child, ._toolbarToggleSingleGroup_1xgxv_199:only-child ._toolbarToggleItem_1xgxv_184:last-child, ._toolbarModeSwitch_1xgxv_174 ._toolbarToggleItem_1xgxv_184:last-child {
   border-top-right-radius: var(--radius-base);
   border-bottom-right-radius: var(--radius-base);
 }
 
-._toolbarToggleItem_1xops_182, ._toolbarButton_1xops_211 {
+._toolbarToggleItem_1xgxv_184, ._toolbarButton_1xgxv_213 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -334,148 +335,155 @@
   padding: var(--spacing-1);
 }
 
-._toolbarToggleItem_1xops_182 svg, ._toolbarButton_1xops_211 svg {
+._toolbarToggleItem_1xgxv_184 svg, ._toolbarButton_1xgxv_213 svg {
     display: block;
   }
 
-._toolbarToggleItem_1xops_182:hover, ._toolbarButton_1xops_211:hover {
-    background-color: var(--baseBgHover);
+._toolbarToggleItem_1xgxv_184:hover, ._toolbarButton_1xgxv_213:hover {
+    background-color: var(--baseBgActive);
   }
 
-._toolbarToggleItem_1xops_182:active svg, ._toolbarButton_1xops_211:active svg {
+._toolbarToggleItem_1xgxv_184:active svg, ._toolbarButton_1xgxv_213:active svg {
     transform: translate(1px, 1px);
   }
 
-._toolbarToggleItem_1xops_182[data-state=on], ._toolbarButton_1xops_211[data-state=on], ._toolbarToggleItem_1xops_182:active, ._toolbarButton_1xops_211:active {
-    background-color: var(--accentBgActive);
+._toolbarToggleItem_1xgxv_184[data-state=on], ._toolbarButton_1xgxv_213[data-state=on], ._toolbarToggleItem_1xgxv_184:active, ._toolbarButton_1xgxv_213:active {
+    color: var(--baseTextContrast);
+    background-color: var(--baseBgActive);
   }
 
-._toolbarToggleItem_1xops_182[data-disabled], ._toolbarButton_1xops_211[data-disabled] {
+._toolbarToggleItem_1xgxv_184[data-disabled], ._toolbarButton_1xgxv_213[data-disabled] {
     pointer-events: none;
     color: var(--baseBorderHover);
   }
 
-._toolbarButton_1xops_211 {
+._toolbarButton_1xgxv_213 {
   border-radius: var(--radius-base);
 }
 
-._activeToolbarButton_1xops_241 {
+._activeToolbarButton_1xgxv_244 {
   color: var(--accentText);
 }
 
-._toolbarToggleSingleGroup_1xops_197 {
+._toolbarToggleSingleGroup_1xgxv_199 {
   white-space: nowrap;
 }
 
-._toolbarNodeKindSelectContainer_1xops_249, ._toolbarButtonDropdownContainer_1xops_250, ._toolbarCodeBlockLanguageSelectContent_1xops_251, ._selectContainer_1xops_252
+._toolbarNodeKindSelectContainer_1xgxv_252, ._toolbarButtonDropdownContainer_1xgxv_253, ._toolbarCodeBlockLanguageSelectContent_1xgxv_254, ._selectContainer_1xgxv_255
 {
+  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
   z-index: 3;
   width: var(--spacing-36);
   border-bottom-left-radius: var(--radius-base);
   border-bottom-right-radius: var(--radius-base);
-  background-color: var(--baseBgHover);
+  background-color: var(--basePageBg);
   font-size: var(--text-sm);
 }
 
-._toolbarButtonDropdownContainer_1xops_250 {
+._toolbarButtonDropdownContainer_1xgxv_253 {
   border-top-right-radius: var(--radius-base);
 }
 
-._toolbarNodeKindSelectTrigger_1xops_266, ._toolbarButtonSelectTrigger_1xops_267, ._selectTrigger_1xops_268 {
+._toolbarButtonDropdownContainer_1xgxv_253 ._selectItem_1xgxv_269:first-child {
+    border-top-right-radius: var(--radius-base);
+  }
+
+._toolbarNodeKindSelectTrigger_1xgxv_274, ._toolbarButtonSelectTrigger_1xgxv_275, ._selectTrigger_1xgxv_276 {
   border: 0;
   background-color: transparent;
   display: flex;
   color: inherit;
   align-items: center;
   width: var(--spacing-36);
-  padding: var(--spacing-1);
-  padding-inline-start: var(--spacing-4) ;
-  padding-inline-end: var(--spacing-2);
+  padding: var(--spacing-1) 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);
 }
 
-._toolbarNodeKindSelectTrigger_1xops_266:hover, ._toolbarButtonSelectTrigger_1xops_267:hover, ._selectTrigger_1xops_268:hover {
-    background-color: var(--baseBgHover);
-  }
-
-._toolbarNodeKindSelectTrigger_1xops_266[data-state=open], ._toolbarButtonSelectTrigger_1xops_267[data-state=open], ._selectTrigger_1xops_268[data-state=open] {
+._toolbarNodeKindSelectTrigger_1xgxv_274[data-state=open], ._toolbarButtonSelectTrigger_1xgxv_275[data-state=open], ._selectTrigger_1xgxv_276[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);
-    background-color: var(--baseBgHover);
   }
-._selectTrigger_1xops_268[data-placeholder] > span:first-child {
+
+._selectTrigger_1xgxv_276[data-placeholder] > span:first-child {
   color: var(--baseBorderHover);
 }
 
 /** used in the sandpack */
-._toolbarButtonSelectTrigger_1xops_267 {
+._toolbarButtonSelectTrigger_1xgxv_275 {
   width: auto;
   padding-inline-start: var(--spacing-2) ;
   padding-inline-end: var(--spacing-1);
+  padding-block: var(--spacing-0_5);
 }
 
-._toolbarCodeBlockLanguageSelectTrigger_1xops_304, ._toolbarCodeBlockLanguageSelectContent_1xops_251 
+._toolbarCodeBlockLanguageSelectTrigger_1xgxv_310, ._toolbarCodeBlockLanguageSelectContent_1xgxv_254 
 {
   width: var(--spacing-48);
 }
 
-._toolbarNodeKindSelectItem_1xops_310, ._selectItem_1xops_311
+._toolbarNodeKindSelectItem_1xgxv_316, ._selectItem_1xgxv_269
 {
   cursor: default;
   display: flex;
-  padding: var(--spacing-2) var(--spacing-4);
+  padding: var(--spacing-2);
 }
 
-._toolbarNodeKindSelectItem_1xops_310[data-highlighted], ._selectItem_1xops_311[data-highlighted] {
-    background-color: var(--baseBgSubtle);
+._toolbarNodeKindSelectItem_1xgxv_316[data-highlighted], ._selectItem_1xgxv_269[data-highlighted] {
+    background-color: var(--baseBg);
   }
 
-._toolbarNodeKindSelectItem_1xops_310[data-state=checked], ._selectItem_1xops_311[data-state=checked] {
-    background-color: var(--accentBgActive);
+._toolbarNodeKindSelectItem_1xgxv_316[data-state=checked], ._selectItem_1xgxv_269[data-state=checked] {
+    color: var(--baseTextContrast);
+    background-color: var(--baseBg);
   }
 
-._toolbarNodeKindSelectItem_1xops_310[data-highlighted], ._selectItem_1xops_311[data-highlighted] {
+._toolbarNodeKindSelectItem_1xgxv_316[data-highlighted], ._selectItem_1xgxv_269[data-highlighted] {
     outline: none;
   }
 
-._toolbarNodeKindSelectItem_1xops_310:last-child, ._selectItem_1xops_311:last-child {
+._toolbarNodeKindSelectItem_1xgxv_316:last-child, ._selectItem_1xgxv_269:last-child {
     border-bottom-left-radius: var(--radius-base);
     border-bottom-right-radius: var(--radius-base);
   }
 
-._toolbarNodeKindSelectDropdownArrow_1xops_335, ._selectDropdownArrow_1xops_336 {
+._toolbarNodeKindSelectDropdownArrow_1xgxv_342, ._selectDropdownArrow_1xgxv_343 {
   margin-left: auto;
+  display: flex;
+  align-items: center;
 }
 
-._contentEditable_1xops_340 {
+._contentEditable_1xgxv_349 {
   box-sizing: border-box;
   width: 100%;
   color: var(--baseTextContrast);
   padding: var(--spacing-3);
 }
 
-._contentEditable_1xops_340:focus {
+._contentEditable_1xgxv_349:focus {
     outline: none;
   }
 
-._sandpackWrapper_1xops_350 {
+._sandpackWrapper_1xgxv_359 {
   margin-bottom:var(--spacing-5);
 }
 
-._frontmatterWrapper_1xops_354 {
+._frontmatterWrapper_1xgxv_363 {
   border-radius: var(--radius-medium);
   padding: var(--spacing-3);
   background-color: var(--baseBgSubtle);
 }
 
-._frontmatterWrapper_1xops_354[data-expanded=true] {
+._frontmatterWrapper_1xgxv_363[data-expanded=true] {
     margin-bottom: var(--spacing-10);
   }
 
-._frontmatterToggleButton_1xops_364 {
+._frontmatterToggleButton_1xgxv_373 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -491,7 +499,7 @@
   font-size: var(--text-sm);
 }
 
-._propertyPanelTitle_1xops_372 {
+._propertyPanelTitle_1xgxv_381 {
   font-size: var(--text-xs);
   font-weight: 400;
   margin: 0;
@@ -499,49 +507,49 @@
   padding-left: var(--spacing-2);
 }
 
-._propertyEditorTable_1xops_380 {
+._propertyEditorTable_1xgxv_389 {
   table-layout: fixed;
   border-spacing: var(--spacing-2);
 }
 
-._propertyEditorTable_1xops_380 th {
+._propertyEditorTable_1xgxv_389 th {
     text-align: left;
     font-size: var(--text-sm);
     padding: var(--spacing-2) var(--spacing-3);
   }
 
-._propertyEditorTable_1xops_380 col:nth-child(1) {
+._propertyEditorTable_1xgxv_389 col:nth-child(1) {
     width: 30%;
   }
 
-._propertyEditorTable_1xops_380 col:nth-child(2) {
+._propertyEditorTable_1xgxv_389 col:nth-child(2) {
     width: 70%;
   }
 
-._propertyEditorTable_1xops_380 td:last-child ._iconButton_1xops_397 {
+._propertyEditorTable_1xgxv_389 td:last-child ._iconButton_1xgxv_406 {
     margin-left: var(--spacing-4);
     margin-right: var(--spacing-4);
   }
 
-._propertyEditorTable_1xops_380 ._readOnlyColumnCell_1xops_402 {
+._propertyEditorTable_1xgxv_389 ._readOnlyColumnCell_1xgxv_411 {
     padding-left: 0;
   }
 
-._propertyEditorLabelCell_1xops_407 {
+._propertyEditorLabelCell_1xgxv_416 {
   font-weight: 400;
 }
 
-._readOnlyColumnCell_1xops_402 {
+._readOnlyColumnCell_1xgxv_411 {
   padding-left: 0;
 }
 
-._buttonsFooter_1xops_415 {
+._buttonsFooter_1xgxv_424 {
   display: flex;
   justify-content: flex-end;
   gap: var(--spacing-2);
 }
 
-._propertyEditorInput_1xops_421 {
+._propertyEditorInput_1xgxv_430 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -559,7 +567,7 @@
   font-size: var(--text-sm);
 }
 
-._iconButton_1xops_397 {
+._iconButton_1xgxv_406 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -572,15 +580,15 @@
   color:var(--baseText);
 }
 
-._iconButton_1xops_397:hover {
+._iconButton_1xgxv_406:hover {
     color: var(--accentText);
   }
 
-._iconButton_1xops_397:disabled, ._iconButton_1xops_397:disabled:hover {
+._iconButton_1xgxv_406:disabled, ._iconButton_1xgxv_406:disabled:hover {
     color:var(--baseLine);
   }
 
-._primaryButton_1xops_442, ._secondaryButton_1xops_442 {
+._primaryButton_1xgxv_451, ._secondaryButton_1xgxv_451 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -594,34 +602,34 @@
   border: 1px solid var(--accentBorder);
   background-color: var(--accentSolidHover);
   color:var(--baseBase);
-  font-size: var(--text-sm);
+  font-size: var(--text-xs);
   border-radius: var(--radius-medium);
 }
 
-._primaryButton_1xops_442:disabled, ._secondaryButton_1xops_442:disabled {
+._primaryButton_1xgxv_451:disabled, ._secondaryButton_1xgxv_451:disabled {
     background: var(--accentLine);
     border-color: var(--accentBg);
   }
 
-._smallButton_1xops_456 {
+._smallButton_1xgxv_465 {
   font-size: var(--text-xs);
   padding: var(--spacing-1) var(--spacing-2);
   border-radius: var(--radius-base);
 }
 
-._secondaryButton_1xops_442 {
+._secondaryButton_1xgxv_451 {
   border: 1px solid var(--baseBorder);
   background-color: var(--baseSolidHover);
   color:var(--baseBase);
 }
 
-._dialogForm_1xops_468 {
+._dialogForm_1xgxv_477 {
   display: flex;
   flex-direction: row;
   gap: var(--spacing-2);
 }
 
-._linkDialogEditForm_1xops_474 {
+._linkDialogEditForm_1xgxv_483 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -629,13 +637,13 @@
   padding: 0;
 }
 
-._linkDialogInputContainer_1xops_482 {
+._linkDialogInputContainer_1xgxv_491 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
 }
 
-._linkDialogInputWrapper_1xops_488 {
+._linkDialogInputWrapper_1xgxv_497 {
   display: flex;
   align-items: center;
   background-color: var(--baseBase);
@@ -644,13 +652,13 @@
   border:1px solid var(--baseBorder);
 }
 
-._linkDialogInputWrapper_1xops_488[data-visible-dropdown=true] {
+._linkDialogInputWrapper_1xgxv_497[data-visible-dropdown=true] {
     border-bottom-left-radius: var(--radius-none) ;
     border-bottom-right-radius: var(--radius-none) ;
     border-bottom-width: 0;
   }
 
-._linkDialogInputWrapper_1xops_488 > button {
+._linkDialogInputWrapper_1xgxv_497 > button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -663,7 +671,7 @@
     padding-right: var(--spacing-2);
   }
 
-._linkDialogInput_1xops_482, ._dialogInput_1xops_508 {
+._linkDialogInput_1xgxv_491, ._dialogInput_1xgxv_517 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -678,41 +686,41 @@
   font-size: var(--text-sm);
 }
 
-._linkDialogInput_1xops_482::-moz-placeholder, ._dialogInput_1xops_508::-moz-placeholder {
+._linkDialogInput_1xgxv_491::-moz-placeholder, ._dialogInput_1xgxv_517::-moz-placeholder {
     color: var(--baseBorder);
   }
 
-._linkDialogInput_1xops_482::placeholder, ._dialogInput_1xops_508::placeholder {
+._linkDialogInput_1xgxv_491::placeholder, ._dialogInput_1xgxv_517::placeholder {
     color: var(--baseBorder);
   }
 
-._linkDialogAnchor_1xops_518 {
+._linkDialogAnchor_1xgxv_527 {
   position: fixed;
   background-color: highlight;
   z-index: -1;
 }
 
-._linkDialogAnchor_1xops_518[data-visible=true] {
+._linkDialogAnchor_1xgxv_527[data-visible=true] {
     visibility: visible;
   }
 
-._linkDialogAnchor_1xops_518[data-visible=false] {
+._linkDialogAnchor_1xgxv_527[data-visible=false] {
     visibility: hidden;
   }
 
-._linkDialogPopoverContent_1xops_532, ._tableColumnEditorPopoverContent_1xops_532, ._dialogContent_1xops_532 {
+._linkDialogPopoverContent_1xgxv_541, ._tableColumnEditorPopoverContent_1xgxv_541, ._dialogContent_1xgxv_541 {
   filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
   display: flex;
   align-items: center;
   gap: var(--spacing-0_5);
   border-radius:var(--radius-medium);
-  border: 1px solid var(--baseBorder);
-  background-color: var(--baseBgSubtle);
-  padding:var(--spacing-2) var(--spacing-2);
+  border: 1px solid var(--baseBg);
+  background-color: var(--basePageBg);
+  padding:var(--spacing-1) var(--spacing-2);
   font-size: var(--text-sm);
 }
 
-._largeDialogContent_1xops_544 {
+._largeDialogContent_1xgxv_553 {
   filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
   gap: var(--spacing-0_5);
   border-radius:var(--radius-medium);
@@ -722,13 +730,13 @@
   font-size: var(--text-sm);
 }
 
-._dialogTitle_1xops_554 {
+._dialogTitle_1xgxv_563 {
   font-size: var(--text-base);
   font-weight: 600;
   padding-left: var(--spacing-2);
 }
 
-._dialogCloseButton_1xops_560 {
+._dialogCloseButton_1xgxv_569 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -743,7 +751,7 @@
   right: 10px;
 }
 
-._popoverContent_1xops_567 {
+._popoverContent_1xgxv_576 {
   filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
   display: flex;
   align-items: center;
@@ -755,13 +763,11 @@
   z-index: 1;
 }
 
-._popoverArrow_1xops_579 {
-  fill: var(--baseBgSubtle);
+._popoverArrow_1xgxv_588 {
+  fill: var(--basePageBg);
 }
 
-
-
-._linkDialogPreviewAnchor_1xops_585 {
+._linkDialogPreviewAnchor_1xgxv_592 {
   margin-right: var(--spacing-3);
   display: flex;
   align-items: flex-start;
@@ -770,24 +776,23 @@
   border: 1px solid transparent;
 }
 
-
-
-._linkDialogPreviewAnchor_1xops_585 svg {
+._linkDialogPreviewAnchor_1xgxv_592 svg {
     width: var(--spacing-5);
     height: var(--spacing-5);
     margin-left: var(--spacing-2);
   }
 
-
-
-._linkDialogPreviewAnchor_1xops_585 span {
+._linkDialogPreviewAnchor_1xgxv_592 span {
     max-width: 14rem;
     overflow-x: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+._tooltipTrigger_1xgxv_613 {
+  align-self: center;
+}
 
-._tooltipContent_1xops_607 {
+._tooltipContent_1xgxv_617 {
   z-index: 2;
   position: relative;
   border-radius: var(--radius-medium);
@@ -797,11 +802,11 @@
   color: var(--baseBase);
 }
 
-._tooltipContent_1xops_607 svg {
+._tooltipContent_1xgxv_617 svg {
     fill: var(--baseText);
   }
 
-._actionButton_1xops_621 {
+._actionButton_1xgxv_631 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -811,38 +816,39 @@
   all: unset;
   box-sizing: border-box;
   cursor: default;
-  padding: var(--spacing-2);
+  padding: var(--spacing-1_5);
   padding: var(--spacing-1) var(--spacing-1);
   border-radius: var(--radius-medium);
 }
 
-._actionButton_1xops_621 svg {
+._actionButton_1xgxv_631 svg {
     display: block;
   }
 
-._actionButton_1xops_621:hover {
+._actionButton_1xgxv_631:hover {
     background-color: var(--baseBgHover);
   }
 
-._actionButton_1xops_621:active svg {
+._actionButton_1xgxv_631:active svg {
     transform: translate(1px, 1px);
   }
 
-._actionButton_1xops_621[data-state=on], ._actionButton_1xops_621:active {
-    background-color: var(--accentBgActive);
+._actionButton_1xgxv_631[data-state=on], ._actionButton_1xgxv_631:active {
+    background-color: var(--baseBgHover);
+    color: var(--baseTextContrast);
   }
 
-._primaryActionButton_1xops_627 {
+._primaryActionButton_1xgxv_637 {
   background-color: var(--accentSolid);
   color:var(--baseBase);
 }
 
-._primaryActionButton_1xops_627:hover {
+._primaryActionButton_1xgxv_637:hover {
     background-color: var(--accentSolidHover);
     color:var(--baseBase);
   }
 
-._tableEditor_1xops_636 {
+._tableEditor_1xgxv_646 {
   table-layout: fixed;
   width: 100%;
   height: 100%;
@@ -850,50 +856,50 @@
   border-collapse: collapse;
 }
 
-._tableEditor_1xops_636 thead > tr > th {
+._tableEditor_1xgxv_646 thead > tr > th {
     text-align: right;
   }
 
-._tableEditor_1xops_636 > tbody > tr > td:not(._toolCell_1xops_647) {
-    border: 1px solid var(--baseBorder);
+._tableEditor_1xgxv_646 > tbody > tr > td:not(._toolCell_1xgxv_657) {
+    border: 1px solid var(--baseBgActive);
     padding: var(--spacing-1) var(--spacing-2);
     white-space: normal;
   }
 
-._tableEditor_1xops_636 > tbody > tr > td:not(._toolCell_1xops_647) > div {
+._tableEditor_1xgxv_646 > tbody > tr > td:not(._toolCell_1xgxv_657) > div {
       outline: none;
     }
 
-._tableEditor_1xops_636 > tbody > tr > td:not(._toolCell_1xops_647) > div > p {
+._tableEditor_1xgxv_646 > tbody > tr > td:not(._toolCell_1xgxv_657) > div > p {
         margin: 0;
       }
 
-._tableEditor_1xops_636 > tbody > tr > td[data-active=true]:not(._toolCell_1xops_647) {
-      outline: solid 2px var(--accentSolid)
+._tableEditor_1xgxv_646 > tbody > tr > td[data-active=true]:not(._toolCell_1xgxv_657) {
+      outline: solid 1px var(--baseSolid);
     }
 
-._tableEditor_1xops_636 ._tableColumnEditorTrigger_1xops_664, ._tableEditor_1xops_636 ._tableRowEditorTrigger_1xops_664, ._tableEditor_1xops_636 ._addRowButton_1xops_664, ._tableEditor_1xops_636 ._addColumnButton_1xops_664, ._tableEditor_1xops_636 ._iconButton_1xops_397 {
+._tableEditor_1xgxv_646 ._tableColumnEditorTrigger_1xgxv_674, ._tableEditor_1xgxv_646 ._tableRowEditorTrigger_1xgxv_674, ._tableEditor_1xgxv_646 ._addRowButton_1xgxv_674, ._tableEditor_1xgxv_646 ._addColumnButton_1xgxv_674, ._tableEditor_1xgxv_646 ._iconButton_1xgxv_406 {
     opacity: .15;
   }
 
-._tableEditor_1xops_636:hover ._tableColumnEditorTrigger_1xops_664, ._tableEditor_1xops_636:hover ._tableRowEditorTrigger_1xops_664, ._tableEditor_1xops_636:hover ._addRowButton_1xops_664, ._tableEditor_1xops_636:hover ._addColumnButton_1xops_664, ._tableEditor_1xops_636:hover ._iconButton_1xops_397 {
+._tableEditor_1xgxv_646:hover ._tableColumnEditorTrigger_1xgxv_674, ._tableEditor_1xgxv_646:hover ._tableRowEditorTrigger_1xgxv_674, ._tableEditor_1xgxv_646:hover ._addRowButton_1xgxv_674, ._tableEditor_1xgxv_646:hover ._addColumnButton_1xgxv_674, ._tableEditor_1xgxv_646:hover ._iconButton_1xgxv_406 {
       opacity: 0.3;
     }
 
-._tableEditor_1xops_636:hover ._tableColumnEditorTrigger_1xops_664:hover, ._tableEditor_1xops_636:hover ._tableRowEditorTrigger_1xops_664:hover, ._tableEditor_1xops_636:hover ._addRowButton_1xops_664:hover, ._tableEditor_1xops_636:hover ._addColumnButton_1xops_664:hover, ._tableEditor_1xops_636:hover ._iconButton_1xops_397:hover {
+._tableEditor_1xgxv_646:hover ._tableColumnEditorTrigger_1xgxv_674:hover, ._tableEditor_1xgxv_646:hover ._tableRowEditorTrigger_1xgxv_674:hover, ._tableEditor_1xgxv_646:hover ._addRowButton_1xgxv_674:hover, ._tableEditor_1xgxv_646:hover ._addColumnButton_1xgxv_674:hover, ._tableEditor_1xgxv_646:hover ._iconButton_1xgxv_406:hover {
         opacity: 1;
       }
 
-._toolCell_1xops_647 {
+._toolCell_1xgxv_657 {
   text-align: right;
 }
 
-._toolCell_1xops_647 button {
+._toolCell_1xgxv_657 button {
     margin: auto;
     display: block;
   }
 
-._tableColumnEditorTrigger_1xops_664 {
+._tableColumnEditorTrigger_1xgxv_674 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -903,37 +909,38 @@
   all: unset;
   box-sizing: border-box;
   cursor: default;
-  padding: var(--spacing-2);
+  padding: var(--spacing-1_5);
   padding: var(--spacing-1);
   border-radius: var(--radius-full);
   opacity: 0.2;
 }
 
-._tableColumnEditorTrigger_1xops_664 svg {
+._tableColumnEditorTrigger_1xgxv_674 svg {
     display: block;
   }
 
-._tableColumnEditorTrigger_1xops_664:hover {
+._tableColumnEditorTrigger_1xgxv_674:hover {
     background-color: var(--baseBgHover);
   }
 
-._tableColumnEditorTrigger_1xops_664:active svg {
+._tableColumnEditorTrigger_1xgxv_674:active svg {
     transform: translate(1px, 1px);
   }
 
-._tableColumnEditorTrigger_1xops_664[data-state=on], ._tableColumnEditorTrigger_1xops_664:active {
-    background-color: var(--accentBgActive);
+._tableColumnEditorTrigger_1xgxv_674[data-state=on], ._tableColumnEditorTrigger_1xgxv_674:active {
+    background-color: var(--baseBgHover);
+    color: var(--baseTextContrast);
   }
 
-._tableColumnEditorTrigger_1xops_664[data-active=true] {
+._tableColumnEditorTrigger_1xgxv_674[data-active=true] {
     opacity: 1 !important;
   }
 
-._tableColumnEditorToolbar_1xops_698 {
+._tableColumnEditorToolbar_1xgxv_708 {
   display: flex;
 }
 
-._tableColumnEditorToolbar_1xops_698 > button {
+._tableColumnEditorToolbar_1xgxv_708 > button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -943,37 +950,38 @@
     all: unset;
     box-sizing: border-box;
     cursor: default;
-    padding: var(--spacing-2);
+    padding: var(--spacing-1_5);
   }
 
-._tableColumnEditorToolbar_1xops_698 > button svg {
+._tableColumnEditorToolbar_1xgxv_708 > button svg {
     display: block;
   }
 
-._tableColumnEditorToolbar_1xops_698 > button:hover {
+._tableColumnEditorToolbar_1xgxv_708 > button:hover {
     background-color: var(--baseBgHover);
   }
 
-._tableColumnEditorToolbar_1xops_698 > button:active svg {
+._tableColumnEditorToolbar_1xgxv_708 > button:active svg {
     transform: translate(1px, 1px);
   }
 
-._tableColumnEditorToolbar_1xops_698 > button[data-state=on], ._tableColumnEditorToolbar_1xops_698 > button:active {
-    background-color: var(--accentBgActive);
+._tableColumnEditorToolbar_1xgxv_708 > button[data-state=on], ._tableColumnEditorToolbar_1xgxv_708 > button:active {
+    background-color: var(--baseBgHover);
+    color: var(--baseTextContrast);
   }
 
-._tableColumnEditorToolbar_1xops_698 [role=separator] {
+._tableColumnEditorToolbar_1xgxv_708 [role=separator] {
     margin-left: var(--spacing-1);
     margin-right: var(--spacing-1);
   }
 
 
-._toggleGroupRoot_1xops_710 {
+._toggleGroupRoot_1xgxv_721 {
   display: inline-flex;
 }
 
 
-._toggleGroupRoot_1xops_710 button {
+._toggleGroupRoot_1xgxv_721 button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -983,63 +991,64 @@
     all: unset;
     box-sizing: border-box;
     cursor: default;
-    padding: var(--spacing-2);
+    padding: var(--spacing-1_5);
   }
 
 
-._toggleGroupRoot_1xops_710 button svg {
+._toggleGroupRoot_1xgxv_721 button svg {
     display: block;
   }
 
 
-._toggleGroupRoot_1xops_710 button:hover {
+._toggleGroupRoot_1xgxv_721 button:hover {
     background-color: var(--baseBgHover);
   }
 
 
-._toggleGroupRoot_1xops_710 button:active svg {
+._toggleGroupRoot_1xgxv_721 button:active svg {
     transform: translate(1px, 1px);
   }
 
 
-._toggleGroupRoot_1xops_710 button[data-state=on], ._toggleGroupRoot_1xops_710 button:active {
-    background-color: var(--accentBgActive);
+._toggleGroupRoot_1xgxv_721 button[data-state=on], ._toggleGroupRoot_1xgxv_721 button:active {
+    background-color: var(--baseBgHover);
+    color: var(--baseTextContrast);
   }
 
 
-._toggleGroupRoot_1xops_710 button:first-child {
+._toggleGroupRoot_1xgxv_721 button:first-child {
       border-top-left-radius: var(--radius-base);
       border-bottom-left-radius: var(--radius-base);
     }
 
 
-._toggleGroupRoot_1xops_710 button:last-child {
+._toggleGroupRoot_1xgxv_721 button:last-child {
       border-top-right-radius: var(--radius-base);
       border-bottom-right-radius: var(--radius-base);
     }
 
-._tableToolsColumn_1xops_727 {
+._tableToolsColumn_1xgxv_738 {
   width: 3rem;
 }
 
-._tableToolsColumn_1xops_727 button {
+._tableToolsColumn_1xgxv_738 button {
     margin: auto;
     display: block;
   }
 
-._leftAlignedCell_1xops_735 {
+._leftAlignedCell_1xgxv_746 {
   text-align: left;
 }
 
-._rightAlignedCell_1xops_739 {
+._rightAlignedCell_1xgxv_750 {
   text-align: right;
 }
 
-._centeredCell_1xops_743 {
+._centeredCell_1xgxv_754 {
   text-align: center;
 }
 
-._addColumnButton_1xops_664, ._addRowButton_1xops_664 {
+._addColumnButton_1xgxv_674, ._addRowButton_1xgxv_674 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -1049,70 +1058,74 @@
   all: unset;
   box-sizing: border-box;
   cursor: default;
-  padding: var(--spacing-2);
+  padding: var(--spacing-1_5);
   background-color: var(--baseBase);
 
   display: flex;
   align-items: center;
-  border-radius: var(--radius-medium);
 }
 
-._addColumnButton_1xops_664 svg, ._addRowButton_1xops_664 svg {
+._addColumnButton_1xgxv_674 svg, ._addRowButton_1xgxv_674 svg {
     display: block;
   }
 
-._addColumnButton_1xops_664:hover, ._addRowButton_1xops_664:hover {
+._addColumnButton_1xgxv_674:hover, ._addRowButton_1xgxv_674:hover {
     background-color: var(--baseBgHover);
   }
 
-._addColumnButton_1xops_664:active svg, ._addRowButton_1xops_664:active svg {
+._addColumnButton_1xgxv_674:active svg, ._addRowButton_1xgxv_674:active svg {
     transform: translate(1px, 1px);
   }
 
-._addColumnButton_1xops_664[data-state=on], ._addRowButton_1xops_664[data-state=on], ._addColumnButton_1xops_664:active, ._addRowButton_1xops_664:active {
-    background-color: var(--accentBgActive);
+._addColumnButton_1xgxv_674[data-state=on], ._addRowButton_1xgxv_674[data-state=on], ._addColumnButton_1xgxv_674:active, ._addRowButton_1xgxv_674:active {
+    background-color: var(--baseBgHover);
+    color: var(--baseTextContrast);
   }
 
-._addColumnButton_1xops_664 svg, ._addRowButton_1xops_664 svg {
+._addColumnButton_1xgxv_674 svg, ._addRowButton_1xgxv_674 svg {
     margin: auto;
   }
 
-._addRowButton_1xops_664 {
+._addRowButton_1xgxv_674 {
   width: 100%;
-  margin-top: var(--spacing-2);
+  margin-top: var(--spacing-px);
   box-sizing: border-box;
+  border-bottom-right-radius: var(--radius-medium);
+  border-bottom-left-radius: var(--radius-medium);
 }
 
-._addColumnButton_1xops_664 {
-  margin-left: var(--spacing-2);
+._addColumnButton_1xgxv_674 {
+  margin-left: var(--spacing-px);
   height: 100%;
+  border-top-right-radius: var(--radius-medium);
+  border-bottom-right-radius: var(--radius-medium);
 }
 
 /** Dialog */
-._dialogOverlay_1xops_771 {
+._dialogOverlay_1xgxv_785 {
   position: fixed;
   inset: 0;
-  animation: _overlayShow_1xops_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  animation: _overlayShow_1xgxv_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   background-color: var(--baseBase);
   z-index: 51;
   opacity: 0.5;
 }
 
-._dialogContent_1xops_532, ._largeDialogContent_1xops_544 {
+._dialogContent_1xgxv_541, ._largeDialogContent_1xgxv_553 {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  animation: _contentShow_1xops_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  animation: _contentShow_1xgxv_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   z-index: 52;
 }
 
-._dialogContent_1xops_532:focus, ._largeDialogContent_1xops_544:focus {
+._dialogContent_1xgxv_541:focus, ._largeDialogContent_1xgxv_553:focus {
   outline: none;
 }
 
 
-@keyframes _overlayShow_1xops_1 {
+@keyframes _overlayShow_1xgxv_1 {
   from {
     opacity: 0;
   }
@@ -1121,7 +1134,7 @@
   }
 }
 
-@keyframes _contentShow_1xops_1 {
+@keyframes _contentShow_1xgxv_1 {
   from {
     opacity: 0;
     transform: translate(-50%, -48%) scale(0.96);
@@ -1132,22 +1145,22 @@
   }
 }
 
-._focusedImage_1xops_814 {
+._focusedImage_1xgxv_828 {
   outline: highlight solid 2px;
 }
 
-._imageWrapper_1xops_818 {
+._imageWrapper_1xgxv_832 {
   display: inline-block;
   position: relative;
 }
 
-._imageWrapper_1xops_818[draggable=true] {
+._imageWrapper_1xgxv_832[draggable=true] {
   cursor: move; /* fallback if grab cursor is unsupported */
   cursor: grab;
   cursor: -webkit-grab;
 }
 
-._editImageButton_1xops_830 {
+._editImageButton_1xgxv_844 {
   position: absolute;
   right: var(--spacing-2);
   top: var(--spacing-2);
@@ -1155,11 +1168,11 @@
   border-radius: var(--radius-full);
 }
 
-._editImageButton_1xops_830 svg {
+._editImageButton_1xgxv_844 svg {
     display: block;
   }
 
-._inlineEditor_1xops_842 {
+._inlineEditor_1xgxv_856 {
   display: inline-flex;
   border-radius: var(--radius-medium);
   padding: var(--spacing-1);
@@ -1168,7 +1181,7 @@
   background: var(--baseBg);
 }
 
-._blockEditor_1xops_851 {
+._blockEditor_1xgxv_865 {
   display: flex;
   justify-content: stretch;
   border-radius: var(--radius-medium);
@@ -1178,71 +1191,70 @@
   background: var(--baseBg);
 }
 
-._blockEditor_1xops_851 ._nestedEditor_1xops_860 {
+._blockEditor_1xgxv_865 ._nestedEditor_1xgxv_874 {
     flex-grow: 1;
   }
 
-._nestedEditor_1xops_860 {
+._nestedEditor_1xgxv_874 {
   background: white;
   padding: var(--spacing-1) var(--spacing-2);
   border-radius: var(--radius-medium);
 }
 
-._nestedEditor_1xops_860 > p {
+._nestedEditor_1xgxv_874 > p {
     margin: 0;
   }
 
-._nestedEditor_1xops_860:focus {
+._nestedEditor_1xgxv_874:focus {
     outline: none;
   }
 
-._genericComponentName_1xops_877 {
+._genericComponentName_1xgxv_891 {
   font-size: var(--text-sm);
   color: var(--baseText);
   padding-right: var(--spacing-2);
 }
 
-._diffSourceToggle_1xops_883 {
-  border: 1px solid var(--baseBorder);
+._diffSourceToggle_1xgxv_897 {
   border-radius: var(--radius-medium);
   display: flex;
 }
 
-._diffSourceToggle_1xops_883 ._toolbarToggleItem_1xops_182 {
+._diffSourceToggle_1xgxv_897 ._toolbarToggleItem_1xgxv_184 {
     padding: 0;
   }
 
-._diffSourceToggle_1xops_883 ._toolbarToggleItem_1xops_182 > span {
+._diffSourceToggle_1xgxv_897 ._toolbarToggleItem_1xgxv_184 > span {
       display: block;
-      padding: var(--spacing-2) var(--spacing-3);
+      padding: var(--spacing-1) var(--spacing-2);
     }
 
-._selectWithLabel_1xops_897 {
+._selectWithLabel_1xgxv_910 {
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
   margin-left: var(--spacing-2);
 }
 
-._selectWithLabel_1xops_897 > label {
+._selectWithLabel_1xgxv_910 > label {
     font-size: var(--text-sm);
   }
 
-._selectWithLabel_1xops_897 ._selectTrigger_1xops_268 {
+._selectWithLabel_1xgxv_910 ._selectTrigger_1xgxv_276 {
     border: 1px solid var(--baseBorder);
   }
 
-._toolbarTitleMode_1xops_911 {
+._toolbarTitleMode_1xgxv_924 {
   font-size: var(--text-sm);
   margin-left: var(--spacing-2);
 }
 
 
-._imageControlWrapperResizing_1xops_917 {
+._imageControlWrapperResizing_1xgxv_930 {
   touch-action: none;
 }
 
-._imageResizer_1xops_921 {
+._imageResizer_1xgxv_934 {
   display: block;
   width: 7px;
   height: 7px;
@@ -1251,55 +1263,55 @@
   border: 1px solid var(--baseBg);
 }
 
-._imageResizer_1xops_921._imageResizerN_1xops_930 {
+._imageResizer_1xgxv_934._imageResizerN_1xgxv_943 {
   top: -6px;
   left: 48%;
   cursor: n-resize;
 }
 
-._imageResizer_1xops_921._imageResizerNe_1xops_936 {
+._imageResizer_1xgxv_934._imageResizerNe_1xgxv_949 {
   top: -6px;
   right: -6px;
   cursor: ne-resize;
 }
 
-._imageResizer_1xops_921._imageResizerE_1xops_942 {
+._imageResizer_1xgxv_934._imageResizerE_1xgxv_955 {
   bottom: 48%;
   right: -6px;
   cursor: e-resize;
 }
 
-._imageResizer_1xops_921._imageResizerSe_1xops_948 {
+._imageResizer_1xgxv_934._imageResizerSe_1xgxv_961 {
   bottom: -2px;
   right: -6px;
   cursor: nwse-resize;
 }
 
-._imageResizer_1xops_921._imageResizerS_1xops_948 {
+._imageResizer_1xgxv_934._imageResizerS_1xgxv_961 {
   bottom: -2px;
   left: 48%;
   cursor: s-resize;
 }
 
-._imageResizer_1xops_921._imageResizerSw_1xops_960 {
+._imageResizer_1xgxv_934._imageResizerSw_1xgxv_973 {
   bottom: -2px;
   left: -6px;
   cursor: sw-resize;
 }
 
-._imageResizer_1xops_921._imageResizerW_1xops_966 {
+._imageResizer_1xgxv_934._imageResizerW_1xgxv_979 {
   bottom: 48%;
   left: -6px;
   cursor: w-resize;
 }
 
-._imageResizer_1xops_921._imageResizerNw_1xops_972 {
+._imageResizer_1xgxv_934._imageResizerNw_1xgxv_985 {
   top: -6px;
   left: -6px;
   cursor: nw-resize;
 }
 
-._placeholder_1xops_978 {
+._placeholder_1xgxv_991 {
     color: var(--baseSolid);
     overflow: hidden;
     position: absolute;
@@ -1314,19 +1326,19 @@
     pointer-events: none;
 }
   
-._rootContentEditableWrapper_1xops_991 {
+._rootContentEditableWrapper_1xgxv_1004 {
   position: relative;
 }
 
 
 
-._downshiftContainer_1xops_997 {
+._downshiftContainer_1xgxv_1010 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
 }
 
-._downshiftInputWrapper_1xops_1003 {
+._downshiftInputWrapper_1xgxv_1016 {
   display: flex;
   align-items: center;
   background-color: var(--baseBase);
@@ -1335,13 +1347,13 @@
   border:1px solid var(--baseBorder);
 }
 
-._downshiftInputWrapper_1xops_1003[data-visible-dropdown=true] {
+._downshiftInputWrapper_1xgxv_1016[data-visible-dropdown=true] {
     border-bottom-left-radius: var(--radius-none) ;
     border-bottom-right-radius: var(--radius-none) ;
     border-bottom-width: 0;
   }
 
-._downshiftInputWrapper_1xops_1003 > button {
+._downshiftInputWrapper_1xgxv_1016 > button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -1354,7 +1366,7 @@
     padding-right: var(--spacing-2);
   }
 
-._downshiftInput_1xops_1003 {
+._downshiftInput_1xgxv_1016 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -1369,19 +1381,19 @@
   font-size: var(--text-sm);
 }
 
-._downshiftInput_1xops_1003::-moz-placeholder {
+._downshiftInput_1xgxv_1016::-moz-placeholder {
     color: var(--baseBorder);
   }
 
-._downshiftInput_1xops_1003::placeholder {
+._downshiftInput_1xgxv_1016::placeholder {
     color: var(--baseBorder);
   }
 
-._downshiftAutocompleteContainer_1xops_1033 {
+._downshiftAutocompleteContainer_1xgxv_1046 {
   position: relative;
 }
 
-._downshiftAutocompleteContainer_1xops_1033 ul {
+._downshiftAutocompleteContainer_1xgxv_1046 ul {
     all: unset;
     box-sizing: border-box;
     position: absolute;
@@ -1398,11 +1410,11 @@
     background-color: var(--baseBase);
   }
 
-._downshiftAutocompleteContainer_1xops_1033 ul[data-visible=true] {
+._downshiftAutocompleteContainer_1xgxv_1046 ul[data-visible=true] {
       display: block;
     }
 
-._downshiftAutocompleteContainer_1xops_1033 ul li {
+._downshiftAutocompleteContainer_1xgxv_1046 ul li {
       padding: var(--spacing-2) var(--spacing-3);
       white-space: nowrap;
       margin-bottom: var(--spacing-1);
@@ -1410,20 +1422,20 @@
       text-overflow: ellipsis;
     }
 
-._downshiftAutocompleteContainer_1xops_1033 ul li[data-selected=true] {
+._downshiftAutocompleteContainer_1xgxv_1046 ul li[data-selected=true] {
         background-color: var(--baseBgSubtle);
       }
 
-._downshiftAutocompleteContainer_1xops_1033 ul li[data-highlighted=true] {
+._downshiftAutocompleteContainer_1xgxv_1046 ul li[data-highlighted=true] {
         background-color: var(--baseBgHover);
       }
 
-._downshiftAutocompleteContainer_1xops_1033 ul li:last-of-type {
+._downshiftAutocompleteContainer_1xgxv_1046 ul li:last-of-type {
         border-bottom-left-radius: var(--radius-medium) ;
         border-bottom-right-radius: var(--radius-medium) ;
       }
 
-._textInput_1xops_1078 {
+._textInput_1xgxv_1091 {
   all: unset;
   border-radius: var(--radius-base);
   border:1px solid var(--baseBorder);
@@ -1431,19 +1443,23 @@
   padding: var(--spacing-2) var(--spacing-3);
 }
 
-form._multiFieldForm_1xops_1086 {
+form._multiFieldForm_1xgxv_1099 {
   display: flex;
   flex-direction: column;
-  padding: var(--spacing-4);
-  gap: var(--spacing-4);
+  padding: var(--spacing-2);
+  gap: var(--spacing-2);
 }
 
-form._multiFieldForm_1xops_1086 ._formField_1xops_1092 {
+form._multiFieldForm_1xgxv_1099 ._formField_1xgxv_1105 {
     display: flex;
     flex-direction: column;
     gap: var(--spacing-2);
   }
 
+form._multiFieldForm_1xgxv_1099 ._formField_1xgxv_1105 label {
+      font-size: var(--text-xs);
+    }
+
 
 :root, ._light-theme_7hn0e_1 {
   --blue1: hsl(206, 100%, 99.2%);