@mdxeditor/editor 2.20.5 → 3.0.0-alpha.1

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
@@ -335,7 +335,7 @@
335
335
  .mdxeditor hr.selected[data-lexical-decorator=true] {
336
336
  outline: 2px solid highlight;
337
337
  }
338
- ._editorRoot_13kqw_38 {
338
+ ._editorRoot_r5eta_38 {
339
339
  --accentBase: var(--blue-1);
340
340
  --accentBgSubtle: var(--blue-2);
341
341
  --accentBg: var(--blue-3);
@@ -436,13 +436,13 @@
436
436
  color: var(--baseText);
437
437
  }
438
438
 
439
- ._editorWrapper_13kqw_139 {}
439
+ ._editorWrapper_r5eta_139 {}
440
440
 
441
- ._nestedListItem_13kqw_141 {
441
+ ._nestedListItem_r5eta_141 {
442
442
  list-style: none;
443
443
  }
444
444
 
445
- ._toolbarRoot_13kqw_145 {
445
+ ._toolbarRoot_r5eta_145 {
446
446
  /* border: var(--spacing-px) solid var(--baseBorder); */
447
447
  z-index: 1;
448
448
  display: flex;
@@ -458,23 +458,23 @@
458
458
  width: inherit;
459
459
  }
460
460
 
461
- ._toolbarRoot_13kqw_145 div[role=separator] {
461
+ ._toolbarRoot_r5eta_145 div[role=separator] {
462
462
  margin: var(--spacing-2) var(--spacing-1);
463
463
  border-left: 1px solid var(--baseBorder);
464
464
  border-right: 1px solid var(--baseBase);
465
465
  height: var(--spacing-4);
466
466
  }
467
467
 
468
- ._readOnlyToolbarRoot_13kqw_168 {
468
+ ._readOnlyToolbarRoot_r5eta_168 {
469
469
  pointer-events: none;
470
470
  background: var(--baseBase);
471
471
  }
472
472
 
473
- ._readOnlyToolbarRoot_13kqw_168>div {
473
+ ._readOnlyToolbarRoot_r5eta_168>div {
474
474
  opacity: 0.5;
475
475
  }
476
476
 
477
- ._toolbarModeSwitch_13kqw_177 {
477
+ ._toolbarModeSwitch_r5eta_177 {
478
478
  opacity: 1 !important;
479
479
  margin-left: auto;
480
480
  align-self: stretch;
@@ -485,31 +485,31 @@
485
485
  font-size: var(--text-xs);
486
486
  }
487
487
 
488
- ._toolbarModeSwitch_13kqw_177 ._toolbarToggleItem_13kqw_187 {
488
+ ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187 {
489
489
  padding-inline-end: var(--spacing-4);
490
490
  padding-inline-start: var(--spacing-4);
491
491
  }
492
492
 
493
- ._toolbarModeSwitch_13kqw_177 ._toolbarToggleItem_13kqw_187:active, ._toolbarModeSwitch_13kqw_177 ._toolbarToggleItem_13kqw_187[data-state=on] {
493
+ ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187:active, ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187[data-state=on] {
494
494
  background-color: var(--baseBorder);
495
495
  }
496
496
 
497
- ._toolbarGroupOfGroups_13kqw_198 {
497
+ ._toolbarGroupOfGroups_r5eta_198 {
498
498
  display: flex;
499
499
  margin: 0 var(--spacing-1);
500
500
  }
501
501
 
502
- ._toolbarToggleSingleGroup_13kqw_203:first-of-type ._toolbarToggleItem_13kqw_187:only-child, ._toolbarToggleSingleGroup_13kqw_203:only-child ._toolbarToggleItem_13kqw_187:first-child, ._toolbarModeSwitch_13kqw_177 ._toolbarToggleItem_13kqw_187:first-child {
502
+ ._toolbarToggleSingleGroup_r5eta_203:first-of-type ._toolbarToggleItem_r5eta_187:only-child, ._toolbarToggleSingleGroup_r5eta_203:only-child ._toolbarToggleItem_r5eta_187:first-child, ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187:first-child {
503
503
  border-top-left-radius: var(--radius-base);
504
504
  border-bottom-left-radius: var(--radius-base);
505
505
  }
506
506
 
507
- ._toolbarToggleSingleGroup_13kqw_203:last-of-type ._toolbarToggleItem_13kqw_187:only-child, ._toolbarToggleSingleGroup_13kqw_203:only-child ._toolbarToggleItem_13kqw_187:last-child, ._toolbarModeSwitch_13kqw_177 ._toolbarToggleItem_13kqw_187:last-child {
507
+ ._toolbarToggleSingleGroup_r5eta_203:last-of-type ._toolbarToggleItem_r5eta_187:only-child, ._toolbarToggleSingleGroup_r5eta_203:only-child ._toolbarToggleItem_r5eta_187:last-child, ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187:last-child {
508
508
  border-top-right-radius: var(--radius-base);
509
509
  border-bottom-right-radius: var(--radius-base);
510
510
  }
511
511
 
512
- ._toolbarToggleItem_13kqw_187, ._toolbarButton_13kqw_218 {
512
+ ._toolbarToggleItem_r5eta_187, ._toolbarButton_r5eta_218 {
513
513
  border: 0;
514
514
  background-color: transparent;
515
515
  font-size: inherit;
@@ -522,41 +522,41 @@
522
522
  padding: var(--spacing-1);
523
523
  }
524
524
 
525
- ._toolbarToggleItem_13kqw_187 svg, ._toolbarButton_13kqw_218 svg {
525
+ ._toolbarToggleItem_r5eta_187 svg, ._toolbarButton_r5eta_218 svg {
526
526
  display: block;
527
527
  }
528
528
 
529
- ._toolbarToggleItem_13kqw_187:hover, ._toolbarButton_13kqw_218:hover {
529
+ ._toolbarToggleItem_r5eta_187:hover, ._toolbarButton_r5eta_218:hover {
530
530
  background-color: var(--baseBgActive);
531
531
  }
532
532
 
533
- ._toolbarToggleItem_13kqw_187:active svg, ._toolbarButton_13kqw_218:active svg {
533
+ ._toolbarToggleItem_r5eta_187:active svg, ._toolbarButton_r5eta_218:active svg {
534
534
  transform: translate(1px, 1px);
535
535
  }
536
536
 
537
- ._toolbarToggleItem_13kqw_187[data-state=on], ._toolbarButton_13kqw_218[data-state=on], ._toolbarToggleItem_13kqw_187:active, ._toolbarButton_13kqw_218:active {
537
+ ._toolbarToggleItem_r5eta_187[data-state=on], ._toolbarButton_r5eta_218[data-state=on], ._toolbarToggleItem_r5eta_187:active, ._toolbarButton_r5eta_218:active {
538
538
  color: var(--baseTextContrast);
539
539
  background-color: var(--baseBgActive);
540
540
  }
541
541
 
542
- ._toolbarToggleItem_13kqw_187[data-disabled], ._toolbarButton_13kqw_218[data-disabled] {
542
+ ._toolbarToggleItem_r5eta_187[data-disabled], ._toolbarButton_r5eta_218[data-disabled] {
543
543
  pointer-events: none;
544
544
  color: var(--baseBorderHover);
545
545
  }
546
546
 
547
- ._toolbarButton_13kqw_218 {
547
+ ._toolbarButton_r5eta_218 {
548
548
  border-radius: var(--radius-base);
549
549
  }
550
550
 
551
- ._activeToolbarButton_13kqw_250 {
551
+ ._activeToolbarButton_r5eta_250 {
552
552
  color: var(--accentText);
553
553
  }
554
554
 
555
- ._toolbarToggleSingleGroup_13kqw_203 {
555
+ ._toolbarToggleSingleGroup_r5eta_203 {
556
556
  white-space: nowrap;
557
557
  }
558
558
 
559
- ._toolbarNodeKindSelectContainer_13kqw_258, ._toolbarButtonDropdownContainer_13kqw_259, ._toolbarCodeBlockLanguageSelectContent_13kqw_260, ._selectContainer_13kqw_261 {
559
+ ._toolbarNodeKindSelectContainer_r5eta_258, ._toolbarButtonDropdownContainer_r5eta_259, ._toolbarCodeBlockLanguageSelectContent_r5eta_260, ._selectContainer_r5eta_261 {
560
560
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
561
561
  z-index: 3;
562
562
  width: var(--spacing-36);
@@ -566,15 +566,15 @@
566
566
  font-size: var(--text-sm);
567
567
  }
568
568
 
569
- ._toolbarButtonDropdownContainer_13kqw_259 {
569
+ ._toolbarButtonDropdownContainer_r5eta_259 {
570
570
  border-top-right-radius: var(--radius-base);
571
571
  }
572
572
 
573
- ._toolbarButtonDropdownContainer_13kqw_259 ._selectItem_13kqw_274:first-child {
573
+ ._toolbarButtonDropdownContainer_r5eta_259 ._selectItem_r5eta_274:first-child {
574
574
  border-top-right-radius: var(--radius-base);
575
575
  }
576
576
 
577
- ._toolbarNodeKindSelectTrigger_13kqw_279, ._toolbarButtonSelectTrigger_13kqw_280, ._selectTrigger_13kqw_281 {
577
+ ._toolbarNodeKindSelectTrigger_r5eta_279, ._toolbarButtonSelectTrigger_r5eta_280, ._selectTrigger_r5eta_281 {
578
578
  border: 0;
579
579
  background-color: transparent;
580
580
  display: flex;
@@ -590,59 +590,59 @@
590
590
  margin: 0 var(--spacing-1);
591
591
  }
592
592
 
593
- ._toolbarNodeKindSelectTrigger_13kqw_279[data-state=open], ._toolbarButtonSelectTrigger_13kqw_280[data-state=open], ._selectTrigger_13kqw_281[data-state=open] {
593
+ ._toolbarNodeKindSelectTrigger_r5eta_279[data-state=open], ._toolbarButtonSelectTrigger_r5eta_280[data-state=open], ._selectTrigger_r5eta_281[data-state=open] {
594
594
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
595
595
  border-bottom-right-radius: var(--radius-none);
596
596
  border-bottom-left-radius: var(--radius-none);
597
597
  }
598
598
 
599
- ._selectTrigger_13kqw_281[data-placeholder]>span:first-child {
599
+ ._selectTrigger_r5eta_281[data-placeholder]>span:first-child {
600
600
  color: var(--baseBorderHover);
601
601
  }
602
602
 
603
603
  /** used in the sandpack */
604
- ._toolbarButtonSelectTrigger_13kqw_280 {
604
+ ._toolbarButtonSelectTrigger_r5eta_280 {
605
605
  width: auto;
606
606
  padding-inline-start: var(--spacing-2);
607
607
  padding-inline-end: var(--spacing-1);
608
608
  padding-block: var(--spacing-0_5);
609
609
  }
610
610
 
611
- ._toolbarCodeBlockLanguageSelectTrigger_13kqw_315, ._toolbarCodeBlockLanguageSelectContent_13kqw_260 {
611
+ ._toolbarCodeBlockLanguageSelectTrigger_r5eta_315, ._toolbarCodeBlockLanguageSelectContent_r5eta_260 {
612
612
  width: var(--spacing-48);
613
613
  }
614
614
 
615
- ._toolbarNodeKindSelectItem_13kqw_320, ._selectItem_13kqw_274 {
615
+ ._toolbarNodeKindSelectItem_r5eta_320, ._selectItem_r5eta_274 {
616
616
  cursor: default;
617
617
  display: flex;
618
618
  padding: var(--spacing-2);
619
619
  }
620
620
 
621
- ._toolbarNodeKindSelectItem_13kqw_320[data-highlighted], ._selectItem_13kqw_274[data-highlighted] {
621
+ ._toolbarNodeKindSelectItem_r5eta_320[data-highlighted], ._selectItem_r5eta_274[data-highlighted] {
622
622
  background-color: var(--baseBg);
623
623
  }
624
624
 
625
- ._toolbarNodeKindSelectItem_13kqw_320[data-state=checked], ._selectItem_13kqw_274[data-state=checked] {
625
+ ._toolbarNodeKindSelectItem_r5eta_320[data-state=checked], ._selectItem_r5eta_274[data-state=checked] {
626
626
  color: var(--baseTextContrast);
627
627
  background-color: var(--baseBg);
628
628
  }
629
629
 
630
- ._toolbarNodeKindSelectItem_13kqw_320[data-highlighted], ._selectItem_13kqw_274[data-highlighted] {
630
+ ._toolbarNodeKindSelectItem_r5eta_320[data-highlighted], ._selectItem_r5eta_274[data-highlighted] {
631
631
  outline: none;
632
632
  }
633
633
 
634
- ._toolbarNodeKindSelectItem_13kqw_320:last-child, ._selectItem_13kqw_274:last-child {
634
+ ._toolbarNodeKindSelectItem_r5eta_320:last-child, ._selectItem_r5eta_274:last-child {
635
635
  border-bottom-left-radius: var(--radius-base);
636
636
  border-bottom-right-radius: var(--radius-base);
637
637
  }
638
638
 
639
- ._toolbarNodeKindSelectDropdownArrow_13kqw_345, ._selectDropdownArrow_13kqw_346 {
639
+ ._toolbarNodeKindSelectDropdownArrow_r5eta_345, ._selectDropdownArrow_r5eta_346 {
640
640
  margin-left: auto;
641
641
  display: flex;
642
642
  align-items: center;
643
643
  }
644
644
 
645
- ._contentEditable_13kqw_352 {
645
+ ._contentEditable_r5eta_352 {
646
646
  box-sizing: border-box;
647
647
  width: 100%;
648
648
  color: var(--baseTextContrast);
@@ -650,25 +650,29 @@
650
650
  padding: var(--spacing-3);
651
651
  }
652
652
 
653
- ._contentEditable_13kqw_352:focus {
653
+ ._contentEditable_r5eta_352:focus {
654
654
  outline: none;
655
655
  }
656
656
 
657
- ._sandpackWrapper_13kqw_364 {
657
+ ._codeMirrorWrapper_r5eta_364 {
658
658
  margin-bottom: var(--spacing-5);
659
+ border: 1px solid var(--baseLine);
660
+ border-radius: var(--radius-medium);
661
+ overflow: hidden;
662
+ padding: 0.8rem;
659
663
  }
660
664
 
661
- ._frontmatterWrapper_13kqw_368 {
665
+ ._frontmatterWrapper_r5eta_372 {
662
666
  border-radius: var(--radius-medium);
663
667
  padding: var(--spacing-3);
664
668
  background-color: var(--baseBgSubtle);
665
669
  }
666
670
 
667
- ._frontmatterWrapper_13kqw_368[data-expanded=true] {
671
+ ._frontmatterWrapper_r5eta_372[data-expanded=true] {
668
672
  margin-bottom: var(--spacing-10);
669
673
  }
670
674
 
671
- ._frontmatterToggleButton_13kqw_378 {
675
+ ._frontmatterToggleButton_r5eta_382 {
672
676
  border: 0;
673
677
  background-color: transparent;
674
678
  font-size: inherit;
@@ -684,7 +688,7 @@
684
688
  font-size: var(--text-sm);
685
689
  }
686
690
 
687
- ._propertyPanelTitle_13kqw_386 {
691
+ ._propertyPanelTitle_r5eta_390 {
688
692
  font-size: var(--text-xs);
689
693
  font-weight: 400;
690
694
  margin: 0;
@@ -692,49 +696,49 @@
692
696
  padding-left: var(--spacing-2);
693
697
  }
694
698
 
695
- ._propertyEditorTable_13kqw_394 {
699
+ ._propertyEditorTable_r5eta_398 {
696
700
  table-layout: fixed;
697
701
  border-spacing: var(--spacing-2);
698
702
  }
699
703
 
700
- ._propertyEditorTable_13kqw_394 th {
704
+ ._propertyEditorTable_r5eta_398 th {
701
705
  text-align: left;
702
706
  font-size: var(--text-sm);
703
707
  padding: var(--spacing-2) var(--spacing-3);
704
708
  }
705
709
 
706
- ._propertyEditorTable_13kqw_394 col:nth-child(1) {
710
+ ._propertyEditorTable_r5eta_398 col:nth-child(1) {
707
711
  width: 30%;
708
712
  }
709
713
 
710
- ._propertyEditorTable_13kqw_394 col:nth-child(2) {
714
+ ._propertyEditorTable_r5eta_398 col:nth-child(2) {
711
715
  width: 70%;
712
716
  }
713
717
 
714
- ._propertyEditorTable_13kqw_394 td:last-child ._iconButton_13kqw_412 {
718
+ ._propertyEditorTable_r5eta_398 td:last-child ._iconButton_r5eta_416 {
715
719
  margin-left: var(--spacing-4);
716
720
  margin-right: var(--spacing-4);
717
721
  }
718
722
 
719
- ._propertyEditorTable_13kqw_394 ._readOnlyColumnCell_13kqw_417 {
723
+ ._propertyEditorTable_r5eta_398 ._readOnlyColumnCell_r5eta_421 {
720
724
  padding-left: 0;
721
725
  }
722
726
 
723
- ._propertyEditorLabelCell_13kqw_422 {
727
+ ._propertyEditorLabelCell_r5eta_426 {
724
728
  font-weight: 400;
725
729
  }
726
730
 
727
- ._readOnlyColumnCell_13kqw_417 {
731
+ ._readOnlyColumnCell_r5eta_421 {
728
732
  padding-left: 0;
729
733
  }
730
734
 
731
- ._buttonsFooter_13kqw_430 {
735
+ ._buttonsFooter_r5eta_434 {
732
736
  display: flex;
733
737
  justify-content: flex-end;
734
738
  gap: var(--spacing-2);
735
739
  }
736
740
 
737
- ._propertyEditorInput_13kqw_436 {
741
+ ._propertyEditorInput_r5eta_440 {
738
742
  border: 0;
739
743
  background-color: transparent;
740
744
  font-size: inherit;
@@ -752,7 +756,7 @@
752
756
  font-size: var(--text-sm);
753
757
  }
754
758
 
755
- ._iconButton_13kqw_412 {
759
+ ._iconButton_r5eta_416 {
756
760
  border: 0;
757
761
  background-color: transparent;
758
762
  font-size: inherit;
@@ -765,15 +769,15 @@
765
769
  color: var(--baseText);
766
770
  }
767
771
 
768
- ._iconButton_13kqw_412:hover {
772
+ ._iconButton_r5eta_416:hover {
769
773
  color: var(--accentText);
770
774
  }
771
775
 
772
- ._iconButton_13kqw_412:disabled, ._iconButton_13kqw_412:disabled:hover {
776
+ ._iconButton_r5eta_416:disabled, ._iconButton_r5eta_416:disabled:hover {
773
777
  color: var(--baseLine);
774
778
  }
775
779
 
776
- ._primaryButton_13kqw_460, ._secondaryButton_13kqw_461 {
780
+ ._primaryButton_r5eta_464, ._secondaryButton_r5eta_465 {
777
781
  border: 0;
778
782
  background-color: transparent;
779
783
  font-size: inherit;
@@ -791,30 +795,30 @@
791
795
  border-radius: var(--radius-medium);
792
796
  }
793
797
 
794
- ._primaryButton_13kqw_460:disabled, ._secondaryButton_13kqw_461:disabled {
798
+ ._primaryButton_r5eta_464:disabled, ._secondaryButton_r5eta_465:disabled {
795
799
  background: var(--accentLine);
796
800
  border-color: var(--accentBg);
797
801
  }
798
802
 
799
- ._smallButton_13kqw_476 {
803
+ ._smallButton_r5eta_480 {
800
804
  font-size: var(--text-xs);
801
805
  padding: var(--spacing-1) var(--spacing-2);
802
806
  border-radius: var(--radius-base);
803
807
  }
804
808
 
805
- ._secondaryButton_13kqw_461 {
809
+ ._secondaryButton_r5eta_465 {
806
810
  border: 1px solid var(--baseBorder);
807
811
  background-color: var(--baseSolidHover);
808
812
  color: var(--baseBase);
809
813
  }
810
814
 
811
- ._dialogForm_13kqw_488 {
815
+ ._dialogForm_r5eta_492 {
812
816
  display: flex;
813
817
  flex-direction: row;
814
818
  gap: var(--spacing-2);
815
819
  }
816
820
 
817
- ._linkDialogEditForm_13kqw_494 {
821
+ ._linkDialogEditForm_r5eta_498 {
818
822
  display: flex;
819
823
  flex-direction: column;
820
824
  align-items: stretch;
@@ -822,13 +826,13 @@
822
826
  padding: 0;
823
827
  }
824
828
 
825
- ._linkDialogInputContainer_13kqw_502 {
829
+ ._linkDialogInputContainer_r5eta_506 {
826
830
  display: flex;
827
831
  flex-direction: column;
828
832
  align-items: stretch;
829
833
  }
830
834
 
831
- ._linkDialogInputWrapper_13kqw_508 {
835
+ ._linkDialogInputWrapper_r5eta_512 {
832
836
  display: flex;
833
837
  align-items: center;
834
838
  background-color: var(--baseBase);
@@ -837,13 +841,13 @@
837
841
  border: 1px solid var(--baseBorder);
838
842
  }
839
843
 
840
- ._linkDialogInputWrapper_13kqw_508[data-visible-dropdown=true] {
844
+ ._linkDialogInputWrapper_r5eta_512[data-visible-dropdown=true] {
841
845
  border-bottom-left-radius: var(--radius-none);
842
846
  border-bottom-right-radius: var(--radius-none);
843
847
  border-bottom-width: 0;
844
848
  }
845
849
 
846
- ._linkDialogInputWrapper_13kqw_508>button {
850
+ ._linkDialogInputWrapper_r5eta_512>button {
847
851
  border: 0;
848
852
  background-color: transparent;
849
853
  font-size: inherit;
@@ -856,7 +860,7 @@
856
860
  padding-right: var(--spacing-2);
857
861
  }
858
862
 
859
- ._linkDialogInput_13kqw_502, ._dialogInput_13kqw_529 {
863
+ ._linkDialogInput_r5eta_506, ._dialogInput_r5eta_533 {
860
864
  border: 0;
861
865
  background-color: transparent;
862
866
  font-size: inherit;
@@ -871,29 +875,29 @@
871
875
  font-size: var(--text-sm);
872
876
  }
873
877
 
874
- ._linkDialogInput_13kqw_502::-moz-placeholder, ._dialogInput_13kqw_529::-moz-placeholder {
878
+ ._linkDialogInput_r5eta_506::-moz-placeholder, ._dialogInput_r5eta_533::-moz-placeholder {
875
879
  color: var(--baseBorder);
876
880
  }
877
881
 
878
- ._linkDialogInput_13kqw_502::placeholder, ._dialogInput_13kqw_529::placeholder {
882
+ ._linkDialogInput_r5eta_506::placeholder, ._dialogInput_r5eta_533::placeholder {
879
883
  color: var(--baseBorder);
880
884
  }
881
885
 
882
- ._linkDialogAnchor_13kqw_540 {
886
+ ._linkDialogAnchor_r5eta_544 {
883
887
  position: fixed;
884
888
  background-color: highlight;
885
889
  z-index: -1;
886
890
  }
887
891
 
888
- ._linkDialogAnchor_13kqw_540[data-visible=true] {
892
+ ._linkDialogAnchor_r5eta_544[data-visible=true] {
889
893
  visibility: visible;
890
894
  }
891
895
 
892
- ._linkDialogAnchor_13kqw_540[data-visible=false] {
896
+ ._linkDialogAnchor_r5eta_544[data-visible=false] {
893
897
  visibility: hidden;
894
898
  }
895
899
 
896
- ._linkDialogPopoverContent_13kqw_554, ._tableColumnEditorPopoverContent_13kqw_555, ._dialogContent_13kqw_556 {
900
+ ._linkDialogPopoverContent_r5eta_558, ._tableColumnEditorPopoverContent_r5eta_559, ._dialogContent_r5eta_560 {
897
901
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
898
902
  display: flex;
899
903
  align-items: center;
@@ -905,7 +909,7 @@
905
909
  font-size: var(--text-sm);
906
910
  }
907
911
 
908
- ._largeDialogContent_13kqw_568 {
912
+ ._largeDialogContent_r5eta_572 {
909
913
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
910
914
  gap: var(--spacing-0_5);
911
915
  border-radius: var(--radius-medium);
@@ -915,13 +919,13 @@
915
919
  font-size: var(--text-sm);
916
920
  }
917
921
 
918
- ._dialogTitle_13kqw_578 {
922
+ ._dialogTitle_r5eta_582 {
919
923
  font-size: var(--text-base);
920
924
  font-weight: 600;
921
925
  padding-left: var(--spacing-2);
922
926
  }
923
927
 
924
- ._dialogCloseButton_13kqw_584 {
928
+ ._dialogCloseButton_r5eta_588 {
925
929
  border: 0;
926
930
  background-color: transparent;
927
931
  font-size: inherit;
@@ -936,7 +940,7 @@
936
940
  right: 10px;
937
941
  }
938
942
 
939
- ._popoverContent_13kqw_591 {
943
+ ._popoverContent_r5eta_595 {
940
944
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
941
945
  display: flex;
942
946
  align-items: center;
@@ -948,11 +952,11 @@
948
952
  z-index: 1;
949
953
  }
950
954
 
951
- ._popoverArrow_13kqw_603 {
955
+ ._popoverArrow_r5eta_607 {
952
956
  fill: var(--basePageBg);
953
957
  }
954
958
 
955
- ._linkDialogPreviewAnchor_13kqw_607 {
959
+ ._linkDialogPreviewAnchor_r5eta_611 {
956
960
  margin-right: var(--spacing-3);
957
961
  display: flex;
958
962
  align-items: flex-start;
@@ -962,24 +966,24 @@
962
966
  border: 1px solid transparent;
963
967
  }
964
968
 
965
- ._linkDialogPreviewAnchor_13kqw_607 svg {
969
+ ._linkDialogPreviewAnchor_r5eta_611 svg {
966
970
  width: var(--spacing-5);
967
971
  height: var(--spacing-5);
968
972
  margin-left: var(--spacing-2);
969
973
  }
970
974
 
971
- ._linkDialogPreviewAnchor_13kqw_607 span {
975
+ ._linkDialogPreviewAnchor_r5eta_611 span {
972
976
  max-width: 14rem;
973
977
  overflow-x: hidden;
974
978
  text-overflow: ellipsis;
975
979
  white-space: nowrap;
976
980
  }
977
981
 
978
- ._tooltipTrigger_13kqw_630 {
982
+ ._tooltipTrigger_r5eta_634 {
979
983
  align-self: center;
980
984
  }
981
985
 
982
- ._tooltipContent_13kqw_634 {
986
+ ._tooltipContent_r5eta_638 {
983
987
  z-index: 2;
984
988
  position: relative;
985
989
  border-radius: var(--radius-medium);
@@ -989,11 +993,11 @@
989
993
  color: var(--baseBase);
990
994
  }
991
995
 
992
- ._tooltipContent_13kqw_634 svg {
996
+ ._tooltipContent_r5eta_638 svg {
993
997
  fill: var(--baseText);
994
998
  }
995
999
 
996
- ._actionButton_13kqw_648 {
1000
+ ._actionButton_r5eta_652 {
997
1001
  border: 0;
998
1002
  background-color: transparent;
999
1003
  font-size: inherit;
@@ -1008,34 +1012,34 @@
1008
1012
  border-radius: var(--radius-medium);
1009
1013
  }
1010
1014
 
1011
- ._actionButton_13kqw_648 svg {
1015
+ ._actionButton_r5eta_652 svg {
1012
1016
  display: block;
1013
1017
  }
1014
1018
 
1015
- ._actionButton_13kqw_648:hover {
1019
+ ._actionButton_r5eta_652:hover {
1016
1020
  background-color: var(--baseBgHover);
1017
1021
  }
1018
1022
 
1019
- ._actionButton_13kqw_648:active svg {
1023
+ ._actionButton_r5eta_652:active svg {
1020
1024
  transform: translate(1px, 1px);
1021
1025
  }
1022
1026
 
1023
- ._actionButton_13kqw_648[data-state=on], ._actionButton_13kqw_648:active {
1027
+ ._actionButton_r5eta_652[data-state=on], ._actionButton_r5eta_652:active {
1024
1028
  background-color: var(--baseBgHover);
1025
1029
  color: var(--baseTextContrast);
1026
1030
  }
1027
1031
 
1028
- ._primaryActionButton_13kqw_654 {
1032
+ ._primaryActionButton_r5eta_658 {
1029
1033
  background-color: var(--accentSolid);
1030
1034
  color: var(--baseBase);
1031
1035
  }
1032
1036
 
1033
- ._primaryActionButton_13kqw_654:hover {
1037
+ ._primaryActionButton_r5eta_658:hover {
1034
1038
  background-color: var(--accentSolidHover);
1035
1039
  color: var(--baseBase);
1036
1040
  }
1037
1041
 
1038
- ._tableEditor_13kqw_664 {
1042
+ ._tableEditor_r5eta_668 {
1039
1043
  table-layout: fixed;
1040
1044
  width: 100%;
1041
1045
  height: 100%;
@@ -1043,50 +1047,50 @@
1043
1047
  border-collapse: collapse;
1044
1048
  }
1045
1049
 
1046
- ._tableEditor_13kqw_664 thead>tr>th {
1050
+ ._tableEditor_r5eta_668 thead>tr>th {
1047
1051
  text-align: right;
1048
1052
  }
1049
1053
 
1050
- ._tableEditor_13kqw_664>tbody>tr>td:not(._toolCell_13kqw_675), ._tableEditor_13kqw_664>tbody>tr>th:not(._toolCell_13kqw_675):not(:last-of-type) {
1054
+ ._tableEditor_r5eta_668>tbody>tr>td:not(._toolCell_r5eta_679), ._tableEditor_r5eta_668>tbody>tr>th:not(._toolCell_r5eta_679):not(:last-of-type) {
1051
1055
  border: 1px solid var(--baseBgActive);
1052
1056
  padding: var(--spacing-1) var(--spacing-2);
1053
1057
  white-space: normal;
1054
1058
  }
1055
1059
 
1056
- :is(._tableEditor_13kqw_664>tbody>tr>td:not(._toolCell_13kqw_675),._tableEditor_13kqw_664>tbody>tr>th:not(._toolCell_13kqw_675):not(:last-of-type))>div {
1060
+ :is(._tableEditor_r5eta_668>tbody>tr>td:not(._toolCell_r5eta_679),._tableEditor_r5eta_668>tbody>tr>th:not(._toolCell_r5eta_679):not(:last-of-type))>div {
1057
1061
  outline: none;
1058
1062
  }
1059
1063
 
1060
- :is(._tableEditor_13kqw_664>tbody>tr>td:not(._toolCell_13kqw_675),._tableEditor_13kqw_664>tbody>tr>th:not(._toolCell_13kqw_675):not(:last-of-type))>div>p {
1064
+ :is(._tableEditor_r5eta_668>tbody>tr>td:not(._toolCell_r5eta_679),._tableEditor_r5eta_668>tbody>tr>th:not(._toolCell_r5eta_679):not(:last-of-type))>div>p {
1061
1065
  margin: 0;
1062
1066
  }
1063
1067
 
1064
- [data-active=true]:is(._tableEditor_13kqw_664>tbody>tr>td:not(._toolCell_13kqw_675),._tableEditor_13kqw_664>tbody>tr>th:not(._toolCell_13kqw_675):not(:last-of-type)) {
1068
+ [data-active=true]:is(._tableEditor_r5eta_668>tbody>tr>td:not(._toolCell_r5eta_679),._tableEditor_r5eta_668>tbody>tr>th:not(._toolCell_r5eta_679):not(:last-of-type)) {
1065
1069
  outline: solid 1px var(--baseSolid);
1066
1070
  }
1067
1071
 
1068
- ._tableEditor_13kqw_664 ._tableColumnEditorTrigger_13kqw_694, ._tableEditor_13kqw_664 ._tableRowEditorTrigger_13kqw_695, ._tableEditor_13kqw_664 ._addRowButton_13kqw_696, ._tableEditor_13kqw_664 ._addColumnButton_13kqw_697, ._tableEditor_13kqw_664 ._iconButton_13kqw_412 {
1072
+ ._tableEditor_r5eta_668 ._tableColumnEditorTrigger_r5eta_698, ._tableEditor_r5eta_668 ._tableRowEditorTrigger_r5eta_699, ._tableEditor_r5eta_668 ._addRowButton_r5eta_700, ._tableEditor_r5eta_668 ._addColumnButton_r5eta_701, ._tableEditor_r5eta_668 ._iconButton_r5eta_416 {
1069
1073
  opacity: .15;
1070
1074
  }
1071
1075
 
1072
- ._tableEditor_13kqw_664:hover ._tableColumnEditorTrigger_13kqw_694, ._tableEditor_13kqw_664:hover ._tableRowEditorTrigger_13kqw_695, ._tableEditor_13kqw_664:hover ._addRowButton_13kqw_696, ._tableEditor_13kqw_664:hover ._addColumnButton_13kqw_697, ._tableEditor_13kqw_664:hover ._iconButton_13kqw_412 {
1076
+ ._tableEditor_r5eta_668:hover ._tableColumnEditorTrigger_r5eta_698, ._tableEditor_r5eta_668:hover ._tableRowEditorTrigger_r5eta_699, ._tableEditor_r5eta_668:hover ._addRowButton_r5eta_700, ._tableEditor_r5eta_668:hover ._addColumnButton_r5eta_701, ._tableEditor_r5eta_668:hover ._iconButton_r5eta_416 {
1073
1077
  opacity: 0.3;
1074
1078
  }
1075
1079
 
1076
- ._tableEditor_13kqw_664:hover ._tableColumnEditorTrigger_13kqw_694:hover, ._tableEditor_13kqw_664:hover ._tableRowEditorTrigger_13kqw_695:hover, ._tableEditor_13kqw_664:hover ._addRowButton_13kqw_696:hover, ._tableEditor_13kqw_664:hover ._addColumnButton_13kqw_697:hover, ._tableEditor_13kqw_664:hover ._iconButton_13kqw_412:hover {
1080
+ ._tableEditor_r5eta_668:hover ._tableColumnEditorTrigger_r5eta_698:hover, ._tableEditor_r5eta_668:hover ._tableRowEditorTrigger_r5eta_699:hover, ._tableEditor_r5eta_668:hover ._addRowButton_r5eta_700:hover, ._tableEditor_r5eta_668:hover ._addColumnButton_r5eta_701:hover, ._tableEditor_r5eta_668:hover ._iconButton_r5eta_416:hover {
1077
1081
  opacity: 1;
1078
1082
  }
1079
1083
 
1080
- ._toolCell_13kqw_675 {
1084
+ ._toolCell_r5eta_679 {
1081
1085
  text-align: right;
1082
1086
  }
1083
1087
 
1084
- ._toolCell_13kqw_675 button {
1088
+ ._toolCell_r5eta_679 button {
1085
1089
  margin: auto;
1086
1090
  display: block;
1087
1091
  }
1088
1092
 
1089
- ._tableColumnEditorTrigger_13kqw_694 {
1093
+ ._tableColumnEditorTrigger_r5eta_698 {
1090
1094
  border: 0;
1091
1095
  background-color: transparent;
1092
1096
  font-size: inherit;
@@ -1102,32 +1106,32 @@
1102
1106
  opacity: 0.2;
1103
1107
  }
1104
1108
 
1105
- ._tableColumnEditorTrigger_13kqw_694 svg {
1109
+ ._tableColumnEditorTrigger_r5eta_698 svg {
1106
1110
  display: block;
1107
1111
  }
1108
1112
 
1109
- ._tableColumnEditorTrigger_13kqw_694:hover {
1113
+ ._tableColumnEditorTrigger_r5eta_698:hover {
1110
1114
  background-color: var(--baseBgHover);
1111
1115
  }
1112
1116
 
1113
- ._tableColumnEditorTrigger_13kqw_694:active svg {
1117
+ ._tableColumnEditorTrigger_r5eta_698:active svg {
1114
1118
  transform: translate(1px, 1px);
1115
1119
  }
1116
1120
 
1117
- ._tableColumnEditorTrigger_13kqw_694[data-state=on], ._tableColumnEditorTrigger_13kqw_694:active {
1121
+ ._tableColumnEditorTrigger_r5eta_698[data-state=on], ._tableColumnEditorTrigger_r5eta_698:active {
1118
1122
  background-color: var(--baseBgHover);
1119
1123
  color: var(--baseTextContrast);
1120
1124
  }
1121
1125
 
1122
- ._tableColumnEditorTrigger_13kqw_694[data-active=true] {
1126
+ ._tableColumnEditorTrigger_r5eta_698[data-active=true] {
1123
1127
  opacity: 1 !important;
1124
1128
  }
1125
1129
 
1126
- ._tableColumnEditorToolbar_13kqw_738 {
1130
+ ._tableColumnEditorToolbar_r5eta_742 {
1127
1131
  display: flex;
1128
1132
  }
1129
1133
 
1130
- ._tableColumnEditorToolbar_13kqw_738>button {
1134
+ ._tableColumnEditorToolbar_r5eta_742>button {
1131
1135
  border: 0;
1132
1136
  background-color: transparent;
1133
1137
  font-size: inherit;
@@ -1140,35 +1144,35 @@
1140
1144
  padding: var(--spacing-1_5);
1141
1145
  }
1142
1146
 
1143
- ._tableColumnEditorToolbar_13kqw_738>button svg {
1147
+ ._tableColumnEditorToolbar_r5eta_742>button svg {
1144
1148
  display: block;
1145
1149
  }
1146
1150
 
1147
- ._tableColumnEditorToolbar_13kqw_738>button:hover {
1151
+ ._tableColumnEditorToolbar_r5eta_742>button:hover {
1148
1152
  background-color: var(--baseBgHover);
1149
1153
  }
1150
1154
 
1151
- ._tableColumnEditorToolbar_13kqw_738>button:active svg {
1155
+ ._tableColumnEditorToolbar_r5eta_742>button:active svg {
1152
1156
  transform: translate(1px, 1px);
1153
1157
  }
1154
1158
 
1155
- ._tableColumnEditorToolbar_13kqw_738>button[data-state=on], ._tableColumnEditorToolbar_13kqw_738>button:active {
1159
+ ._tableColumnEditorToolbar_r5eta_742>button[data-state=on], ._tableColumnEditorToolbar_r5eta_742>button:active {
1156
1160
  background-color: var(--baseBgHover);
1157
1161
  color: var(--baseTextContrast);
1158
1162
  }
1159
1163
 
1160
- ._tableColumnEditorToolbar_13kqw_738 [role=separator] {
1164
+ ._tableColumnEditorToolbar_r5eta_742 [role=separator] {
1161
1165
  margin-left: var(--spacing-1);
1162
1166
  margin-right: var(--spacing-1);
1163
1167
  }
1164
1168
 
1165
1169
 
1166
- ._toggleGroupRoot_13kqw_752 {
1170
+ ._toggleGroupRoot_r5eta_756 {
1167
1171
  display: inline-flex;
1168
1172
  }
1169
1173
 
1170
1174
 
1171
- ._toggleGroupRoot_13kqw_752 button {
1175
+ ._toggleGroupRoot_r5eta_756 button {
1172
1176
  border: 0;
1173
1177
  background-color: transparent;
1174
1178
  font-size: inherit;
@@ -1182,60 +1186,60 @@
1182
1186
  }
1183
1187
 
1184
1188
 
1185
- ._toggleGroupRoot_13kqw_752 button svg {
1189
+ ._toggleGroupRoot_r5eta_756 button svg {
1186
1190
  display: block;
1187
1191
  }
1188
1192
 
1189
1193
 
1190
- ._toggleGroupRoot_13kqw_752 button:hover {
1194
+ ._toggleGroupRoot_r5eta_756 button:hover {
1191
1195
  background-color: var(--baseBgHover);
1192
1196
  }
1193
1197
 
1194
1198
 
1195
- ._toggleGroupRoot_13kqw_752 button:active svg {
1199
+ ._toggleGroupRoot_r5eta_756 button:active svg {
1196
1200
  transform: translate(1px, 1px);
1197
1201
  }
1198
1202
 
1199
1203
 
1200
- ._toggleGroupRoot_13kqw_752 button[data-state=on], ._toggleGroupRoot_13kqw_752 button:active {
1204
+ ._toggleGroupRoot_r5eta_756 button[data-state=on], ._toggleGroupRoot_r5eta_756 button:active {
1201
1205
  background-color: var(--baseBgHover);
1202
1206
  color: var(--baseTextContrast);
1203
1207
  }
1204
1208
 
1205
1209
 
1206
- ._toggleGroupRoot_13kqw_752 button:first-child {
1210
+ ._toggleGroupRoot_r5eta_756 button:first-child {
1207
1211
  border-top-left-radius: var(--radius-base);
1208
1212
  border-bottom-left-radius: var(--radius-base);
1209
1213
  }
1210
1214
 
1211
1215
 
1212
- ._toggleGroupRoot_13kqw_752 button:last-child {
1216
+ ._toggleGroupRoot_r5eta_756 button:last-child {
1213
1217
  border-top-right-radius: var(--radius-base);
1214
1218
  border-bottom-right-radius: var(--radius-base);
1215
1219
  }
1216
1220
 
1217
- ._tableToolsColumn_13kqw_770 {
1221
+ ._tableToolsColumn_r5eta_774 {
1218
1222
  width: 3rem;
1219
1223
  }
1220
1224
 
1221
- ._tableToolsColumn_13kqw_770 button {
1225
+ ._tableToolsColumn_r5eta_774 button {
1222
1226
  margin: auto;
1223
1227
  display: block;
1224
1228
  }
1225
1229
 
1226
- ._leftAlignedCell_13kqw_779 {
1230
+ ._leftAlignedCell_r5eta_783 {
1227
1231
  text-align: left;
1228
1232
  }
1229
1233
 
1230
- ._rightAlignedCell_13kqw_783 {
1234
+ ._rightAlignedCell_r5eta_787 {
1231
1235
  text-align: right;
1232
1236
  }
1233
1237
 
1234
- ._centeredCell_13kqw_787 {
1238
+ ._centeredCell_r5eta_791 {
1235
1239
  text-align: center;
1236
1240
  }
1237
1241
 
1238
- ._addColumnButton_13kqw_697, ._addRowButton_13kqw_696 {
1242
+ ._addColumnButton_r5eta_701, ._addRowButton_r5eta_700 {
1239
1243
  border: 0;
1240
1244
  background-color: transparent;
1241
1245
  font-size: inherit;
@@ -1252,28 +1256,28 @@
1252
1256
  align-items: center;
1253
1257
  }
1254
1258
 
1255
- ._addColumnButton_13kqw_697 svg, ._addRowButton_13kqw_696 svg {
1259
+ ._addColumnButton_r5eta_701 svg, ._addRowButton_r5eta_700 svg {
1256
1260
  display: block;
1257
1261
  }
1258
1262
 
1259
- ._addColumnButton_13kqw_697:hover, ._addRowButton_13kqw_696:hover {
1263
+ ._addColumnButton_r5eta_701:hover, ._addRowButton_r5eta_700:hover {
1260
1264
  background-color: var(--baseBgHover);
1261
1265
  }
1262
1266
 
1263
- ._addColumnButton_13kqw_697:active svg, ._addRowButton_13kqw_696:active svg {
1267
+ ._addColumnButton_r5eta_701:active svg, ._addRowButton_r5eta_700:active svg {
1264
1268
  transform: translate(1px, 1px);
1265
1269
  }
1266
1270
 
1267
- ._addColumnButton_13kqw_697[data-state=on], ._addRowButton_13kqw_696[data-state=on], ._addColumnButton_13kqw_697:active, ._addRowButton_13kqw_696:active {
1271
+ ._addColumnButton_r5eta_701[data-state=on], ._addRowButton_r5eta_700[data-state=on], ._addColumnButton_r5eta_701:active, ._addRowButton_r5eta_700:active {
1268
1272
  background-color: var(--baseBgHover);
1269
1273
  color: var(--baseTextContrast);
1270
1274
  }
1271
1275
 
1272
- ._addColumnButton_13kqw_697 svg, ._addRowButton_13kqw_696 svg {
1276
+ ._addColumnButton_r5eta_701 svg, ._addRowButton_r5eta_700 svg {
1273
1277
  margin: auto;
1274
1278
  }
1275
1279
 
1276
- ._addRowButton_13kqw_696 {
1280
+ ._addRowButton_r5eta_700 {
1277
1281
  width: 100%;
1278
1282
  margin-top: var(--spacing-px);
1279
1283
  box-sizing: border-box;
@@ -1281,7 +1285,7 @@
1281
1285
  border-bottom-left-radius: var(--radius-medium);
1282
1286
  }
1283
1287
 
1284
- ._addColumnButton_13kqw_697 {
1288
+ ._addColumnButton_r5eta_701 {
1285
1289
  margin-left: var(--spacing-px);
1286
1290
  height: 100%;
1287
1291
  border-top-right-radius: var(--radius-medium);
@@ -1289,30 +1293,30 @@
1289
1293
  }
1290
1294
 
1291
1295
  /** Dialog */
1292
- ._dialogOverlay_13kqw_820 {
1296
+ ._dialogOverlay_r5eta_824 {
1293
1297
  position: fixed;
1294
1298
  inset: 0;
1295
- animation: _overlayShow_13kqw_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1299
+ animation: _overlayShow_r5eta_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1296
1300
  background-color: var(--baseBase);
1297
1301
  z-index: 51;
1298
1302
  opacity: 0.5;
1299
1303
  }
1300
1304
 
1301
- ._dialogContent_13kqw_556, ._largeDialogContent_13kqw_568 {
1305
+ ._dialogContent_r5eta_560, ._largeDialogContent_r5eta_572 {
1302
1306
  position: fixed;
1303
1307
  top: 50%;
1304
1308
  left: 50%;
1305
1309
  transform: translate(-50%, -50%);
1306
- animation: _contentShow_13kqw_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1310
+ animation: _contentShow_r5eta_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1307
1311
  z-index: 52;
1308
1312
  }
1309
1313
 
1310
- ._dialogContent_13kqw_556:focus, ._largeDialogContent_13kqw_568:focus {
1314
+ ._dialogContent_r5eta_560:focus, ._largeDialogContent_r5eta_572:focus {
1311
1315
  outline: none;
1312
1316
  }
1313
1317
 
1314
1318
 
1315
- @keyframes _overlayShow_13kqw_1 {
1319
+ @keyframes _overlayShow_r5eta_1 {
1316
1320
  from {
1317
1321
  opacity: 0;
1318
1322
  }
@@ -1322,7 +1326,7 @@
1322
1326
  }
1323
1327
  }
1324
1328
 
1325
- @keyframes _contentShow_13kqw_1 {
1329
+ @keyframes _contentShow_r5eta_1 {
1326
1330
  from {
1327
1331
  opacity: 0;
1328
1332
  transform: translate(-50%, -48%) scale(0.96);
@@ -1334,23 +1338,23 @@
1334
1338
  }
1335
1339
  }
1336
1340
 
1337
- ._focusedImage_13kqw_867 {
1341
+ ._focusedImage_r5eta_871 {
1338
1342
  outline: highlight solid 2px;
1339
1343
  }
1340
1344
 
1341
- ._imageWrapper_13kqw_871 {
1345
+ ._imageWrapper_r5eta_875 {
1342
1346
  display: inline-block;
1343
1347
  position: relative;
1344
1348
  }
1345
1349
 
1346
- ._imageWrapper_13kqw_871[draggable=true] {
1350
+ ._imageWrapper_r5eta_875[draggable=true] {
1347
1351
  cursor: move;
1348
1352
  /* fallback if grab cursor is unsupported */
1349
1353
  cursor: grab;
1350
1354
  cursor: -webkit-grab;
1351
1355
  }
1352
1356
 
1353
- ._editImageButton_13kqw_884 {
1357
+ ._editImageButton_r5eta_888 {
1354
1358
  position: absolute;
1355
1359
  right: var(--spacing-2);
1356
1360
  top: var(--spacing-2);
@@ -1358,11 +1362,11 @@
1358
1362
  border-radius: var(--radius-full);
1359
1363
  }
1360
1364
 
1361
- ._editImageButton_13kqw_884 svg {
1365
+ ._editImageButton_r5eta_888 svg {
1362
1366
  display: block;
1363
1367
  }
1364
1368
 
1365
- ._inlineEditor_13kqw_896 {
1369
+ ._inlineEditor_r5eta_900 {
1366
1370
  display: inline-flex;
1367
1371
  border-radius: var(--radius-medium);
1368
1372
  padding: var(--spacing-1);
@@ -1371,7 +1375,7 @@
1371
1375
  background: var(--baseBg);
1372
1376
  }
1373
1377
 
1374
- ._blockEditor_13kqw_905 {
1378
+ ._blockEditor_r5eta_909 {
1375
1379
  display: flex;
1376
1380
  justify-content: stretch;
1377
1381
  border-radius: var(--radius-medium);
@@ -1381,70 +1385,70 @@
1381
1385
  background: var(--baseBg);
1382
1386
  }
1383
1387
 
1384
- ._blockEditor_13kqw_905 ._nestedEditor_13kqw_914 {
1388
+ ._blockEditor_r5eta_909 ._nestedEditor_r5eta_918 {
1385
1389
  flex-grow: 1;
1386
1390
  }
1387
1391
 
1388
- ._nestedEditor_13kqw_914 {
1392
+ ._nestedEditor_r5eta_918 {
1389
1393
  background: var(--basePageBg);
1390
1394
  padding: var(--spacing-1) var(--spacing-2);
1391
1395
  border-radius: var(--radius-medium);
1392
1396
  }
1393
1397
 
1394
- ._nestedEditor_13kqw_914>p {
1398
+ ._nestedEditor_r5eta_918>p {
1395
1399
  margin: 0;
1396
1400
  }
1397
1401
 
1398
- ._nestedEditor_13kqw_914:focus {
1402
+ ._nestedEditor_r5eta_918:focus {
1399
1403
  outline: none;
1400
1404
  }
1401
1405
 
1402
- ._genericComponentName_13kqw_933 {
1406
+ ._genericComponentName_r5eta_937 {
1403
1407
  font-size: var(--text-sm);
1404
1408
  color: var(--baseText);
1405
1409
  padding-right: var(--spacing-2);
1406
1410
  }
1407
1411
 
1408
- ._diffSourceToggle_13kqw_939 {
1412
+ ._diffSourceToggle_r5eta_943 {
1409
1413
  border-radius: var(--radius-medium);
1410
1414
  display: flex;
1411
1415
  }
1412
1416
 
1413
- ._diffSourceToggle_13kqw_939 ._toolbarToggleItem_13kqw_187 {
1417
+ ._diffSourceToggle_r5eta_943 ._toolbarToggleItem_r5eta_187 {
1414
1418
  padding: 0;
1415
1419
  }
1416
1420
 
1417
- ._diffSourceToggle_13kqw_939 ._toolbarToggleItem_13kqw_187>span {
1421
+ ._diffSourceToggle_r5eta_943 ._toolbarToggleItem_r5eta_187>span {
1418
1422
  display: block;
1419
1423
  padding: var(--spacing-1) var(--spacing-2);
1420
1424
  }
1421
1425
 
1422
- ._selectWithLabel_13kqw_953 {
1426
+ ._selectWithLabel_r5eta_957 {
1423
1427
  display: flex;
1424
1428
  align-items: center;
1425
1429
  gap: var(--spacing-2);
1426
1430
  margin-left: var(--spacing-2);
1427
1431
  }
1428
1432
 
1429
- ._selectWithLabel_13kqw_953>label {
1433
+ ._selectWithLabel_r5eta_957>label {
1430
1434
  font-size: var(--text-sm);
1431
1435
  }
1432
1436
 
1433
- ._selectWithLabel_13kqw_953 ._selectTrigger_13kqw_281 {
1437
+ ._selectWithLabel_r5eta_957 ._selectTrigger_r5eta_281 {
1434
1438
  border: 1px solid var(--baseBorder);
1435
1439
  }
1436
1440
 
1437
- ._toolbarTitleMode_13kqw_968 {
1441
+ ._toolbarTitleMode_r5eta_972 {
1438
1442
  font-size: var(--text-sm);
1439
1443
  margin-left: var(--spacing-2);
1440
1444
  }
1441
1445
 
1442
1446
 
1443
- ._imageControlWrapperResizing_13kqw_974 {
1447
+ ._imageControlWrapperResizing_r5eta_978 {
1444
1448
  touch-action: none;
1445
1449
  }
1446
1450
 
1447
- ._imageResizer_13kqw_978 {
1451
+ ._imageResizer_r5eta_982 {
1448
1452
  display: block;
1449
1453
  width: 7px;
1450
1454
  height: 7px;
@@ -1453,55 +1457,55 @@
1453
1457
  border: 1px solid var(--baseBg);
1454
1458
  }
1455
1459
 
1456
- ._imageResizer_13kqw_978._imageResizerN_13kqw_987 {
1460
+ ._imageResizer_r5eta_982._imageResizerN_r5eta_991 {
1457
1461
  top: -6px;
1458
1462
  left: 48%;
1459
1463
  cursor: n-resize;
1460
1464
  }
1461
1465
 
1462
- ._imageResizer_13kqw_978._imageResizerNe_13kqw_993 {
1466
+ ._imageResizer_r5eta_982._imageResizerNe_r5eta_997 {
1463
1467
  top: -6px;
1464
1468
  right: -6px;
1465
1469
  cursor: ne-resize;
1466
1470
  }
1467
1471
 
1468
- ._imageResizer_13kqw_978._imageResizerE_13kqw_999 {
1472
+ ._imageResizer_r5eta_982._imageResizerE_r5eta_1003 {
1469
1473
  bottom: 48%;
1470
1474
  right: -6px;
1471
1475
  cursor: e-resize;
1472
1476
  }
1473
1477
 
1474
- ._imageResizer_13kqw_978._imageResizerSe_13kqw_1005 {
1478
+ ._imageResizer_r5eta_982._imageResizerSe_r5eta_1009 {
1475
1479
  bottom: -2px;
1476
1480
  right: -6px;
1477
1481
  cursor: nwse-resize;
1478
1482
  }
1479
1483
 
1480
- ._imageResizer_13kqw_978._imageResizerS_13kqw_1005 {
1484
+ ._imageResizer_r5eta_982._imageResizerS_r5eta_1009 {
1481
1485
  bottom: -2px;
1482
1486
  left: 48%;
1483
1487
  cursor: s-resize;
1484
1488
  }
1485
1489
 
1486
- ._imageResizer_13kqw_978._imageResizerSw_13kqw_1017 {
1490
+ ._imageResizer_r5eta_982._imageResizerSw_r5eta_1021 {
1487
1491
  bottom: -2px;
1488
1492
  left: -6px;
1489
1493
  cursor: sw-resize;
1490
1494
  }
1491
1495
 
1492
- ._imageResizer_13kqw_978._imageResizerW_13kqw_1023 {
1496
+ ._imageResizer_r5eta_982._imageResizerW_r5eta_1027 {
1493
1497
  bottom: 48%;
1494
1498
  left: -6px;
1495
1499
  cursor: w-resize;
1496
1500
  }
1497
1501
 
1498
- ._imageResizer_13kqw_978._imageResizerNw_13kqw_1029 {
1502
+ ._imageResizer_r5eta_982._imageResizerNw_r5eta_1033 {
1499
1503
  top: -6px;
1500
1504
  left: -6px;
1501
1505
  cursor: nw-resize;
1502
1506
  }
1503
1507
 
1504
- ._placeholder_13kqw_1035 {
1508
+ ._placeholder_r5eta_1039 {
1505
1509
  color: var(--baseSolid);
1506
1510
  overflow: hidden;
1507
1511
  position: absolute;
@@ -1516,19 +1520,19 @@
1516
1520
  pointer-events: none;
1517
1521
  }
1518
1522
 
1519
- ._rootContentEditableWrapper_13kqw_1048 {
1523
+ ._rootContentEditableWrapper_r5eta_1052 {
1520
1524
  position: relative;
1521
1525
  }
1522
1526
 
1523
1527
 
1524
1528
 
1525
- ._downshiftContainer_13kqw_1054 {
1529
+ ._downshiftContainer_r5eta_1058 {
1526
1530
  display: flex;
1527
1531
  flex-direction: column;
1528
1532
  align-items: stretch;
1529
1533
  }
1530
1534
 
1531
- ._downshiftInputWrapper_13kqw_1060 {
1535
+ ._downshiftInputWrapper_r5eta_1064 {
1532
1536
  display: flex;
1533
1537
  align-items: center;
1534
1538
  background-color: var(--baseBase);
@@ -1537,13 +1541,13 @@
1537
1541
  border: 1px solid var(--baseBorder);
1538
1542
  }
1539
1543
 
1540
- ._downshiftInputWrapper_13kqw_1060[data-visible-dropdown=true] {
1544
+ ._downshiftInputWrapper_r5eta_1064[data-visible-dropdown=true] {
1541
1545
  border-bottom-left-radius: var(--radius-none);
1542
1546
  border-bottom-right-radius: var(--radius-none);
1543
1547
  border-bottom-width: 0;
1544
1548
  }
1545
1549
 
1546
- ._downshiftInputWrapper_13kqw_1060>button {
1550
+ ._downshiftInputWrapper_r5eta_1064>button {
1547
1551
  border: 0;
1548
1552
  background-color: transparent;
1549
1553
  font-size: inherit;
@@ -1556,7 +1560,7 @@
1556
1560
  padding-right: var(--spacing-2);
1557
1561
  }
1558
1562
 
1559
- ._downshiftInput_13kqw_1060 {
1563
+ ._downshiftInput_r5eta_1064 {
1560
1564
  border: 0;
1561
1565
  background-color: transparent;
1562
1566
  font-size: inherit;
@@ -1571,19 +1575,19 @@
1571
1575
  font-size: var(--text-sm);
1572
1576
  }
1573
1577
 
1574
- ._downshiftInput_13kqw_1060::-moz-placeholder {
1578
+ ._downshiftInput_r5eta_1064::-moz-placeholder {
1575
1579
  color: var(--baseBorder);
1576
1580
  }
1577
1581
 
1578
- ._downshiftInput_13kqw_1060::placeholder {
1582
+ ._downshiftInput_r5eta_1064::placeholder {
1579
1583
  color: var(--baseBorder);
1580
1584
  }
1581
1585
 
1582
- ._downshiftAutocompleteContainer_13kqw_1091 {
1586
+ ._downshiftAutocompleteContainer_r5eta_1095 {
1583
1587
  position: relative;
1584
1588
  }
1585
1589
 
1586
- ._downshiftAutocompleteContainer_13kqw_1091 ul {
1590
+ ._downshiftAutocompleteContainer_r5eta_1095 ul {
1587
1591
  all: unset;
1588
1592
  box-sizing: border-box;
1589
1593
  position: absolute;
@@ -1600,11 +1604,11 @@
1600
1604
  background-color: var(--baseBase);
1601
1605
  }
1602
1606
 
1603
- ._downshiftAutocompleteContainer_13kqw_1091 ul[data-visible=true] {
1607
+ ._downshiftAutocompleteContainer_r5eta_1095 ul[data-visible=true] {
1604
1608
  display: block;
1605
1609
  }
1606
1610
 
1607
- ._downshiftAutocompleteContainer_13kqw_1091 ul li {
1611
+ ._downshiftAutocompleteContainer_r5eta_1095 ul li {
1608
1612
  padding: var(--spacing-2) var(--spacing-3);
1609
1613
  white-space: nowrap;
1610
1614
  margin-bottom: var(--spacing-1);
@@ -1612,20 +1616,20 @@
1612
1616
  text-overflow: ellipsis;
1613
1617
  }
1614
1618
 
1615
- ._downshiftAutocompleteContainer_13kqw_1091 ul li[data-selected=true] {
1619
+ ._downshiftAutocompleteContainer_r5eta_1095 ul li[data-selected=true] {
1616
1620
  background-color: var(--baseBgSubtle);
1617
1621
  }
1618
1622
 
1619
- ._downshiftAutocompleteContainer_13kqw_1091 ul li[data-highlighted=true] {
1623
+ ._downshiftAutocompleteContainer_r5eta_1095 ul li[data-highlighted=true] {
1620
1624
  background-color: var(--baseBgHover);
1621
1625
  }
1622
1626
 
1623
- ._downshiftAutocompleteContainer_13kqw_1091 ul li:last-of-type {
1627
+ ._downshiftAutocompleteContainer_r5eta_1095 ul li:last-of-type {
1624
1628
  border-bottom-left-radius: var(--radius-medium);
1625
1629
  border-bottom-right-radius: var(--radius-medium);
1626
1630
  }
1627
1631
 
1628
- ._textInput_13kqw_1137 {
1632
+ ._textInput_r5eta_1141 {
1629
1633
  all: unset;
1630
1634
  border-radius: var(--radius-base);
1631
1635
  border: 1px solid var(--baseBorder);
@@ -1633,24 +1637,24 @@
1633
1637
  padding: var(--spacing-2) var(--spacing-3);
1634
1638
  }
1635
1639
 
1636
- form._multiFieldForm_13kqw_1145 {
1640
+ form._multiFieldForm_r5eta_1149 {
1637
1641
  display: flex;
1638
1642
  flex-direction: column;
1639
1643
  padding: var(--spacing-2);
1640
1644
  gap: var(--spacing-2);
1641
1645
  }
1642
1646
 
1643
- form._multiFieldForm_13kqw_1145 ._formField_13kqw_1151 {
1647
+ form._multiFieldForm_r5eta_1149 ._formField_r5eta_1155 {
1644
1648
  display: flex;
1645
1649
  flex-direction: column;
1646
1650
  gap: var(--spacing-2);
1647
1651
  }
1648
1652
 
1649
- form._multiFieldForm_13kqw_1145 ._formField_13kqw_1151 label {
1653
+ form._multiFieldForm_r5eta_1149 ._formField_r5eta_1155 label {
1650
1654
  font-size: var(--text-xs);
1651
1655
  }
1652
1656
 
1653
- ._markdownParseError_13kqw_1162 {
1657
+ ._markdownParseError_r5eta_1166 {
1654
1658
  border-radius: var(--radius-base);
1655
1659
  border: 1px solid var(--error-color);
1656
1660
  padding: var(--spacing-2);
@@ -1659,19 +1663,19 @@ form._multiFieldForm_13kqw_1145 ._formField_13kqw_1151 label {
1659
1663
  font-size: var(--text-xs);
1660
1664
  }
1661
1665
 
1662
- ._popupContainer_13kqw_1171 {
1666
+ ._popupContainer_r5eta_1175 {
1663
1667
  position: relative;
1664
1668
  z-index: 1;
1665
1669
  }
1666
1670
 
1667
- ._inputSizer_13kqw_1176 {
1671
+ ._inputSizer_r5eta_1180 {
1668
1672
  display: inline-grid;
1669
1673
  vertical-align: baseline;
1670
1674
  align-items: center;
1671
1675
  position: relative;
1672
1676
  }
1673
1677
 
1674
- ._inputSizer_13kqw_1176::after, ._inputSizer_13kqw_1176 input {
1678
+ ._inputSizer_r5eta_1180::after, ._inputSizer_r5eta_1180 input {
1675
1679
  width: auto;
1676
1680
  min-width: 1rem;
1677
1681
  grid-area: 1 / 2;
@@ -1687,11 +1691,11 @@ form._multiFieldForm_13kqw_1145 ._formField_13kqw_1151 label {
1687
1691
  color: inherit;
1688
1692
  }
1689
1693
 
1690
- ._inputSizer_13kqw_1176 span {
1694
+ ._inputSizer_r5eta_1180 span {
1691
1695
  padding: 0.25em;
1692
1696
  }
1693
1697
 
1694
- ._inputSizer_13kqw_1176::after {
1698
+ ._inputSizer_r5eta_1180::after {
1695
1699
  content: attr(data-value);
1696
1700
  white-space: pre-wrap;
1697
1701
  }