@mdxeditor/editor 3.40.0 → 3.41.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
@@ -337,7 +337,7 @@
337
337
  .mdxeditor hr.selected[data-lexical-decorator=true] {
338
338
  outline: 2px solid highlight;
339
339
  }
340
- ._editorRoot_sects_53 {
340
+ ._editorRoot_1e2ox_53 {
341
341
  --accentBase: var(--blue-1);
342
342
  --accentBgSubtle: var(--blue-2);
343
343
  --accentBg: var(--blue-3);
@@ -439,14 +439,14 @@
439
439
  color: var(--baseText);
440
440
  }
441
441
 
442
- ._editorWrapper_sects_155 {
442
+ ._editorWrapper_1e2ox_155 {
443
443
  }
444
444
 
445
- ._nestedListItem_sects_158 {
445
+ ._nestedListItem_1e2ox_158 {
446
446
  list-style: none;
447
447
  }
448
448
 
449
- ._toolbarRoot_sects_162 {
449
+ ._toolbarRoot_1e2ox_162 {
450
450
  z-index: 2;
451
451
  display: flex;
452
452
  flex-direction: row;
@@ -461,28 +461,28 @@
461
461
  width: inherit;
462
462
  }
463
463
 
464
- ._toolbarRoot_sects_162 div[role='separator'] {
464
+ ._toolbarRoot_1e2ox_162 div[role='separator'] {
465
465
  margin: var(--spacing-2) var(--spacing-1);
466
466
  border-left: 1px solid var(--baseBorder);
467
467
  border-right: 1px solid var(--baseBase);
468
468
  height: var(--spacing-4);
469
469
  }
470
470
 
471
- ._toolbarRoot_sects_162 svg {
471
+ ._toolbarRoot_1e2ox_162 svg {
472
472
  color: var(--baseTextContrast);
473
473
  display: block;
474
474
  }
475
475
 
476
- ._readOnlyToolbarRoot_sects_189 {
476
+ ._readOnlyToolbarRoot_1e2ox_189 {
477
477
  pointer-events: none;
478
478
  background: var(--baseBase);
479
479
  }
480
480
 
481
- ._readOnlyToolbarRoot_sects_189 > div {
481
+ ._readOnlyToolbarRoot_1e2ox_189 > div {
482
482
  opacity: 0.5;
483
483
  }
484
484
 
485
- ._toolbarModeSwitch_sects_198 {
485
+ ._toolbarModeSwitch_1e2ox_198 {
486
486
  opacity: 1 !important;
487
487
  margin-left: auto;
488
488
  align-self: stretch;
@@ -493,37 +493,37 @@
493
493
  font-size: var(--text-xs);
494
494
  }
495
495
 
496
- ._toolbarModeSwitch_sects_198 ._toolbarToggleItem_sects_208 {
496
+ ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208 {
497
497
  padding-inline-end: var(--spacing-4);
498
498
  padding-inline-start: var(--spacing-4);
499
499
  }
500
500
 
501
- ._toolbarModeSwitch_sects_198 ._toolbarToggleItem_sects_208:active,
502
- ._toolbarModeSwitch_sects_198 ._toolbarToggleItem_sects_208[data-state='on'] {
501
+ ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:active,
502
+ ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208[data-state='on'] {
503
503
  background-color: var(--baseBorder);
504
504
  }
505
505
 
506
- ._toolbarGroupOfGroups_sects_219 {
506
+ ._toolbarGroupOfGroups_1e2ox_219 {
507
507
  display: flex;
508
508
  margin: 0 var(--spacing-1);
509
509
  }
510
510
 
511
- ._toolbarToggleSingleGroup_sects_224:first-of-type ._toolbarToggleItem_sects_208:only-child,
512
- ._toolbarToggleSingleGroup_sects_224:only-child ._toolbarToggleItem_sects_208:first-child,
513
- ._toolbarModeSwitch_sects_198 ._toolbarToggleItem_sects_208:first-child {
511
+ ._toolbarToggleSingleGroup_1e2ox_224:first-of-type ._toolbarToggleItem_1e2ox_208:only-child,
512
+ ._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:first-child,
513
+ ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:first-child {
514
514
  border-top-left-radius: var(--radius-base);
515
515
  border-bottom-left-radius: var(--radius-base);
516
516
  }
517
517
 
518
- ._toolbarToggleSingleGroup_sects_224:last-of-type ._toolbarToggleItem_sects_208:only-child,
519
- ._toolbarToggleSingleGroup_sects_224:only-child ._toolbarToggleItem_sects_208:last-child,
520
- ._toolbarModeSwitch_sects_198 ._toolbarToggleItem_sects_208:last-child {
518
+ ._toolbarToggleSingleGroup_1e2ox_224:last-of-type ._toolbarToggleItem_1e2ox_208:only-child,
519
+ ._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:last-child,
520
+ ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:last-child {
521
521
  border-top-right-radius: var(--radius-base);
522
522
  border-bottom-right-radius: var(--radius-base);
523
523
  }
524
524
 
525
- ._toolbarToggleItem_sects_208,
526
- ._toolbarButton_sects_239 {
525
+ ._toolbarToggleItem_1e2ox_208,
526
+ ._toolbarButton_1e2ox_239 {
527
527
  border: 0;
528
528
  background-color: transparent;
529
529
  font-size: inherit;
@@ -537,53 +537,53 @@
537
537
  }
538
538
 
539
539
  @media (hover: hover) {
540
- ._toolbarToggleItem_sects_208:hover, ._toolbarButton_sects_239:hover {
540
+ ._toolbarToggleItem_1e2ox_208:hover, ._toolbarButton_1e2ox_239:hover {
541
541
  background-color: var(--baseBgActive);
542
542
  }
543
543
  }
544
544
 
545
- ._toolbarToggleItem_sects_208:active svg, ._toolbarButton_sects_239:active svg {
545
+ ._toolbarToggleItem_1e2ox_208:active svg, ._toolbarButton_1e2ox_239:active svg {
546
546
  transform: translate(1px, 1px);
547
547
  }
548
548
 
549
- ._toolbarToggleItem_sects_208[data-state='on'],
550
- ._toolbarButton_sects_239[data-state='on'],
551
- ._toolbarToggleItem_sects_208:active,
552
- ._toolbarButton_sects_239:active {
549
+ ._toolbarToggleItem_1e2ox_208[data-state='on'],
550
+ ._toolbarButton_1e2ox_239[data-state='on'],
551
+ ._toolbarToggleItem_1e2ox_208:active,
552
+ ._toolbarButton_1e2ox_239:active {
553
553
  color: var(--baseTextContrast);
554
554
  background-color: var(--baseBgActive);
555
555
  }
556
556
 
557
- ._toolbarToggleItem_sects_208[data-disabled], ._toolbarButton_sects_239[data-disabled] {
557
+ ._toolbarToggleItem_1e2ox_208[data-disabled], ._toolbarButton_1e2ox_239[data-disabled] {
558
558
  pointer-events: none;
559
559
  }
560
560
 
561
- ._toolbarToggleItem_sects_208[data-disabled] svg, ._toolbarButton_sects_239[data-disabled] svg {
561
+ ._toolbarToggleItem_1e2ox_208[data-disabled] svg, ._toolbarButton_1e2ox_239[data-disabled] svg {
562
562
  color: var(--baseBorderHover);
563
563
  }
564
564
 
565
- ._toolbarButton_sects_239 {
565
+ ._toolbarButton_1e2ox_239 {
566
566
  border-radius: var(--radius-base);
567
567
  }
568
568
 
569
- ._toolbarButton_sects_239 + ._toolbarButton_sects_239 {
569
+ ._toolbarButton_1e2ox_239 + ._toolbarButton_1e2ox_239 {
570
570
  margin-left: var(--spacing-1);
571
571
  }
572
572
 
573
- ._activeToolbarButton_sects_275 {
573
+ ._activeToolbarButton_1e2ox_275 {
574
574
  color: var(--accentText);
575
575
  }
576
576
 
577
- ._toolbarToggleSingleGroup_sects_224 {
577
+ ._toolbarToggleSingleGroup_1e2ox_224 {
578
578
  display: flex;
579
579
  align-items: center;
580
580
  white-space: nowrap;
581
581
  }
582
582
 
583
- ._toolbarNodeKindSelectContainer_sects_285,
584
- ._toolbarButtonDropdownContainer_sects_286,
585
- ._toolbarCodeBlockLanguageSelectContent_sects_287,
586
- ._selectContainer_sects_288 {
583
+ ._toolbarNodeKindSelectContainer_1e2ox_285,
584
+ ._toolbarButtonDropdownContainer_1e2ox_286,
585
+ ._toolbarCodeBlockLanguageSelectContent_1e2ox_287,
586
+ ._selectContainer_1e2ox_288 {
587
587
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
588
588
  z-index: 3;
589
589
  width: var(--spacing-36);
@@ -593,17 +593,17 @@
593
593
  font-size: var(--text-sm);
594
594
  }
595
595
 
596
- ._toolbarButtonDropdownContainer_sects_286 {
596
+ ._toolbarButtonDropdownContainer_1e2ox_286 {
597
597
  border-top-right-radius: var(--radius-base);
598
598
  }
599
599
 
600
- ._toolbarButtonDropdownContainer_sects_286 ._selectItem_sects_301:first-child {
600
+ ._toolbarButtonDropdownContainer_1e2ox_286 ._selectItem_1e2ox_301:first-child {
601
601
  border-top-right-radius: var(--radius-base);
602
602
  }
603
603
 
604
- ._toolbarNodeKindSelectTrigger_sects_306,
605
- ._toolbarButtonSelectTrigger_sects_307,
606
- ._selectTrigger_sects_308 {
604
+ ._toolbarNodeKindSelectTrigger_1e2ox_306,
605
+ ._toolbarButtonSelectTrigger_1e2ox_307,
606
+ ._selectTrigger_1e2ox_308 {
607
607
  border: 0;
608
608
  background-color: transparent;
609
609
  display: flex;
@@ -620,62 +620,62 @@
620
620
  margin: 0 var(--spacing-1);
621
621
  }
622
622
 
623
- ._toolbarNodeKindSelectTrigger_sects_306[data-state='open'], ._toolbarButtonSelectTrigger_sects_307[data-state='open'], ._selectTrigger_sects_308[data-state='open'] {
623
+ ._toolbarNodeKindSelectTrigger_1e2ox_306[data-state='open'], ._toolbarButtonSelectTrigger_1e2ox_307[data-state='open'], ._selectTrigger_1e2ox_308[data-state='open'] {
624
624
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
625
625
  border-bottom-right-radius: var(--radius-none);
626
626
  border-bottom-left-radius: var(--radius-none);
627
627
  }
628
628
 
629
- ._selectTrigger_sects_308[data-placeholder] > span:first-child {
629
+ ._selectTrigger_1e2ox_308[data-placeholder] > span:first-child {
630
630
  color: var(--baseBorderHover);
631
631
  }
632
632
 
633
633
  /** used in the sandpack */
634
- ._toolbarButtonSelectTrigger_sects_307 {
634
+ ._toolbarButtonSelectTrigger_1e2ox_307 {
635
635
  width: auto;
636
636
  padding-inline-start: var(--spacing-2);
637
637
  padding-inline-end: var(--spacing-1);
638
638
  padding-block: var(--spacing-0_5);
639
639
  }
640
640
 
641
- ._toolbarCodeBlockLanguageSelectTrigger_sects_343,
642
- ._toolbarCodeBlockLanguageSelectContent_sects_287 {
641
+ ._toolbarCodeBlockLanguageSelectTrigger_1e2ox_343,
642
+ ._toolbarCodeBlockLanguageSelectContent_1e2ox_287 {
643
643
  width: var(--spacing-48);
644
644
  }
645
645
 
646
- ._toolbarNodeKindSelectItem_sects_348,
647
- ._selectItem_sects_301 {
646
+ ._toolbarNodeKindSelectItem_1e2ox_348,
647
+ ._selectItem_1e2ox_301 {
648
648
  cursor: default;
649
649
  display: flex;
650
650
  padding: var(--spacing-2);
651
651
  }
652
652
 
653
- ._toolbarNodeKindSelectItem_sects_348[data-highlighted], ._selectItem_sects_301[data-highlighted] {
653
+ ._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted], ._selectItem_1e2ox_301[data-highlighted] {
654
654
  background-color: var(--baseBg);
655
655
  }
656
656
 
657
- ._toolbarNodeKindSelectItem_sects_348[data-state='checked'], ._selectItem_sects_301[data-state='checked'] {
657
+ ._toolbarNodeKindSelectItem_1e2ox_348[data-state='checked'], ._selectItem_1e2ox_301[data-state='checked'] {
658
658
  color: var(--baseTextContrast);
659
659
  background-color: var(--baseBg);
660
660
  }
661
661
 
662
- ._toolbarNodeKindSelectItem_sects_348[data-highlighted], ._selectItem_sects_301[data-highlighted] {
662
+ ._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted], ._selectItem_1e2ox_301[data-highlighted] {
663
663
  outline: none;
664
664
  }
665
665
 
666
- ._toolbarNodeKindSelectItem_sects_348:last-child, ._selectItem_sects_301:last-child {
666
+ ._toolbarNodeKindSelectItem_1e2ox_348:last-child, ._selectItem_1e2ox_301:last-child {
667
667
  border-bottom-left-radius: var(--radius-base);
668
668
  border-bottom-right-radius: var(--radius-base);
669
669
  }
670
670
 
671
- ._toolbarNodeKindSelectDropdownArrow_sects_373,
672
- ._selectDropdownArrow_sects_374 {
671
+ ._toolbarNodeKindSelectDropdownArrow_1e2ox_373,
672
+ ._selectDropdownArrow_1e2ox_374 {
673
673
  margin-left: auto;
674
674
  display: flex;
675
675
  align-items: center;
676
676
  }
677
677
 
678
- ._contentEditable_sects_380 {
678
+ ._contentEditable_1e2ox_380 {
679
679
  box-sizing: border-box;
680
680
  width: 100%;
681
681
  color: var(--baseTextContrast);
@@ -683,11 +683,11 @@
683
683
  padding: var(--spacing-3);
684
684
  }
685
685
 
686
- ._contentEditable_sects_380:focus {
686
+ ._contentEditable_1e2ox_380:focus {
687
687
  outline: none;
688
688
  }
689
689
 
690
- ._codeMirrorWrapper_sects_392 {
690
+ ._codeMirrorWrapper_1e2ox_392 {
691
691
  margin-bottom: var(--spacing-5);
692
692
  border: 1px solid var(--baseLine);
693
693
  border-radius: var(--radius-medium);
@@ -696,7 +696,7 @@
696
696
  position: relative;
697
697
  }
698
698
 
699
- ._sandPackWrapper_sects_401 {
699
+ ._sandPackWrapper_1e2ox_401 {
700
700
  margin-bottom: var(--spacing-5);
701
701
  border: 1px solid var(--baseLine);
702
702
  border-radius: var(--radius-medium);
@@ -704,7 +704,7 @@
704
704
  position: relative;
705
705
  }
706
706
 
707
- ._codeMirrorToolbar_sects_409 {
707
+ ._codeMirrorToolbar_1e2ox_409 {
708
708
  position: absolute;
709
709
  right: 0;
710
710
  top: 0;
@@ -716,17 +716,17 @@
716
716
  border-bottom-left-radius: var(--radius-base);
717
717
  }
718
718
 
719
- ._frontmatterWrapper_sects_413 {
719
+ ._frontmatterWrapper_1e2ox_413 {
720
720
  border-radius: var(--radius-medium);
721
721
  padding: var(--spacing-3);
722
722
  background-color: var(--baseBgSubtle);
723
723
  }
724
724
 
725
- ._frontmatterWrapper_sects_413[data-expanded='true'] {
725
+ ._frontmatterWrapper_1e2ox_413[data-expanded='true'] {
726
726
  margin-bottom: var(--spacing-10);
727
727
  }
728
728
 
729
- ._frontmatterToggleButton_sects_423 {
729
+ ._frontmatterToggleButton_1e2ox_423 {
730
730
  border: 0;
731
731
  background-color: transparent;
732
732
  font-size: inherit;
@@ -742,7 +742,7 @@
742
742
  font-size: var(--text-sm);
743
743
  }
744
744
 
745
- ._propertyPanelTitle_sects_431 {
745
+ ._propertyPanelTitle_1e2ox_431 {
746
746
  font-size: var(--text-xs);
747
747
  font-weight: 400;
748
748
  margin: 0;
@@ -750,49 +750,49 @@
750
750
  padding-left: var(--spacing-2);
751
751
  }
752
752
 
753
- ._propertyEditorTable_sects_439 {
753
+ ._propertyEditorTable_1e2ox_439 {
754
754
  table-layout: fixed;
755
755
  border-spacing: var(--spacing-2);
756
756
  }
757
757
 
758
- ._propertyEditorTable_sects_439 th {
758
+ ._propertyEditorTable_1e2ox_439 th {
759
759
  text-align: left;
760
760
  font-size: var(--text-sm);
761
761
  padding: var(--spacing-2) var(--spacing-3);
762
762
  }
763
763
 
764
- ._propertyEditorTable_sects_439 col:nth-child(1) {
764
+ ._propertyEditorTable_1e2ox_439 col:nth-child(1) {
765
765
  width: 30%;
766
766
  }
767
767
 
768
- ._propertyEditorTable_sects_439 col:nth-child(2) {
768
+ ._propertyEditorTable_1e2ox_439 col:nth-child(2) {
769
769
  width: 70%;
770
770
  }
771
771
 
772
- ._propertyEditorTable_sects_439 td:last-child ._iconButton_sects_457 {
772
+ ._propertyEditorTable_1e2ox_439 td:last-child ._iconButton_1e2ox_457 {
773
773
  margin-left: var(--spacing-4);
774
774
  margin-right: var(--spacing-4);
775
775
  }
776
776
 
777
- ._propertyEditorTable_sects_439 ._readOnlyColumnCell_sects_462 {
777
+ ._propertyEditorTable_1e2ox_439 ._readOnlyColumnCell_1e2ox_462 {
778
778
  padding-left: 0;
779
779
  }
780
780
 
781
- ._propertyEditorLabelCell_sects_467 {
781
+ ._propertyEditorLabelCell_1e2ox_467 {
782
782
  font-weight: 400;
783
783
  }
784
784
 
785
- ._readOnlyColumnCell_sects_462 {
785
+ ._readOnlyColumnCell_1e2ox_462 {
786
786
  padding-left: 0;
787
787
  }
788
788
 
789
- ._buttonsFooter_sects_475 {
789
+ ._buttonsFooter_1e2ox_475 {
790
790
  display: flex;
791
791
  justify-content: flex-end;
792
792
  gap: var(--spacing-2);
793
793
  }
794
794
 
795
- ._propertyEditorInput_sects_481 {
795
+ ._propertyEditorInput_1e2ox_481 {
796
796
  border: 0;
797
797
  background-color: transparent;
798
798
  font-size: inherit;
@@ -810,7 +810,7 @@
810
810
  font-size: var(--text-sm);
811
811
  }
812
812
 
813
- ._iconButton_sects_457 {
813
+ ._iconButton_1e2ox_457 {
814
814
  border: 0;
815
815
  background-color: transparent;
816
816
  font-size: inherit;
@@ -824,18 +824,18 @@
824
824
  }
825
825
 
826
826
  @media (hover: hover) {
827
- ._iconButton_sects_457:hover {
827
+ ._iconButton_1e2ox_457:hover {
828
828
  color: var(--baseTextContrast);
829
829
  }
830
830
  }
831
831
 
832
- ._iconButton_sects_457:disabled,
833
- ._iconButton_sects_457:disabled:hover {
832
+ ._iconButton_1e2ox_457:disabled,
833
+ ._iconButton_1e2ox_457:disabled:hover {
834
834
  color: var(--baseLine);
835
835
  }
836
836
 
837
- ._primaryButton_sects_507,
838
- ._secondaryButton_sects_508 {
837
+ ._primaryButton_1e2ox_507,
838
+ ._secondaryButton_1e2ox_508 {
839
839
  border: 0;
840
840
  background-color: transparent;
841
841
  font-size: inherit;
@@ -853,30 +853,30 @@
853
853
  border-radius: var(--radius-medium);
854
854
  }
855
855
 
856
- ._primaryButton_sects_507:disabled, ._secondaryButton_sects_508:disabled {
856
+ ._primaryButton_1e2ox_507:disabled, ._secondaryButton_1e2ox_508:disabled {
857
857
  background: var(--accentLine);
858
858
  border-color: var(--accentBg);
859
859
  }
860
860
 
861
- ._smallButton_sects_523 {
861
+ ._smallButton_1e2ox_523 {
862
862
  font-size: var(--text-xs);
863
863
  padding: var(--spacing-1) var(--spacing-2);
864
864
  border-radius: var(--radius-base);
865
865
  }
866
866
 
867
- ._secondaryButton_sects_508 {
867
+ ._secondaryButton_1e2ox_508 {
868
868
  border: 1px solid var(--baseBorder);
869
869
  background-color: var(--baseSolidHover);
870
870
  color: var(--baseBase);
871
871
  }
872
872
 
873
- ._dialogForm_sects_535 {
873
+ ._dialogForm_1e2ox_535 {
874
874
  display: flex;
875
875
  flex-direction: row;
876
876
  gap: var(--spacing-2);
877
877
  }
878
878
 
879
- ._linkDialogEditForm_sects_541 {
879
+ ._linkDialogEditForm_1e2ox_541 {
880
880
  display: flex;
881
881
  flex-direction: column;
882
882
  align-items: stretch;
@@ -884,13 +884,13 @@
884
884
  padding: 0;
885
885
  }
886
886
 
887
- ._linkDialogInputContainer_sects_549 {
887
+ ._linkDialogInputContainer_1e2ox_549 {
888
888
  display: flex;
889
889
  flex-direction: column;
890
890
  align-items: stretch;
891
891
  }
892
892
 
893
- ._linkDialogInputWrapper_sects_555 {
893
+ ._linkDialogInputWrapper_1e2ox_555 {
894
894
  display: flex;
895
895
  align-items: center;
896
896
  background-color: var(--baseBase);
@@ -899,13 +899,13 @@
899
899
  border: 1px solid var(--baseBorder);
900
900
  }
901
901
 
902
- ._linkDialogInputWrapper_sects_555[data-visible-dropdown='true'] {
902
+ ._linkDialogInputWrapper_1e2ox_555[data-visible-dropdown='true'] {
903
903
  border-bottom-left-radius: var(--radius-none);
904
904
  border-bottom-right-radius: var(--radius-none);
905
905
  border-bottom-width: 0;
906
906
  }
907
907
 
908
- ._linkDialogInputWrapper_sects_555 > button {
908
+ ._linkDialogInputWrapper_1e2ox_555 > button {
909
909
  border: 0;
910
910
  background-color: transparent;
911
911
  font-size: inherit;
@@ -918,8 +918,8 @@
918
918
  padding-right: var(--spacing-2);
919
919
  }
920
920
 
921
- ._linkDialogInput_sects_549,
922
- ._dialogInput_sects_576 {
921
+ ._linkDialogInput_1e2ox_549,
922
+ ._dialogInput_1e2ox_576 {
923
923
  border: 0;
924
924
  background-color: transparent;
925
925
  font-size: inherit;
@@ -934,31 +934,31 @@
934
934
  font-size: var(--text-sm);
935
935
  }
936
936
 
937
- ._linkDialogInput_sects_549::-moz-placeholder, ._dialogInput_sects_576::-moz-placeholder {
937
+ ._linkDialogInput_1e2ox_549::-moz-placeholder, ._dialogInput_1e2ox_576::-moz-placeholder {
938
938
  color: var(--baseBorder);
939
939
  }
940
940
 
941
- ._linkDialogInput_sects_549::placeholder, ._dialogInput_sects_576::placeholder {
941
+ ._linkDialogInput_1e2ox_549::placeholder, ._dialogInput_1e2ox_576::placeholder {
942
942
  color: var(--baseBorder);
943
943
  }
944
944
 
945
- ._linkDialogAnchor_sects_587 {
945
+ ._linkDialogAnchor_1e2ox_587 {
946
946
  position: fixed;
947
947
  background-color: highlight;
948
948
  z-index: -1;
949
949
  }
950
950
 
951
- ._linkDialogAnchor_sects_587[data-visible='true'] {
951
+ ._linkDialogAnchor_1e2ox_587[data-visible='true'] {
952
952
  visibility: visible;
953
953
  }
954
954
 
955
- ._linkDialogAnchor_sects_587[data-visible='false'] {
955
+ ._linkDialogAnchor_1e2ox_587[data-visible='false'] {
956
956
  visibility: hidden;
957
957
  }
958
958
 
959
- ._linkDialogPopoverContent_sects_601,
960
- ._tableColumnEditorPopoverContent_sects_602,
961
- ._dialogContent_sects_603 {
959
+ ._linkDialogPopoverContent_1e2ox_601,
960
+ ._tableColumnEditorPopoverContent_1e2ox_602,
961
+ ._dialogContent_1e2ox_603 {
962
962
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
963
963
  display: flex;
964
964
  align-items: center;
@@ -970,7 +970,7 @@
970
970
  font-size: var(--text-sm);
971
971
  }
972
972
 
973
- ._largeDialogContent_sects_615 {
973
+ ._largeDialogContent_1e2ox_615 {
974
974
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
975
975
  gap: var(--spacing-0_5);
976
976
  border-radius: var(--radius-medium);
@@ -980,13 +980,13 @@
980
980
  font-size: var(--text-sm);
981
981
  }
982
982
 
983
- ._dialogTitle_sects_625 {
983
+ ._dialogTitle_1e2ox_625 {
984
984
  font-size: var(--text-base);
985
985
  font-weight: 600;
986
986
  padding-left: var(--spacing-2);
987
987
  }
988
988
 
989
- ._dialogCloseButton_sects_631 {
989
+ ._dialogCloseButton_1e2ox_631 {
990
990
  border: 0;
991
991
  background-color: transparent;
992
992
  font-size: inherit;
@@ -1001,7 +1001,7 @@
1001
1001
  right: 10px;
1002
1002
  }
1003
1003
 
1004
- ._popoverContent_sects_638 {
1004
+ ._popoverContent_1e2ox_638 {
1005
1005
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
1006
1006
  display: flex;
1007
1007
  align-items: center;
@@ -1013,11 +1013,11 @@
1013
1013
  z-index: 1;
1014
1014
  }
1015
1015
 
1016
- ._popoverArrow_sects_650 {
1016
+ ._popoverArrow_1e2ox_650 {
1017
1017
  fill: var(--basePageBg);
1018
1018
  }
1019
1019
 
1020
- ._linkDialogPreviewAnchor_sects_654 {
1020
+ ._linkDialogPreviewAnchor_1e2ox_654 {
1021
1021
  margin-right: var(--spacing-1);
1022
1022
  display: flex;
1023
1023
  align-items: center;
@@ -1028,23 +1028,23 @@
1028
1028
  }
1029
1029
 
1030
1030
  @media (hover: hover) {
1031
- ._linkDialogPreviewAnchor_sects_654:hover {
1031
+ ._linkDialogPreviewAnchor_1e2ox_654:hover {
1032
1032
  color: var(--accentSolidHover);
1033
1033
  }
1034
1034
  }
1035
1035
 
1036
- ._linkDialogPreviewAnchor_sects_654 span {
1036
+ ._linkDialogPreviewAnchor_1e2ox_654 span {
1037
1037
  max-width: 14rem;
1038
1038
  overflow-x: hidden;
1039
1039
  text-overflow: ellipsis;
1040
1040
  white-space: nowrap;
1041
1041
  }
1042
1042
 
1043
- ._tooltipTrigger_sects_677 {
1043
+ ._tooltipTrigger_1e2ox_677 {
1044
1044
  align-self: center;
1045
1045
  }
1046
1046
 
1047
- ._tooltipContent_sects_681 {
1047
+ ._tooltipContent_1e2ox_681 {
1048
1048
  z-index: 2;
1049
1049
  position: relative;
1050
1050
  border-radius: var(--radius-medium);
@@ -1054,11 +1054,11 @@
1054
1054
  color: var(--baseBase);
1055
1055
  }
1056
1056
 
1057
- ._tooltipContent_sects_681 svg {
1057
+ ._tooltipContent_1e2ox_681 svg {
1058
1058
  fill: var(--baseText);
1059
1059
  }
1060
1060
 
1061
- ._actionButton_sects_695 {
1061
+ ._actionButton_1e2ox_695 {
1062
1062
  border: 0;
1063
1063
  background-color: transparent;
1064
1064
  font-size: inherit;
@@ -1075,39 +1075,39 @@
1075
1075
  color: var(--baseTextContrast);
1076
1076
  }
1077
1077
 
1078
- ._actionButton_sects_695 svg {
1078
+ ._actionButton_1e2ox_695 svg {
1079
1079
  display: block;
1080
1080
  }
1081
1081
 
1082
1082
  @media (hover: hover) {
1083
- ._actionButton_sects_695:hover {
1083
+ ._actionButton_1e2ox_695:hover {
1084
1084
  background-color: var(--baseBg);
1085
1085
  }
1086
1086
  }
1087
1087
 
1088
- ._actionButton_sects_695:active svg {
1088
+ ._actionButton_1e2ox_695:active svg {
1089
1089
  transform: translate(1px, 1px);
1090
1090
  }
1091
1091
 
1092
- ._actionButton_sects_695[data-state='on'],
1093
- ._actionButton_sects_695:active {
1092
+ ._actionButton_1e2ox_695[data-state='on'],
1093
+ ._actionButton_1e2ox_695:active {
1094
1094
  background-color: var(--baseBg);
1095
1095
  color: var(--baseTextContrast);
1096
1096
  }
1097
1097
 
1098
- ._primaryActionButton_sects_702 {
1098
+ ._primaryActionButton_1e2ox_702 {
1099
1099
  background-color: var(--accentSolid);
1100
1100
  color: var(--baseBase);
1101
1101
  }
1102
1102
 
1103
1103
  @media (hover: hover) {
1104
- ._primaryActionButton_sects_702:hover {
1104
+ ._primaryActionButton_1e2ox_702:hover {
1105
1105
  background-color: var(--accentSolidHover);
1106
1106
  color: var(--baseBase);
1107
1107
  }
1108
1108
  }
1109
1109
 
1110
- ._tableEditor_sects_714 {
1110
+ ._tableEditor_1e2ox_714 {
1111
1111
  table-layout: fixed;
1112
1112
  width: 100%;
1113
1113
  height: 100%;
@@ -1115,61 +1115,61 @@
1115
1115
  border-collapse: collapse;
1116
1116
  }
1117
1117
 
1118
- ._tableEditor_sects_714 thead > tr > th {
1118
+ ._tableEditor_1e2ox_714 thead > tr > th {
1119
1119
  text-align: right;
1120
1120
  }
1121
1121
 
1122
- ._tableEditor_sects_714 > tbody > tr > td:not(._toolCell_sects_725),
1123
- ._tableEditor_sects_714 > tbody > tr > th:not(._toolCell_sects_725):not([data-tool-cell='true']) {
1122
+ ._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),
1123
+ ._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true']) {
1124
1124
  border: 1px solid var(--baseBgActive);
1125
1125
  padding: var(--spacing-1) var(--spacing-2);
1126
1126
  white-space: normal;
1127
1127
  }
1128
1128
 
1129
- :is(._tableEditor_sects_714 > tbody > tr > td:not(._toolCell_sects_725),._tableEditor_sects_714 > tbody > tr > th:not(._toolCell_sects_725):not([data-tool-cell='true'])) > div {
1129
+ :is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) > div {
1130
1130
  outline: none;
1131
1131
  }
1132
1132
 
1133
- :is(._tableEditor_sects_714 > tbody > tr > td:not(._toolCell_sects_725),._tableEditor_sects_714 > tbody > tr > th:not(._toolCell_sects_725):not([data-tool-cell='true'])) > div > p {
1133
+ :is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) > div > p {
1134
1134
  margin: 0;
1135
1135
  }
1136
1136
 
1137
- [data-active='true']:is(._tableEditor_sects_714 > tbody > tr > td:not(._toolCell_sects_725),._tableEditor_sects_714 > tbody > tr > th:not(._toolCell_sects_725):not([data-tool-cell='true'])) {
1137
+ [data-active='true']:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) {
1138
1138
  outline: solid 1px var(--baseSolid);
1139
1139
  }
1140
1140
 
1141
- ._tableEditor_sects_714 ._tableColumnEditorTrigger_sects_744,
1142
- ._tableEditor_sects_714 ._tableRowEditorTrigger_sects_745,
1143
- ._tableEditor_sects_714 ._addRowButton_sects_746,
1144
- ._tableEditor_sects_714 ._addColumnButton_sects_747,
1145
- ._tableEditor_sects_714 ._iconButton_sects_457 {
1141
+ ._tableEditor_1e2ox_714 ._tableColumnEditorTrigger_1e2ox_744,
1142
+ ._tableEditor_1e2ox_714 ._tableRowEditorTrigger_1e2ox_745,
1143
+ ._tableEditor_1e2ox_714 ._addRowButton_1e2ox_746,
1144
+ ._tableEditor_1e2ox_714 ._addColumnButton_1e2ox_747,
1145
+ ._tableEditor_1e2ox_714 ._iconButton_1e2ox_457 {
1146
1146
  opacity: 0.15;
1147
1147
  }
1148
1148
 
1149
1149
  @media (hover: hover) {
1150
- ._tableEditor_sects_714:hover ._tableColumnEditorTrigger_sects_744,
1151
- ._tableEditor_sects_714:hover ._tableRowEditorTrigger_sects_745,
1152
- ._tableEditor_sects_714:hover ._addRowButton_sects_746,
1153
- ._tableEditor_sects_714:hover ._addColumnButton_sects_747,
1154
- ._tableEditor_sects_714:hover ._iconButton_sects_457 {
1150
+ ._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744,
1151
+ ._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745,
1152
+ ._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746,
1153
+ ._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747,
1154
+ ._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457 {
1155
1155
  opacity: 0.3;
1156
1156
  }
1157
1157
 
1158
- ._tableEditor_sects_714:hover ._tableColumnEditorTrigger_sects_744:hover, ._tableEditor_sects_714:hover ._tableRowEditorTrigger_sects_745:hover, ._tableEditor_sects_714:hover ._addRowButton_sects_746:hover, ._tableEditor_sects_714:hover ._addColumnButton_sects_747:hover, ._tableEditor_sects_714:hover ._iconButton_sects_457:hover {
1158
+ ._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744:hover, ._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745:hover, ._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746:hover, ._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747:hover, ._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457:hover {
1159
1159
  opacity: 1;
1160
1160
  }
1161
1161
  }
1162
1162
 
1163
- ._toolCell_sects_725 {
1163
+ ._toolCell_1e2ox_725 {
1164
1164
  text-align: right;
1165
1165
  }
1166
1166
 
1167
- ._toolCell_sects_725 button {
1167
+ ._toolCell_1e2ox_725 button {
1168
1168
  margin: auto;
1169
1169
  display: block;
1170
1170
  }
1171
1171
 
1172
- ._tableColumnEditorTrigger_sects_744 {
1172
+ ._tableColumnEditorTrigger_1e2ox_744 {
1173
1173
  border: 0;
1174
1174
  background-color: transparent;
1175
1175
  font-size: inherit;
@@ -1186,35 +1186,35 @@
1186
1186
  opacity: 0.2;
1187
1187
  }
1188
1188
 
1189
- ._tableColumnEditorTrigger_sects_744 svg {
1189
+ ._tableColumnEditorTrigger_1e2ox_744 svg {
1190
1190
  display: block;
1191
1191
  }
1192
1192
 
1193
1193
  @media (hover: hover) {
1194
- ._tableColumnEditorTrigger_sects_744:hover {
1194
+ ._tableColumnEditorTrigger_1e2ox_744:hover {
1195
1195
  background-color: var(--baseBg);
1196
1196
  }
1197
1197
  }
1198
1198
 
1199
- ._tableColumnEditorTrigger_sects_744:active svg {
1199
+ ._tableColumnEditorTrigger_1e2ox_744:active svg {
1200
1200
  transform: translate(1px, 1px);
1201
1201
  }
1202
1202
 
1203
- ._tableColumnEditorTrigger_sects_744[data-state='on'],
1204
- ._tableColumnEditorTrigger_sects_744:active {
1203
+ ._tableColumnEditorTrigger_1e2ox_744[data-state='on'],
1204
+ ._tableColumnEditorTrigger_1e2ox_744:active {
1205
1205
  background-color: var(--baseBg);
1206
1206
  color: var(--baseTextContrast);
1207
1207
  }
1208
1208
 
1209
- ._tableColumnEditorTrigger_sects_744[data-active='true'] {
1209
+ ._tableColumnEditorTrigger_1e2ox_744[data-active='true'] {
1210
1210
  opacity: 1 !important;
1211
1211
  }
1212
1212
 
1213
- ._tableColumnEditorToolbar_sects_789 {
1213
+ ._tableColumnEditorToolbar_1e2ox_789 {
1214
1214
  display: flex;
1215
1215
  }
1216
1216
 
1217
- ._tableColumnEditorToolbar_sects_789 > button {
1217
+ ._tableColumnEditorToolbar_1e2ox_789 > button {
1218
1218
  border: 0;
1219
1219
  background-color: transparent;
1220
1220
  font-size: inherit;
@@ -1228,36 +1228,36 @@
1228
1228
  color: var(--baseTextContrast);
1229
1229
  }
1230
1230
 
1231
- ._tableColumnEditorToolbar_sects_789 > button svg {
1231
+ ._tableColumnEditorToolbar_1e2ox_789 > button svg {
1232
1232
  display: block;
1233
1233
  }
1234
1234
 
1235
1235
  @media (hover: hover) {
1236
- ._tableColumnEditorToolbar_sects_789 > button:hover {
1236
+ ._tableColumnEditorToolbar_1e2ox_789 > button:hover {
1237
1237
  background-color: var(--baseBg);
1238
1238
  }
1239
1239
  }
1240
1240
 
1241
- ._tableColumnEditorToolbar_sects_789 > button:active svg {
1241
+ ._tableColumnEditorToolbar_1e2ox_789 > button:active svg {
1242
1242
  transform: translate(1px, 1px);
1243
1243
  }
1244
1244
 
1245
- ._tableColumnEditorToolbar_sects_789 > button[data-state='on'],
1246
- ._tableColumnEditorToolbar_sects_789 > button:active {
1245
+ ._tableColumnEditorToolbar_1e2ox_789 > button[data-state='on'],
1246
+ ._tableColumnEditorToolbar_1e2ox_789 > button:active {
1247
1247
  background-color: var(--baseBg);
1248
1248
  color: var(--baseTextContrast);
1249
1249
  }
1250
1250
 
1251
- ._tableColumnEditorToolbar_sects_789 [role='separator'] {
1251
+ ._tableColumnEditorToolbar_1e2ox_789 [role='separator'] {
1252
1252
  margin-left: var(--spacing-1);
1253
1253
  margin-right: var(--spacing-1);
1254
1254
  }
1255
1255
 
1256
- ._toggleGroupRoot_sects_802 {
1256
+ ._toggleGroupRoot_1e2ox_802 {
1257
1257
  display: inline-flex;
1258
1258
  }
1259
1259
 
1260
- ._toggleGroupRoot_sects_802 button {
1260
+ ._toggleGroupRoot_1e2ox_802 button {
1261
1261
  border: 0;
1262
1262
  background-color: transparent;
1263
1263
  font-size: inherit;
@@ -1271,59 +1271,59 @@
1271
1271
  color: var(--baseTextContrast);
1272
1272
  }
1273
1273
 
1274
- ._toggleGroupRoot_sects_802 button svg {
1274
+ ._toggleGroupRoot_1e2ox_802 button svg {
1275
1275
  display: block;
1276
1276
  }
1277
1277
 
1278
1278
  @media (hover: hover) {
1279
- ._toggleGroupRoot_sects_802 button:hover {
1279
+ ._toggleGroupRoot_1e2ox_802 button:hover {
1280
1280
  background-color: var(--baseBg);
1281
1281
  }
1282
1282
  }
1283
1283
 
1284
- ._toggleGroupRoot_sects_802 button:active svg {
1284
+ ._toggleGroupRoot_1e2ox_802 button:active svg {
1285
1285
  transform: translate(1px, 1px);
1286
1286
  }
1287
1287
 
1288
- ._toggleGroupRoot_sects_802 button[data-state='on'],
1289
- ._toggleGroupRoot_sects_802 button:active {
1288
+ ._toggleGroupRoot_1e2ox_802 button[data-state='on'],
1289
+ ._toggleGroupRoot_1e2ox_802 button:active {
1290
1290
  background-color: var(--baseBg);
1291
1291
  color: var(--baseTextContrast);
1292
1292
  }
1293
1293
 
1294
- ._toggleGroupRoot_sects_802 button:first-child {
1294
+ ._toggleGroupRoot_1e2ox_802 button:first-child {
1295
1295
  border-top-left-radius: var(--radius-base);
1296
1296
  border-bottom-left-radius: var(--radius-base);
1297
1297
  }
1298
1298
 
1299
- ._toggleGroupRoot_sects_802 button:last-child {
1299
+ ._toggleGroupRoot_1e2ox_802 button:last-child {
1300
1300
  border-top-right-radius: var(--radius-base);
1301
1301
  border-bottom-right-radius: var(--radius-base);
1302
1302
  }
1303
1303
 
1304
- ._tableToolsColumn_sects_820 {
1304
+ ._tableToolsColumn_1e2ox_820 {
1305
1305
  width: 2rem;
1306
1306
  }
1307
1307
 
1308
- ._tableToolsColumn_sects_820 button {
1308
+ ._tableToolsColumn_1e2ox_820 button {
1309
1309
  margin: auto;
1310
1310
  display: block;
1311
1311
  }
1312
1312
 
1313
- ._leftAlignedCell_sects_829 {
1313
+ ._leftAlignedCell_1e2ox_829 {
1314
1314
  text-align: left;
1315
1315
  }
1316
1316
 
1317
- ._rightAlignedCell_sects_833 {
1317
+ ._rightAlignedCell_1e2ox_833 {
1318
1318
  text-align: right;
1319
1319
  }
1320
1320
 
1321
- ._centeredCell_sects_837 {
1321
+ ._centeredCell_1e2ox_837 {
1322
1322
  text-align: center;
1323
1323
  }
1324
1324
 
1325
- ._addColumnButton_sects_747,
1326
- ._addRowButton_sects_746 {
1325
+ ._addColumnButton_1e2ox_747,
1326
+ ._addRowButton_1e2ox_746 {
1327
1327
  border: 0;
1328
1328
  background-color: transparent;
1329
1329
  font-size: inherit;
@@ -1341,33 +1341,33 @@
1341
1341
  align-items: center;
1342
1342
  }
1343
1343
 
1344
- ._addColumnButton_sects_747 svg, ._addRowButton_sects_746 svg {
1344
+ ._addColumnButton_1e2ox_747 svg, ._addRowButton_1e2ox_746 svg {
1345
1345
  display: block;
1346
1346
  }
1347
1347
 
1348
1348
  @media (hover: hover) {
1349
- ._addColumnButton_sects_747:hover, ._addRowButton_sects_746:hover {
1349
+ ._addColumnButton_1e2ox_747:hover, ._addRowButton_1e2ox_746:hover {
1350
1350
  background-color: var(--baseBg);
1351
1351
  }
1352
1352
  }
1353
1353
 
1354
- ._addColumnButton_sects_747:active svg, ._addRowButton_sects_746:active svg {
1354
+ ._addColumnButton_1e2ox_747:active svg, ._addRowButton_1e2ox_746:active svg {
1355
1355
  transform: translate(1px, 1px);
1356
1356
  }
1357
1357
 
1358
- ._addColumnButton_sects_747[data-state='on'],
1359
- ._addRowButton_sects_746[data-state='on'],
1360
- ._addColumnButton_sects_747:active,
1361
- ._addRowButton_sects_746:active {
1358
+ ._addColumnButton_1e2ox_747[data-state='on'],
1359
+ ._addRowButton_1e2ox_746[data-state='on'],
1360
+ ._addColumnButton_1e2ox_747:active,
1361
+ ._addRowButton_1e2ox_746:active {
1362
1362
  background-color: var(--baseBg);
1363
1363
  color: var(--baseTextContrast);
1364
1364
  }
1365
1365
 
1366
- ._addColumnButton_sects_747 svg, ._addRowButton_sects_746 svg {
1366
+ ._addColumnButton_1e2ox_747 svg, ._addRowButton_1e2ox_746 svg {
1367
1367
  margin: auto;
1368
1368
  }
1369
1369
 
1370
- ._addRowButton_sects_746 {
1370
+ ._addRowButton_1e2ox_746 {
1371
1371
  width: 100%;
1372
1372
  margin-top: var(--spacing-px);
1373
1373
  box-sizing: border-box;
@@ -1375,7 +1375,7 @@
1375
1375
  border-bottom-left-radius: var(--radius-medium);
1376
1376
  }
1377
1377
 
1378
- ._addColumnButton_sects_747 {
1378
+ ._addColumnButton_1e2ox_747 {
1379
1379
  margin-left: var(--spacing-px);
1380
1380
  height: 100%;
1381
1381
  border-top-right-radius: var(--radius-medium);
@@ -1383,31 +1383,31 @@
1383
1383
  }
1384
1384
 
1385
1385
  /** Dialog */
1386
- ._dialogOverlay_sects_870 {
1386
+ ._dialogOverlay_1e2ox_870 {
1387
1387
  position: fixed;
1388
1388
  inset: 0;
1389
- animation: _overlayShow_sects_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1389
+ animation: _overlayShow_1e2ox_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1390
1390
  background-color: var(--baseBase);
1391
1391
  z-index: 51;
1392
1392
  opacity: 0.5;
1393
1393
  }
1394
1394
 
1395
- ._dialogContent_sects_603,
1396
- ._largeDialogContent_sects_615 {
1395
+ ._dialogContent_1e2ox_603,
1396
+ ._largeDialogContent_1e2ox_615 {
1397
1397
  position: fixed;
1398
1398
  top: 50%;
1399
1399
  left: 50%;
1400
1400
  transform: translate(-50%, -50%);
1401
- animation: _contentShow_sects_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1401
+ animation: _contentShow_1e2ox_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1402
1402
  z-index: 52;
1403
1403
  }
1404
1404
 
1405
- ._dialogContent_sects_603:focus,
1406
- ._largeDialogContent_sects_615:focus {
1405
+ ._dialogContent_1e2ox_603:focus,
1406
+ ._largeDialogContent_1e2ox_615:focus {
1407
1407
  outline: none;
1408
1408
  }
1409
1409
 
1410
- @keyframes _overlayShow_sects_1 {
1410
+ @keyframes _overlayShow_1e2ox_1 {
1411
1411
  from {
1412
1412
  opacity: 0;
1413
1413
  }
@@ -1417,7 +1417,7 @@
1417
1417
  }
1418
1418
  }
1419
1419
 
1420
- @keyframes _contentShow_sects_1 {
1420
+ @keyframes _contentShow_1e2ox_1 {
1421
1421
  from {
1422
1422
  opacity: 0;
1423
1423
  transform: translate(-50%, -48%) scale(0.96);
@@ -1429,23 +1429,23 @@
1429
1429
  }
1430
1430
  }
1431
1431
 
1432
- ._focusedImage_sects_916 {
1432
+ ._focusedImage_1e2ox_916 {
1433
1433
  outline: highlight solid 2px;
1434
1434
  }
1435
1435
 
1436
- ._imageWrapper_sects_920 {
1436
+ ._imageWrapper_1e2ox_920 {
1437
1437
  display: inline-block;
1438
1438
  position: relative;
1439
1439
  }
1440
1440
 
1441
- ._imageWrapper_sects_920[draggable='true'] {
1441
+ ._imageWrapper_1e2ox_920[draggable='true'] {
1442
1442
  cursor: move;
1443
1443
  /* fallback if grab cursor is unsupported */
1444
1444
  cursor: grab;
1445
1445
  cursor: -webkit-grab;
1446
1446
  }
1447
1447
 
1448
- ._editImageToolbar_sects_933 {
1448
+ ._editImageToolbar_1e2ox_933 {
1449
1449
  position: absolute;
1450
1450
  right: 0;
1451
1451
  top: 0;
@@ -1457,11 +1457,11 @@
1457
1457
  border-bottom-left-radius: var(--radius-base);
1458
1458
  }
1459
1459
 
1460
- ._editImageButton_sects_937 svg {
1460
+ ._editImageButton_1e2ox_937 svg {
1461
1461
  display: block;
1462
1462
  }
1463
1463
 
1464
- ._inlineEditor_sects_943 {
1464
+ ._inlineEditor_1e2ox_943 {
1465
1465
  display: inline-flex;
1466
1466
  border-radius: var(--radius-medium);
1467
1467
  padding: var(--spacing-1);
@@ -1470,7 +1470,7 @@
1470
1470
  background: var(--baseBg);
1471
1471
  }
1472
1472
 
1473
- ._blockEditor_sects_952 {
1473
+ ._blockEditor_1e2ox_952 {
1474
1474
  display: flex;
1475
1475
  justify-content: stretch;
1476
1476
  border-radius: var(--radius-medium);
@@ -1480,31 +1480,31 @@
1480
1480
  background: var(--baseBg);
1481
1481
  }
1482
1482
 
1483
- ._blockEditor_sects_952 ._nestedEditor_sects_961 {
1483
+ ._blockEditor_1e2ox_952 ._nestedEditor_1e2ox_961 {
1484
1484
  flex-grow: 1;
1485
1485
  }
1486
1486
 
1487
- ._nestedEditor_sects_961 {
1487
+ ._nestedEditor_1e2ox_961 {
1488
1488
  background: var(--basePageBg);
1489
1489
  padding: var(--spacing-1) var(--spacing-2);
1490
1490
  border-radius: var(--radius-medium);
1491
1491
  }
1492
1492
 
1493
- ._nestedEditor_sects_961 > p {
1493
+ ._nestedEditor_1e2ox_961 > p {
1494
1494
  margin: 0;
1495
1495
  }
1496
1496
 
1497
- ._nestedEditor_sects_961:focus {
1497
+ ._nestedEditor_1e2ox_961:focus {
1498
1498
  outline: none;
1499
1499
  }
1500
1500
 
1501
- ._genericComponentName_sects_980 {
1501
+ ._genericComponentName_1e2ox_980 {
1502
1502
  font-size: var(--text-sm);
1503
1503
  color: var(--baseText);
1504
1504
  padding-right: var(--spacing-2);
1505
1505
  }
1506
1506
 
1507
- ._diffSourceToggleWrapper_sects_986 {
1507
+ ._diffSourceToggleWrapper_1e2ox_986 {
1508
1508
  margin-left: auto;
1509
1509
  pointer-events: auto;
1510
1510
  opacity: 1;
@@ -1512,49 +1512,49 @@
1512
1512
  right: 0;
1513
1513
  }
1514
1514
 
1515
- ._ggDiffSourceToggle_sects_994 {
1515
+ ._ggDiffSourceToggle_1e2ox_994 {
1516
1516
  }
1517
1517
 
1518
- ._diffSourceToggle_sects_986 {
1518
+ ._diffSourceToggle_1e2ox_986 {
1519
1519
  border-radius: var(--radius-medium);
1520
1520
  background-color: var(--baseBase);
1521
1521
  display: flex;
1522
1522
  }
1523
1523
 
1524
- ._diffSourceToggle_sects_986 ._toolbarToggleItem_sects_208 {
1524
+ ._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208 {
1525
1525
  padding: 0;
1526
1526
  }
1527
1527
 
1528
- ._diffSourceToggle_sects_986 ._toolbarToggleItem_sects_208 > span {
1528
+ ._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208 > span {
1529
1529
  display: block;
1530
1530
  padding: var(--spacing-1) var(--spacing-1);
1531
1531
  }
1532
1532
 
1533
- ._selectWithLabel_sects_1012 {
1533
+ ._selectWithLabel_1e2ox_1012 {
1534
1534
  display: flex;
1535
1535
  align-items: center;
1536
1536
  gap: var(--spacing-2);
1537
1537
  margin-left: var(--spacing-2);
1538
1538
  }
1539
1539
 
1540
- ._selectWithLabel_sects_1012 > label {
1540
+ ._selectWithLabel_1e2ox_1012 > label {
1541
1541
  font-size: var(--text-sm);
1542
1542
  }
1543
1543
 
1544
- ._selectWithLabel_sects_1012 ._selectTrigger_sects_308 {
1544
+ ._selectWithLabel_1e2ox_1012 ._selectTrigger_1e2ox_308 {
1545
1545
  border: 1px solid var(--baseBorder);
1546
1546
  }
1547
1547
 
1548
- ._toolbarTitleMode_sects_1027 {
1548
+ ._toolbarTitleMode_1e2ox_1027 {
1549
1549
  font-size: var(--text-sm);
1550
1550
  margin-left: var(--spacing-2);
1551
1551
  }
1552
1552
 
1553
- ._imageControlWrapperResizing_sects_1032 {
1553
+ ._imageControlWrapperResizing_1e2ox_1032 {
1554
1554
  touch-action: none;
1555
1555
  }
1556
1556
 
1557
- ._imageResizer_sects_1036 {
1557
+ ._imageResizer_1e2ox_1036 {
1558
1558
  display: block;
1559
1559
  width: 7px;
1560
1560
  height: 7px;
@@ -1563,55 +1563,55 @@
1563
1563
  border: 1px solid var(--baseBg);
1564
1564
  }
1565
1565
 
1566
- ._imageResizer_sects_1036._imageResizerN_sects_1045 {
1566
+ ._imageResizer_1e2ox_1036._imageResizerN_1e2ox_1045 {
1567
1567
  top: -6px;
1568
1568
  left: 48%;
1569
1569
  cursor: n-resize;
1570
1570
  }
1571
1571
 
1572
- ._imageResizer_sects_1036._imageResizerNe_sects_1051 {
1572
+ ._imageResizer_1e2ox_1036._imageResizerNe_1e2ox_1051 {
1573
1573
  top: -6px;
1574
1574
  right: -6px;
1575
1575
  cursor: ne-resize;
1576
1576
  }
1577
1577
 
1578
- ._imageResizer_sects_1036._imageResizerE_sects_1057 {
1578
+ ._imageResizer_1e2ox_1036._imageResizerE_1e2ox_1057 {
1579
1579
  bottom: 48%;
1580
1580
  right: -6px;
1581
1581
  cursor: e-resize;
1582
1582
  }
1583
1583
 
1584
- ._imageResizer_sects_1036._imageResizerSe_sects_1063 {
1584
+ ._imageResizer_1e2ox_1036._imageResizerSe_1e2ox_1063 {
1585
1585
  bottom: -2px;
1586
1586
  right: -6px;
1587
1587
  cursor: nwse-resize;
1588
1588
  }
1589
1589
 
1590
- ._imageResizer_sects_1036._imageResizerS_sects_1063 {
1590
+ ._imageResizer_1e2ox_1036._imageResizerS_1e2ox_1063 {
1591
1591
  bottom: -2px;
1592
1592
  left: 48%;
1593
1593
  cursor: s-resize;
1594
1594
  }
1595
1595
 
1596
- ._imageResizer_sects_1036._imageResizerSw_sects_1075 {
1596
+ ._imageResizer_1e2ox_1036._imageResizerSw_1e2ox_1075 {
1597
1597
  bottom: -2px;
1598
1598
  left: -6px;
1599
1599
  cursor: sw-resize;
1600
1600
  }
1601
1601
 
1602
- ._imageResizer_sects_1036._imageResizerW_sects_1081 {
1602
+ ._imageResizer_1e2ox_1036._imageResizerW_1e2ox_1081 {
1603
1603
  bottom: 48%;
1604
1604
  left: -6px;
1605
1605
  cursor: w-resize;
1606
1606
  }
1607
1607
 
1608
- ._imageResizer_sects_1036._imageResizerNw_sects_1087 {
1608
+ ._imageResizer_1e2ox_1036._imageResizerNw_1e2ox_1087 {
1609
1609
  top: -6px;
1610
1610
  left: -6px;
1611
1611
  cursor: nw-resize;
1612
1612
  }
1613
1613
 
1614
- ._imagePlaceholder_sects_1093 {
1614
+ ._imagePlaceholder_1e2ox_1093 {
1615
1615
  border: 2px dashed;
1616
1616
  padding: 48px;
1617
1617
  margin: 12px;
@@ -1621,7 +1621,12 @@
1621
1621
  height: fit-content;
1622
1622
  }
1623
1623
 
1624
- ._placeholder_sects_1101 {
1624
+ ._imageDimensionsContainer_1e2ox_1101 {
1625
+ display: flex;
1626
+ gap: var(--spacing-4);
1627
+ }
1628
+
1629
+ ._placeholder_1e2ox_1106 {
1625
1630
  color: var(--baseSolid);
1626
1631
  overflow: hidden;
1627
1632
  position: absolute;
@@ -1636,17 +1641,17 @@
1636
1641
  pointer-events: none;
1637
1642
  }
1638
1643
 
1639
- ._rootContentEditableWrapper_sects_1114 {
1644
+ ._rootContentEditableWrapper_1e2ox_1119 {
1640
1645
  position: relative;
1641
1646
  }
1642
1647
 
1643
- ._downshiftContainer_sects_1118 {
1648
+ ._downshiftContainer_1e2ox_1123 {
1644
1649
  display: flex;
1645
1650
  flex-direction: column;
1646
1651
  align-items: stretch;
1647
1652
  }
1648
1653
 
1649
- ._downshiftInputWrapper_sects_1124 {
1654
+ ._downshiftInputWrapper_1e2ox_1129 {
1650
1655
  display: flex;
1651
1656
  align-items: center;
1652
1657
  background-color: var(--baseBase);
@@ -1655,13 +1660,13 @@
1655
1660
  border: 1px solid var(--baseBorder);
1656
1661
  }
1657
1662
 
1658
- ._downshiftInputWrapper_sects_1124[data-visible-dropdown='true'] {
1663
+ ._downshiftInputWrapper_1e2ox_1129[data-visible-dropdown='true'] {
1659
1664
  border-bottom-left-radius: var(--radius-none);
1660
1665
  border-bottom-right-radius: var(--radius-none);
1661
1666
  border-bottom-width: 0;
1662
1667
  }
1663
1668
 
1664
- ._downshiftInputWrapper_sects_1124 > button {
1669
+ ._downshiftInputWrapper_1e2ox_1129 > button {
1665
1670
  border: 0;
1666
1671
  background-color: transparent;
1667
1672
  font-size: inherit;
@@ -1674,7 +1679,7 @@
1674
1679
  padding-right: var(--spacing-2);
1675
1680
  }
1676
1681
 
1677
- ._downshiftInput_sects_1124 {
1682
+ ._downshiftInput_1e2ox_1129 {
1678
1683
  border: 0;
1679
1684
  background-color: transparent;
1680
1685
  font-size: inherit;
@@ -1689,19 +1694,19 @@
1689
1694
  font-size: var(--text-sm);
1690
1695
  }
1691
1696
 
1692
- ._downshiftInput_sects_1124::-moz-placeholder {
1697
+ ._downshiftInput_1e2ox_1129::-moz-placeholder {
1693
1698
  color: var(--baseBorder);
1694
1699
  }
1695
1700
 
1696
- ._downshiftInput_sects_1124::placeholder {
1701
+ ._downshiftInput_1e2ox_1129::placeholder {
1697
1702
  color: var(--baseBorder);
1698
1703
  }
1699
1704
 
1700
- ._downshiftAutocompleteContainer_sects_1155 {
1705
+ ._downshiftAutocompleteContainer_1e2ox_1160 {
1701
1706
  position: relative;
1702
1707
  }
1703
1708
 
1704
- ._downshiftAutocompleteContainer_sects_1155 ul {
1709
+ ._downshiftAutocompleteContainer_1e2ox_1160 ul {
1705
1710
  all: unset;
1706
1711
  box-sizing: border-box;
1707
1712
  position: absolute;
@@ -1718,11 +1723,11 @@
1718
1723
  background-color: var(--baseBase);
1719
1724
  }
1720
1725
 
1721
- ._downshiftAutocompleteContainer_sects_1155 ul[data-visible='true'] {
1726
+ ._downshiftAutocompleteContainer_1e2ox_1160 ul[data-visible='true'] {
1722
1727
  display: block;
1723
1728
  }
1724
1729
 
1725
- ._downshiftAutocompleteContainer_sects_1155 ul li {
1730
+ ._downshiftAutocompleteContainer_1e2ox_1160 ul li {
1726
1731
  padding: var(--spacing-2) var(--spacing-3);
1727
1732
  white-space: nowrap;
1728
1733
  margin-bottom: var(--spacing-1);
@@ -1730,20 +1735,20 @@
1730
1735
  text-overflow: ellipsis;
1731
1736
  }
1732
1737
 
1733
- ._downshiftAutocompleteContainer_sects_1155 ul li[data-selected='true'] {
1738
+ ._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-selected='true'] {
1734
1739
  background-color: var(--baseBgSubtle);
1735
1740
  }
1736
1741
 
1737
- ._downshiftAutocompleteContainer_sects_1155 ul li[data-highlighted='true'] {
1742
+ ._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-highlighted='true'] {
1738
1743
  background-color: var(--baseBgHover);
1739
1744
  }
1740
1745
 
1741
- ._downshiftAutocompleteContainer_sects_1155 ul li:last-of-type {
1746
+ ._downshiftAutocompleteContainer_1e2ox_1160 ul li:last-of-type {
1742
1747
  border-bottom-left-radius: var(--radius-medium);
1743
1748
  border-bottom-right-radius: var(--radius-medium);
1744
1749
  }
1745
1750
 
1746
- ._textInput_sects_1201 {
1751
+ ._textInput_1e2ox_1206 {
1747
1752
  all: unset;
1748
1753
  border-radius: var(--radius-base);
1749
1754
  border: 1px solid var(--baseBorder);
@@ -1751,24 +1756,24 @@
1751
1756
  padding: var(--spacing-2) var(--spacing-3);
1752
1757
  }
1753
1758
 
1754
- form._multiFieldForm_sects_1209 {
1759
+ form._multiFieldForm_1e2ox_1214 {
1755
1760
  display: flex;
1756
1761
  flex-direction: column;
1757
1762
  padding: var(--spacing-2);
1758
1763
  gap: var(--spacing-2);
1759
1764
  }
1760
1765
 
1761
- form._multiFieldForm_sects_1209 ._formField_sects_1215 {
1766
+ form._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 {
1762
1767
  display: flex;
1763
1768
  flex-direction: column;
1764
1769
  gap: var(--spacing-2);
1765
1770
  }
1766
1771
 
1767
- form._multiFieldForm_sects_1209 ._formField_sects_1215 label {
1772
+ form._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 label {
1768
1773
  font-size: var(--text-xs);
1769
1774
  }
1770
1775
 
1771
- ._markdownParseError_sects_1226 {
1776
+ ._markdownParseError_1e2ox_1231 {
1772
1777
  border-radius: var(--radius-base);
1773
1778
  border: 1px solid var(--error-color);
1774
1779
  padding: var(--spacing-2);
@@ -1777,20 +1782,20 @@ form._multiFieldForm_sects_1209 ._formField_sects_1215 label {
1777
1782
  font-size: var(--text-xs);
1778
1783
  }
1779
1784
 
1780
- ._popupContainer_sects_1235 {
1785
+ ._popupContainer_1e2ox_1240 {
1781
1786
  position: relative;
1782
1787
  z-index: 2;
1783
1788
  }
1784
1789
 
1785
- ._inputSizer_sects_1240 {
1790
+ ._inputSizer_1e2ox_1245 {
1786
1791
  display: inline-grid;
1787
1792
  vertical-align: baseline;
1788
1793
  align-items: center;
1789
1794
  position: relative;
1790
1795
  }
1791
1796
 
1792
- ._inputSizer_sects_1240::after,
1793
- ._inputSizer_sects_1240 input {
1797
+ ._inputSizer_1e2ox_1245::after,
1798
+ ._inputSizer_1e2ox_1245 input {
1794
1799
  width: auto;
1795
1800
  min-width: 1rem;
1796
1801
  grid-area: 1 / 2;
@@ -1806,11 +1811,11 @@ form._multiFieldForm_sects_1209 ._formField_sects_1215 label {
1806
1811
  color: inherit;
1807
1812
  }
1808
1813
 
1809
- ._inputSizer_sects_1240 span {
1814
+ ._inputSizer_1e2ox_1245 span {
1810
1815
  padding: 0.25em;
1811
1816
  }
1812
1817
 
1813
- ._inputSizer_sects_1240::after {
1818
+ ._inputSizer_1e2ox_1245::after {
1814
1819
  content: attr(data-value);
1815
1820
  white-space: pre-wrap;
1816
1821
  }