@mdxeditor/editor 1.1.1 → 1.2.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.
package/dist/style.css CHANGED
@@ -149,7 +149,7 @@
149
149
  background: transparent;
150
150
  font-size: var(--text-xxs);
151
151
  }
152
- ._editorRoot_127fi_36 {
152
+ ._editorRoot_16b3d_36 {
153
153
  --accentBase: var(--blue1);
154
154
  --accentBgSubtle: var(--blue2);
155
155
  --accentBg: var(--blue3);
@@ -247,14 +247,14 @@
247
247
  color: var(--baseText);
248
248
  }
249
249
 
250
- ._editorWrapper_127fi_134 {
250
+ ._editorWrapper_16b3d_134 {
251
251
  }
252
252
 
253
- ._nestedListItem_127fi_137 {
253
+ ._nestedListItem_16b3d_137 {
254
254
  list-style: none;
255
255
  }
256
256
 
257
- ._toolbarRoot_127fi_141 {
257
+ ._toolbarRoot_16b3d_141 {
258
258
  /* border: var(--spacing-px) solid var(--baseBorder); */
259
259
  z-index: 1;
260
260
  display: flex;
@@ -270,23 +270,23 @@
270
270
  width: inherit;
271
271
  }
272
272
 
273
- ._toolbarRoot_127fi_141 div[role=separator] {
273
+ ._toolbarRoot_16b3d_141 div[role=separator] {
274
274
  margin: var(--spacing-2) var(--spacing-2);
275
275
  border-left: 1px solid var(--baseBorder);
276
276
  border-right: 1px solid var(--baseBase);
277
277
  height: var(--spacing-4);
278
278
  }
279
279
 
280
- ._readOnlyToolbarRoot_127fi_164 {
280
+ ._readOnlyToolbarRoot_16b3d_164 {
281
281
  pointer-events: none;
282
282
  background: var(--baseBase);
283
283
  }
284
284
 
285
- ._readOnlyToolbarRoot_127fi_164 > div {
285
+ ._readOnlyToolbarRoot_16b3d_164 > div {
286
286
  opacity: 0.5;
287
287
  }
288
288
 
289
- ._toolbarModeSwitch_127fi_172 {
289
+ ._toolbarModeSwitch_16b3d_172 {
290
290
  opacity: 1 !important;
291
291
  margin-left: auto;
292
292
  align-self: stretch;
@@ -297,31 +297,31 @@
297
297
  font-size: var(--text-xs);
298
298
  }
299
299
 
300
- ._toolbarModeSwitch_127fi_172 ._toolbarToggleItem_127fi_182 {
300
+ ._toolbarModeSwitch_16b3d_172 ._toolbarToggleItem_16b3d_182 {
301
301
  padding-inline-end: var(--spacing-4);
302
302
  padding-inline-start: var(--spacing-4);
303
303
  }
304
304
 
305
- ._toolbarModeSwitch_127fi_172 ._toolbarToggleItem_127fi_182:active, ._toolbarModeSwitch_127fi_172 ._toolbarToggleItem_127fi_182[data-state=on] {
305
+ ._toolbarModeSwitch_16b3d_172 ._toolbarToggleItem_16b3d_182:active, ._toolbarModeSwitch_16b3d_172 ._toolbarToggleItem_16b3d_182[data-state=on] {
306
306
  background-color:var(--baseBorder);
307
307
  }
308
308
 
309
- ._toolbarGroupOfGroups_127fi_192 {
309
+ ._toolbarGroupOfGroups_16b3d_192 {
310
310
  display: flex;
311
311
  margin: 0 var(--spacing-1);
312
312
  }
313
313
 
314
- ._toolbarToggleSingleGroup_127fi_197:first-of-type ._toolbarToggleItem_127fi_182:only-child, ._toolbarToggleSingleGroup_127fi_197:only-child ._toolbarToggleItem_127fi_182:first-child, ._toolbarModeSwitch_127fi_172 ._toolbarToggleItem_127fi_182:first-child {
314
+ ._toolbarToggleSingleGroup_16b3d_197:first-of-type ._toolbarToggleItem_16b3d_182:only-child, ._toolbarToggleSingleGroup_16b3d_197:only-child ._toolbarToggleItem_16b3d_182:first-child, ._toolbarModeSwitch_16b3d_172 ._toolbarToggleItem_16b3d_182:first-child {
315
315
  border-top-left-radius: var(--radius-base);
316
316
  border-bottom-left-radius: var(--radius-base);
317
317
  }
318
318
 
319
- ._toolbarToggleSingleGroup_127fi_197:last-of-type ._toolbarToggleItem_127fi_182:only-child, ._toolbarToggleSingleGroup_127fi_197:only-child ._toolbarToggleItem_127fi_182:last-child, ._toolbarModeSwitch_127fi_172 ._toolbarToggleItem_127fi_182:last-child {
319
+ ._toolbarToggleSingleGroup_16b3d_197:last-of-type ._toolbarToggleItem_16b3d_182:only-child, ._toolbarToggleSingleGroup_16b3d_197:only-child ._toolbarToggleItem_16b3d_182:last-child, ._toolbarModeSwitch_16b3d_172 ._toolbarToggleItem_16b3d_182:last-child {
320
320
  border-top-right-radius: var(--radius-base);
321
321
  border-bottom-right-radius: var(--radius-base);
322
322
  }
323
323
 
324
- ._toolbarToggleItem_127fi_182, ._toolbarButton_127fi_211 {
324
+ ._toolbarToggleItem_16b3d_182, ._toolbarButton_16b3d_211 {
325
325
  border: 0;
326
326
  background-color: transparent;
327
327
  font-size: inherit;
@@ -334,40 +334,40 @@
334
334
  padding: var(--spacing-1);
335
335
  }
336
336
 
337
- ._toolbarToggleItem_127fi_182 svg, ._toolbarButton_127fi_211 svg {
337
+ ._toolbarToggleItem_16b3d_182 svg, ._toolbarButton_16b3d_211 svg {
338
338
  display: block;
339
339
  }
340
340
 
341
- ._toolbarToggleItem_127fi_182:hover, ._toolbarButton_127fi_211:hover {
341
+ ._toolbarToggleItem_16b3d_182:hover, ._toolbarButton_16b3d_211:hover {
342
342
  background-color: var(--baseBgHover);
343
343
  }
344
344
 
345
- ._toolbarToggleItem_127fi_182:active svg, ._toolbarButton_127fi_211:active svg {
345
+ ._toolbarToggleItem_16b3d_182:active svg, ._toolbarButton_16b3d_211:active svg {
346
346
  transform: translate(1px, 1px);
347
347
  }
348
348
 
349
- ._toolbarToggleItem_127fi_182[data-state=on], ._toolbarButton_127fi_211[data-state=on], ._toolbarToggleItem_127fi_182:active, ._toolbarButton_127fi_211:active {
349
+ ._toolbarToggleItem_16b3d_182[data-state=on], ._toolbarButton_16b3d_211[data-state=on], ._toolbarToggleItem_16b3d_182:active, ._toolbarButton_16b3d_211:active {
350
350
  background-color: var(--accentBgActive);
351
351
  }
352
352
 
353
- ._toolbarToggleItem_127fi_182[data-disabled], ._toolbarButton_127fi_211[data-disabled] {
353
+ ._toolbarToggleItem_16b3d_182[data-disabled], ._toolbarButton_16b3d_211[data-disabled] {
354
354
  pointer-events: none;
355
355
  color: var(--baseBorderHover);
356
356
  }
357
357
 
358
- ._toolbarButton_127fi_211 {
358
+ ._toolbarButton_16b3d_211 {
359
359
  border-radius: var(--radius-base);
360
360
  }
361
361
 
362
- ._activeToolbarButton_127fi_241 {
362
+ ._activeToolbarButton_16b3d_241 {
363
363
  color: var(--accentText);
364
364
  }
365
365
 
366
- ._toolbarToggleSingleGroup_127fi_197 {
366
+ ._toolbarToggleSingleGroup_16b3d_197 {
367
367
  white-space: nowrap;
368
368
  }
369
369
 
370
- ._toolbarNodeKindSelectContainer_127fi_249, ._toolbarButtonDropdownContainer_127fi_250, ._toolbarCodeBlockLanguageSelectContent_127fi_251, ._selectContainer_127fi_252
370
+ ._toolbarNodeKindSelectContainer_16b3d_249, ._toolbarButtonDropdownContainer_16b3d_250, ._toolbarCodeBlockLanguageSelectContent_16b3d_251, ._selectContainer_16b3d_252
371
371
  {
372
372
  z-index: 3;
373
373
  width: var(--spacing-36);
@@ -377,11 +377,11 @@
377
377
  font-size: var(--text-sm);
378
378
  }
379
379
 
380
- ._toolbarButtonDropdownContainer_127fi_250 {
380
+ ._toolbarButtonDropdownContainer_16b3d_250 {
381
381
  border-top-right-radius: var(--radius-base);
382
382
  }
383
383
 
384
- ._toolbarNodeKindSelectTrigger_127fi_266, ._toolbarButtonSelectTrigger_127fi_267, ._selectTrigger_127fi_268 {
384
+ ._toolbarNodeKindSelectTrigger_16b3d_266, ._toolbarButtonSelectTrigger_16b3d_267, ._selectTrigger_16b3d_268 {
385
385
  border: 0;
386
386
  background-color: transparent;
387
387
  display: flex;
@@ -397,85 +397,85 @@
397
397
  font-size: var(--text-sm);
398
398
  }
399
399
 
400
- ._toolbarNodeKindSelectTrigger_127fi_266:hover, ._toolbarButtonSelectTrigger_127fi_267:hover, ._selectTrigger_127fi_268:hover {
400
+ ._toolbarNodeKindSelectTrigger_16b3d_266:hover, ._toolbarButtonSelectTrigger_16b3d_267:hover, ._selectTrigger_16b3d_268:hover {
401
401
  background-color: var(--baseBgHover);
402
402
  }
403
403
 
404
- ._toolbarNodeKindSelectTrigger_127fi_266[data-state=open], ._toolbarButtonSelectTrigger_127fi_267[data-state=open], ._selectTrigger_127fi_268[data-state=open] {
404
+ ._toolbarNodeKindSelectTrigger_16b3d_266[data-state=open], ._toolbarButtonSelectTrigger_16b3d_267[data-state=open], ._selectTrigger_16b3d_268[data-state=open] {
405
405
  border-bottom-right-radius: var(--radius-none);
406
406
  border-bottom-left-radius: var(--radius-none);
407
407
  background-color: var(--baseBgHover);
408
408
  }
409
- ._selectTrigger_127fi_268[data-placeholder] > span:first-child {
409
+ ._selectTrigger_16b3d_268[data-placeholder] > span:first-child {
410
410
  color: var(--baseBorderHover);
411
411
  }
412
412
 
413
413
  /** used in the sandpack */
414
- ._toolbarButtonSelectTrigger_127fi_267 {
414
+ ._toolbarButtonSelectTrigger_16b3d_267 {
415
415
  width: auto;
416
416
  padding-inline-start: var(--spacing-2) ;
417
417
  padding-inline-end: var(--spacing-1);
418
418
  }
419
419
 
420
- ._toolbarCodeBlockLanguageSelectTrigger_127fi_304, ._toolbarCodeBlockLanguageSelectContent_127fi_251
420
+ ._toolbarCodeBlockLanguageSelectTrigger_16b3d_304, ._toolbarCodeBlockLanguageSelectContent_16b3d_251
421
421
  {
422
422
  width: var(--spacing-48);
423
423
  }
424
424
 
425
- ._toolbarNodeKindSelectItem_127fi_310, ._selectItem_127fi_311
425
+ ._toolbarNodeKindSelectItem_16b3d_310, ._selectItem_16b3d_311
426
426
  {
427
427
  cursor: default;
428
428
  display: flex;
429
429
  padding: var(--spacing-2) var(--spacing-4);
430
430
  }
431
431
 
432
- ._toolbarNodeKindSelectItem_127fi_310[data-highlighted], ._selectItem_127fi_311[data-highlighted] {
432
+ ._toolbarNodeKindSelectItem_16b3d_310[data-highlighted], ._selectItem_16b3d_311[data-highlighted] {
433
433
  background-color: var(--baseBgSubtle);
434
434
  }
435
435
 
436
- ._toolbarNodeKindSelectItem_127fi_310[data-state=checked], ._selectItem_127fi_311[data-state=checked] {
436
+ ._toolbarNodeKindSelectItem_16b3d_310[data-state=checked], ._selectItem_16b3d_311[data-state=checked] {
437
437
  background-color: var(--accentBgActive);
438
438
  }
439
439
 
440
- ._toolbarNodeKindSelectItem_127fi_310[data-highlighted], ._selectItem_127fi_311[data-highlighted] {
440
+ ._toolbarNodeKindSelectItem_16b3d_310[data-highlighted], ._selectItem_16b3d_311[data-highlighted] {
441
441
  outline: none;
442
442
  }
443
443
 
444
- ._toolbarNodeKindSelectItem_127fi_310:last-child, ._selectItem_127fi_311:last-child {
444
+ ._toolbarNodeKindSelectItem_16b3d_310:last-child, ._selectItem_16b3d_311:last-child {
445
445
  border-bottom-left-radius: var(--radius-base);
446
446
  border-bottom-right-radius: var(--radius-base);
447
447
  }
448
448
 
449
- ._toolbarNodeKindSelectDropdownArrow_127fi_335, ._selectDropdownArrow_127fi_336 {
449
+ ._toolbarNodeKindSelectDropdownArrow_16b3d_335, ._selectDropdownArrow_16b3d_336 {
450
450
  margin-left: auto;
451
451
  }
452
452
 
453
- ._contentEditable_127fi_340 {
453
+ ._contentEditable_16b3d_340 {
454
454
  box-sizing: border-box;
455
455
  width: 100%;
456
456
  color: var(--baseTextContrast);
457
457
  padding: var(--spacing-3);
458
458
  }
459
459
 
460
- ._contentEditable_127fi_340:focus {
460
+ ._contentEditable_16b3d_340:focus {
461
461
  outline: none;
462
462
  }
463
463
 
464
- ._sandpackWrapper_127fi_350 {
464
+ ._sandpackWrapper_16b3d_350 {
465
465
  margin-bottom:var(--spacing-5);
466
466
  }
467
467
 
468
- ._frontmatterWrapper_127fi_354 {
468
+ ._frontmatterWrapper_16b3d_354 {
469
469
  border-radius: var(--radius-medium);
470
470
  padding: var(--spacing-3);
471
471
  background-color: var(--baseBgSubtle);
472
472
  }
473
473
 
474
- ._frontmatterWrapper_127fi_354[data-expanded=true] {
474
+ ._frontmatterWrapper_16b3d_354[data-expanded=true] {
475
475
  margin-bottom: var(--spacing-10);
476
476
  }
477
477
 
478
- ._frontmatterToggleButton_127fi_364 {
478
+ ._frontmatterToggleButton_16b3d_364 {
479
479
  border: 0;
480
480
  background-color: transparent;
481
481
  font-size: inherit;
@@ -491,7 +491,7 @@
491
491
  font-size: var(--text-sm);
492
492
  }
493
493
 
494
- ._propertyPanelTitle_127fi_372 {
494
+ ._propertyPanelTitle_16b3d_372 {
495
495
  font-size: var(--text-xs);
496
496
  font-weight: 400;
497
497
  margin: 0;
@@ -499,49 +499,49 @@
499
499
  padding-left: var(--spacing-2);
500
500
  }
501
501
 
502
- ._propertyEditorTable_127fi_380 {
502
+ ._propertyEditorTable_16b3d_380 {
503
503
  table-layout: fixed;
504
504
  border-spacing: var(--spacing-2);
505
505
  }
506
506
 
507
- ._propertyEditorTable_127fi_380 th {
507
+ ._propertyEditorTable_16b3d_380 th {
508
508
  text-align: left;
509
509
  font-size: var(--text-sm);
510
510
  padding: var(--spacing-2) var(--spacing-3);
511
511
  }
512
512
 
513
- ._propertyEditorTable_127fi_380 col:nth-child(1) {
513
+ ._propertyEditorTable_16b3d_380 col:nth-child(1) {
514
514
  width: 30%;
515
515
  }
516
516
 
517
- ._propertyEditorTable_127fi_380 col:nth-child(2) {
517
+ ._propertyEditorTable_16b3d_380 col:nth-child(2) {
518
518
  width: 70%;
519
519
  }
520
520
 
521
- ._propertyEditorTable_127fi_380 td:last-child ._iconButton_127fi_397 {
521
+ ._propertyEditorTable_16b3d_380 td:last-child ._iconButton_16b3d_397 {
522
522
  margin-left: var(--spacing-4);
523
523
  margin-right: var(--spacing-4);
524
524
  }
525
525
 
526
- ._propertyEditorTable_127fi_380 ._readOnlyColumnCell_127fi_402 {
526
+ ._propertyEditorTable_16b3d_380 ._readOnlyColumnCell_16b3d_402 {
527
527
  padding-left: 0;
528
528
  }
529
529
 
530
- ._propertyEditorLabelCell_127fi_407 {
530
+ ._propertyEditorLabelCell_16b3d_407 {
531
531
  font-weight: 400;
532
532
  }
533
533
 
534
- ._readOnlyColumnCell_127fi_402 {
534
+ ._readOnlyColumnCell_16b3d_402 {
535
535
  padding-left: 0;
536
536
  }
537
537
 
538
- ._buttonsFooter_127fi_415 {
538
+ ._buttonsFooter_16b3d_415 {
539
539
  display: flex;
540
540
  justify-content: flex-end;
541
541
  gap: var(--spacing-2);
542
542
  }
543
543
 
544
- ._propertyEditorInput_127fi_421 {
544
+ ._propertyEditorInput_16b3d_421 {
545
545
  border: 0;
546
546
  background-color: transparent;
547
547
  font-size: inherit;
@@ -559,7 +559,7 @@
559
559
  font-size: var(--text-sm);
560
560
  }
561
561
 
562
- ._iconButton_127fi_397 {
562
+ ._iconButton_16b3d_397 {
563
563
  border: 0;
564
564
  background-color: transparent;
565
565
  font-size: inherit;
@@ -572,15 +572,15 @@
572
572
  color:var(--baseText);
573
573
  }
574
574
 
575
- ._iconButton_127fi_397:hover {
575
+ ._iconButton_16b3d_397:hover {
576
576
  color: var(--accentText);
577
577
  }
578
578
 
579
- ._iconButton_127fi_397:disabled, ._iconButton_127fi_397:disabled:hover {
579
+ ._iconButton_16b3d_397:disabled, ._iconButton_16b3d_397:disabled:hover {
580
580
  color:var(--baseLine);
581
581
  }
582
582
 
583
- ._primaryButton_127fi_442, ._secondaryButton_127fi_442 {
583
+ ._primaryButton_16b3d_442, ._secondaryButton_16b3d_442 {
584
584
  border: 0;
585
585
  background-color: transparent;
586
586
  font-size: inherit;
@@ -598,43 +598,44 @@
598
598
  border-radius: var(--radius-medium);
599
599
  }
600
600
 
601
- ._primaryButton_127fi_442:disabled, ._secondaryButton_127fi_442:disabled {
601
+ ._primaryButton_16b3d_442:disabled, ._secondaryButton_16b3d_442:disabled {
602
602
  background: var(--accentLine);
603
603
  border-color: var(--accentBg);
604
604
  }
605
605
 
606
- ._smallButton_127fi_456 {
606
+ ._smallButton_16b3d_456 {
607
607
  font-size: var(--text-xs);
608
608
  padding: var(--spacing-1) var(--spacing-2);
609
609
  border-radius: var(--radius-base);
610
610
  }
611
611
 
612
- ._secondaryButton_127fi_442 {
612
+ ._secondaryButton_16b3d_442 {
613
613
  border: 1px solid var(--baseBorder);
614
614
  background-color: var(--baseSolidHover);
615
615
  color:var(--baseBase);
616
616
  }
617
617
 
618
- ._dialogForm_127fi_468 {
618
+ ._dialogForm_16b3d_468 {
619
619
  display: flex;
620
620
  flex-direction: row;
621
621
  gap: var(--spacing-2);
622
622
  }
623
623
 
624
- ._linkDialogEditForm_127fi_474 {
624
+ ._linkDialogEditForm_16b3d_474 {
625
625
  display: flex;
626
626
  flex-direction: column;
627
627
  align-items: stretch;
628
628
  gap: var(--spacing-2);
629
+ padding: 0;
629
630
  }
630
631
 
631
- ._linkDialogInputContainer_127fi_481 {
632
+ ._linkDialogInputContainer_16b3d_482 {
632
633
  display: flex;
633
634
  flex-direction: column;
634
635
  align-items: stretch;
635
636
  }
636
637
 
637
- ._linkDialogInputWrapper_127fi_487 {
638
+ ._linkDialogInputWrapper_16b3d_488 {
638
639
  display: flex;
639
640
  align-items: center;
640
641
  background-color: var(--baseBase);
@@ -643,13 +644,13 @@
643
644
  border:1px solid var(--baseBorder);
644
645
  }
645
646
 
646
- ._linkDialogInputWrapper_127fi_487[data-visible-dropdown=true] {
647
+ ._linkDialogInputWrapper_16b3d_488[data-visible-dropdown=true] {
647
648
  border-bottom-left-radius: var(--radius-none) ;
648
649
  border-bottom-right-radius: var(--radius-none) ;
649
650
  border-bottom-width: 0;
650
651
  }
651
652
 
652
- ._linkDialogInputWrapper_127fi_487 > button {
653
+ ._linkDialogInputWrapper_16b3d_488 > button {
653
654
  border: 0;
654
655
  background-color: transparent;
655
656
  font-size: inherit;
@@ -662,7 +663,7 @@
662
663
  padding-right: var(--spacing-2);
663
664
  }
664
665
 
665
- ._linkDialogInput_127fi_481 {
666
+ ._linkDialogInput_16b3d_482, ._dialogInput_16b3d_508 {
666
667
  border: 0;
667
668
  background-color: transparent;
668
669
  font-size: inherit;
@@ -677,75 +678,29 @@
677
678
  font-size: var(--text-sm);
678
679
  }
679
680
 
680
- ._linkDialogInput_127fi_481::-moz-placeholder {
681
+ ._linkDialogInput_16b3d_482::-moz-placeholder, ._dialogInput_16b3d_508::-moz-placeholder {
681
682
  color: var(--baseBorder);
682
683
  }
683
684
 
684
- ._linkDialogInput_127fi_481::placeholder {
685
+ ._linkDialogInput_16b3d_482::placeholder, ._dialogInput_16b3d_508::placeholder {
685
686
  color: var(--baseBorder);
686
687
  }
687
688
 
688
- ._linkDialogAutocompleteContainer_127fi_517 {
689
- position: relative;
690
- }
691
-
692
- ._linkDialogAutocompleteContainer_127fi_517 ul {
693
- all: unset;
694
- box-sizing: border-box;
695
- position: absolute;
696
- font-size: var(--text-sm);
697
- width: 100%;
698
- display: none;
699
- border-bottom-left-radius: var(--radius-medium) ;
700
- border-bottom-right-radius: var(--radius-medium) ;
701
- max-height: var(--spacing-48);
702
- overflow-x: hidden;
703
- overflow-y: auto;
704
- border: 1px solid var(--baseBorder);
705
- border-top-width: 0;
706
- background-color: var(--baseBase);
707
- }
708
-
709
- ._linkDialogAutocompleteContainer_127fi_517 ul[data-visible=true] {
710
- display: block;
711
- }
712
-
713
- ._linkDialogAutocompleteContainer_127fi_517 ul li {
714
- padding: var(--spacing-2) var(--spacing-3);
715
- white-space: nowrap;
716
- margin-bottom: var(--spacing-1);
717
- overflow-x: hidden;
718
- text-overflow: ellipsis;
719
- }
720
-
721
- ._linkDialogAutocompleteContainer_127fi_517 ul li[data-selected=true] {
722
- background-color: var(--baseBgSubtle);
723
- }
724
-
725
- ._linkDialogAutocompleteContainer_127fi_517 ul li[data-highlighted=true] {
726
- background-color: var(--baseBgHover);
727
- }
728
-
729
- ._linkDialogAutocompleteContainer_127fi_517 ul li:last-of-type {
730
- border-bottom-left-radius: var(--radius-medium) ;
731
- border-bottom-right-radius: var(--radius-medium) ;
732
- }
733
-
734
- ._linkDialogAnchor_127fi_562 {
689
+ ._linkDialogAnchor_16b3d_518 {
735
690
  position: fixed;
736
691
  background-color: highlight;
737
692
  z-index: -1;
738
693
  }
739
694
 
740
- ._linkDialogAnchor_127fi_562[data-visible=true] {
695
+ ._linkDialogAnchor_16b3d_518[data-visible=true] {
741
696
  visibility: visible;
742
697
  }
743
698
 
744
- ._linkDialogAnchor_127fi_562[data-visible=false] {
699
+ ._linkDialogAnchor_16b3d_518[data-visible=false] {
745
700
  visibility: hidden;
746
701
  }
747
702
 
748
- ._linkDialogPopoverContent_127fi_576, ._tableColumnEditorPopoverContent_127fi_576, ._dialogContent_127fi_576 {
703
+ ._linkDialogPopoverContent_16b3d_532, ._tableColumnEditorPopoverContent_16b3d_532, ._dialogContent_16b3d_532 {
749
704
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
750
705
  display: flex;
751
706
  align-items: center;
@@ -757,7 +712,7 @@
757
712
  font-size: var(--text-sm);
758
713
  }
759
714
 
760
- ._largeDialogContent_127fi_588 {
715
+ ._largeDialogContent_16b3d_544 {
761
716
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
762
717
  gap: var(--spacing-0_5);
763
718
  border-radius:var(--radius-medium);
@@ -767,13 +722,13 @@
767
722
  font-size: var(--text-sm);
768
723
  }
769
724
 
770
- ._dialogTitle_127fi_598 {
725
+ ._dialogTitle_16b3d_554 {
771
726
  font-size: var(--text-base);
772
727
  font-weight: 600;
773
728
  padding-left: var(--spacing-2);
774
729
  }
775
730
 
776
- ._dialogCloseButton_127fi_604 {
731
+ ._dialogCloseButton_16b3d_560 {
777
732
  border: 0;
778
733
  background-color: transparent;
779
734
  font-size: inherit;
@@ -788,7 +743,7 @@
788
743
  right: 10px;
789
744
  }
790
745
 
791
- ._popoverContent_127fi_611 {
746
+ ._popoverContent_16b3d_567 {
792
747
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
793
748
  display: flex;
794
749
  align-items: center;
@@ -800,13 +755,13 @@
800
755
  z-index: 1;
801
756
  }
802
757
 
803
- ._popoverArrow_127fi_623 {
758
+ ._popoverArrow_16b3d_579 {
804
759
  fill: var(--baseBgSubtle);
805
760
  }
806
761
 
807
762
 
808
763
 
809
- ._linkDialogPreviewAnchor_127fi_629 {
764
+ ._linkDialogPreviewAnchor_16b3d_585 {
810
765
  margin-right: var(--spacing-3);
811
766
  display: flex;
812
767
  align-items: flex-start;
@@ -817,7 +772,7 @@
817
772
 
818
773
 
819
774
 
820
- ._linkDialogPreviewAnchor_127fi_629 svg {
775
+ ._linkDialogPreviewAnchor_16b3d_585 svg {
821
776
  width: var(--spacing-5);
822
777
  height: var(--spacing-5);
823
778
  margin-left: var(--spacing-2);
@@ -825,14 +780,14 @@
825
780
 
826
781
 
827
782
 
828
- ._linkDialogPreviewAnchor_127fi_629 span {
783
+ ._linkDialogPreviewAnchor_16b3d_585 span {
829
784
  max-width: 14rem;
830
785
  overflow-x: hidden;
831
786
  text-overflow: ellipsis;
832
787
  white-space: nowrap;
833
788
  }
834
789
 
835
- ._tooltipContent_127fi_651 {
790
+ ._tooltipContent_16b3d_607 {
836
791
  z-index: 2;
837
792
  position: relative;
838
793
  border-radius: var(--radius-medium);
@@ -842,11 +797,11 @@
842
797
  color: var(--baseBase);
843
798
  }
844
799
 
845
- ._tooltipContent_127fi_651 svg {
800
+ ._tooltipContent_16b3d_607 svg {
846
801
  fill: var(--baseText);
847
802
  }
848
803
 
849
- ._actionButton_127fi_665 {
804
+ ._actionButton_16b3d_621 {
850
805
  border: 0;
851
806
  background-color: transparent;
852
807
  font-size: inherit;
@@ -861,33 +816,33 @@
861
816
  border-radius: var(--radius-medium);
862
817
  }
863
818
 
864
- ._actionButton_127fi_665 svg {
819
+ ._actionButton_16b3d_621 svg {
865
820
  display: block;
866
821
  }
867
822
 
868
- ._actionButton_127fi_665:hover {
823
+ ._actionButton_16b3d_621:hover {
869
824
  background-color: var(--baseBgHover);
870
825
  }
871
826
 
872
- ._actionButton_127fi_665:active svg {
827
+ ._actionButton_16b3d_621:active svg {
873
828
  transform: translate(1px, 1px);
874
829
  }
875
830
 
876
- ._actionButton_127fi_665[data-state=on], ._actionButton_127fi_665:active {
831
+ ._actionButton_16b3d_621[data-state=on], ._actionButton_16b3d_621:active {
877
832
  background-color: var(--accentBgActive);
878
833
  }
879
834
 
880
- ._primaryActionButton_127fi_671 {
835
+ ._primaryActionButton_16b3d_627 {
881
836
  background-color: var(--accentSolid);
882
837
  color:var(--baseBase);
883
838
  }
884
839
 
885
- ._primaryActionButton_127fi_671:hover {
840
+ ._primaryActionButton_16b3d_627:hover {
886
841
  background-color: var(--accentSolidHover);
887
842
  color:var(--baseBase);
888
843
  }
889
844
 
890
- ._tableEditor_127fi_680 {
845
+ ._tableEditor_16b3d_636 {
891
846
  table-layout: fixed;
892
847
  width: 100%;
893
848
  height: 100%;
@@ -895,50 +850,50 @@
895
850
  border-collapse: collapse;
896
851
  }
897
852
 
898
- ._tableEditor_127fi_680 thead > tr > th {
853
+ ._tableEditor_16b3d_636 thead > tr > th {
899
854
  text-align: right;
900
855
  }
901
856
 
902
- ._tableEditor_127fi_680 > tbody > tr > td:not(._toolCell_127fi_691) {
857
+ ._tableEditor_16b3d_636 > tbody > tr > td:not(._toolCell_16b3d_647) {
903
858
  border: 1px solid var(--baseBorder);
904
859
  padding: var(--spacing-1) var(--spacing-2);
905
860
  white-space: normal;
906
861
  }
907
862
 
908
- ._tableEditor_127fi_680 > tbody > tr > td:not(._toolCell_127fi_691) > div {
863
+ ._tableEditor_16b3d_636 > tbody > tr > td:not(._toolCell_16b3d_647) > div {
909
864
  outline: none;
910
865
  }
911
866
 
912
- ._tableEditor_127fi_680 > tbody > tr > td:not(._toolCell_127fi_691) > div > p {
867
+ ._tableEditor_16b3d_636 > tbody > tr > td:not(._toolCell_16b3d_647) > div > p {
913
868
  margin: 0;
914
869
  }
915
870
 
916
- ._tableEditor_127fi_680 > tbody > tr > td[data-active=true]:not(._toolCell_127fi_691) {
871
+ ._tableEditor_16b3d_636 > tbody > tr > td[data-active=true]:not(._toolCell_16b3d_647) {
917
872
  outline: solid 2px var(--accentSolid)
918
873
  }
919
874
 
920
- ._tableEditor_127fi_680 ._tableColumnEditorTrigger_127fi_708, ._tableEditor_127fi_680 ._tableRowEditorTrigger_127fi_708, ._tableEditor_127fi_680 ._addRowButton_127fi_708, ._tableEditor_127fi_680 ._addColumnButton_127fi_708, ._tableEditor_127fi_680 ._iconButton_127fi_397 {
875
+ ._tableEditor_16b3d_636 ._tableColumnEditorTrigger_16b3d_664, ._tableEditor_16b3d_636 ._tableRowEditorTrigger_16b3d_664, ._tableEditor_16b3d_636 ._addRowButton_16b3d_664, ._tableEditor_16b3d_636 ._addColumnButton_16b3d_664, ._tableEditor_16b3d_636 ._iconButton_16b3d_397 {
921
876
  opacity: .2;
922
877
  }
923
878
 
924
- ._tableEditor_127fi_680:hover ._tableColumnEditorTrigger_127fi_708, ._tableEditor_127fi_680:hover ._tableRowEditorTrigger_127fi_708, ._tableEditor_127fi_680:hover ._addRowButton_127fi_708, ._tableEditor_127fi_680:hover ._addColumnButton_127fi_708, ._tableEditor_127fi_680:hover ._iconButton_127fi_397 {
879
+ ._tableEditor_16b3d_636:hover ._tableColumnEditorTrigger_16b3d_664, ._tableEditor_16b3d_636:hover ._tableRowEditorTrigger_16b3d_664, ._tableEditor_16b3d_636:hover ._addRowButton_16b3d_664, ._tableEditor_16b3d_636:hover ._addColumnButton_16b3d_664, ._tableEditor_16b3d_636:hover ._iconButton_16b3d_397 {
925
880
  opacity: .5;
926
881
  }
927
882
 
928
- ._tableEditor_127fi_680:hover ._tableColumnEditorTrigger_127fi_708:hover, ._tableEditor_127fi_680:hover ._tableRowEditorTrigger_127fi_708:hover, ._tableEditor_127fi_680:hover ._addRowButton_127fi_708:hover, ._tableEditor_127fi_680:hover ._addColumnButton_127fi_708:hover, ._tableEditor_127fi_680:hover ._iconButton_127fi_397:hover {
883
+ ._tableEditor_16b3d_636:hover ._tableColumnEditorTrigger_16b3d_664:hover, ._tableEditor_16b3d_636:hover ._tableRowEditorTrigger_16b3d_664:hover, ._tableEditor_16b3d_636:hover ._addRowButton_16b3d_664:hover, ._tableEditor_16b3d_636:hover ._addColumnButton_16b3d_664:hover, ._tableEditor_16b3d_636:hover ._iconButton_16b3d_397:hover {
929
884
  opacity: 1;
930
885
  }
931
886
 
932
- ._toolCell_127fi_691 {
887
+ ._toolCell_16b3d_647 {
933
888
  text-align: right;
934
889
  }
935
890
 
936
- ._toolCell_127fi_691 button {
891
+ ._toolCell_16b3d_647 button {
937
892
  margin: auto;
938
893
  display: block;
939
894
  }
940
895
 
941
- ._tableColumnEditorTrigger_127fi_708 {
896
+ ._tableColumnEditorTrigger_16b3d_664 {
942
897
  border: 0;
943
898
  background-color: transparent;
944
899
  font-size: inherit;
@@ -954,31 +909,31 @@
954
909
  opacity: 0.2;
955
910
  }
956
911
 
957
- ._tableColumnEditorTrigger_127fi_708 svg {
912
+ ._tableColumnEditorTrigger_16b3d_664 svg {
958
913
  display: block;
959
914
  }
960
915
 
961
- ._tableColumnEditorTrigger_127fi_708:hover {
916
+ ._tableColumnEditorTrigger_16b3d_664:hover {
962
917
  background-color: var(--baseBgHover);
963
918
  }
964
919
 
965
- ._tableColumnEditorTrigger_127fi_708:active svg {
920
+ ._tableColumnEditorTrigger_16b3d_664:active svg {
966
921
  transform: translate(1px, 1px);
967
922
  }
968
923
 
969
- ._tableColumnEditorTrigger_127fi_708[data-state=on], ._tableColumnEditorTrigger_127fi_708:active {
924
+ ._tableColumnEditorTrigger_16b3d_664[data-state=on], ._tableColumnEditorTrigger_16b3d_664:active {
970
925
  background-color: var(--accentBgActive);
971
926
  }
972
927
 
973
- ._tableColumnEditorTrigger_127fi_708[data-active=true] {
928
+ ._tableColumnEditorTrigger_16b3d_664[data-active=true] {
974
929
  opacity: 1;
975
930
  }
976
931
 
977
- ._tableColumnEditorToolbar_127fi_742 {
932
+ ._tableColumnEditorToolbar_16b3d_698 {
978
933
  display: flex;
979
934
  }
980
935
 
981
- ._tableColumnEditorToolbar_127fi_742 > button {
936
+ ._tableColumnEditorToolbar_16b3d_698 > button {
982
937
  border: 0;
983
938
  background-color: transparent;
984
939
  font-size: inherit;
@@ -991,34 +946,34 @@
991
946
  padding: var(--spacing-2);
992
947
  }
993
948
 
994
- ._tableColumnEditorToolbar_127fi_742 > button svg {
949
+ ._tableColumnEditorToolbar_16b3d_698 > button svg {
995
950
  display: block;
996
951
  }
997
952
 
998
- ._tableColumnEditorToolbar_127fi_742 > button:hover {
953
+ ._tableColumnEditorToolbar_16b3d_698 > button:hover {
999
954
  background-color: var(--baseBgHover);
1000
955
  }
1001
956
 
1002
- ._tableColumnEditorToolbar_127fi_742 > button:active svg {
957
+ ._tableColumnEditorToolbar_16b3d_698 > button:active svg {
1003
958
  transform: translate(1px, 1px);
1004
959
  }
1005
960
 
1006
- ._tableColumnEditorToolbar_127fi_742 > button[data-state=on], ._tableColumnEditorToolbar_127fi_742 > button:active {
961
+ ._tableColumnEditorToolbar_16b3d_698 > button[data-state=on], ._tableColumnEditorToolbar_16b3d_698 > button:active {
1007
962
  background-color: var(--accentBgActive);
1008
963
  }
1009
964
 
1010
- ._tableColumnEditorToolbar_127fi_742 [role=separator] {
965
+ ._tableColumnEditorToolbar_16b3d_698 [role=separator] {
1011
966
  margin-left: var(--spacing-1);
1012
967
  margin-right: var(--spacing-1);
1013
968
  }
1014
969
 
1015
970
 
1016
- ._toggleGroupRoot_127fi_754 {
971
+ ._toggleGroupRoot_16b3d_710 {
1017
972
  display: inline-flex;
1018
973
  }
1019
974
 
1020
975
 
1021
- ._toggleGroupRoot_127fi_754 button {
976
+ ._toggleGroupRoot_16b3d_710 button {
1022
977
  border: 0;
1023
978
  background-color: transparent;
1024
979
  font-size: inherit;
@@ -1032,59 +987,59 @@
1032
987
  }
1033
988
 
1034
989
 
1035
- ._toggleGroupRoot_127fi_754 button svg {
990
+ ._toggleGroupRoot_16b3d_710 button svg {
1036
991
  display: block;
1037
992
  }
1038
993
 
1039
994
 
1040
- ._toggleGroupRoot_127fi_754 button:hover {
995
+ ._toggleGroupRoot_16b3d_710 button:hover {
1041
996
  background-color: var(--baseBgHover);
1042
997
  }
1043
998
 
1044
999
 
1045
- ._toggleGroupRoot_127fi_754 button:active svg {
1000
+ ._toggleGroupRoot_16b3d_710 button:active svg {
1046
1001
  transform: translate(1px, 1px);
1047
1002
  }
1048
1003
 
1049
1004
 
1050
- ._toggleGroupRoot_127fi_754 button[data-state=on], ._toggleGroupRoot_127fi_754 button:active {
1005
+ ._toggleGroupRoot_16b3d_710 button[data-state=on], ._toggleGroupRoot_16b3d_710 button:active {
1051
1006
  background-color: var(--accentBgActive);
1052
1007
  }
1053
1008
 
1054
1009
 
1055
- ._toggleGroupRoot_127fi_754 button:first-child {
1010
+ ._toggleGroupRoot_16b3d_710 button:first-child {
1056
1011
  border-top-left-radius: var(--radius-base);
1057
1012
  border-bottom-left-radius: var(--radius-base);
1058
1013
  }
1059
1014
 
1060
1015
 
1061
- ._toggleGroupRoot_127fi_754 button:last-child {
1016
+ ._toggleGroupRoot_16b3d_710 button:last-child {
1062
1017
  border-top-right-radius: var(--radius-base);
1063
1018
  border-bottom-right-radius: var(--radius-base);
1064
1019
  }
1065
1020
 
1066
- ._tableToolsColumn_127fi_771 {
1021
+ ._tableToolsColumn_16b3d_727 {
1067
1022
  width: 3rem;
1068
1023
  }
1069
1024
 
1070
- ._tableToolsColumn_127fi_771 button {
1025
+ ._tableToolsColumn_16b3d_727 button {
1071
1026
  margin: auto;
1072
1027
  display: block;
1073
1028
  }
1074
1029
 
1075
- ._leftAlignedCell_127fi_779 {
1030
+ ._leftAlignedCell_16b3d_735 {
1076
1031
  text-align: left;
1077
1032
  }
1078
1033
 
1079
- ._rightAlignedCell_127fi_783 {
1034
+ ._rightAlignedCell_16b3d_739 {
1080
1035
  text-align: right;
1081
1036
  }
1082
1037
 
1083
- ._centeredCell_127fi_787 {
1038
+ ._centeredCell_16b3d_743 {
1084
1039
  text-align: center;
1085
1040
  }
1086
1041
 
1087
- ._addColumnButton_127fi_708, ._addRowButton_127fi_708 {
1042
+ ._addColumnButton_16b3d_664, ._addRowButton_16b3d_664 {
1088
1043
  border: 0;
1089
1044
  background-color: transparent;
1090
1045
  font-size: inherit;
@@ -1102,62 +1057,62 @@
1102
1057
  border-radius: var(--radius-medium);
1103
1058
  }
1104
1059
 
1105
- ._addColumnButton_127fi_708 svg, ._addRowButton_127fi_708 svg {
1060
+ ._addColumnButton_16b3d_664 svg, ._addRowButton_16b3d_664 svg {
1106
1061
  display: block;
1107
1062
  }
1108
1063
 
1109
- ._addColumnButton_127fi_708:hover, ._addRowButton_127fi_708:hover {
1064
+ ._addColumnButton_16b3d_664:hover, ._addRowButton_16b3d_664:hover {
1110
1065
  background-color: var(--baseBgHover);
1111
1066
  }
1112
1067
 
1113
- ._addColumnButton_127fi_708:active svg, ._addRowButton_127fi_708:active svg {
1068
+ ._addColumnButton_16b3d_664:active svg, ._addRowButton_16b3d_664:active svg {
1114
1069
  transform: translate(1px, 1px);
1115
1070
  }
1116
1071
 
1117
- ._addColumnButton_127fi_708[data-state=on], ._addRowButton_127fi_708[data-state=on], ._addColumnButton_127fi_708:active, ._addRowButton_127fi_708:active {
1072
+ ._addColumnButton_16b3d_664[data-state=on], ._addRowButton_16b3d_664[data-state=on], ._addColumnButton_16b3d_664:active, ._addRowButton_16b3d_664:active {
1118
1073
  background-color: var(--accentBgActive);
1119
1074
  }
1120
1075
 
1121
- ._addColumnButton_127fi_708 svg, ._addRowButton_127fi_708 svg {
1076
+ ._addColumnButton_16b3d_664 svg, ._addRowButton_16b3d_664 svg {
1122
1077
  margin: auto;
1123
1078
  }
1124
1079
 
1125
- ._addRowButton_127fi_708 {
1080
+ ._addRowButton_16b3d_664 {
1126
1081
  width: 100%;
1127
1082
  margin-top: var(--spacing-2);
1128
1083
  box-sizing: border-box;
1129
1084
  }
1130
1085
 
1131
- ._addColumnButton_127fi_708 {
1086
+ ._addColumnButton_16b3d_664 {
1132
1087
  margin-left: var(--spacing-2);
1133
1088
  height: 100%;
1134
1089
  }
1135
1090
 
1136
1091
  /** Dialog */
1137
- ._dialogOverlay_127fi_815 {
1092
+ ._dialogOverlay_16b3d_771 {
1138
1093
  position: fixed;
1139
1094
  inset: 0;
1140
- animation: _overlayShow_127fi_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1095
+ animation: _overlayShow_16b3d_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1141
1096
  background-color: var(--baseBase);
1142
1097
  z-index: 51;
1143
1098
  opacity: 0.5;
1144
1099
  }
1145
1100
 
1146
- ._dialogContent_127fi_576, ._largeDialogContent_127fi_588 {
1101
+ ._dialogContent_16b3d_532, ._largeDialogContent_16b3d_544 {
1147
1102
  position: fixed;
1148
1103
  top: 50%;
1149
1104
  left: 50%;
1150
1105
  transform: translate(-50%, -50%);
1151
- animation: _contentShow_127fi_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1106
+ animation: _contentShow_16b3d_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1152
1107
  z-index: 52;
1153
1108
  }
1154
1109
 
1155
- ._dialogContent_127fi_576:focus, ._largeDialogContent_127fi_588:focus {
1110
+ ._dialogContent_16b3d_532:focus, ._largeDialogContent_16b3d_544:focus {
1156
1111
  outline: none;
1157
1112
  }
1158
1113
 
1159
1114
 
1160
- @keyframes _overlayShow_127fi_1 {
1115
+ @keyframes _overlayShow_16b3d_1 {
1161
1116
  from {
1162
1117
  opacity: 0;
1163
1118
  }
@@ -1166,7 +1121,7 @@
1166
1121
  }
1167
1122
  }
1168
1123
 
1169
- @keyframes _contentShow_127fi_1 {
1124
+ @keyframes _contentShow_16b3d_1 {
1170
1125
  from {
1171
1126
  opacity: 0;
1172
1127
  transform: translate(-50%, -48%) scale(0.96);
@@ -1177,22 +1132,34 @@
1177
1132
  }
1178
1133
  }
1179
1134
 
1180
- ._focusedImage_127fi_858 {
1135
+ ._focusedImage_16b3d_814 {
1181
1136
  outline: highlight solid 2px;
1182
1137
  }
1183
1138
 
1184
- ._imageWrapper_127fi_862 {
1139
+ ._imageWrapper_16b3d_818 {
1185
1140
  display: inline-block;
1186
1141
  position: relative;
1187
1142
  }
1188
1143
 
1189
- ._imageWrapper_127fi_862[draggable=true] {
1144
+ ._imageWrapper_16b3d_818[draggable=true] {
1190
1145
  cursor: move; /* fallback if grab cursor is unsupported */
1191
1146
  cursor: grab;
1192
1147
  cursor: -webkit-grab;
1193
1148
  }
1194
1149
 
1195
- ._inlineEditor_127fi_874 {
1150
+ ._editImageButton_16b3d_830 {
1151
+ position: absolute;
1152
+ right: var(--spacing-2);
1153
+ top: var(--spacing-2);
1154
+ background: var(--baseBase);
1155
+ border-radius: var(--radius-full);
1156
+ }
1157
+
1158
+ ._editImageButton_16b3d_830 svg {
1159
+ display: block;
1160
+ }
1161
+
1162
+ ._inlineEditor_16b3d_842 {
1196
1163
  display: inline-flex;
1197
1164
  border-radius: var(--radius-medium);
1198
1165
  padding: var(--spacing-1);
@@ -1201,7 +1168,7 @@
1201
1168
  background: var(--baseBg);
1202
1169
  }
1203
1170
 
1204
- ._blockEditor_127fi_883 {
1171
+ ._blockEditor_16b3d_851 {
1205
1172
  display: flex;
1206
1173
  justify-content: stretch;
1207
1174
  border-radius: var(--radius-medium);
@@ -1211,71 +1178,71 @@
1211
1178
  background: var(--baseBg);
1212
1179
  }
1213
1180
 
1214
- ._blockEditor_127fi_883 ._nestedEditor_127fi_892 {
1181
+ ._blockEditor_16b3d_851 ._nestedEditor_16b3d_860 {
1215
1182
  flex-grow: 1;
1216
1183
  }
1217
1184
 
1218
- ._nestedEditor_127fi_892 {
1185
+ ._nestedEditor_16b3d_860 {
1219
1186
  background: white;
1220
1187
  padding: var(--spacing-1) var(--spacing-2);
1221
1188
  border-radius: var(--radius-medium);
1222
1189
  }
1223
1190
 
1224
- ._nestedEditor_127fi_892 > p {
1191
+ ._nestedEditor_16b3d_860 > p {
1225
1192
  margin: 0;
1226
1193
  }
1227
1194
 
1228
- ._nestedEditor_127fi_892:focus {
1195
+ ._nestedEditor_16b3d_860:focus {
1229
1196
  outline: none;
1230
1197
  }
1231
1198
 
1232
- ._genericComponentName_127fi_909 {
1199
+ ._genericComponentName_16b3d_877 {
1233
1200
  font-size: var(--text-sm);
1234
1201
  color: var(--baseText);
1235
1202
  padding-right: var(--spacing-2);
1236
1203
  }
1237
1204
 
1238
- ._diffSourceToggle_127fi_915 {
1205
+ ._diffSourceToggle_16b3d_883 {
1239
1206
  border: 1px solid var(--baseBorder);
1240
1207
  border-radius: var(--radius-medium);
1241
1208
  display: flex;
1242
1209
  }
1243
1210
 
1244
- ._diffSourceToggle_127fi_915 ._toolbarToggleItem_127fi_182 {
1211
+ ._diffSourceToggle_16b3d_883 ._toolbarToggleItem_16b3d_182 {
1245
1212
  padding: 0;
1246
1213
  }
1247
1214
 
1248
- ._diffSourceToggle_127fi_915 ._toolbarToggleItem_127fi_182 > span {
1215
+ ._diffSourceToggle_16b3d_883 ._toolbarToggleItem_16b3d_182 > span {
1249
1216
  display: block;
1250
1217
  padding: var(--spacing-2) var(--spacing-3);
1251
1218
  }
1252
1219
 
1253
- ._selectWithLabel_127fi_929 {
1220
+ ._selectWithLabel_16b3d_897 {
1254
1221
  display: flex;
1255
1222
  align-items: center;
1256
1223
  gap: var(--spacing-2);
1257
1224
  margin-left: var(--spacing-2);
1258
1225
  }
1259
1226
 
1260
- ._selectWithLabel_127fi_929 > label {
1227
+ ._selectWithLabel_16b3d_897 > label {
1261
1228
  font-size: var(--text-sm);
1262
1229
  }
1263
1230
 
1264
- ._selectWithLabel_127fi_929 ._selectTrigger_127fi_268 {
1231
+ ._selectWithLabel_16b3d_897 ._selectTrigger_16b3d_268 {
1265
1232
  border: 1px solid var(--baseBorder);
1266
1233
  }
1267
1234
 
1268
- ._toolbarTitleMode_127fi_943 {
1235
+ ._toolbarTitleMode_16b3d_911 {
1269
1236
  font-size: var(--text-sm);
1270
1237
  margin-left: var(--spacing-2);
1271
1238
  }
1272
1239
 
1273
1240
 
1274
- ._imageControlWrapperResizing_127fi_949 {
1241
+ ._imageControlWrapperResizing_16b3d_917 {
1275
1242
  touch-action: none;
1276
1243
  }
1277
1244
 
1278
- ._imageResizer_127fi_953 {
1245
+ ._imageResizer_16b3d_921 {
1279
1246
  display: block;
1280
1247
  width: 7px;
1281
1248
  height: 7px;
@@ -1284,55 +1251,55 @@
1284
1251
  border: 1px solid var(--baseBg);
1285
1252
  }
1286
1253
 
1287
- ._imageResizer_127fi_953._imageResizerN_127fi_962 {
1254
+ ._imageResizer_16b3d_921._imageResizerN_16b3d_930 {
1288
1255
  top: -6px;
1289
1256
  left: 48%;
1290
1257
  cursor: n-resize;
1291
1258
  }
1292
1259
 
1293
- ._imageResizer_127fi_953._imageResizerNe_127fi_968 {
1260
+ ._imageResizer_16b3d_921._imageResizerNe_16b3d_936 {
1294
1261
  top: -6px;
1295
1262
  right: -6px;
1296
1263
  cursor: ne-resize;
1297
1264
  }
1298
1265
 
1299
- ._imageResizer_127fi_953._imageResizerE_127fi_974 {
1266
+ ._imageResizer_16b3d_921._imageResizerE_16b3d_942 {
1300
1267
  bottom: 48%;
1301
1268
  right: -6px;
1302
1269
  cursor: e-resize;
1303
1270
  }
1304
1271
 
1305
- ._imageResizer_127fi_953._imageResizerSe_127fi_980 {
1272
+ ._imageResizer_16b3d_921._imageResizerSe_16b3d_948 {
1306
1273
  bottom: -2px;
1307
1274
  right: -6px;
1308
1275
  cursor: nwse-resize;
1309
1276
  }
1310
1277
 
1311
- ._imageResizer_127fi_953._imageResizerS_127fi_980 {
1278
+ ._imageResizer_16b3d_921._imageResizerS_16b3d_948 {
1312
1279
  bottom: -2px;
1313
1280
  left: 48%;
1314
1281
  cursor: s-resize;
1315
1282
  }
1316
1283
 
1317
- ._imageResizer_127fi_953._imageResizerSw_127fi_992 {
1284
+ ._imageResizer_16b3d_921._imageResizerSw_16b3d_960 {
1318
1285
  bottom: -2px;
1319
1286
  left: -6px;
1320
1287
  cursor: sw-resize;
1321
1288
  }
1322
1289
 
1323
- ._imageResizer_127fi_953._imageResizerW_127fi_998 {
1290
+ ._imageResizer_16b3d_921._imageResizerW_16b3d_966 {
1324
1291
  bottom: 48%;
1325
1292
  left: -6px;
1326
1293
  cursor: w-resize;
1327
1294
  }
1328
1295
 
1329
- ._imageResizer_127fi_953._imageResizerNw_127fi_1004 {
1296
+ ._imageResizer_16b3d_921._imageResizerNw_16b3d_972 {
1330
1297
  top: -6px;
1331
1298
  left: -6px;
1332
1299
  cursor: nw-resize;
1333
1300
  }
1334
1301
 
1335
- ._placeholder_127fi_1010 {
1302
+ ._placeholder_16b3d_978 {
1336
1303
  color: var(--baseSolid);
1337
1304
  overflow: hidden;
1338
1305
  position: absolute;
@@ -1347,9 +1314,137 @@
1347
1314
  pointer-events: none;
1348
1315
  }
1349
1316
 
1350
- ._rootContentEditableWrapper_127fi_1023 {
1317
+ ._rootContentEditableWrapper_16b3d_991 {
1351
1318
  position: relative;
1352
1319
  }
1320
+
1321
+
1322
+
1323
+ ._downshiftContainer_16b3d_997 {
1324
+ display: flex;
1325
+ flex-direction: column;
1326
+ align-items: stretch;
1327
+ }
1328
+
1329
+ ._downshiftInputWrapper_16b3d_1003 {
1330
+ display: flex;
1331
+ align-items: center;
1332
+ background-color: var(--baseBase);
1333
+
1334
+ border-radius: var(--radius-base);
1335
+ border:1px solid var(--baseBorder);
1336
+ }
1337
+
1338
+ ._downshiftInputWrapper_16b3d_1003[data-visible-dropdown=true] {
1339
+ border-bottom-left-radius: var(--radius-none) ;
1340
+ border-bottom-right-radius: var(--radius-none) ;
1341
+ border-bottom-width: 0;
1342
+ }
1343
+
1344
+ ._downshiftInputWrapper_16b3d_1003 > button {
1345
+ border: 0;
1346
+ background-color: transparent;
1347
+ font-size: inherit;
1348
+ -webkit-appearance: none;
1349
+ -moz-appearance: none;
1350
+ appearance: none;
1351
+ all: unset;
1352
+ box-sizing: border-box;
1353
+ cursor: default;
1354
+ padding-right: var(--spacing-2);
1355
+ }
1356
+
1357
+ ._downshiftInput_16b3d_1003 {
1358
+ border: 0;
1359
+ background-color: transparent;
1360
+ font-size: inherit;
1361
+ -webkit-appearance: none;
1362
+ -moz-appearance: none;
1363
+ appearance: none;
1364
+ all: unset;
1365
+ box-sizing: border-box;
1366
+ cursor: default;
1367
+ width: 20rem;
1368
+ padding: var(--spacing-2) var(--spacing-3);
1369
+ font-size: var(--text-sm);
1370
+ }
1371
+
1372
+ ._downshiftInput_16b3d_1003::-moz-placeholder {
1373
+ color: var(--baseBorder);
1374
+ }
1375
+
1376
+ ._downshiftInput_16b3d_1003::placeholder {
1377
+ color: var(--baseBorder);
1378
+ }
1379
+
1380
+ ._downshiftAutocompleteContainer_16b3d_1033 {
1381
+ position: relative;
1382
+ }
1383
+
1384
+ ._downshiftAutocompleteContainer_16b3d_1033 ul {
1385
+ all: unset;
1386
+ box-sizing: border-box;
1387
+ position: absolute;
1388
+ font-size: var(--text-sm);
1389
+ width: 100%;
1390
+ display: none;
1391
+ border-bottom-left-radius: var(--radius-medium) ;
1392
+ border-bottom-right-radius: var(--radius-medium) ;
1393
+ max-height: var(--spacing-48);
1394
+ overflow-x: hidden;
1395
+ overflow-y: auto;
1396
+ border: 1px solid var(--baseBorder);
1397
+ border-top-width: 0;
1398
+ background-color: var(--baseBase);
1399
+ }
1400
+
1401
+ ._downshiftAutocompleteContainer_16b3d_1033 ul[data-visible=true] {
1402
+ display: block;
1403
+ }
1404
+
1405
+ ._downshiftAutocompleteContainer_16b3d_1033 ul li {
1406
+ padding: var(--spacing-2) var(--spacing-3);
1407
+ white-space: nowrap;
1408
+ margin-bottom: var(--spacing-1);
1409
+ overflow-x: hidden;
1410
+ text-overflow: ellipsis;
1411
+ }
1412
+
1413
+ ._downshiftAutocompleteContainer_16b3d_1033 ul li[data-selected=true] {
1414
+ background-color: var(--baseBgSubtle);
1415
+ }
1416
+
1417
+ ._downshiftAutocompleteContainer_16b3d_1033 ul li[data-highlighted=true] {
1418
+ background-color: var(--baseBgHover);
1419
+ }
1420
+
1421
+ ._downshiftAutocompleteContainer_16b3d_1033 ul li:last-of-type {
1422
+ border-bottom-left-radius: var(--radius-medium) ;
1423
+ border-bottom-right-radius: var(--radius-medium) ;
1424
+ }
1425
+
1426
+ ._textInput_16b3d_1078 {
1427
+ all: unset;
1428
+ border-radius: var(--radius-base);
1429
+ border:1px solid var(--baseBorder);
1430
+ background-color: var(--baseBase);
1431
+ padding: var(--spacing-2) var(--spacing-3);
1432
+ }
1433
+
1434
+ form._multiFieldForm_16b3d_1086 {
1435
+ display: flex;
1436
+ flex-direction: column;
1437
+ padding: var(--spacing-4);
1438
+ gap: var(--spacing-4);
1439
+ }
1440
+
1441
+ form._multiFieldForm_16b3d_1086 ._formField_16b3d_1092 {
1442
+ display: flex;
1443
+ flex-direction: column;
1444
+ gap: var(--spacing-2);
1445
+ }
1446
+
1447
+
1353
1448
  :root, ._light-theme_13nbk_1 {
1354
1449
  --blue1: hsl(206, 100%, 99.2%);
1355
1450
  --blue2: hsl(210, 100%, 98.0%);