@mdxeditor/editor 1.9.1 → 1.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/dist/MDXEditor.d.ts +5 -0
  2. package/dist/MDXEditor.js +6 -1
  3. package/dist/icons/add_column.svg.js +1 -2
  4. package/dist/icons/add_photo.svg.js +1 -2
  5. package/dist/icons/add_row.svg.js +1 -2
  6. package/dist/icons/{emergency_home.svg.js → admonition.svg.js} +2 -3
  7. package/dist/icons/arrow_drop_down.svg.js +3 -4
  8. package/dist/icons/check.svg.js +1 -2
  9. package/dist/icons/check_small.svg.js +7 -0
  10. package/dist/icons/close.svg.js +1 -2
  11. package/dist/icons/code.svg.js +1 -2
  12. package/dist/icons/content_copy.svg.js +1 -2
  13. package/dist/icons/delete_big.svg.js +7 -0
  14. package/dist/icons/delete_small.svg.js +1 -2
  15. package/dist/icons/difference.svg.js +1 -2
  16. package/dist/icons/edit.svg.js +1 -2
  17. package/dist/icons/extension.svg.js +7 -0
  18. package/dist/icons/format_align_center.svg.js +1 -2
  19. package/dist/icons/format_align_left.svg.js +1 -2
  20. package/dist/icons/format_align_right.svg.js +1 -2
  21. package/dist/icons/format_bold.svg.js +1 -2
  22. package/dist/icons/format_italic.svg.js +1 -2
  23. package/dist/icons/format_list_bulleted.svg.js +1 -2
  24. package/dist/icons/format_list_checked.svg.js +1 -2
  25. package/dist/icons/format_list_numbered.svg.js +1 -2
  26. package/dist/icons/format_underlined.svg.js +1 -2
  27. package/dist/icons/frame_source.svg.js +1 -2
  28. package/dist/icons/frontmatter.svg.js +1 -2
  29. package/dist/icons/horizontal_rule.svg.js +1 -2
  30. package/dist/icons/insert_col_left.svg.js +1 -2
  31. package/dist/icons/insert_col_right.svg.js +1 -2
  32. package/dist/icons/insert_row_above.svg.js +1 -2
  33. package/dist/icons/insert_row_below.svg.js +1 -2
  34. package/dist/icons/link.svg.js +1 -2
  35. package/dist/icons/link_off.svg.js +1 -2
  36. package/dist/icons/markdown.svg.js +1 -2
  37. package/dist/icons/more_horiz.svg.js +1 -2
  38. package/dist/icons/more_vert.svg.js +7 -0
  39. package/dist/icons/open_in_new.svg.js +1 -2
  40. package/dist/icons/redo.svg.js +1 -2
  41. package/dist/icons/rich_text.svg.js +1 -2
  42. package/dist/icons/{deployed_code.svg.js → sandpack.svg.js} +2 -3
  43. package/dist/icons/settings.svg.js +1 -2
  44. package/dist/icons/table.svg.js +1 -2
  45. package/dist/icons/undo.svg.js +1 -2
  46. package/dist/plugins/codeblock/index.d.ts +13 -2
  47. package/dist/plugins/codemirror/index.d.ts +17 -2
  48. package/dist/plugins/core/Icon.d.ts +6 -0
  49. package/dist/plugins/core/Icon.js +96 -0
  50. package/dist/plugins/core/PropertyPopover.js +3 -2
  51. package/dist/plugins/core/index.d.ts +12 -2
  52. package/dist/plugins/core/index.js +7 -2
  53. package/dist/plugins/core/ui/DownshiftAutoComplete.js +3 -2
  54. package/dist/plugins/diff-source/index.d.ts +13 -2
  55. package/dist/plugins/directives/index.d.ts +13 -2
  56. package/dist/plugins/frontmatter/FrontmatterEditor.js +7 -5
  57. package/dist/plugins/frontmatter/index.d.ts +13 -2
  58. package/dist/plugins/headings/index.d.ts +13 -2
  59. package/dist/plugins/image/ImageEditor.js +4 -3
  60. package/dist/plugins/image/index.d.ts +13 -2
  61. package/dist/plugins/jsx/index.d.ts +13 -2
  62. package/dist/plugins/link/index.d.ts +2 -0
  63. package/dist/plugins/link-dialog/LinkDialog.js +11 -14
  64. package/dist/plugins/link-dialog/index.d.ts +11 -2
  65. package/dist/plugins/lists/index.d.ts +13 -2
  66. package/dist/plugins/markdown-shortcut/index.d.ts +2 -0
  67. package/dist/plugins/quote/index.d.ts +10 -2
  68. package/dist/plugins/sandpack/index.d.ts +17 -2
  69. package/dist/plugins/table/TableEditor.js +22 -28
  70. package/dist/plugins/table/index.d.ts +13 -2
  71. package/dist/plugins/thematic-break/index.d.ts +13 -2
  72. package/dist/plugins/toolbar/components/BoldItalicUnderlineToggles.js +4 -6
  73. package/dist/plugins/toolbar/components/CodeToggle.js +2 -3
  74. package/dist/plugins/toolbar/components/CreateLink.js +2 -2
  75. package/dist/plugins/toolbar/components/DiffSourceToggleWrapper.js +4 -6
  76. package/dist/plugins/toolbar/components/InsertAdmonition.js +2 -2
  77. package/dist/plugins/toolbar/components/InsertCodeBlock.js +2 -2
  78. package/dist/plugins/toolbar/components/InsertFrontmatter.js +2 -2
  79. package/dist/plugins/toolbar/components/InsertImage.js +2 -3
  80. package/dist/plugins/toolbar/components/InsertSandpack.js +2 -2
  81. package/dist/plugins/toolbar/components/InsertTable.js +2 -2
  82. package/dist/plugins/toolbar/components/InsertThematicBreak.js +2 -2
  83. package/dist/plugins/toolbar/components/ListsToggle.js +4 -6
  84. package/dist/plugins/toolbar/components/ShowSandpackInfo.js +3 -4
  85. package/dist/plugins/toolbar/components/UndoRedo.js +3 -4
  86. package/dist/plugins/toolbar/index.d.ts +11 -2
  87. package/dist/plugins/toolbar/primitives/DialogButton.js +4 -6
  88. package/dist/plugins/toolbar/primitives/TooltipWrap.js +1 -1
  89. package/dist/plugins/toolbar/primitives/select.js +4 -5
  90. package/dist/style.css +294 -274
  91. package/dist/styles/lexical-theme.module.css.js +19 -19
  92. package/dist/styles/ui.module.css.js +105 -102
  93. package/package.json +2 -1
  94. package/dist/icons/delete.svg.js +0 -8
package/dist/style.css CHANGED
@@ -149,7 +149,7 @@
149
149
  background: transparent;
150
150
  font-size: var(--text-xxs);
151
151
  }
152
- ._editorRoot_1xops_36 {
152
+ ._editorRoot_1xgxv_37 {
153
153
  --accentBase: var(--blue1);
154
154
  --accentBgSubtle: var(--blue2);
155
155
  --accentBg: var(--blue3);
@@ -163,6 +163,7 @@
163
163
  --accentText: var(--blue11);
164
164
  --accentTextContrast: var(--blue12);
165
165
 
166
+ --basePageBg: white;
166
167
  --baseBase: var(--slate1);
167
168
  --baseBgSubtle: var(--slate2);
168
169
  --baseBg: var(--slate3);
@@ -247,46 +248,46 @@
247
248
  color: var(--baseText);
248
249
  }
249
250
 
250
- ._editorWrapper_1xops_134 {
251
+ ._editorWrapper_1xgxv_136 {
251
252
  }
252
253
 
253
- ._nestedListItem_1xops_137 {
254
+ ._nestedListItem_1xgxv_139 {
254
255
  list-style: none;
255
256
  }
256
257
 
257
- ._toolbarRoot_1xops_141 {
258
+ ._toolbarRoot_1xgxv_143 {
258
259
  /* border: var(--spacing-px) solid var(--baseBorder); */
259
260
  z-index: 1;
260
261
  display: flex;
261
262
  flex-direction: row;
262
263
  gap: var(--spacing-1);
263
264
  border-radius: var(--radius-medium);
264
- padding: var(--spacing-2) var(--spacing-2);
265
+ padding: var(--spacing-1_5);
265
266
  align-items: center;
266
267
  overflow-x: auto;
267
268
  position: sticky;
268
269
  top: 0;
269
- background-color: var(--baseBgSubtle);
270
+ background-color: var(--baseBg);
270
271
  width: inherit;
271
272
  }
272
273
 
273
- ._toolbarRoot_1xops_141 div[role=separator] {
274
- margin: var(--spacing-2) var(--spacing-2);
274
+ ._toolbarRoot_1xgxv_143 div[role=separator] {
275
+ margin: var(--spacing-2) var(--spacing-1);
275
276
  border-left: 1px solid var(--baseBorder);
276
277
  border-right: 1px solid var(--baseBase);
277
278
  height: var(--spacing-4);
278
279
  }
279
280
 
280
- ._readOnlyToolbarRoot_1xops_164 {
281
+ ._readOnlyToolbarRoot_1xgxv_166 {
281
282
  pointer-events: none;
282
283
  background: var(--baseBase);
283
284
  }
284
285
 
285
- ._readOnlyToolbarRoot_1xops_164 > div {
286
+ ._readOnlyToolbarRoot_1xgxv_166 > div {
286
287
  opacity: 0.5;
287
288
  }
288
289
 
289
- ._toolbarModeSwitch_1xops_172 {
290
+ ._toolbarModeSwitch_1xgxv_174 {
290
291
  opacity: 1 !important;
291
292
  margin-left: auto;
292
293
  align-self: stretch;
@@ -297,31 +298,31 @@
297
298
  font-size: var(--text-xs);
298
299
  }
299
300
 
300
- ._toolbarModeSwitch_1xops_172 ._toolbarToggleItem_1xops_182 {
301
+ ._toolbarModeSwitch_1xgxv_174 ._toolbarToggleItem_1xgxv_184 {
301
302
  padding-inline-end: var(--spacing-4);
302
303
  padding-inline-start: var(--spacing-4);
303
304
  }
304
305
 
305
- ._toolbarModeSwitch_1xops_172 ._toolbarToggleItem_1xops_182:active, ._toolbarModeSwitch_1xops_172 ._toolbarToggleItem_1xops_182[data-state=on] {
306
+ ._toolbarModeSwitch_1xgxv_174 ._toolbarToggleItem_1xgxv_184:active, ._toolbarModeSwitch_1xgxv_174 ._toolbarToggleItem_1xgxv_184[data-state=on] {
306
307
  background-color:var(--baseBorder);
307
308
  }
308
309
 
309
- ._toolbarGroupOfGroups_1xops_192 {
310
+ ._toolbarGroupOfGroups_1xgxv_194 {
310
311
  display: flex;
311
312
  margin: 0 var(--spacing-1);
312
313
  }
313
314
 
314
- ._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 {
315
+ ._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 {
315
316
  border-top-left-radius: var(--radius-base);
316
317
  border-bottom-left-radius: var(--radius-base);
317
318
  }
318
319
 
319
- ._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 {
320
+ ._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 {
320
321
  border-top-right-radius: var(--radius-base);
321
322
  border-bottom-right-radius: var(--radius-base);
322
323
  }
323
324
 
324
- ._toolbarToggleItem_1xops_182, ._toolbarButton_1xops_211 {
325
+ ._toolbarToggleItem_1xgxv_184, ._toolbarButton_1xgxv_213 {
325
326
  border: 0;
326
327
  background-color: transparent;
327
328
  font-size: inherit;
@@ -334,148 +335,155 @@
334
335
  padding: var(--spacing-1);
335
336
  }
336
337
 
337
- ._toolbarToggleItem_1xops_182 svg, ._toolbarButton_1xops_211 svg {
338
+ ._toolbarToggleItem_1xgxv_184 svg, ._toolbarButton_1xgxv_213 svg {
338
339
  display: block;
339
340
  }
340
341
 
341
- ._toolbarToggleItem_1xops_182:hover, ._toolbarButton_1xops_211:hover {
342
- background-color: var(--baseBgHover);
342
+ ._toolbarToggleItem_1xgxv_184:hover, ._toolbarButton_1xgxv_213:hover {
343
+ background-color: var(--baseBgActive);
343
344
  }
344
345
 
345
- ._toolbarToggleItem_1xops_182:active svg, ._toolbarButton_1xops_211:active svg {
346
+ ._toolbarToggleItem_1xgxv_184:active svg, ._toolbarButton_1xgxv_213:active svg {
346
347
  transform: translate(1px, 1px);
347
348
  }
348
349
 
349
- ._toolbarToggleItem_1xops_182[data-state=on], ._toolbarButton_1xops_211[data-state=on], ._toolbarToggleItem_1xops_182:active, ._toolbarButton_1xops_211:active {
350
- background-color: var(--accentBgActive);
350
+ ._toolbarToggleItem_1xgxv_184[data-state=on], ._toolbarButton_1xgxv_213[data-state=on], ._toolbarToggleItem_1xgxv_184:active, ._toolbarButton_1xgxv_213:active {
351
+ color: var(--baseTextContrast);
352
+ background-color: var(--baseBgActive);
351
353
  }
352
354
 
353
- ._toolbarToggleItem_1xops_182[data-disabled], ._toolbarButton_1xops_211[data-disabled] {
355
+ ._toolbarToggleItem_1xgxv_184[data-disabled], ._toolbarButton_1xgxv_213[data-disabled] {
354
356
  pointer-events: none;
355
357
  color: var(--baseBorderHover);
356
358
  }
357
359
 
358
- ._toolbarButton_1xops_211 {
360
+ ._toolbarButton_1xgxv_213 {
359
361
  border-radius: var(--radius-base);
360
362
  }
361
363
 
362
- ._activeToolbarButton_1xops_241 {
364
+ ._activeToolbarButton_1xgxv_244 {
363
365
  color: var(--accentText);
364
366
  }
365
367
 
366
- ._toolbarToggleSingleGroup_1xops_197 {
368
+ ._toolbarToggleSingleGroup_1xgxv_199 {
367
369
  white-space: nowrap;
368
370
  }
369
371
 
370
- ._toolbarNodeKindSelectContainer_1xops_249, ._toolbarButtonDropdownContainer_1xops_250, ._toolbarCodeBlockLanguageSelectContent_1xops_251, ._selectContainer_1xops_252
372
+ ._toolbarNodeKindSelectContainer_1xgxv_252, ._toolbarButtonDropdownContainer_1xgxv_253, ._toolbarCodeBlockLanguageSelectContent_1xgxv_254, ._selectContainer_1xgxv_255
371
373
  {
374
+ filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
372
375
  z-index: 3;
373
376
  width: var(--spacing-36);
374
377
  border-bottom-left-radius: var(--radius-base);
375
378
  border-bottom-right-radius: var(--radius-base);
376
- background-color: var(--baseBgHover);
379
+ background-color: var(--basePageBg);
377
380
  font-size: var(--text-sm);
378
381
  }
379
382
 
380
- ._toolbarButtonDropdownContainer_1xops_250 {
383
+ ._toolbarButtonDropdownContainer_1xgxv_253 {
381
384
  border-top-right-radius: var(--radius-base);
382
385
  }
383
386
 
384
- ._toolbarNodeKindSelectTrigger_1xops_266, ._toolbarButtonSelectTrigger_1xops_267, ._selectTrigger_1xops_268 {
387
+ ._toolbarButtonDropdownContainer_1xgxv_253 ._selectItem_1xgxv_269:first-child {
388
+ border-top-right-radius: var(--radius-base);
389
+ }
390
+
391
+ ._toolbarNodeKindSelectTrigger_1xgxv_274, ._toolbarButtonSelectTrigger_1xgxv_275, ._selectTrigger_1xgxv_276 {
385
392
  border: 0;
386
393
  background-color: transparent;
387
394
  display: flex;
388
395
  color: inherit;
389
396
  align-items: center;
390
397
  width: var(--spacing-36);
391
- padding: var(--spacing-1);
392
- padding-inline-start: var(--spacing-4) ;
393
- padding-inline-end: var(--spacing-2);
398
+ padding: var(--spacing-1) var(--spacing-2);
394
399
  border-radius: var(--radius-medium);
395
400
  white-space: nowrap;
396
401
  flex-wrap: nowrap;
397
402
  font-size: var(--text-sm);
403
+ background-color: var(--basePageBg);
404
+ margin: 0 var(--spacing-1);
398
405
  }
399
406
 
400
- ._toolbarNodeKindSelectTrigger_1xops_266:hover, ._toolbarButtonSelectTrigger_1xops_267:hover, ._selectTrigger_1xops_268:hover {
401
- background-color: var(--baseBgHover);
402
- }
403
-
404
- ._toolbarNodeKindSelectTrigger_1xops_266[data-state=open], ._toolbarButtonSelectTrigger_1xops_267[data-state=open], ._selectTrigger_1xops_268[data-state=open] {
407
+ ._toolbarNodeKindSelectTrigger_1xgxv_274[data-state=open], ._toolbarButtonSelectTrigger_1xgxv_275[data-state=open], ._selectTrigger_1xgxv_276[data-state=open] {
408
+ filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
405
409
  border-bottom-right-radius: var(--radius-none);
406
410
  border-bottom-left-radius: var(--radius-none);
407
- background-color: var(--baseBgHover);
408
411
  }
409
- ._selectTrigger_1xops_268[data-placeholder] > span:first-child {
412
+
413
+ ._selectTrigger_1xgxv_276[data-placeholder] > span:first-child {
410
414
  color: var(--baseBorderHover);
411
415
  }
412
416
 
413
417
  /** used in the sandpack */
414
- ._toolbarButtonSelectTrigger_1xops_267 {
418
+ ._toolbarButtonSelectTrigger_1xgxv_275 {
415
419
  width: auto;
416
420
  padding-inline-start: var(--spacing-2) ;
417
421
  padding-inline-end: var(--spacing-1);
422
+ padding-block: var(--spacing-0_5);
418
423
  }
419
424
 
420
- ._toolbarCodeBlockLanguageSelectTrigger_1xops_304, ._toolbarCodeBlockLanguageSelectContent_1xops_251
425
+ ._toolbarCodeBlockLanguageSelectTrigger_1xgxv_310, ._toolbarCodeBlockLanguageSelectContent_1xgxv_254
421
426
  {
422
427
  width: var(--spacing-48);
423
428
  }
424
429
 
425
- ._toolbarNodeKindSelectItem_1xops_310, ._selectItem_1xops_311
430
+ ._toolbarNodeKindSelectItem_1xgxv_316, ._selectItem_1xgxv_269
426
431
  {
427
432
  cursor: default;
428
433
  display: flex;
429
- padding: var(--spacing-2) var(--spacing-4);
434
+ padding: var(--spacing-2);
430
435
  }
431
436
 
432
- ._toolbarNodeKindSelectItem_1xops_310[data-highlighted], ._selectItem_1xops_311[data-highlighted] {
433
- background-color: var(--baseBgSubtle);
437
+ ._toolbarNodeKindSelectItem_1xgxv_316[data-highlighted], ._selectItem_1xgxv_269[data-highlighted] {
438
+ background-color: var(--baseBg);
434
439
  }
435
440
 
436
- ._toolbarNodeKindSelectItem_1xops_310[data-state=checked], ._selectItem_1xops_311[data-state=checked] {
437
- background-color: var(--accentBgActive);
441
+ ._toolbarNodeKindSelectItem_1xgxv_316[data-state=checked], ._selectItem_1xgxv_269[data-state=checked] {
442
+ color: var(--baseTextContrast);
443
+ background-color: var(--baseBg);
438
444
  }
439
445
 
440
- ._toolbarNodeKindSelectItem_1xops_310[data-highlighted], ._selectItem_1xops_311[data-highlighted] {
446
+ ._toolbarNodeKindSelectItem_1xgxv_316[data-highlighted], ._selectItem_1xgxv_269[data-highlighted] {
441
447
  outline: none;
442
448
  }
443
449
 
444
- ._toolbarNodeKindSelectItem_1xops_310:last-child, ._selectItem_1xops_311:last-child {
450
+ ._toolbarNodeKindSelectItem_1xgxv_316:last-child, ._selectItem_1xgxv_269:last-child {
445
451
  border-bottom-left-radius: var(--radius-base);
446
452
  border-bottom-right-radius: var(--radius-base);
447
453
  }
448
454
 
449
- ._toolbarNodeKindSelectDropdownArrow_1xops_335, ._selectDropdownArrow_1xops_336 {
455
+ ._toolbarNodeKindSelectDropdownArrow_1xgxv_342, ._selectDropdownArrow_1xgxv_343 {
450
456
  margin-left: auto;
457
+ display: flex;
458
+ align-items: center;
451
459
  }
452
460
 
453
- ._contentEditable_1xops_340 {
461
+ ._contentEditable_1xgxv_349 {
454
462
  box-sizing: border-box;
455
463
  width: 100%;
456
464
  color: var(--baseTextContrast);
457
465
  padding: var(--spacing-3);
458
466
  }
459
467
 
460
- ._contentEditable_1xops_340:focus {
468
+ ._contentEditable_1xgxv_349:focus {
461
469
  outline: none;
462
470
  }
463
471
 
464
- ._sandpackWrapper_1xops_350 {
472
+ ._sandpackWrapper_1xgxv_359 {
465
473
  margin-bottom:var(--spacing-5);
466
474
  }
467
475
 
468
- ._frontmatterWrapper_1xops_354 {
476
+ ._frontmatterWrapper_1xgxv_363 {
469
477
  border-radius: var(--radius-medium);
470
478
  padding: var(--spacing-3);
471
479
  background-color: var(--baseBgSubtle);
472
480
  }
473
481
 
474
- ._frontmatterWrapper_1xops_354[data-expanded=true] {
482
+ ._frontmatterWrapper_1xgxv_363[data-expanded=true] {
475
483
  margin-bottom: var(--spacing-10);
476
484
  }
477
485
 
478
- ._frontmatterToggleButton_1xops_364 {
486
+ ._frontmatterToggleButton_1xgxv_373 {
479
487
  border: 0;
480
488
  background-color: transparent;
481
489
  font-size: inherit;
@@ -491,7 +499,7 @@
491
499
  font-size: var(--text-sm);
492
500
  }
493
501
 
494
- ._propertyPanelTitle_1xops_372 {
502
+ ._propertyPanelTitle_1xgxv_381 {
495
503
  font-size: var(--text-xs);
496
504
  font-weight: 400;
497
505
  margin: 0;
@@ -499,49 +507,49 @@
499
507
  padding-left: var(--spacing-2);
500
508
  }
501
509
 
502
- ._propertyEditorTable_1xops_380 {
510
+ ._propertyEditorTable_1xgxv_389 {
503
511
  table-layout: fixed;
504
512
  border-spacing: var(--spacing-2);
505
513
  }
506
514
 
507
- ._propertyEditorTable_1xops_380 th {
515
+ ._propertyEditorTable_1xgxv_389 th {
508
516
  text-align: left;
509
517
  font-size: var(--text-sm);
510
518
  padding: var(--spacing-2) var(--spacing-3);
511
519
  }
512
520
 
513
- ._propertyEditorTable_1xops_380 col:nth-child(1) {
521
+ ._propertyEditorTable_1xgxv_389 col:nth-child(1) {
514
522
  width: 30%;
515
523
  }
516
524
 
517
- ._propertyEditorTable_1xops_380 col:nth-child(2) {
525
+ ._propertyEditorTable_1xgxv_389 col:nth-child(2) {
518
526
  width: 70%;
519
527
  }
520
528
 
521
- ._propertyEditorTable_1xops_380 td:last-child ._iconButton_1xops_397 {
529
+ ._propertyEditorTable_1xgxv_389 td:last-child ._iconButton_1xgxv_406 {
522
530
  margin-left: var(--spacing-4);
523
531
  margin-right: var(--spacing-4);
524
532
  }
525
533
 
526
- ._propertyEditorTable_1xops_380 ._readOnlyColumnCell_1xops_402 {
534
+ ._propertyEditorTable_1xgxv_389 ._readOnlyColumnCell_1xgxv_411 {
527
535
  padding-left: 0;
528
536
  }
529
537
 
530
- ._propertyEditorLabelCell_1xops_407 {
538
+ ._propertyEditorLabelCell_1xgxv_416 {
531
539
  font-weight: 400;
532
540
  }
533
541
 
534
- ._readOnlyColumnCell_1xops_402 {
542
+ ._readOnlyColumnCell_1xgxv_411 {
535
543
  padding-left: 0;
536
544
  }
537
545
 
538
- ._buttonsFooter_1xops_415 {
546
+ ._buttonsFooter_1xgxv_424 {
539
547
  display: flex;
540
548
  justify-content: flex-end;
541
549
  gap: var(--spacing-2);
542
550
  }
543
551
 
544
- ._propertyEditorInput_1xops_421 {
552
+ ._propertyEditorInput_1xgxv_430 {
545
553
  border: 0;
546
554
  background-color: transparent;
547
555
  font-size: inherit;
@@ -559,7 +567,7 @@
559
567
  font-size: var(--text-sm);
560
568
  }
561
569
 
562
- ._iconButton_1xops_397 {
570
+ ._iconButton_1xgxv_406 {
563
571
  border: 0;
564
572
  background-color: transparent;
565
573
  font-size: inherit;
@@ -572,15 +580,15 @@
572
580
  color:var(--baseText);
573
581
  }
574
582
 
575
- ._iconButton_1xops_397:hover {
583
+ ._iconButton_1xgxv_406:hover {
576
584
  color: var(--accentText);
577
585
  }
578
586
 
579
- ._iconButton_1xops_397:disabled, ._iconButton_1xops_397:disabled:hover {
587
+ ._iconButton_1xgxv_406:disabled, ._iconButton_1xgxv_406:disabled:hover {
580
588
  color:var(--baseLine);
581
589
  }
582
590
 
583
- ._primaryButton_1xops_442, ._secondaryButton_1xops_442 {
591
+ ._primaryButton_1xgxv_451, ._secondaryButton_1xgxv_451 {
584
592
  border: 0;
585
593
  background-color: transparent;
586
594
  font-size: inherit;
@@ -594,34 +602,34 @@
594
602
  border: 1px solid var(--accentBorder);
595
603
  background-color: var(--accentSolidHover);
596
604
  color:var(--baseBase);
597
- font-size: var(--text-sm);
605
+ font-size: var(--text-xs);
598
606
  border-radius: var(--radius-medium);
599
607
  }
600
608
 
601
- ._primaryButton_1xops_442:disabled, ._secondaryButton_1xops_442:disabled {
609
+ ._primaryButton_1xgxv_451:disabled, ._secondaryButton_1xgxv_451:disabled {
602
610
  background: var(--accentLine);
603
611
  border-color: var(--accentBg);
604
612
  }
605
613
 
606
- ._smallButton_1xops_456 {
614
+ ._smallButton_1xgxv_465 {
607
615
  font-size: var(--text-xs);
608
616
  padding: var(--spacing-1) var(--spacing-2);
609
617
  border-radius: var(--radius-base);
610
618
  }
611
619
 
612
- ._secondaryButton_1xops_442 {
620
+ ._secondaryButton_1xgxv_451 {
613
621
  border: 1px solid var(--baseBorder);
614
622
  background-color: var(--baseSolidHover);
615
623
  color:var(--baseBase);
616
624
  }
617
625
 
618
- ._dialogForm_1xops_468 {
626
+ ._dialogForm_1xgxv_477 {
619
627
  display: flex;
620
628
  flex-direction: row;
621
629
  gap: var(--spacing-2);
622
630
  }
623
631
 
624
- ._linkDialogEditForm_1xops_474 {
632
+ ._linkDialogEditForm_1xgxv_483 {
625
633
  display: flex;
626
634
  flex-direction: column;
627
635
  align-items: stretch;
@@ -629,13 +637,13 @@
629
637
  padding: 0;
630
638
  }
631
639
 
632
- ._linkDialogInputContainer_1xops_482 {
640
+ ._linkDialogInputContainer_1xgxv_491 {
633
641
  display: flex;
634
642
  flex-direction: column;
635
643
  align-items: stretch;
636
644
  }
637
645
 
638
- ._linkDialogInputWrapper_1xops_488 {
646
+ ._linkDialogInputWrapper_1xgxv_497 {
639
647
  display: flex;
640
648
  align-items: center;
641
649
  background-color: var(--baseBase);
@@ -644,13 +652,13 @@
644
652
  border:1px solid var(--baseBorder);
645
653
  }
646
654
 
647
- ._linkDialogInputWrapper_1xops_488[data-visible-dropdown=true] {
655
+ ._linkDialogInputWrapper_1xgxv_497[data-visible-dropdown=true] {
648
656
  border-bottom-left-radius: var(--radius-none) ;
649
657
  border-bottom-right-radius: var(--radius-none) ;
650
658
  border-bottom-width: 0;
651
659
  }
652
660
 
653
- ._linkDialogInputWrapper_1xops_488 > button {
661
+ ._linkDialogInputWrapper_1xgxv_497 > button {
654
662
  border: 0;
655
663
  background-color: transparent;
656
664
  font-size: inherit;
@@ -663,7 +671,7 @@
663
671
  padding-right: var(--spacing-2);
664
672
  }
665
673
 
666
- ._linkDialogInput_1xops_482, ._dialogInput_1xops_508 {
674
+ ._linkDialogInput_1xgxv_491, ._dialogInput_1xgxv_517 {
667
675
  border: 0;
668
676
  background-color: transparent;
669
677
  font-size: inherit;
@@ -678,41 +686,41 @@
678
686
  font-size: var(--text-sm);
679
687
  }
680
688
 
681
- ._linkDialogInput_1xops_482::-moz-placeholder, ._dialogInput_1xops_508::-moz-placeholder {
689
+ ._linkDialogInput_1xgxv_491::-moz-placeholder, ._dialogInput_1xgxv_517::-moz-placeholder {
682
690
  color: var(--baseBorder);
683
691
  }
684
692
 
685
- ._linkDialogInput_1xops_482::placeholder, ._dialogInput_1xops_508::placeholder {
693
+ ._linkDialogInput_1xgxv_491::placeholder, ._dialogInput_1xgxv_517::placeholder {
686
694
  color: var(--baseBorder);
687
695
  }
688
696
 
689
- ._linkDialogAnchor_1xops_518 {
697
+ ._linkDialogAnchor_1xgxv_527 {
690
698
  position: fixed;
691
699
  background-color: highlight;
692
700
  z-index: -1;
693
701
  }
694
702
 
695
- ._linkDialogAnchor_1xops_518[data-visible=true] {
703
+ ._linkDialogAnchor_1xgxv_527[data-visible=true] {
696
704
  visibility: visible;
697
705
  }
698
706
 
699
- ._linkDialogAnchor_1xops_518[data-visible=false] {
707
+ ._linkDialogAnchor_1xgxv_527[data-visible=false] {
700
708
  visibility: hidden;
701
709
  }
702
710
 
703
- ._linkDialogPopoverContent_1xops_532, ._tableColumnEditorPopoverContent_1xops_532, ._dialogContent_1xops_532 {
711
+ ._linkDialogPopoverContent_1xgxv_541, ._tableColumnEditorPopoverContent_1xgxv_541, ._dialogContent_1xgxv_541 {
704
712
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
705
713
  display: flex;
706
714
  align-items: center;
707
715
  gap: var(--spacing-0_5);
708
716
  border-radius:var(--radius-medium);
709
- border: 1px solid var(--baseBorder);
710
- background-color: var(--baseBgSubtle);
711
- padding:var(--spacing-2) var(--spacing-2);
717
+ border: 1px solid var(--baseBg);
718
+ background-color: var(--basePageBg);
719
+ padding:var(--spacing-1) var(--spacing-2);
712
720
  font-size: var(--text-sm);
713
721
  }
714
722
 
715
- ._largeDialogContent_1xops_544 {
723
+ ._largeDialogContent_1xgxv_553 {
716
724
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
717
725
  gap: var(--spacing-0_5);
718
726
  border-radius:var(--radius-medium);
@@ -722,13 +730,13 @@
722
730
  font-size: var(--text-sm);
723
731
  }
724
732
 
725
- ._dialogTitle_1xops_554 {
733
+ ._dialogTitle_1xgxv_563 {
726
734
  font-size: var(--text-base);
727
735
  font-weight: 600;
728
736
  padding-left: var(--spacing-2);
729
737
  }
730
738
 
731
- ._dialogCloseButton_1xops_560 {
739
+ ._dialogCloseButton_1xgxv_569 {
732
740
  border: 0;
733
741
  background-color: transparent;
734
742
  font-size: inherit;
@@ -743,7 +751,7 @@
743
751
  right: 10px;
744
752
  }
745
753
 
746
- ._popoverContent_1xops_567 {
754
+ ._popoverContent_1xgxv_576 {
747
755
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
748
756
  display: flex;
749
757
  align-items: center;
@@ -755,13 +763,11 @@
755
763
  z-index: 1;
756
764
  }
757
765
 
758
- ._popoverArrow_1xops_579 {
759
- fill: var(--baseBgSubtle);
766
+ ._popoverArrow_1xgxv_588 {
767
+ fill: var(--basePageBg);
760
768
  }
761
769
 
762
-
763
-
764
- ._linkDialogPreviewAnchor_1xops_585 {
770
+ ._linkDialogPreviewAnchor_1xgxv_592 {
765
771
  margin-right: var(--spacing-3);
766
772
  display: flex;
767
773
  align-items: flex-start;
@@ -770,24 +776,23 @@
770
776
  border: 1px solid transparent;
771
777
  }
772
778
 
773
-
774
-
775
- ._linkDialogPreviewAnchor_1xops_585 svg {
779
+ ._linkDialogPreviewAnchor_1xgxv_592 svg {
776
780
  width: var(--spacing-5);
777
781
  height: var(--spacing-5);
778
782
  margin-left: var(--spacing-2);
779
783
  }
780
784
 
781
-
782
-
783
- ._linkDialogPreviewAnchor_1xops_585 span {
785
+ ._linkDialogPreviewAnchor_1xgxv_592 span {
784
786
  max-width: 14rem;
785
787
  overflow-x: hidden;
786
788
  text-overflow: ellipsis;
787
789
  white-space: nowrap;
788
790
  }
791
+ ._tooltipTrigger_1xgxv_613 {
792
+ align-self: center;
793
+ }
789
794
 
790
- ._tooltipContent_1xops_607 {
795
+ ._tooltipContent_1xgxv_617 {
791
796
  z-index: 2;
792
797
  position: relative;
793
798
  border-radius: var(--radius-medium);
@@ -797,11 +802,11 @@
797
802
  color: var(--baseBase);
798
803
  }
799
804
 
800
- ._tooltipContent_1xops_607 svg {
805
+ ._tooltipContent_1xgxv_617 svg {
801
806
  fill: var(--baseText);
802
807
  }
803
808
 
804
- ._actionButton_1xops_621 {
809
+ ._actionButton_1xgxv_631 {
805
810
  border: 0;
806
811
  background-color: transparent;
807
812
  font-size: inherit;
@@ -811,38 +816,39 @@
811
816
  all: unset;
812
817
  box-sizing: border-box;
813
818
  cursor: default;
814
- padding: var(--spacing-2);
819
+ padding: var(--spacing-1_5);
815
820
  padding: var(--spacing-1) var(--spacing-1);
816
821
  border-radius: var(--radius-medium);
817
822
  }
818
823
 
819
- ._actionButton_1xops_621 svg {
824
+ ._actionButton_1xgxv_631 svg {
820
825
  display: block;
821
826
  }
822
827
 
823
- ._actionButton_1xops_621:hover {
828
+ ._actionButton_1xgxv_631:hover {
824
829
  background-color: var(--baseBgHover);
825
830
  }
826
831
 
827
- ._actionButton_1xops_621:active svg {
832
+ ._actionButton_1xgxv_631:active svg {
828
833
  transform: translate(1px, 1px);
829
834
  }
830
835
 
831
- ._actionButton_1xops_621[data-state=on], ._actionButton_1xops_621:active {
832
- background-color: var(--accentBgActive);
836
+ ._actionButton_1xgxv_631[data-state=on], ._actionButton_1xgxv_631:active {
837
+ background-color: var(--baseBgHover);
838
+ color: var(--baseTextContrast);
833
839
  }
834
840
 
835
- ._primaryActionButton_1xops_627 {
841
+ ._primaryActionButton_1xgxv_637 {
836
842
  background-color: var(--accentSolid);
837
843
  color:var(--baseBase);
838
844
  }
839
845
 
840
- ._primaryActionButton_1xops_627:hover {
846
+ ._primaryActionButton_1xgxv_637:hover {
841
847
  background-color: var(--accentSolidHover);
842
848
  color:var(--baseBase);
843
849
  }
844
850
 
845
- ._tableEditor_1xops_636 {
851
+ ._tableEditor_1xgxv_646 {
846
852
  table-layout: fixed;
847
853
  width: 100%;
848
854
  height: 100%;
@@ -850,50 +856,50 @@
850
856
  border-collapse: collapse;
851
857
  }
852
858
 
853
- ._tableEditor_1xops_636 thead > tr > th {
859
+ ._tableEditor_1xgxv_646 thead > tr > th {
854
860
  text-align: right;
855
861
  }
856
862
 
857
- ._tableEditor_1xops_636 > tbody > tr > td:not(._toolCell_1xops_647) {
858
- border: 1px solid var(--baseBorder);
863
+ ._tableEditor_1xgxv_646 > tbody > tr > td:not(._toolCell_1xgxv_657) {
864
+ border: 1px solid var(--baseBgActive);
859
865
  padding: var(--spacing-1) var(--spacing-2);
860
866
  white-space: normal;
861
867
  }
862
868
 
863
- ._tableEditor_1xops_636 > tbody > tr > td:not(._toolCell_1xops_647) > div {
869
+ ._tableEditor_1xgxv_646 > tbody > tr > td:not(._toolCell_1xgxv_657) > div {
864
870
  outline: none;
865
871
  }
866
872
 
867
- ._tableEditor_1xops_636 > tbody > tr > td:not(._toolCell_1xops_647) > div > p {
873
+ ._tableEditor_1xgxv_646 > tbody > tr > td:not(._toolCell_1xgxv_657) > div > p {
868
874
  margin: 0;
869
875
  }
870
876
 
871
- ._tableEditor_1xops_636 > tbody > tr > td[data-active=true]:not(._toolCell_1xops_647) {
872
- outline: solid 2px var(--accentSolid)
877
+ ._tableEditor_1xgxv_646 > tbody > tr > td[data-active=true]:not(._toolCell_1xgxv_657) {
878
+ outline: solid 1px var(--baseSolid);
873
879
  }
874
880
 
875
- ._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 {
881
+ ._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 {
876
882
  opacity: .15;
877
883
  }
878
884
 
879
- ._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 {
885
+ ._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 {
880
886
  opacity: 0.3;
881
887
  }
882
888
 
883
- ._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 {
889
+ ._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 {
884
890
  opacity: 1;
885
891
  }
886
892
 
887
- ._toolCell_1xops_647 {
893
+ ._toolCell_1xgxv_657 {
888
894
  text-align: right;
889
895
  }
890
896
 
891
- ._toolCell_1xops_647 button {
897
+ ._toolCell_1xgxv_657 button {
892
898
  margin: auto;
893
899
  display: block;
894
900
  }
895
901
 
896
- ._tableColumnEditorTrigger_1xops_664 {
902
+ ._tableColumnEditorTrigger_1xgxv_674 {
897
903
  border: 0;
898
904
  background-color: transparent;
899
905
  font-size: inherit;
@@ -903,37 +909,38 @@
903
909
  all: unset;
904
910
  box-sizing: border-box;
905
911
  cursor: default;
906
- padding: var(--spacing-2);
912
+ padding: var(--spacing-1_5);
907
913
  padding: var(--spacing-1);
908
914
  border-radius: var(--radius-full);
909
915
  opacity: 0.2;
910
916
  }
911
917
 
912
- ._tableColumnEditorTrigger_1xops_664 svg {
918
+ ._tableColumnEditorTrigger_1xgxv_674 svg {
913
919
  display: block;
914
920
  }
915
921
 
916
- ._tableColumnEditorTrigger_1xops_664:hover {
922
+ ._tableColumnEditorTrigger_1xgxv_674:hover {
917
923
  background-color: var(--baseBgHover);
918
924
  }
919
925
 
920
- ._tableColumnEditorTrigger_1xops_664:active svg {
926
+ ._tableColumnEditorTrigger_1xgxv_674:active svg {
921
927
  transform: translate(1px, 1px);
922
928
  }
923
929
 
924
- ._tableColumnEditorTrigger_1xops_664[data-state=on], ._tableColumnEditorTrigger_1xops_664:active {
925
- background-color: var(--accentBgActive);
930
+ ._tableColumnEditorTrigger_1xgxv_674[data-state=on], ._tableColumnEditorTrigger_1xgxv_674:active {
931
+ background-color: var(--baseBgHover);
932
+ color: var(--baseTextContrast);
926
933
  }
927
934
 
928
- ._tableColumnEditorTrigger_1xops_664[data-active=true] {
935
+ ._tableColumnEditorTrigger_1xgxv_674[data-active=true] {
929
936
  opacity: 1 !important;
930
937
  }
931
938
 
932
- ._tableColumnEditorToolbar_1xops_698 {
939
+ ._tableColumnEditorToolbar_1xgxv_708 {
933
940
  display: flex;
934
941
  }
935
942
 
936
- ._tableColumnEditorToolbar_1xops_698 > button {
943
+ ._tableColumnEditorToolbar_1xgxv_708 > button {
937
944
  border: 0;
938
945
  background-color: transparent;
939
946
  font-size: inherit;
@@ -943,37 +950,38 @@
943
950
  all: unset;
944
951
  box-sizing: border-box;
945
952
  cursor: default;
946
- padding: var(--spacing-2);
953
+ padding: var(--spacing-1_5);
947
954
  }
948
955
 
949
- ._tableColumnEditorToolbar_1xops_698 > button svg {
956
+ ._tableColumnEditorToolbar_1xgxv_708 > button svg {
950
957
  display: block;
951
958
  }
952
959
 
953
- ._tableColumnEditorToolbar_1xops_698 > button:hover {
960
+ ._tableColumnEditorToolbar_1xgxv_708 > button:hover {
954
961
  background-color: var(--baseBgHover);
955
962
  }
956
963
 
957
- ._tableColumnEditorToolbar_1xops_698 > button:active svg {
964
+ ._tableColumnEditorToolbar_1xgxv_708 > button:active svg {
958
965
  transform: translate(1px, 1px);
959
966
  }
960
967
 
961
- ._tableColumnEditorToolbar_1xops_698 > button[data-state=on], ._tableColumnEditorToolbar_1xops_698 > button:active {
962
- background-color: var(--accentBgActive);
968
+ ._tableColumnEditorToolbar_1xgxv_708 > button[data-state=on], ._tableColumnEditorToolbar_1xgxv_708 > button:active {
969
+ background-color: var(--baseBgHover);
970
+ color: var(--baseTextContrast);
963
971
  }
964
972
 
965
- ._tableColumnEditorToolbar_1xops_698 [role=separator] {
973
+ ._tableColumnEditorToolbar_1xgxv_708 [role=separator] {
966
974
  margin-left: var(--spacing-1);
967
975
  margin-right: var(--spacing-1);
968
976
  }
969
977
 
970
978
 
971
- ._toggleGroupRoot_1xops_710 {
979
+ ._toggleGroupRoot_1xgxv_721 {
972
980
  display: inline-flex;
973
981
  }
974
982
 
975
983
 
976
- ._toggleGroupRoot_1xops_710 button {
984
+ ._toggleGroupRoot_1xgxv_721 button {
977
985
  border: 0;
978
986
  background-color: transparent;
979
987
  font-size: inherit;
@@ -983,63 +991,64 @@
983
991
  all: unset;
984
992
  box-sizing: border-box;
985
993
  cursor: default;
986
- padding: var(--spacing-2);
994
+ padding: var(--spacing-1_5);
987
995
  }
988
996
 
989
997
 
990
- ._toggleGroupRoot_1xops_710 button svg {
998
+ ._toggleGroupRoot_1xgxv_721 button svg {
991
999
  display: block;
992
1000
  }
993
1001
 
994
1002
 
995
- ._toggleGroupRoot_1xops_710 button:hover {
1003
+ ._toggleGroupRoot_1xgxv_721 button:hover {
996
1004
  background-color: var(--baseBgHover);
997
1005
  }
998
1006
 
999
1007
 
1000
- ._toggleGroupRoot_1xops_710 button:active svg {
1008
+ ._toggleGroupRoot_1xgxv_721 button:active svg {
1001
1009
  transform: translate(1px, 1px);
1002
1010
  }
1003
1011
 
1004
1012
 
1005
- ._toggleGroupRoot_1xops_710 button[data-state=on], ._toggleGroupRoot_1xops_710 button:active {
1006
- background-color: var(--accentBgActive);
1013
+ ._toggleGroupRoot_1xgxv_721 button[data-state=on], ._toggleGroupRoot_1xgxv_721 button:active {
1014
+ background-color: var(--baseBgHover);
1015
+ color: var(--baseTextContrast);
1007
1016
  }
1008
1017
 
1009
1018
 
1010
- ._toggleGroupRoot_1xops_710 button:first-child {
1019
+ ._toggleGroupRoot_1xgxv_721 button:first-child {
1011
1020
  border-top-left-radius: var(--radius-base);
1012
1021
  border-bottom-left-radius: var(--radius-base);
1013
1022
  }
1014
1023
 
1015
1024
 
1016
- ._toggleGroupRoot_1xops_710 button:last-child {
1025
+ ._toggleGroupRoot_1xgxv_721 button:last-child {
1017
1026
  border-top-right-radius: var(--radius-base);
1018
1027
  border-bottom-right-radius: var(--radius-base);
1019
1028
  }
1020
1029
 
1021
- ._tableToolsColumn_1xops_727 {
1030
+ ._tableToolsColumn_1xgxv_738 {
1022
1031
  width: 3rem;
1023
1032
  }
1024
1033
 
1025
- ._tableToolsColumn_1xops_727 button {
1034
+ ._tableToolsColumn_1xgxv_738 button {
1026
1035
  margin: auto;
1027
1036
  display: block;
1028
1037
  }
1029
1038
 
1030
- ._leftAlignedCell_1xops_735 {
1039
+ ._leftAlignedCell_1xgxv_746 {
1031
1040
  text-align: left;
1032
1041
  }
1033
1042
 
1034
- ._rightAlignedCell_1xops_739 {
1043
+ ._rightAlignedCell_1xgxv_750 {
1035
1044
  text-align: right;
1036
1045
  }
1037
1046
 
1038
- ._centeredCell_1xops_743 {
1047
+ ._centeredCell_1xgxv_754 {
1039
1048
  text-align: center;
1040
1049
  }
1041
1050
 
1042
- ._addColumnButton_1xops_664, ._addRowButton_1xops_664 {
1051
+ ._addColumnButton_1xgxv_674, ._addRowButton_1xgxv_674 {
1043
1052
  border: 0;
1044
1053
  background-color: transparent;
1045
1054
  font-size: inherit;
@@ -1049,70 +1058,74 @@
1049
1058
  all: unset;
1050
1059
  box-sizing: border-box;
1051
1060
  cursor: default;
1052
- padding: var(--spacing-2);
1061
+ padding: var(--spacing-1_5);
1053
1062
  background-color: var(--baseBase);
1054
1063
 
1055
1064
  display: flex;
1056
1065
  align-items: center;
1057
- border-radius: var(--radius-medium);
1058
1066
  }
1059
1067
 
1060
- ._addColumnButton_1xops_664 svg, ._addRowButton_1xops_664 svg {
1068
+ ._addColumnButton_1xgxv_674 svg, ._addRowButton_1xgxv_674 svg {
1061
1069
  display: block;
1062
1070
  }
1063
1071
 
1064
- ._addColumnButton_1xops_664:hover, ._addRowButton_1xops_664:hover {
1072
+ ._addColumnButton_1xgxv_674:hover, ._addRowButton_1xgxv_674:hover {
1065
1073
  background-color: var(--baseBgHover);
1066
1074
  }
1067
1075
 
1068
- ._addColumnButton_1xops_664:active svg, ._addRowButton_1xops_664:active svg {
1076
+ ._addColumnButton_1xgxv_674:active svg, ._addRowButton_1xgxv_674:active svg {
1069
1077
  transform: translate(1px, 1px);
1070
1078
  }
1071
1079
 
1072
- ._addColumnButton_1xops_664[data-state=on], ._addRowButton_1xops_664[data-state=on], ._addColumnButton_1xops_664:active, ._addRowButton_1xops_664:active {
1073
- background-color: var(--accentBgActive);
1080
+ ._addColumnButton_1xgxv_674[data-state=on], ._addRowButton_1xgxv_674[data-state=on], ._addColumnButton_1xgxv_674:active, ._addRowButton_1xgxv_674:active {
1081
+ background-color: var(--baseBgHover);
1082
+ color: var(--baseTextContrast);
1074
1083
  }
1075
1084
 
1076
- ._addColumnButton_1xops_664 svg, ._addRowButton_1xops_664 svg {
1085
+ ._addColumnButton_1xgxv_674 svg, ._addRowButton_1xgxv_674 svg {
1077
1086
  margin: auto;
1078
1087
  }
1079
1088
 
1080
- ._addRowButton_1xops_664 {
1089
+ ._addRowButton_1xgxv_674 {
1081
1090
  width: 100%;
1082
- margin-top: var(--spacing-2);
1091
+ margin-top: var(--spacing-px);
1083
1092
  box-sizing: border-box;
1093
+ border-bottom-right-radius: var(--radius-medium);
1094
+ border-bottom-left-radius: var(--radius-medium);
1084
1095
  }
1085
1096
 
1086
- ._addColumnButton_1xops_664 {
1087
- margin-left: var(--spacing-2);
1097
+ ._addColumnButton_1xgxv_674 {
1098
+ margin-left: var(--spacing-px);
1088
1099
  height: 100%;
1100
+ border-top-right-radius: var(--radius-medium);
1101
+ border-bottom-right-radius: var(--radius-medium);
1089
1102
  }
1090
1103
 
1091
1104
  /** Dialog */
1092
- ._dialogOverlay_1xops_771 {
1105
+ ._dialogOverlay_1xgxv_785 {
1093
1106
  position: fixed;
1094
1107
  inset: 0;
1095
- animation: _overlayShow_1xops_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1108
+ animation: _overlayShow_1xgxv_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1096
1109
  background-color: var(--baseBase);
1097
1110
  z-index: 51;
1098
1111
  opacity: 0.5;
1099
1112
  }
1100
1113
 
1101
- ._dialogContent_1xops_532, ._largeDialogContent_1xops_544 {
1114
+ ._dialogContent_1xgxv_541, ._largeDialogContent_1xgxv_553 {
1102
1115
  position: fixed;
1103
1116
  top: 50%;
1104
1117
  left: 50%;
1105
1118
  transform: translate(-50%, -50%);
1106
- animation: _contentShow_1xops_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1119
+ animation: _contentShow_1xgxv_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1107
1120
  z-index: 52;
1108
1121
  }
1109
1122
 
1110
- ._dialogContent_1xops_532:focus, ._largeDialogContent_1xops_544:focus {
1123
+ ._dialogContent_1xgxv_541:focus, ._largeDialogContent_1xgxv_553:focus {
1111
1124
  outline: none;
1112
1125
  }
1113
1126
 
1114
1127
 
1115
- @keyframes _overlayShow_1xops_1 {
1128
+ @keyframes _overlayShow_1xgxv_1 {
1116
1129
  from {
1117
1130
  opacity: 0;
1118
1131
  }
@@ -1121,7 +1134,7 @@
1121
1134
  }
1122
1135
  }
1123
1136
 
1124
- @keyframes _contentShow_1xops_1 {
1137
+ @keyframes _contentShow_1xgxv_1 {
1125
1138
  from {
1126
1139
  opacity: 0;
1127
1140
  transform: translate(-50%, -48%) scale(0.96);
@@ -1132,22 +1145,22 @@
1132
1145
  }
1133
1146
  }
1134
1147
 
1135
- ._focusedImage_1xops_814 {
1148
+ ._focusedImage_1xgxv_828 {
1136
1149
  outline: highlight solid 2px;
1137
1150
  }
1138
1151
 
1139
- ._imageWrapper_1xops_818 {
1152
+ ._imageWrapper_1xgxv_832 {
1140
1153
  display: inline-block;
1141
1154
  position: relative;
1142
1155
  }
1143
1156
 
1144
- ._imageWrapper_1xops_818[draggable=true] {
1157
+ ._imageWrapper_1xgxv_832[draggable=true] {
1145
1158
  cursor: move; /* fallback if grab cursor is unsupported */
1146
1159
  cursor: grab;
1147
1160
  cursor: -webkit-grab;
1148
1161
  }
1149
1162
 
1150
- ._editImageButton_1xops_830 {
1163
+ ._editImageButton_1xgxv_844 {
1151
1164
  position: absolute;
1152
1165
  right: var(--spacing-2);
1153
1166
  top: var(--spacing-2);
@@ -1155,11 +1168,11 @@
1155
1168
  border-radius: var(--radius-full);
1156
1169
  }
1157
1170
 
1158
- ._editImageButton_1xops_830 svg {
1171
+ ._editImageButton_1xgxv_844 svg {
1159
1172
  display: block;
1160
1173
  }
1161
1174
 
1162
- ._inlineEditor_1xops_842 {
1175
+ ._inlineEditor_1xgxv_856 {
1163
1176
  display: inline-flex;
1164
1177
  border-radius: var(--radius-medium);
1165
1178
  padding: var(--spacing-1);
@@ -1168,7 +1181,7 @@
1168
1181
  background: var(--baseBg);
1169
1182
  }
1170
1183
 
1171
- ._blockEditor_1xops_851 {
1184
+ ._blockEditor_1xgxv_865 {
1172
1185
  display: flex;
1173
1186
  justify-content: stretch;
1174
1187
  border-radius: var(--radius-medium);
@@ -1178,71 +1191,70 @@
1178
1191
  background: var(--baseBg);
1179
1192
  }
1180
1193
 
1181
- ._blockEditor_1xops_851 ._nestedEditor_1xops_860 {
1194
+ ._blockEditor_1xgxv_865 ._nestedEditor_1xgxv_874 {
1182
1195
  flex-grow: 1;
1183
1196
  }
1184
1197
 
1185
- ._nestedEditor_1xops_860 {
1198
+ ._nestedEditor_1xgxv_874 {
1186
1199
  background: white;
1187
1200
  padding: var(--spacing-1) var(--spacing-2);
1188
1201
  border-radius: var(--radius-medium);
1189
1202
  }
1190
1203
 
1191
- ._nestedEditor_1xops_860 > p {
1204
+ ._nestedEditor_1xgxv_874 > p {
1192
1205
  margin: 0;
1193
1206
  }
1194
1207
 
1195
- ._nestedEditor_1xops_860:focus {
1208
+ ._nestedEditor_1xgxv_874:focus {
1196
1209
  outline: none;
1197
1210
  }
1198
1211
 
1199
- ._genericComponentName_1xops_877 {
1212
+ ._genericComponentName_1xgxv_891 {
1200
1213
  font-size: var(--text-sm);
1201
1214
  color: var(--baseText);
1202
1215
  padding-right: var(--spacing-2);
1203
1216
  }
1204
1217
 
1205
- ._diffSourceToggle_1xops_883 {
1206
- border: 1px solid var(--baseBorder);
1218
+ ._diffSourceToggle_1xgxv_897 {
1207
1219
  border-radius: var(--radius-medium);
1208
1220
  display: flex;
1209
1221
  }
1210
1222
 
1211
- ._diffSourceToggle_1xops_883 ._toolbarToggleItem_1xops_182 {
1223
+ ._diffSourceToggle_1xgxv_897 ._toolbarToggleItem_1xgxv_184 {
1212
1224
  padding: 0;
1213
1225
  }
1214
1226
 
1215
- ._diffSourceToggle_1xops_883 ._toolbarToggleItem_1xops_182 > span {
1227
+ ._diffSourceToggle_1xgxv_897 ._toolbarToggleItem_1xgxv_184 > span {
1216
1228
  display: block;
1217
- padding: var(--spacing-2) var(--spacing-3);
1229
+ padding: var(--spacing-1) var(--spacing-2);
1218
1230
  }
1219
1231
 
1220
- ._selectWithLabel_1xops_897 {
1232
+ ._selectWithLabel_1xgxv_910 {
1221
1233
  display: flex;
1222
1234
  align-items: center;
1223
1235
  gap: var(--spacing-2);
1224
1236
  margin-left: var(--spacing-2);
1225
1237
  }
1226
1238
 
1227
- ._selectWithLabel_1xops_897 > label {
1239
+ ._selectWithLabel_1xgxv_910 > label {
1228
1240
  font-size: var(--text-sm);
1229
1241
  }
1230
1242
 
1231
- ._selectWithLabel_1xops_897 ._selectTrigger_1xops_268 {
1243
+ ._selectWithLabel_1xgxv_910 ._selectTrigger_1xgxv_276 {
1232
1244
  border: 1px solid var(--baseBorder);
1233
1245
  }
1234
1246
 
1235
- ._toolbarTitleMode_1xops_911 {
1247
+ ._toolbarTitleMode_1xgxv_924 {
1236
1248
  font-size: var(--text-sm);
1237
1249
  margin-left: var(--spacing-2);
1238
1250
  }
1239
1251
 
1240
1252
 
1241
- ._imageControlWrapperResizing_1xops_917 {
1253
+ ._imageControlWrapperResizing_1xgxv_930 {
1242
1254
  touch-action: none;
1243
1255
  }
1244
1256
 
1245
- ._imageResizer_1xops_921 {
1257
+ ._imageResizer_1xgxv_934 {
1246
1258
  display: block;
1247
1259
  width: 7px;
1248
1260
  height: 7px;
@@ -1251,55 +1263,55 @@
1251
1263
  border: 1px solid var(--baseBg);
1252
1264
  }
1253
1265
 
1254
- ._imageResizer_1xops_921._imageResizerN_1xops_930 {
1266
+ ._imageResizer_1xgxv_934._imageResizerN_1xgxv_943 {
1255
1267
  top: -6px;
1256
1268
  left: 48%;
1257
1269
  cursor: n-resize;
1258
1270
  }
1259
1271
 
1260
- ._imageResizer_1xops_921._imageResizerNe_1xops_936 {
1272
+ ._imageResizer_1xgxv_934._imageResizerNe_1xgxv_949 {
1261
1273
  top: -6px;
1262
1274
  right: -6px;
1263
1275
  cursor: ne-resize;
1264
1276
  }
1265
1277
 
1266
- ._imageResizer_1xops_921._imageResizerE_1xops_942 {
1278
+ ._imageResizer_1xgxv_934._imageResizerE_1xgxv_955 {
1267
1279
  bottom: 48%;
1268
1280
  right: -6px;
1269
1281
  cursor: e-resize;
1270
1282
  }
1271
1283
 
1272
- ._imageResizer_1xops_921._imageResizerSe_1xops_948 {
1284
+ ._imageResizer_1xgxv_934._imageResizerSe_1xgxv_961 {
1273
1285
  bottom: -2px;
1274
1286
  right: -6px;
1275
1287
  cursor: nwse-resize;
1276
1288
  }
1277
1289
 
1278
- ._imageResizer_1xops_921._imageResizerS_1xops_948 {
1290
+ ._imageResizer_1xgxv_934._imageResizerS_1xgxv_961 {
1279
1291
  bottom: -2px;
1280
1292
  left: 48%;
1281
1293
  cursor: s-resize;
1282
1294
  }
1283
1295
 
1284
- ._imageResizer_1xops_921._imageResizerSw_1xops_960 {
1296
+ ._imageResizer_1xgxv_934._imageResizerSw_1xgxv_973 {
1285
1297
  bottom: -2px;
1286
1298
  left: -6px;
1287
1299
  cursor: sw-resize;
1288
1300
  }
1289
1301
 
1290
- ._imageResizer_1xops_921._imageResizerW_1xops_966 {
1302
+ ._imageResizer_1xgxv_934._imageResizerW_1xgxv_979 {
1291
1303
  bottom: 48%;
1292
1304
  left: -6px;
1293
1305
  cursor: w-resize;
1294
1306
  }
1295
1307
 
1296
- ._imageResizer_1xops_921._imageResizerNw_1xops_972 {
1308
+ ._imageResizer_1xgxv_934._imageResizerNw_1xgxv_985 {
1297
1309
  top: -6px;
1298
1310
  left: -6px;
1299
1311
  cursor: nw-resize;
1300
1312
  }
1301
1313
 
1302
- ._placeholder_1xops_978 {
1314
+ ._placeholder_1xgxv_991 {
1303
1315
  color: var(--baseSolid);
1304
1316
  overflow: hidden;
1305
1317
  position: absolute;
@@ -1314,19 +1326,19 @@
1314
1326
  pointer-events: none;
1315
1327
  }
1316
1328
 
1317
- ._rootContentEditableWrapper_1xops_991 {
1329
+ ._rootContentEditableWrapper_1xgxv_1004 {
1318
1330
  position: relative;
1319
1331
  }
1320
1332
 
1321
1333
 
1322
1334
 
1323
- ._downshiftContainer_1xops_997 {
1335
+ ._downshiftContainer_1xgxv_1010 {
1324
1336
  display: flex;
1325
1337
  flex-direction: column;
1326
1338
  align-items: stretch;
1327
1339
  }
1328
1340
 
1329
- ._downshiftInputWrapper_1xops_1003 {
1341
+ ._downshiftInputWrapper_1xgxv_1016 {
1330
1342
  display: flex;
1331
1343
  align-items: center;
1332
1344
  background-color: var(--baseBase);
@@ -1335,13 +1347,13 @@
1335
1347
  border:1px solid var(--baseBorder);
1336
1348
  }
1337
1349
 
1338
- ._downshiftInputWrapper_1xops_1003[data-visible-dropdown=true] {
1350
+ ._downshiftInputWrapper_1xgxv_1016[data-visible-dropdown=true] {
1339
1351
  border-bottom-left-radius: var(--radius-none) ;
1340
1352
  border-bottom-right-radius: var(--radius-none) ;
1341
1353
  border-bottom-width: 0;
1342
1354
  }
1343
1355
 
1344
- ._downshiftInputWrapper_1xops_1003 > button {
1356
+ ._downshiftInputWrapper_1xgxv_1016 > button {
1345
1357
  border: 0;
1346
1358
  background-color: transparent;
1347
1359
  font-size: inherit;
@@ -1354,7 +1366,7 @@
1354
1366
  padding-right: var(--spacing-2);
1355
1367
  }
1356
1368
 
1357
- ._downshiftInput_1xops_1003 {
1369
+ ._downshiftInput_1xgxv_1016 {
1358
1370
  border: 0;
1359
1371
  background-color: transparent;
1360
1372
  font-size: inherit;
@@ -1369,19 +1381,19 @@
1369
1381
  font-size: var(--text-sm);
1370
1382
  }
1371
1383
 
1372
- ._downshiftInput_1xops_1003::-moz-placeholder {
1384
+ ._downshiftInput_1xgxv_1016::-moz-placeholder {
1373
1385
  color: var(--baseBorder);
1374
1386
  }
1375
1387
 
1376
- ._downshiftInput_1xops_1003::placeholder {
1388
+ ._downshiftInput_1xgxv_1016::placeholder {
1377
1389
  color: var(--baseBorder);
1378
1390
  }
1379
1391
 
1380
- ._downshiftAutocompleteContainer_1xops_1033 {
1392
+ ._downshiftAutocompleteContainer_1xgxv_1046 {
1381
1393
  position: relative;
1382
1394
  }
1383
1395
 
1384
- ._downshiftAutocompleteContainer_1xops_1033 ul {
1396
+ ._downshiftAutocompleteContainer_1xgxv_1046 ul {
1385
1397
  all: unset;
1386
1398
  box-sizing: border-box;
1387
1399
  position: absolute;
@@ -1398,11 +1410,11 @@
1398
1410
  background-color: var(--baseBase);
1399
1411
  }
1400
1412
 
1401
- ._downshiftAutocompleteContainer_1xops_1033 ul[data-visible=true] {
1413
+ ._downshiftAutocompleteContainer_1xgxv_1046 ul[data-visible=true] {
1402
1414
  display: block;
1403
1415
  }
1404
1416
 
1405
- ._downshiftAutocompleteContainer_1xops_1033 ul li {
1417
+ ._downshiftAutocompleteContainer_1xgxv_1046 ul li {
1406
1418
  padding: var(--spacing-2) var(--spacing-3);
1407
1419
  white-space: nowrap;
1408
1420
  margin-bottom: var(--spacing-1);
@@ -1410,20 +1422,20 @@
1410
1422
  text-overflow: ellipsis;
1411
1423
  }
1412
1424
 
1413
- ._downshiftAutocompleteContainer_1xops_1033 ul li[data-selected=true] {
1425
+ ._downshiftAutocompleteContainer_1xgxv_1046 ul li[data-selected=true] {
1414
1426
  background-color: var(--baseBgSubtle);
1415
1427
  }
1416
1428
 
1417
- ._downshiftAutocompleteContainer_1xops_1033 ul li[data-highlighted=true] {
1429
+ ._downshiftAutocompleteContainer_1xgxv_1046 ul li[data-highlighted=true] {
1418
1430
  background-color: var(--baseBgHover);
1419
1431
  }
1420
1432
 
1421
- ._downshiftAutocompleteContainer_1xops_1033 ul li:last-of-type {
1433
+ ._downshiftAutocompleteContainer_1xgxv_1046 ul li:last-of-type {
1422
1434
  border-bottom-left-radius: var(--radius-medium) ;
1423
1435
  border-bottom-right-radius: var(--radius-medium) ;
1424
1436
  }
1425
1437
 
1426
- ._textInput_1xops_1078 {
1438
+ ._textInput_1xgxv_1091 {
1427
1439
  all: unset;
1428
1440
  border-radius: var(--radius-base);
1429
1441
  border:1px solid var(--baseBorder);
@@ -1431,21 +1443,25 @@
1431
1443
  padding: var(--spacing-2) var(--spacing-3);
1432
1444
  }
1433
1445
 
1434
- form._multiFieldForm_1xops_1086 {
1446
+ form._multiFieldForm_1xgxv_1099 {
1435
1447
  display: flex;
1436
1448
  flex-direction: column;
1437
- padding: var(--spacing-4);
1438
- gap: var(--spacing-4);
1449
+ padding: var(--spacing-2);
1450
+ gap: var(--spacing-2);
1439
1451
  }
1440
1452
 
1441
- form._multiFieldForm_1xops_1086 ._formField_1xops_1092 {
1453
+ form._multiFieldForm_1xgxv_1099 ._formField_1xgxv_1105 {
1442
1454
  display: flex;
1443
1455
  flex-direction: column;
1444
1456
  gap: var(--spacing-2);
1445
1457
  }
1446
1458
 
1459
+ form._multiFieldForm_1xgxv_1099 ._formField_1xgxv_1105 label {
1460
+ font-size: var(--text-xs);
1461
+ }
1462
+
1447
1463
 
1448
- :root, ._light-theme_1ixgr_1 {
1464
+ :root, ._light-theme_7hn0e_1 {
1449
1465
  --blue1: hsl(206, 100%, 99.2%);
1450
1466
  --blue2: hsl(210, 100%, 98.0%);
1451
1467
  --blue3: hsl(209, 100%, 96.5%);
@@ -1459,7 +1475,7 @@ form._multiFieldForm_1xops_1086 ._formField_1xops_1092 {
1459
1475
  --blue11: hsl(211, 100%, 43.2%);
1460
1476
  --blue12: hsl(211, 100%, 15.0%);
1461
1477
  }
1462
- ._dark-theme_1ixgr_1 {
1478
+ ._dark-theme_7hn0e_1 {
1463
1479
  --blue1: hsl(212, 35.0%, 9.2%);
1464
1480
  --blue2: hsl(216, 50.0%, 11.8%);
1465
1481
  --blue3: hsl(214, 59.4%, 15.3%);
@@ -1473,7 +1489,7 @@ form._multiFieldForm_1xops_1086 ._formField_1xops_1092 {
1473
1489
  --blue11: hsl(210, 100%, 66.1%);
1474
1490
  --blue12: hsl(206, 98.0%, 95.8%);
1475
1491
  }
1476
- :root, ._light-theme_1ixgr_1 {
1492
+ :root, ._light-theme_7hn0e_1 {
1477
1493
  --slate1: hsl(206, 30.0%, 98.8%);
1478
1494
  --slate2: hsl(210, 16.7%, 97.6%);
1479
1495
  --slate3: hsl(209, 13.3%, 95.3%);
@@ -1487,7 +1503,7 @@ form._multiFieldForm_1xops_1086 ._formField_1xops_1092 {
1487
1503
  --slate11: hsl(206, 6.0%, 43.5%);
1488
1504
  --slate12: hsl(206, 24.0%, 9.0%);
1489
1505
  }
1490
- ._dark-theme_1ixgr_1 {
1506
+ ._dark-theme_7hn0e_1 {
1491
1507
  --slate1: hsl(200, 7.0%, 8.8%);
1492
1508
  --slate2: hsl(195, 7.1%, 11.0%);
1493
1509
  --slate3: hsl(197, 6.8%, 13.6%);
@@ -1501,7 +1517,7 @@ form._multiFieldForm_1xops_1086 ._formField_1xops_1092 {
1501
1517
  --slate11: hsl(206, 6.0%, 63.0%);
1502
1518
  --slate12: hsl(210, 6.0%, 93.0%);
1503
1519
  }
1504
- :root, ._light-theme_1ixgr_1 {
1520
+ :root, ._light-theme_7hn0e_1 {
1505
1521
  --grass1: hsl(116, 50.0%, 98.9%);
1506
1522
  --grass2: hsl(120, 60.0%, 97.1%);
1507
1523
  --grass3: hsl(120, 53.6%, 94.8%);
@@ -1515,7 +1531,7 @@ form._multiFieldForm_1xops_1086 ._formField_1xops_1092 {
1515
1531
  --grass11: hsl(133, 50.0%, 32.5%);
1516
1532
  --grass12: hsl(130, 30.0%, 14.9%);
1517
1533
  }
1518
- :root, ._light-theme_1ixgr_1 {
1534
+ :root, ._light-theme_7hn0e_1 {
1519
1535
  --cyan1: hsl(185, 60.0%, 98.7%);
1520
1536
  --cyan2: hsl(185, 73.3%, 97.1%);
1521
1537
  --cyan3: hsl(186, 70.2%, 94.4%);
@@ -1529,7 +1545,7 @@ form._multiFieldForm_1xops_1086 ._formField_1xops_1092 {
1529
1545
  --cyan11: hsl(192, 85.0%, 31.0%);
1530
1546
  --cyan12: hsl(192, 88.0%, 12.5%);
1531
1547
  }
1532
- :root, ._light-theme_1ixgr_1 {
1548
+ :root, ._light-theme_7hn0e_1 {
1533
1549
  --amber1: hsl(39, 70.0%, 99.0%);
1534
1550
  --amber2: hsl(40, 100%, 96.5%);
1535
1551
  --amber3: hsl(44, 100%, 91.7%);
@@ -1543,7 +1559,7 @@ form._multiFieldForm_1xops_1086 ._formField_1xops_1092 {
1543
1559
  --amber11: hsl(30, 100%, 34.0%);
1544
1560
  --amber12: hsl(20, 80.0%, 17.0%);
1545
1561
  }
1546
- :root, ._light-theme_1ixgr_1 {
1562
+ :root, ._light-theme_7hn0e_1 {
1547
1563
  --red1: hsl(359, 100%, 99.4%);
1548
1564
  --red2: hsl(359, 100%, 98.6%);
1549
1565
  --red3: hsl(360, 100%, 96.8%);
@@ -1557,51 +1573,55 @@ form._multiFieldForm_1xops_1086 ._formField_1xops_1092 {
1557
1573
  --red11: hsl(358, 65.0%, 48.7%);
1558
1574
  --red12: hsl(354, 50.0%, 14.6%);
1559
1575
  }
1560
- ._bold_1ixgr_10 {
1576
+ ._bold_7hn0e_10 {
1561
1577
  font-weight: bold;
1562
1578
  }
1563
- ._italic_1ixgr_14 {
1579
+ ._italic_7hn0e_14 {
1564
1580
  font-style: italic;
1565
1581
  }
1566
- ._underline_1ixgr_18 {
1582
+ ._underline_7hn0e_18 {
1567
1583
  text-decoration: underline;
1568
1584
  }
1569
- ._bold_1ixgr_10 {
1585
+ ._bold_7hn0e_10 {
1570
1586
  font-weight: 700
1571
1587
  }
1572
- ._italic_1ixgr_14 {
1588
+ ._italic_7hn0e_14 {
1573
1589
  font-style: italic
1574
1590
  }
1575
- ._underline_1ixgr_18 {
1591
+ ._underline_7hn0e_18 {
1576
1592
  text-decoration: underline
1577
1593
  }
1578
- ._strikethrough_1ixgr_34 {
1594
+ ._strikethrough_7hn0e_34 {
1579
1595
  text-decoration: line-through
1580
1596
  }
1581
- ._underlineStrikethrough_1ixgr_38 {
1597
+ ._underlineStrikethrough_7hn0e_38 {
1582
1598
  text-decoration: underline line-through
1583
1599
  }
1584
- ._subscript_1ixgr_42 {
1600
+ ._subscript_7hn0e_42 {
1585
1601
  font-size: .8em;
1586
1602
  vertical-align: sub!important
1587
1603
  }
1588
- ._superscript_1ixgr_47 {
1604
+ ._superscript_7hn0e_47 {
1589
1605
  font-size: .8em;
1590
1606
  vertical-align: super
1591
1607
  }
1592
- ._code_1ixgr_52 {
1608
+ ._code_7hn0e_52 {
1593
1609
  background-color: var(--baseBg);
1594
1610
  padding: 1px .25rem;
1595
1611
  font-family: var(--font-mono);
1596
1612
  font-size: 94%
1597
1613
  }
1598
- ._nestedListItem_1ixgr_59 {
1599
- list-style:none;
1614
+ ._nestedListItem_7hn0e_59 {
1615
+ list-style: none;
1616
+ list-style-type: none;
1617
+ }
1618
+ ._nestedListItem_7hn0e_59:before, ._nestedListItem_7hn0e_59:after {
1619
+ display: none;
1600
1620
  }
1601
- ._listitem_1ixgr_63 {
1621
+ ._listitem_7hn0e_69 {
1602
1622
  margin: var(--spacing-2) 0;
1603
1623
  }
1604
- ._listItemChecked_1ixgr_67, ._listItemUnchecked_1ixgr_68 {
1624
+ ._listItemChecked_7hn0e_73, ._listItemUnchecked_7hn0e_74 {
1605
1625
  position: relative;
1606
1626
  margin-left: 0;
1607
1627
  margin-right: 0;
@@ -1611,10 +1631,10 @@ form._multiFieldForm_1xops_1086 ._formField_1xops_1092 {
1611
1631
  list-style-type: none;
1612
1632
  outline: none;
1613
1633
  }
1614
- ._listItemChecked_1ixgr_67 {
1634
+ ._listItemChecked_7hn0e_73 {
1615
1635
  text-decoration: line-through;
1616
1636
  }
1617
- ._listItemUnchecked_1ixgr_68:before, ._listItemChecked_1ixgr_67:before {
1637
+ ._listItemUnchecked_7hn0e_74:before, ._listItemChecked_7hn0e_73:before {
1618
1638
  content: '';
1619
1639
  width: var(--spacing-4);
1620
1640
  height: var(--spacing-4);
@@ -1625,25 +1645,25 @@ form._multiFieldForm_1xops_1086 ._formField_1xops_1092 {
1625
1645
  background-size: cover;
1626
1646
  position: absolute;
1627
1647
  }
1628
- ._listItemUnchecked_1ixgr_68[dir='rtl']:before, ._listItemChecked_1ixgr_67[dir='rtl']:before {
1648
+ ._listItemUnchecked_7hn0e_74[dir='rtl']:before, ._listItemChecked_7hn0e_73[dir='rtl']:before {
1629
1649
  left: auto;
1630
1650
  right: 0;
1631
1651
  }
1632
- ._listItemUnchecked_1ixgr_68:focus:before, ._listItemChecked_1ixgr_67:focus:before {
1652
+ ._listItemUnchecked_7hn0e_74:focus:before, ._listItemChecked_7hn0e_73:focus:before {
1633
1653
  box-shadow: 0 0 0 2px var(--accentBgActive);
1634
1654
  border-radius: var(--radius-small);
1635
1655
  }
1636
- ._listItemUnchecked_1ixgr_68:before {
1656
+ ._listItemUnchecked_7hn0e_74:before {
1637
1657
  border: 1px solid var(--baseBorder);
1638
1658
  border-radius: var(--radius-small);
1639
1659
  }
1640
- ._listItemChecked_1ixgr_67:before {
1660
+ ._listItemChecked_7hn0e_73:before {
1641
1661
  border: 1px solid var(--accentBorder);
1642
1662
  border-radius: var(--radius-small);
1643
1663
  background-color: var(--accentSolid);
1644
1664
  background-repeat: no-repeat;
1645
1665
  }
1646
- ._listItemChecked_1ixgr_67:after {
1666
+ ._listItemChecked_7hn0e_73:after {
1647
1667
  content: '';
1648
1668
  cursor: pointer;
1649
1669
  border-color: var(--baseBase);
@@ -1658,36 +1678,36 @@ form._multiFieldForm_1xops_1086 ._formField_1xops_1092 {
1658
1678
  transform: rotate(45deg);
1659
1679
  border-width: 0 var(--spacing-0_5) var(--spacing-0_5) 0;
1660
1680
  }
1661
- ._nestedListItem_1ixgr_59 {
1681
+ ._nestedListItem_7hn0e_59 {
1662
1682
  list-style-type: none;
1663
1683
  }
1664
- ._nestedListItem_1ixgr_59:before, ._nestedListItem_1ixgr_59:after {
1684
+ ._nestedListItem_7hn0e_59:before, ._nestedListItem_7hn0e_59:after {
1665
1685
  display: none;
1666
1686
  }
1667
- ._admonitionDanger_1ixgr_145, ._admonitionInfo_1ixgr_145, ._admonitionNote_1ixgr_145, ._admonitionTip_1ixgr_145, ._admonitionCaution_1ixgr_145 {
1687
+ ._admonitionDanger_7hn0e_151, ._admonitionInfo_7hn0e_151, ._admonitionNote_7hn0e_151, ._admonitionTip_7hn0e_151, ._admonitionCaution_7hn0e_151 {
1668
1688
  padding: var(--spacing-2);
1669
1689
  margin-top: var(--spacing-2);
1670
1690
  margin-bottom: var(--spacing-2);
1671
1691
  border-left: 3px solid var(--admonitionBorder);
1672
1692
  background-color: var(--admonitionBg);
1673
1693
  }
1674
- ._admonitionInfo_1ixgr_145 {
1694
+ ._admonitionInfo_7hn0e_151 {
1675
1695
  --admonitionBorder: var(--admonitionInfoBorder);
1676
1696
  --admonitionBg: var(--admonitionInfoBg);
1677
1697
  }
1678
- ._admonitionTip_1ixgr_145 {
1698
+ ._admonitionTip_7hn0e_151 {
1679
1699
  --admonitionBorder: var(--admonitionTipBorder);
1680
1700
  --admonitionBg: var(--admonitionTipBg);
1681
1701
  }
1682
- ._admonitionCaution_1ixgr_145 {
1702
+ ._admonitionCaution_7hn0e_151 {
1683
1703
  --admonitionBorder: var(--admonitionCautionBorder);
1684
1704
  --admonitionBg: var(--admonitionCautionBg);
1685
1705
  }
1686
- ._admonitionDanger_1ixgr_145 {
1706
+ ._admonitionDanger_7hn0e_151 {
1687
1707
  --admonitionBorder: var(--admonitionDangerBorder);
1688
1708
  --admonitionBg: var(--admonitionDangerBg);
1689
1709
  }
1690
- ._admonitionNote_1ixgr_145 {
1710
+ ._admonitionNote_7hn0e_151 {
1691
1711
  --admonitionBorder: var(--admonitionNoteBorder);
1692
1712
  --admonitionBg: var(--admonitionNoteBg);
1693
1713
  }