@mdxeditor/editor 3.0.3 → 3.0.4

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_r5eta_38 {
338
+ ._editorRoot_1qea1_40 {
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_r5eta_139 {}
439
+ ._editorWrapper_1qea1_141 {}
440
440
 
441
- ._nestedListItem_r5eta_141 {
441
+ ._nestedListItem_1qea1_143 {
442
442
  list-style: none;
443
443
  }
444
444
 
445
- ._toolbarRoot_r5eta_145 {
445
+ ._toolbarRoot_1qea1_147 {
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_r5eta_145 div[role=separator] {
461
+ ._toolbarRoot_1qea1_147 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_r5eta_168 {
468
+ ._readOnlyToolbarRoot_1qea1_170 {
469
469
  pointer-events: none;
470
470
  background: var(--baseBase);
471
471
  }
472
472
 
473
- ._readOnlyToolbarRoot_r5eta_168>div {
473
+ ._readOnlyToolbarRoot_1qea1_170>div {
474
474
  opacity: 0.5;
475
475
  }
476
476
 
477
- ._toolbarModeSwitch_r5eta_177 {
477
+ ._toolbarModeSwitch_1qea1_179 {
478
478
  opacity: 1 !important;
479
479
  margin-left: auto;
480
480
  align-self: stretch;
@@ -485,37 +485,37 @@
485
485
  font-size: var(--text-xs);
486
486
  }
487
487
 
488
- ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187 {
488
+ ._toolbarModeSwitch_1qea1_179 ._toolbarToggleItem_1qea1_189 {
489
489
  padding-inline-end: var(--spacing-4);
490
490
  padding-inline-start: var(--spacing-4);
491
491
  }
492
492
 
493
- ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187:active,
494
- ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187[data-state=on] {
493
+ ._toolbarModeSwitch_1qea1_179 ._toolbarToggleItem_1qea1_189:active,
494
+ ._toolbarModeSwitch_1qea1_179 ._toolbarToggleItem_1qea1_189[data-state=on] {
495
495
  background-color: var(--baseBorder);
496
496
  }
497
497
 
498
- ._toolbarGroupOfGroups_r5eta_198 {
498
+ ._toolbarGroupOfGroups_1qea1_200 {
499
499
  display: flex;
500
500
  margin: 0 var(--spacing-1);
501
501
  }
502
502
 
503
- ._toolbarToggleSingleGroup_r5eta_203:first-of-type ._toolbarToggleItem_r5eta_187:only-child,
504
- ._toolbarToggleSingleGroup_r5eta_203:only-child ._toolbarToggleItem_r5eta_187:first-child,
505
- ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187:first-child {
503
+ ._toolbarToggleSingleGroup_1qea1_205:first-of-type ._toolbarToggleItem_1qea1_189:only-child,
504
+ ._toolbarToggleSingleGroup_1qea1_205:only-child ._toolbarToggleItem_1qea1_189:first-child,
505
+ ._toolbarModeSwitch_1qea1_179 ._toolbarToggleItem_1qea1_189:first-child {
506
506
  border-top-left-radius: var(--radius-base);
507
507
  border-bottom-left-radius: var(--radius-base);
508
508
  }
509
509
 
510
- ._toolbarToggleSingleGroup_r5eta_203:last-of-type ._toolbarToggleItem_r5eta_187:only-child,
511
- ._toolbarToggleSingleGroup_r5eta_203:only-child ._toolbarToggleItem_r5eta_187:last-child,
512
- ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187:last-child {
510
+ ._toolbarToggleSingleGroup_1qea1_205:last-of-type ._toolbarToggleItem_1qea1_189:only-child,
511
+ ._toolbarToggleSingleGroup_1qea1_205:only-child ._toolbarToggleItem_1qea1_189:last-child,
512
+ ._toolbarModeSwitch_1qea1_179 ._toolbarToggleItem_1qea1_189:last-child {
513
513
  border-top-right-radius: var(--radius-base);
514
514
  border-bottom-right-radius: var(--radius-base);
515
515
  }
516
516
 
517
- ._toolbarToggleItem_r5eta_187,
518
- ._toolbarButton_r5eta_218 {
517
+ ._toolbarToggleItem_1qea1_189,
518
+ ._toolbarButton_1qea1_220 {
519
519
  border: 0;
520
520
  background-color: transparent;
521
521
  font-size: inherit;
@@ -528,47 +528,49 @@
528
528
  padding: var(--spacing-1);
529
529
  }
530
530
 
531
- ._toolbarToggleItem_r5eta_187 svg, ._toolbarButton_r5eta_218 svg {
531
+ ._toolbarToggleItem_1qea1_189 svg, ._toolbarButton_1qea1_220 svg {
532
532
  display: block;
533
533
  }
534
534
 
535
- ._toolbarToggleItem_r5eta_187:hover, ._toolbarButton_r5eta_218:hover {
536
- background-color: var(--baseBgActive);
535
+ @media (hover: hover) {
536
+ ._toolbarToggleItem_1qea1_189:hover, ._toolbarButton_1qea1_220:hover {
537
+ background-color: var(--baseBgActive);
538
+ }
537
539
  }
538
540
 
539
- ._toolbarToggleItem_r5eta_187:active svg, ._toolbarButton_r5eta_218:active svg {
541
+ ._toolbarToggleItem_1qea1_189:active svg, ._toolbarButton_1qea1_220:active svg {
540
542
  transform: translate(1px, 1px);
541
543
  }
542
544
 
543
- ._toolbarToggleItem_r5eta_187[data-state=on],
544
- ._toolbarButton_r5eta_218[data-state=on],
545
- ._toolbarToggleItem_r5eta_187:active,
546
- ._toolbarButton_r5eta_218:active {
545
+ ._toolbarToggleItem_1qea1_189[data-state=on],
546
+ ._toolbarButton_1qea1_220[data-state=on],
547
+ ._toolbarToggleItem_1qea1_189:active,
548
+ ._toolbarButton_1qea1_220:active {
547
549
  color: var(--baseTextContrast);
548
550
  background-color: var(--baseBgActive);
549
551
  }
550
552
 
551
- ._toolbarToggleItem_r5eta_187[data-disabled], ._toolbarButton_r5eta_218[data-disabled] {
553
+ ._toolbarToggleItem_1qea1_189[data-disabled], ._toolbarButton_1qea1_220[data-disabled] {
552
554
  pointer-events: none;
553
555
  color: var(--baseBorderHover);
554
556
  }
555
557
 
556
- ._toolbarButton_r5eta_218 {
558
+ ._toolbarButton_1qea1_220 {
557
559
  border-radius: var(--radius-base);
558
560
  }
559
561
 
560
- ._activeToolbarButton_r5eta_250 {
562
+ ._activeToolbarButton_1qea1_254 {
561
563
  color: var(--accentText);
562
564
  }
563
565
 
564
- ._toolbarToggleSingleGroup_r5eta_203 {
566
+ ._toolbarToggleSingleGroup_1qea1_205 {
565
567
  white-space: nowrap;
566
568
  }
567
569
 
568
- ._toolbarNodeKindSelectContainer_r5eta_258,
569
- ._toolbarButtonDropdownContainer_r5eta_259,
570
- ._toolbarCodeBlockLanguageSelectContent_r5eta_260,
571
- ._selectContainer_r5eta_261 {
570
+ ._toolbarNodeKindSelectContainer_1qea1_262,
571
+ ._toolbarButtonDropdownContainer_1qea1_263,
572
+ ._toolbarCodeBlockLanguageSelectContent_1qea1_264,
573
+ ._selectContainer_1qea1_265 {
572
574
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
573
575
  z-index: 3;
574
576
  width: var(--spacing-36);
@@ -578,17 +580,17 @@
578
580
  font-size: var(--text-sm);
579
581
  }
580
582
 
581
- ._toolbarButtonDropdownContainer_r5eta_259 {
583
+ ._toolbarButtonDropdownContainer_1qea1_263 {
582
584
  border-top-right-radius: var(--radius-base);
583
585
  }
584
586
 
585
- ._toolbarButtonDropdownContainer_r5eta_259 ._selectItem_r5eta_274:first-child {
587
+ ._toolbarButtonDropdownContainer_1qea1_263 ._selectItem_1qea1_278:first-child {
586
588
  border-top-right-radius: var(--radius-base);
587
589
  }
588
590
 
589
- ._toolbarNodeKindSelectTrigger_r5eta_279,
590
- ._toolbarButtonSelectTrigger_r5eta_280,
591
- ._selectTrigger_r5eta_281 {
591
+ ._toolbarNodeKindSelectTrigger_1qea1_283,
592
+ ._toolbarButtonSelectTrigger_1qea1_284,
593
+ ._selectTrigger_1qea1_285 {
592
594
  border: 0;
593
595
  background-color: transparent;
594
596
  display: flex;
@@ -604,62 +606,62 @@
604
606
  margin: 0 var(--spacing-1);
605
607
  }
606
608
 
607
- ._toolbarNodeKindSelectTrigger_r5eta_279[data-state=open], ._toolbarButtonSelectTrigger_r5eta_280[data-state=open], ._selectTrigger_r5eta_281[data-state=open] {
609
+ ._toolbarNodeKindSelectTrigger_1qea1_283[data-state=open], ._toolbarButtonSelectTrigger_1qea1_284[data-state=open], ._selectTrigger_1qea1_285[data-state=open] {
608
610
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
609
611
  border-bottom-right-radius: var(--radius-none);
610
612
  border-bottom-left-radius: var(--radius-none);
611
613
  }
612
614
 
613
- ._selectTrigger_r5eta_281[data-placeholder]>span:first-child {
615
+ ._selectTrigger_1qea1_285[data-placeholder]>span:first-child {
614
616
  color: var(--baseBorderHover);
615
617
  }
616
618
 
617
619
  /** used in the sandpack */
618
- ._toolbarButtonSelectTrigger_r5eta_280 {
620
+ ._toolbarButtonSelectTrigger_1qea1_284 {
619
621
  width: auto;
620
622
  padding-inline-start: var(--spacing-2);
621
623
  padding-inline-end: var(--spacing-1);
622
624
  padding-block: var(--spacing-0_5);
623
625
  }
624
626
 
625
- ._toolbarCodeBlockLanguageSelectTrigger_r5eta_315,
626
- ._toolbarCodeBlockLanguageSelectContent_r5eta_260 {
627
+ ._toolbarCodeBlockLanguageSelectTrigger_1qea1_319,
628
+ ._toolbarCodeBlockLanguageSelectContent_1qea1_264 {
627
629
  width: var(--spacing-48);
628
630
  }
629
631
 
630
- ._toolbarNodeKindSelectItem_r5eta_320,
631
- ._selectItem_r5eta_274 {
632
+ ._toolbarNodeKindSelectItem_1qea1_324,
633
+ ._selectItem_1qea1_278 {
632
634
  cursor: default;
633
635
  display: flex;
634
636
  padding: var(--spacing-2);
635
637
  }
636
638
 
637
- ._toolbarNodeKindSelectItem_r5eta_320[data-highlighted], ._selectItem_r5eta_274[data-highlighted] {
639
+ ._toolbarNodeKindSelectItem_1qea1_324[data-highlighted], ._selectItem_1qea1_278[data-highlighted] {
638
640
  background-color: var(--baseBg);
639
641
  }
640
642
 
641
- ._toolbarNodeKindSelectItem_r5eta_320[data-state=checked], ._selectItem_r5eta_274[data-state=checked] {
643
+ ._toolbarNodeKindSelectItem_1qea1_324[data-state=checked], ._selectItem_1qea1_278[data-state=checked] {
642
644
  color: var(--baseTextContrast);
643
645
  background-color: var(--baseBg);
644
646
  }
645
647
 
646
- ._toolbarNodeKindSelectItem_r5eta_320[data-highlighted], ._selectItem_r5eta_274[data-highlighted] {
648
+ ._toolbarNodeKindSelectItem_1qea1_324[data-highlighted], ._selectItem_1qea1_278[data-highlighted] {
647
649
  outline: none;
648
650
  }
649
651
 
650
- ._toolbarNodeKindSelectItem_r5eta_320:last-child, ._selectItem_r5eta_274:last-child {
652
+ ._toolbarNodeKindSelectItem_1qea1_324:last-child, ._selectItem_1qea1_278:last-child {
651
653
  border-bottom-left-radius: var(--radius-base);
652
654
  border-bottom-right-radius: var(--radius-base);
653
655
  }
654
656
 
655
- ._toolbarNodeKindSelectDropdownArrow_r5eta_345,
656
- ._selectDropdownArrow_r5eta_346 {
657
+ ._toolbarNodeKindSelectDropdownArrow_1qea1_349,
658
+ ._selectDropdownArrow_1qea1_350 {
657
659
  margin-left: auto;
658
660
  display: flex;
659
661
  align-items: center;
660
662
  }
661
663
 
662
- ._contentEditable_r5eta_352 {
664
+ ._contentEditable_1qea1_356 {
663
665
  box-sizing: border-box;
664
666
  width: 100%;
665
667
  color: var(--baseTextContrast);
@@ -667,11 +669,11 @@
667
669
  padding: var(--spacing-3);
668
670
  }
669
671
 
670
- ._contentEditable_r5eta_352:focus {
672
+ ._contentEditable_1qea1_356:focus {
671
673
  outline: none;
672
674
  }
673
675
 
674
- ._codeMirrorWrapper_r5eta_364 {
676
+ ._codeMirrorWrapper_1qea1_368 {
675
677
  margin-bottom: var(--spacing-5);
676
678
  border: 1px solid var(--baseLine);
677
679
  border-radius: var(--radius-medium);
@@ -679,17 +681,17 @@
679
681
  padding: 0.8rem;
680
682
  }
681
683
 
682
- ._frontmatterWrapper_r5eta_372 {
684
+ ._frontmatterWrapper_1qea1_376 {
683
685
  border-radius: var(--radius-medium);
684
686
  padding: var(--spacing-3);
685
687
  background-color: var(--baseBgSubtle);
686
688
  }
687
689
 
688
- ._frontmatterWrapper_r5eta_372[data-expanded=true] {
690
+ ._frontmatterWrapper_1qea1_376[data-expanded=true] {
689
691
  margin-bottom: var(--spacing-10);
690
692
  }
691
693
 
692
- ._frontmatterToggleButton_r5eta_382 {
694
+ ._frontmatterToggleButton_1qea1_386 {
693
695
  border: 0;
694
696
  background-color: transparent;
695
697
  font-size: inherit;
@@ -705,7 +707,7 @@
705
707
  font-size: var(--text-sm);
706
708
  }
707
709
 
708
- ._propertyPanelTitle_r5eta_390 {
710
+ ._propertyPanelTitle_1qea1_394 {
709
711
  font-size: var(--text-xs);
710
712
  font-weight: 400;
711
713
  margin: 0;
@@ -713,49 +715,49 @@
713
715
  padding-left: var(--spacing-2);
714
716
  }
715
717
 
716
- ._propertyEditorTable_r5eta_398 {
718
+ ._propertyEditorTable_1qea1_402 {
717
719
  table-layout: fixed;
718
720
  border-spacing: var(--spacing-2);
719
721
  }
720
722
 
721
- ._propertyEditorTable_r5eta_398 th {
723
+ ._propertyEditorTable_1qea1_402 th {
722
724
  text-align: left;
723
725
  font-size: var(--text-sm);
724
726
  padding: var(--spacing-2) var(--spacing-3);
725
727
  }
726
728
 
727
- ._propertyEditorTable_r5eta_398 col:nth-child(1) {
729
+ ._propertyEditorTable_1qea1_402 col:nth-child(1) {
728
730
  width: 30%;
729
731
  }
730
732
 
731
- ._propertyEditorTable_r5eta_398 col:nth-child(2) {
733
+ ._propertyEditorTable_1qea1_402 col:nth-child(2) {
732
734
  width: 70%;
733
735
  }
734
736
 
735
- ._propertyEditorTable_r5eta_398 td:last-child ._iconButton_r5eta_416 {
737
+ ._propertyEditorTable_1qea1_402 td:last-child ._iconButton_1qea1_420 {
736
738
  margin-left: var(--spacing-4);
737
739
  margin-right: var(--spacing-4);
738
740
  }
739
741
 
740
- ._propertyEditorTable_r5eta_398 ._readOnlyColumnCell_r5eta_421 {
742
+ ._propertyEditorTable_1qea1_402 ._readOnlyColumnCell_1qea1_425 {
741
743
  padding-left: 0;
742
744
  }
743
745
 
744
- ._propertyEditorLabelCell_r5eta_426 {
746
+ ._propertyEditorLabelCell_1qea1_430 {
745
747
  font-weight: 400;
746
748
  }
747
749
 
748
- ._readOnlyColumnCell_r5eta_421 {
750
+ ._readOnlyColumnCell_1qea1_425 {
749
751
  padding-left: 0;
750
752
  }
751
753
 
752
- ._buttonsFooter_r5eta_434 {
754
+ ._buttonsFooter_1qea1_438 {
753
755
  display: flex;
754
756
  justify-content: flex-end;
755
757
  gap: var(--spacing-2);
756
758
  }
757
759
 
758
- ._propertyEditorInput_r5eta_440 {
760
+ ._propertyEditorInput_1qea1_444 {
759
761
  border: 0;
760
762
  background-color: transparent;
761
763
  font-size: inherit;
@@ -773,7 +775,7 @@
773
775
  font-size: var(--text-sm);
774
776
  }
775
777
 
776
- ._iconButton_r5eta_416 {
778
+ ._iconButton_1qea1_420 {
777
779
  border: 0;
778
780
  background-color: transparent;
779
781
  font-size: inherit;
@@ -786,17 +788,19 @@
786
788
  color: var(--baseText);
787
789
  }
788
790
 
789
- ._iconButton_r5eta_416:hover {
790
- color: var(--accentText);
791
+ @media (hover: hover) {
792
+ ._iconButton_1qea1_420:hover {
793
+ color: var(--accentText);
794
+ }
791
795
  }
792
796
 
793
- ._iconButton_r5eta_416:disabled,
794
- ._iconButton_r5eta_416:disabled:hover {
797
+ ._iconButton_1qea1_420:disabled,
798
+ ._iconButton_1qea1_420:disabled:hover {
795
799
  color: var(--baseLine);
796
800
  }
797
801
 
798
- ._primaryButton_r5eta_464,
799
- ._secondaryButton_r5eta_465 {
802
+ ._primaryButton_1qea1_470,
803
+ ._secondaryButton_1qea1_471 {
800
804
  border: 0;
801
805
  background-color: transparent;
802
806
  font-size: inherit;
@@ -814,30 +818,30 @@
814
818
  border-radius: var(--radius-medium);
815
819
  }
816
820
 
817
- ._primaryButton_r5eta_464:disabled, ._secondaryButton_r5eta_465:disabled {
821
+ ._primaryButton_1qea1_470:disabled, ._secondaryButton_1qea1_471:disabled {
818
822
  background: var(--accentLine);
819
823
  border-color: var(--accentBg);
820
824
  }
821
825
 
822
- ._smallButton_r5eta_480 {
826
+ ._smallButton_1qea1_486 {
823
827
  font-size: var(--text-xs);
824
828
  padding: var(--spacing-1) var(--spacing-2);
825
829
  border-radius: var(--radius-base);
826
830
  }
827
831
 
828
- ._secondaryButton_r5eta_465 {
832
+ ._secondaryButton_1qea1_471 {
829
833
  border: 1px solid var(--baseBorder);
830
834
  background-color: var(--baseSolidHover);
831
835
  color: var(--baseBase);
832
836
  }
833
837
 
834
- ._dialogForm_r5eta_492 {
838
+ ._dialogForm_1qea1_498 {
835
839
  display: flex;
836
840
  flex-direction: row;
837
841
  gap: var(--spacing-2);
838
842
  }
839
843
 
840
- ._linkDialogEditForm_r5eta_498 {
844
+ ._linkDialogEditForm_1qea1_504 {
841
845
  display: flex;
842
846
  flex-direction: column;
843
847
  align-items: stretch;
@@ -845,13 +849,13 @@
845
849
  padding: 0;
846
850
  }
847
851
 
848
- ._linkDialogInputContainer_r5eta_506 {
852
+ ._linkDialogInputContainer_1qea1_512 {
849
853
  display: flex;
850
854
  flex-direction: column;
851
855
  align-items: stretch;
852
856
  }
853
857
 
854
- ._linkDialogInputWrapper_r5eta_512 {
858
+ ._linkDialogInputWrapper_1qea1_518 {
855
859
  display: flex;
856
860
  align-items: center;
857
861
  background-color: var(--baseBase);
@@ -860,13 +864,13 @@
860
864
  border: 1px solid var(--baseBorder);
861
865
  }
862
866
 
863
- ._linkDialogInputWrapper_r5eta_512[data-visible-dropdown=true] {
867
+ ._linkDialogInputWrapper_1qea1_518[data-visible-dropdown=true] {
864
868
  border-bottom-left-radius: var(--radius-none);
865
869
  border-bottom-right-radius: var(--radius-none);
866
870
  border-bottom-width: 0;
867
871
  }
868
872
 
869
- ._linkDialogInputWrapper_r5eta_512>button {
873
+ ._linkDialogInputWrapper_1qea1_518>button {
870
874
  border: 0;
871
875
  background-color: transparent;
872
876
  font-size: inherit;
@@ -879,8 +883,8 @@
879
883
  padding-right: var(--spacing-2);
880
884
  }
881
885
 
882
- ._linkDialogInput_r5eta_506,
883
- ._dialogInput_r5eta_533 {
886
+ ._linkDialogInput_1qea1_512,
887
+ ._dialogInput_1qea1_539 {
884
888
  border: 0;
885
889
  background-color: transparent;
886
890
  font-size: inherit;
@@ -895,31 +899,31 @@
895
899
  font-size: var(--text-sm);
896
900
  }
897
901
 
898
- ._linkDialogInput_r5eta_506::-moz-placeholder, ._dialogInput_r5eta_533::-moz-placeholder {
902
+ ._linkDialogInput_1qea1_512::-moz-placeholder, ._dialogInput_1qea1_539::-moz-placeholder {
899
903
  color: var(--baseBorder);
900
904
  }
901
905
 
902
- ._linkDialogInput_r5eta_506::placeholder, ._dialogInput_r5eta_533::placeholder {
906
+ ._linkDialogInput_1qea1_512::placeholder, ._dialogInput_1qea1_539::placeholder {
903
907
  color: var(--baseBorder);
904
908
  }
905
909
 
906
- ._linkDialogAnchor_r5eta_544 {
910
+ ._linkDialogAnchor_1qea1_550 {
907
911
  position: fixed;
908
912
  background-color: highlight;
909
913
  z-index: -1;
910
914
  }
911
915
 
912
- ._linkDialogAnchor_r5eta_544[data-visible=true] {
916
+ ._linkDialogAnchor_1qea1_550[data-visible=true] {
913
917
  visibility: visible;
914
918
  }
915
919
 
916
- ._linkDialogAnchor_r5eta_544[data-visible=false] {
920
+ ._linkDialogAnchor_1qea1_550[data-visible=false] {
917
921
  visibility: hidden;
918
922
  }
919
923
 
920
- ._linkDialogPopoverContent_r5eta_558,
921
- ._tableColumnEditorPopoverContent_r5eta_559,
922
- ._dialogContent_r5eta_560 {
924
+ ._linkDialogPopoverContent_1qea1_564,
925
+ ._tableColumnEditorPopoverContent_1qea1_565,
926
+ ._dialogContent_1qea1_566 {
923
927
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
924
928
  display: flex;
925
929
  align-items: center;
@@ -931,7 +935,7 @@
931
935
  font-size: var(--text-sm);
932
936
  }
933
937
 
934
- ._largeDialogContent_r5eta_572 {
938
+ ._largeDialogContent_1qea1_578 {
935
939
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
936
940
  gap: var(--spacing-0_5);
937
941
  border-radius: var(--radius-medium);
@@ -941,13 +945,13 @@
941
945
  font-size: var(--text-sm);
942
946
  }
943
947
 
944
- ._dialogTitle_r5eta_582 {
948
+ ._dialogTitle_1qea1_588 {
945
949
  font-size: var(--text-base);
946
950
  font-weight: 600;
947
951
  padding-left: var(--spacing-2);
948
952
  }
949
953
 
950
- ._dialogCloseButton_r5eta_588 {
954
+ ._dialogCloseButton_1qea1_594 {
951
955
  border: 0;
952
956
  background-color: transparent;
953
957
  font-size: inherit;
@@ -962,7 +966,7 @@
962
966
  right: 10px;
963
967
  }
964
968
 
965
- ._popoverContent_r5eta_595 {
969
+ ._popoverContent_1qea1_601 {
966
970
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
967
971
  display: flex;
968
972
  align-items: center;
@@ -974,11 +978,11 @@
974
978
  z-index: 1;
975
979
  }
976
980
 
977
- ._popoverArrow_r5eta_607 {
981
+ ._popoverArrow_1qea1_613 {
978
982
  fill: var(--basePageBg);
979
983
  }
980
984
 
981
- ._linkDialogPreviewAnchor_r5eta_611 {
985
+ ._linkDialogPreviewAnchor_1qea1_617 {
982
986
  margin-right: var(--spacing-3);
983
987
  display: flex;
984
988
  align-items: flex-start;
@@ -988,24 +992,24 @@
988
992
  border: 1px solid transparent;
989
993
  }
990
994
 
991
- ._linkDialogPreviewAnchor_r5eta_611 svg {
995
+ ._linkDialogPreviewAnchor_1qea1_617 svg {
992
996
  width: var(--spacing-5);
993
997
  height: var(--spacing-5);
994
998
  margin-left: var(--spacing-2);
995
999
  }
996
1000
 
997
- ._linkDialogPreviewAnchor_r5eta_611 span {
1001
+ ._linkDialogPreviewAnchor_1qea1_617 span {
998
1002
  max-width: 14rem;
999
1003
  overflow-x: hidden;
1000
1004
  text-overflow: ellipsis;
1001
1005
  white-space: nowrap;
1002
1006
  }
1003
1007
 
1004
- ._tooltipTrigger_r5eta_634 {
1008
+ ._tooltipTrigger_1qea1_640 {
1005
1009
  align-self: center;
1006
1010
  }
1007
1011
 
1008
- ._tooltipContent_r5eta_638 {
1012
+ ._tooltipContent_1qea1_644 {
1009
1013
  z-index: 2;
1010
1014
  position: relative;
1011
1015
  border-radius: var(--radius-medium);
@@ -1015,11 +1019,11 @@
1015
1019
  color: var(--baseBase);
1016
1020
  }
1017
1021
 
1018
- ._tooltipContent_r5eta_638 svg {
1022
+ ._tooltipContent_1qea1_644 svg {
1019
1023
  fill: var(--baseText);
1020
1024
  }
1021
1025
 
1022
- ._actionButton_r5eta_652 {
1026
+ ._actionButton_1qea1_658 {
1023
1027
  border: 0;
1024
1028
  background-color: transparent;
1025
1029
  font-size: inherit;
@@ -1034,35 +1038,39 @@
1034
1038
  border-radius: var(--radius-medium);
1035
1039
  }
1036
1040
 
1037
- ._actionButton_r5eta_652 svg {
1041
+ ._actionButton_1qea1_658 svg {
1038
1042
  display: block;
1039
1043
  }
1040
1044
 
1041
- ._actionButton_r5eta_652:hover {
1042
- background-color: var(--baseBgHover);
1045
+ @media (hover: hover) {
1046
+ ._actionButton_1qea1_658:hover {
1047
+ background-color: var(--baseBgHover);
1048
+ }
1043
1049
  }
1044
1050
 
1045
- ._actionButton_r5eta_652:active svg {
1051
+ ._actionButton_1qea1_658:active svg {
1046
1052
  transform: translate(1px, 1px);
1047
1053
  }
1048
1054
 
1049
- ._actionButton_r5eta_652[data-state=on],
1050
- ._actionButton_r5eta_652:active {
1055
+ ._actionButton_1qea1_658[data-state=on],
1056
+ ._actionButton_1qea1_658:active {
1051
1057
  background-color: var(--baseBgHover);
1052
1058
  color: var(--baseTextContrast);
1053
1059
  }
1054
1060
 
1055
- ._primaryActionButton_r5eta_658 {
1061
+ ._primaryActionButton_1qea1_664 {
1056
1062
  background-color: var(--accentSolid);
1057
1063
  color: var(--baseBase);
1058
1064
  }
1059
1065
 
1060
- ._primaryActionButton_r5eta_658:hover {
1061
- background-color: var(--accentSolidHover);
1062
- color: var(--baseBase);
1066
+ @media (hover: hover) {
1067
+ ._primaryActionButton_1qea1_664:hover {
1068
+ background-color: var(--accentSolidHover);
1069
+ color: var(--baseBase);
1070
+ }
1063
1071
  }
1064
1072
 
1065
- ._tableEditor_r5eta_668 {
1073
+ ._tableEditor_1qea1_676 {
1066
1074
  table-layout: fixed;
1067
1075
  width: 100%;
1068
1076
  height: 100%;
@@ -1070,59 +1078,62 @@
1070
1078
  border-collapse: collapse;
1071
1079
  }
1072
1080
 
1073
- ._tableEditor_r5eta_668 thead>tr>th {
1081
+ ._tableEditor_1qea1_676 thead>tr>th {
1074
1082
  text-align: right;
1075
1083
  }
1076
1084
 
1077
- ._tableEditor_r5eta_668>tbody>tr>td:not(._toolCell_r5eta_679),
1078
- ._tableEditor_r5eta_668>tbody>tr>th:not(._toolCell_r5eta_679):not(:last-of-type) {
1085
+ ._tableEditor_1qea1_676>tbody>tr>td:not(._toolCell_1qea1_687),
1086
+ ._tableEditor_1qea1_676>tbody>tr>th:not(._toolCell_1qea1_687):not(:last-of-type) {
1079
1087
  border: 1px solid var(--baseBgActive);
1080
1088
  padding: var(--spacing-1) var(--spacing-2);
1081
1089
  white-space: normal;
1082
1090
  }
1083
1091
 
1084
- :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 {
1092
+ :is(._tableEditor_1qea1_676>tbody>tr>td:not(._toolCell_1qea1_687),._tableEditor_1qea1_676>tbody>tr>th:not(._toolCell_1qea1_687):not(:last-of-type))>div {
1085
1093
  outline: none;
1086
1094
  }
1087
1095
 
1088
- :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 {
1096
+ :is(._tableEditor_1qea1_676>tbody>tr>td:not(._toolCell_1qea1_687),._tableEditor_1qea1_676>tbody>tr>th:not(._toolCell_1qea1_687):not(:last-of-type))>div>p {
1089
1097
  margin: 0;
1090
1098
  }
1091
1099
 
1092
- [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)) {
1100
+ [data-active=true]:is(._tableEditor_1qea1_676>tbody>tr>td:not(._toolCell_1qea1_687),._tableEditor_1qea1_676>tbody>tr>th:not(._toolCell_1qea1_687):not(:last-of-type)) {
1093
1101
  outline: solid 1px var(--baseSolid);
1094
1102
  }
1095
1103
 
1096
- ._tableEditor_r5eta_668 ._tableColumnEditorTrigger_r5eta_698,
1097
- ._tableEditor_r5eta_668 ._tableRowEditorTrigger_r5eta_699,
1098
- ._tableEditor_r5eta_668 ._addRowButton_r5eta_700,
1099
- ._tableEditor_r5eta_668 ._addColumnButton_r5eta_701,
1100
- ._tableEditor_r5eta_668 ._iconButton_r5eta_416 {
1104
+ ._tableEditor_1qea1_676 ._tableColumnEditorTrigger_1qea1_706,
1105
+ ._tableEditor_1qea1_676 ._tableRowEditorTrigger_1qea1_707,
1106
+ ._tableEditor_1qea1_676 ._addRowButton_1qea1_708,
1107
+ ._tableEditor_1qea1_676 ._addColumnButton_1qea1_709,
1108
+ ._tableEditor_1qea1_676 ._iconButton_1qea1_420 {
1101
1109
  opacity: .15;
1102
1110
  }
1103
1111
 
1104
- ._tableEditor_r5eta_668:hover ._tableColumnEditorTrigger_r5eta_698,
1105
- ._tableEditor_r5eta_668:hover ._tableRowEditorTrigger_r5eta_699,
1106
- ._tableEditor_r5eta_668:hover ._addRowButton_r5eta_700,
1107
- ._tableEditor_r5eta_668:hover ._addColumnButton_r5eta_701,
1108
- ._tableEditor_r5eta_668:hover ._iconButton_r5eta_416 {
1109
- opacity: 0.3;
1110
- }
1112
+ @media (hover: hover) {
1111
1113
 
1112
- ._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 {
1113
- opacity: 1;
1114
+ ._tableEditor_1qea1_676:hover ._tableColumnEditorTrigger_1qea1_706,
1115
+ ._tableEditor_1qea1_676:hover ._tableRowEditorTrigger_1qea1_707,
1116
+ ._tableEditor_1qea1_676:hover ._addRowButton_1qea1_708,
1117
+ ._tableEditor_1qea1_676:hover ._addColumnButton_1qea1_709,
1118
+ ._tableEditor_1qea1_676:hover ._iconButton_1qea1_420 {
1119
+ opacity: 0.3;
1114
1120
  }
1115
1121
 
1116
- ._toolCell_r5eta_679 {
1122
+ ._tableEditor_1qea1_676:hover ._tableColumnEditorTrigger_1qea1_706:hover, ._tableEditor_1qea1_676:hover ._tableRowEditorTrigger_1qea1_707:hover, ._tableEditor_1qea1_676:hover ._addRowButton_1qea1_708:hover, ._tableEditor_1qea1_676:hover ._addColumnButton_1qea1_709:hover, ._tableEditor_1qea1_676:hover ._iconButton_1qea1_420:hover {
1123
+ opacity: 1;
1124
+ }
1125
+ }
1126
+
1127
+ ._toolCell_1qea1_687 {
1117
1128
  text-align: right;
1118
1129
  }
1119
1130
 
1120
- ._toolCell_r5eta_679 button {
1131
+ ._toolCell_1qea1_687 button {
1121
1132
  margin: auto;
1122
1133
  display: block;
1123
1134
  }
1124
1135
 
1125
- ._tableColumnEditorTrigger_r5eta_698 {
1136
+ ._tableColumnEditorTrigger_1qea1_706 {
1126
1137
  border: 0;
1127
1138
  background-color: transparent;
1128
1139
  font-size: inherit;
@@ -1138,33 +1149,35 @@
1138
1149
  opacity: 0.2;
1139
1150
  }
1140
1151
 
1141
- ._tableColumnEditorTrigger_r5eta_698 svg {
1152
+ ._tableColumnEditorTrigger_1qea1_706 svg {
1142
1153
  display: block;
1143
1154
  }
1144
1155
 
1145
- ._tableColumnEditorTrigger_r5eta_698:hover {
1146
- background-color: var(--baseBgHover);
1156
+ @media (hover: hover) {
1157
+ ._tableColumnEditorTrigger_1qea1_706:hover {
1158
+ background-color: var(--baseBgHover);
1159
+ }
1147
1160
  }
1148
1161
 
1149
- ._tableColumnEditorTrigger_r5eta_698:active svg {
1162
+ ._tableColumnEditorTrigger_1qea1_706:active svg {
1150
1163
  transform: translate(1px, 1px);
1151
1164
  }
1152
1165
 
1153
- ._tableColumnEditorTrigger_r5eta_698[data-state=on],
1154
- ._tableColumnEditorTrigger_r5eta_698:active {
1166
+ ._tableColumnEditorTrigger_1qea1_706[data-state=on],
1167
+ ._tableColumnEditorTrigger_1qea1_706:active {
1155
1168
  background-color: var(--baseBgHover);
1156
1169
  color: var(--baseTextContrast);
1157
1170
  }
1158
1171
 
1159
- ._tableColumnEditorTrigger_r5eta_698[data-active=true] {
1172
+ ._tableColumnEditorTrigger_1qea1_706[data-active=true] {
1160
1173
  opacity: 1 !important;
1161
1174
  }
1162
1175
 
1163
- ._tableColumnEditorToolbar_r5eta_742 {
1176
+ ._tableColumnEditorToolbar_1qea1_752 {
1164
1177
  display: flex;
1165
1178
  }
1166
1179
 
1167
- ._tableColumnEditorToolbar_r5eta_742>button {
1180
+ ._tableColumnEditorToolbar_1qea1_752>button {
1168
1181
  border: 0;
1169
1182
  background-color: transparent;
1170
1183
  font-size: inherit;
@@ -1177,36 +1190,38 @@
1177
1190
  padding: var(--spacing-1_5);
1178
1191
  }
1179
1192
 
1180
- ._tableColumnEditorToolbar_r5eta_742>button svg {
1193
+ ._tableColumnEditorToolbar_1qea1_752>button svg {
1181
1194
  display: block;
1182
1195
  }
1183
1196
 
1184
- ._tableColumnEditorToolbar_r5eta_742>button:hover {
1185
- background-color: var(--baseBgHover);
1197
+ @media (hover: hover) {
1198
+ ._tableColumnEditorToolbar_1qea1_752>button:hover {
1199
+ background-color: var(--baseBgHover);
1200
+ }
1186
1201
  }
1187
1202
 
1188
- ._tableColumnEditorToolbar_r5eta_742>button:active svg {
1203
+ ._tableColumnEditorToolbar_1qea1_752>button:active svg {
1189
1204
  transform: translate(1px, 1px);
1190
1205
  }
1191
1206
 
1192
- ._tableColumnEditorToolbar_r5eta_742>button[data-state=on],
1193
- ._tableColumnEditorToolbar_r5eta_742>button:active {
1207
+ ._tableColumnEditorToolbar_1qea1_752>button[data-state=on],
1208
+ ._tableColumnEditorToolbar_1qea1_752>button:active {
1194
1209
  background-color: var(--baseBgHover);
1195
1210
  color: var(--baseTextContrast);
1196
1211
  }
1197
1212
 
1198
- ._tableColumnEditorToolbar_r5eta_742 [role=separator] {
1213
+ ._tableColumnEditorToolbar_1qea1_752 [role=separator] {
1199
1214
  margin-left: var(--spacing-1);
1200
1215
  margin-right: var(--spacing-1);
1201
1216
  }
1202
1217
 
1203
1218
 
1204
- ._toggleGroupRoot_r5eta_756 {
1219
+ ._toggleGroupRoot_1qea1_766 {
1205
1220
  display: inline-flex;
1206
1221
  }
1207
1222
 
1208
1223
 
1209
- ._toggleGroupRoot_r5eta_756 button {
1224
+ ._toggleGroupRoot_1qea1_766 button {
1210
1225
  border: 0;
1211
1226
  background-color: transparent;
1212
1227
  font-size: inherit;
@@ -1220,62 +1235,64 @@
1220
1235
  }
1221
1236
 
1222
1237
 
1223
- ._toggleGroupRoot_r5eta_756 button svg {
1238
+ ._toggleGroupRoot_1qea1_766 button svg {
1224
1239
  display: block;
1225
1240
  }
1226
1241
 
1227
1242
 
1228
- ._toggleGroupRoot_r5eta_756 button:hover {
1229
- background-color: var(--baseBgHover);
1243
+ @media (hover: hover) {
1244
+ ._toggleGroupRoot_1qea1_766 button:hover {
1245
+ background-color: var(--baseBgHover);
1246
+ }
1230
1247
  }
1231
1248
 
1232
1249
 
1233
- ._toggleGroupRoot_r5eta_756 button:active svg {
1250
+ ._toggleGroupRoot_1qea1_766 button:active svg {
1234
1251
  transform: translate(1px, 1px);
1235
1252
  }
1236
1253
 
1237
1254
 
1238
- ._toggleGroupRoot_r5eta_756 button[data-state=on],
1239
- ._toggleGroupRoot_r5eta_756 button:active {
1255
+ ._toggleGroupRoot_1qea1_766 button[data-state=on],
1256
+ ._toggleGroupRoot_1qea1_766 button:active {
1240
1257
  background-color: var(--baseBgHover);
1241
1258
  color: var(--baseTextContrast);
1242
1259
  }
1243
1260
 
1244
1261
 
1245
- ._toggleGroupRoot_r5eta_756 button:first-child {
1262
+ ._toggleGroupRoot_1qea1_766 button:first-child {
1246
1263
  border-top-left-radius: var(--radius-base);
1247
1264
  border-bottom-left-radius: var(--radius-base);
1248
1265
  }
1249
1266
 
1250
1267
 
1251
- ._toggleGroupRoot_r5eta_756 button:last-child {
1268
+ ._toggleGroupRoot_1qea1_766 button:last-child {
1252
1269
  border-top-right-radius: var(--radius-base);
1253
1270
  border-bottom-right-radius: var(--radius-base);
1254
1271
  }
1255
1272
 
1256
- ._tableToolsColumn_r5eta_774 {
1273
+ ._tableToolsColumn_1qea1_784 {
1257
1274
  width: 3rem;
1258
1275
  }
1259
1276
 
1260
- ._tableToolsColumn_r5eta_774 button {
1277
+ ._tableToolsColumn_1qea1_784 button {
1261
1278
  margin: auto;
1262
1279
  display: block;
1263
1280
  }
1264
1281
 
1265
- ._leftAlignedCell_r5eta_783 {
1282
+ ._leftAlignedCell_1qea1_793 {
1266
1283
  text-align: left;
1267
1284
  }
1268
1285
 
1269
- ._rightAlignedCell_r5eta_787 {
1286
+ ._rightAlignedCell_1qea1_797 {
1270
1287
  text-align: right;
1271
1288
  }
1272
1289
 
1273
- ._centeredCell_r5eta_791 {
1290
+ ._centeredCell_1qea1_801 {
1274
1291
  text-align: center;
1275
1292
  }
1276
1293
 
1277
- ._addColumnButton_r5eta_701,
1278
- ._addRowButton_r5eta_700 {
1294
+ ._addColumnButton_1qea1_709,
1295
+ ._addRowButton_1qea1_708 {
1279
1296
  border: 0;
1280
1297
  background-color: transparent;
1281
1298
  font-size: inherit;
@@ -1292,31 +1309,33 @@
1292
1309
  align-items: center;
1293
1310
  }
1294
1311
 
1295
- ._addColumnButton_r5eta_701 svg, ._addRowButton_r5eta_700 svg {
1312
+ ._addColumnButton_1qea1_709 svg, ._addRowButton_1qea1_708 svg {
1296
1313
  display: block;
1297
1314
  }
1298
1315
 
1299
- ._addColumnButton_r5eta_701:hover, ._addRowButton_r5eta_700:hover {
1300
- background-color: var(--baseBgHover);
1316
+ @media (hover: hover) {
1317
+ ._addColumnButton_1qea1_709:hover, ._addRowButton_1qea1_708:hover {
1318
+ background-color: var(--baseBgHover);
1319
+ }
1301
1320
  }
1302
1321
 
1303
- ._addColumnButton_r5eta_701:active svg, ._addRowButton_r5eta_700:active svg {
1322
+ ._addColumnButton_1qea1_709:active svg, ._addRowButton_1qea1_708:active svg {
1304
1323
  transform: translate(1px, 1px);
1305
1324
  }
1306
1325
 
1307
- ._addColumnButton_r5eta_701[data-state=on],
1308
- ._addRowButton_r5eta_700[data-state=on],
1309
- ._addColumnButton_r5eta_701:active,
1310
- ._addRowButton_r5eta_700:active {
1326
+ ._addColumnButton_1qea1_709[data-state=on],
1327
+ ._addRowButton_1qea1_708[data-state=on],
1328
+ ._addColumnButton_1qea1_709:active,
1329
+ ._addRowButton_1qea1_708:active {
1311
1330
  background-color: var(--baseBgHover);
1312
1331
  color: var(--baseTextContrast);
1313
1332
  }
1314
1333
 
1315
- ._addColumnButton_r5eta_701 svg, ._addRowButton_r5eta_700 svg {
1334
+ ._addColumnButton_1qea1_709 svg, ._addRowButton_1qea1_708 svg {
1316
1335
  margin: auto;
1317
1336
  }
1318
1337
 
1319
- ._addRowButton_r5eta_700 {
1338
+ ._addRowButton_1qea1_708 {
1320
1339
  width: 100%;
1321
1340
  margin-top: var(--spacing-px);
1322
1341
  box-sizing: border-box;
@@ -1324,7 +1343,7 @@
1324
1343
  border-bottom-left-radius: var(--radius-medium);
1325
1344
  }
1326
1345
 
1327
- ._addColumnButton_r5eta_701 {
1346
+ ._addColumnButton_1qea1_709 {
1328
1347
  margin-left: var(--spacing-px);
1329
1348
  height: 100%;
1330
1349
  border-top-right-radius: var(--radius-medium);
@@ -1332,32 +1351,32 @@
1332
1351
  }
1333
1352
 
1334
1353
  /** Dialog */
1335
- ._dialogOverlay_r5eta_824 {
1354
+ ._dialogOverlay_1qea1_834 {
1336
1355
  position: fixed;
1337
1356
  inset: 0;
1338
- animation: _overlayShow_r5eta_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1357
+ animation: _overlayShow_1qea1_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1339
1358
  background-color: var(--baseBase);
1340
1359
  z-index: 51;
1341
1360
  opacity: 0.5;
1342
1361
  }
1343
1362
 
1344
- ._dialogContent_r5eta_560,
1345
- ._largeDialogContent_r5eta_572 {
1363
+ ._dialogContent_1qea1_566,
1364
+ ._largeDialogContent_1qea1_578 {
1346
1365
  position: fixed;
1347
1366
  top: 50%;
1348
1367
  left: 50%;
1349
1368
  transform: translate(-50%, -50%);
1350
- animation: _contentShow_r5eta_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1369
+ animation: _contentShow_1qea1_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1351
1370
  z-index: 52;
1352
1371
  }
1353
1372
 
1354
- ._dialogContent_r5eta_560:focus,
1355
- ._largeDialogContent_r5eta_572:focus {
1373
+ ._dialogContent_1qea1_566:focus,
1374
+ ._largeDialogContent_1qea1_578:focus {
1356
1375
  outline: none;
1357
1376
  }
1358
1377
 
1359
1378
 
1360
- @keyframes _overlayShow_r5eta_1 {
1379
+ @keyframes _overlayShow_1qea1_1 {
1361
1380
  from {
1362
1381
  opacity: 0;
1363
1382
  }
@@ -1367,7 +1386,7 @@
1367
1386
  }
1368
1387
  }
1369
1388
 
1370
- @keyframes _contentShow_r5eta_1 {
1389
+ @keyframes _contentShow_1qea1_1 {
1371
1390
  from {
1372
1391
  opacity: 0;
1373
1392
  transform: translate(-50%, -48%) scale(0.96);
@@ -1379,23 +1398,23 @@
1379
1398
  }
1380
1399
  }
1381
1400
 
1382
- ._focusedImage_r5eta_871 {
1401
+ ._focusedImage_1qea1_881 {
1383
1402
  outline: highlight solid 2px;
1384
1403
  }
1385
1404
 
1386
- ._imageWrapper_r5eta_875 {
1405
+ ._imageWrapper_1qea1_885 {
1387
1406
  display: inline-block;
1388
1407
  position: relative;
1389
1408
  }
1390
1409
 
1391
- ._imageWrapper_r5eta_875[draggable=true] {
1410
+ ._imageWrapper_1qea1_885[draggable=true] {
1392
1411
  cursor: move;
1393
1412
  /* fallback if grab cursor is unsupported */
1394
1413
  cursor: grab;
1395
1414
  cursor: -webkit-grab;
1396
1415
  }
1397
1416
 
1398
- ._editImageButton_r5eta_888 {
1417
+ ._editImageButton_1qea1_898 {
1399
1418
  position: absolute;
1400
1419
  right: var(--spacing-2);
1401
1420
  top: var(--spacing-2);
@@ -1403,11 +1422,11 @@
1403
1422
  border-radius: var(--radius-full);
1404
1423
  }
1405
1424
 
1406
- ._editImageButton_r5eta_888 svg {
1425
+ ._editImageButton_1qea1_898 svg {
1407
1426
  display: block;
1408
1427
  }
1409
1428
 
1410
- ._inlineEditor_r5eta_900 {
1429
+ ._inlineEditor_1qea1_910 {
1411
1430
  display: inline-flex;
1412
1431
  border-radius: var(--radius-medium);
1413
1432
  padding: var(--spacing-1);
@@ -1416,7 +1435,7 @@
1416
1435
  background: var(--baseBg);
1417
1436
  }
1418
1437
 
1419
- ._blockEditor_r5eta_909 {
1438
+ ._blockEditor_1qea1_919 {
1420
1439
  display: flex;
1421
1440
  justify-content: stretch;
1422
1441
  border-radius: var(--radius-medium);
@@ -1426,70 +1445,70 @@
1426
1445
  background: var(--baseBg);
1427
1446
  }
1428
1447
 
1429
- ._blockEditor_r5eta_909 ._nestedEditor_r5eta_918 {
1448
+ ._blockEditor_1qea1_919 ._nestedEditor_1qea1_928 {
1430
1449
  flex-grow: 1;
1431
1450
  }
1432
1451
 
1433
- ._nestedEditor_r5eta_918 {
1452
+ ._nestedEditor_1qea1_928 {
1434
1453
  background: var(--basePageBg);
1435
1454
  padding: var(--spacing-1) var(--spacing-2);
1436
1455
  border-radius: var(--radius-medium);
1437
1456
  }
1438
1457
 
1439
- ._nestedEditor_r5eta_918>p {
1458
+ ._nestedEditor_1qea1_928>p {
1440
1459
  margin: 0;
1441
1460
  }
1442
1461
 
1443
- ._nestedEditor_r5eta_918:focus {
1462
+ ._nestedEditor_1qea1_928:focus {
1444
1463
  outline: none;
1445
1464
  }
1446
1465
 
1447
- ._genericComponentName_r5eta_937 {
1466
+ ._genericComponentName_1qea1_947 {
1448
1467
  font-size: var(--text-sm);
1449
1468
  color: var(--baseText);
1450
1469
  padding-right: var(--spacing-2);
1451
1470
  }
1452
1471
 
1453
- ._diffSourceToggle_r5eta_943 {
1472
+ ._diffSourceToggle_1qea1_953 {
1454
1473
  border-radius: var(--radius-medium);
1455
1474
  display: flex;
1456
1475
  }
1457
1476
 
1458
- ._diffSourceToggle_r5eta_943 ._toolbarToggleItem_r5eta_187 {
1477
+ ._diffSourceToggle_1qea1_953 ._toolbarToggleItem_1qea1_189 {
1459
1478
  padding: 0;
1460
1479
  }
1461
1480
 
1462
- ._diffSourceToggle_r5eta_943 ._toolbarToggleItem_r5eta_187>span {
1481
+ ._diffSourceToggle_1qea1_953 ._toolbarToggleItem_1qea1_189>span {
1463
1482
  display: block;
1464
1483
  padding: var(--spacing-1) var(--spacing-2);
1465
1484
  }
1466
1485
 
1467
- ._selectWithLabel_r5eta_957 {
1486
+ ._selectWithLabel_1qea1_967 {
1468
1487
  display: flex;
1469
1488
  align-items: center;
1470
1489
  gap: var(--spacing-2);
1471
1490
  margin-left: var(--spacing-2);
1472
1491
  }
1473
1492
 
1474
- ._selectWithLabel_r5eta_957>label {
1493
+ ._selectWithLabel_1qea1_967>label {
1475
1494
  font-size: var(--text-sm);
1476
1495
  }
1477
1496
 
1478
- ._selectWithLabel_r5eta_957 ._selectTrigger_r5eta_281 {
1497
+ ._selectWithLabel_1qea1_967 ._selectTrigger_1qea1_285 {
1479
1498
  border: 1px solid var(--baseBorder);
1480
1499
  }
1481
1500
 
1482
- ._toolbarTitleMode_r5eta_972 {
1501
+ ._toolbarTitleMode_1qea1_982 {
1483
1502
  font-size: var(--text-sm);
1484
1503
  margin-left: var(--spacing-2);
1485
1504
  }
1486
1505
 
1487
1506
 
1488
- ._imageControlWrapperResizing_r5eta_978 {
1507
+ ._imageControlWrapperResizing_1qea1_988 {
1489
1508
  touch-action: none;
1490
1509
  }
1491
1510
 
1492
- ._imageResizer_r5eta_982 {
1511
+ ._imageResizer_1qea1_992 {
1493
1512
  display: block;
1494
1513
  width: 7px;
1495
1514
  height: 7px;
@@ -1498,55 +1517,55 @@
1498
1517
  border: 1px solid var(--baseBg);
1499
1518
  }
1500
1519
 
1501
- ._imageResizer_r5eta_982._imageResizerN_r5eta_991 {
1520
+ ._imageResizer_1qea1_992._imageResizerN_1qea1_1001 {
1502
1521
  top: -6px;
1503
1522
  left: 48%;
1504
1523
  cursor: n-resize;
1505
1524
  }
1506
1525
 
1507
- ._imageResizer_r5eta_982._imageResizerNe_r5eta_997 {
1526
+ ._imageResizer_1qea1_992._imageResizerNe_1qea1_1007 {
1508
1527
  top: -6px;
1509
1528
  right: -6px;
1510
1529
  cursor: ne-resize;
1511
1530
  }
1512
1531
 
1513
- ._imageResizer_r5eta_982._imageResizerE_r5eta_1003 {
1532
+ ._imageResizer_1qea1_992._imageResizerE_1qea1_1013 {
1514
1533
  bottom: 48%;
1515
1534
  right: -6px;
1516
1535
  cursor: e-resize;
1517
1536
  }
1518
1537
 
1519
- ._imageResizer_r5eta_982._imageResizerSe_r5eta_1009 {
1538
+ ._imageResizer_1qea1_992._imageResizerSe_1qea1_1019 {
1520
1539
  bottom: -2px;
1521
1540
  right: -6px;
1522
1541
  cursor: nwse-resize;
1523
1542
  }
1524
1543
 
1525
- ._imageResizer_r5eta_982._imageResizerS_r5eta_1009 {
1544
+ ._imageResizer_1qea1_992._imageResizerS_1qea1_1019 {
1526
1545
  bottom: -2px;
1527
1546
  left: 48%;
1528
1547
  cursor: s-resize;
1529
1548
  }
1530
1549
 
1531
- ._imageResizer_r5eta_982._imageResizerSw_r5eta_1021 {
1550
+ ._imageResizer_1qea1_992._imageResizerSw_1qea1_1031 {
1532
1551
  bottom: -2px;
1533
1552
  left: -6px;
1534
1553
  cursor: sw-resize;
1535
1554
  }
1536
1555
 
1537
- ._imageResizer_r5eta_982._imageResizerW_r5eta_1027 {
1556
+ ._imageResizer_1qea1_992._imageResizerW_1qea1_1037 {
1538
1557
  bottom: 48%;
1539
1558
  left: -6px;
1540
1559
  cursor: w-resize;
1541
1560
  }
1542
1561
 
1543
- ._imageResizer_r5eta_982._imageResizerNw_r5eta_1033 {
1562
+ ._imageResizer_1qea1_992._imageResizerNw_1qea1_1043 {
1544
1563
  top: -6px;
1545
1564
  left: -6px;
1546
1565
  cursor: nw-resize;
1547
1566
  }
1548
1567
 
1549
- ._placeholder_r5eta_1039 {
1568
+ ._placeholder_1qea1_1049 {
1550
1569
  color: var(--baseSolid);
1551
1570
  overflow: hidden;
1552
1571
  position: absolute;
@@ -1561,19 +1580,19 @@
1561
1580
  pointer-events: none;
1562
1581
  }
1563
1582
 
1564
- ._rootContentEditableWrapper_r5eta_1052 {
1583
+ ._rootContentEditableWrapper_1qea1_1062 {
1565
1584
  position: relative;
1566
1585
  }
1567
1586
 
1568
1587
 
1569
1588
 
1570
- ._downshiftContainer_r5eta_1058 {
1589
+ ._downshiftContainer_1qea1_1068 {
1571
1590
  display: flex;
1572
1591
  flex-direction: column;
1573
1592
  align-items: stretch;
1574
1593
  }
1575
1594
 
1576
- ._downshiftInputWrapper_r5eta_1064 {
1595
+ ._downshiftInputWrapper_1qea1_1074 {
1577
1596
  display: flex;
1578
1597
  align-items: center;
1579
1598
  background-color: var(--baseBase);
@@ -1582,13 +1601,13 @@
1582
1601
  border: 1px solid var(--baseBorder);
1583
1602
  }
1584
1603
 
1585
- ._downshiftInputWrapper_r5eta_1064[data-visible-dropdown=true] {
1604
+ ._downshiftInputWrapper_1qea1_1074[data-visible-dropdown=true] {
1586
1605
  border-bottom-left-radius: var(--radius-none);
1587
1606
  border-bottom-right-radius: var(--radius-none);
1588
1607
  border-bottom-width: 0;
1589
1608
  }
1590
1609
 
1591
- ._downshiftInputWrapper_r5eta_1064>button {
1610
+ ._downshiftInputWrapper_1qea1_1074>button {
1592
1611
  border: 0;
1593
1612
  background-color: transparent;
1594
1613
  font-size: inherit;
@@ -1601,7 +1620,7 @@
1601
1620
  padding-right: var(--spacing-2);
1602
1621
  }
1603
1622
 
1604
- ._downshiftInput_r5eta_1064 {
1623
+ ._downshiftInput_1qea1_1074 {
1605
1624
  border: 0;
1606
1625
  background-color: transparent;
1607
1626
  font-size: inherit;
@@ -1616,19 +1635,19 @@
1616
1635
  font-size: var(--text-sm);
1617
1636
  }
1618
1637
 
1619
- ._downshiftInput_r5eta_1064::-moz-placeholder {
1638
+ ._downshiftInput_1qea1_1074::-moz-placeholder {
1620
1639
  color: var(--baseBorder);
1621
1640
  }
1622
1641
 
1623
- ._downshiftInput_r5eta_1064::placeholder {
1642
+ ._downshiftInput_1qea1_1074::placeholder {
1624
1643
  color: var(--baseBorder);
1625
1644
  }
1626
1645
 
1627
- ._downshiftAutocompleteContainer_r5eta_1095 {
1646
+ ._downshiftAutocompleteContainer_1qea1_1105 {
1628
1647
  position: relative;
1629
1648
  }
1630
1649
 
1631
- ._downshiftAutocompleteContainer_r5eta_1095 ul {
1650
+ ._downshiftAutocompleteContainer_1qea1_1105 ul {
1632
1651
  all: unset;
1633
1652
  box-sizing: border-box;
1634
1653
  position: absolute;
@@ -1645,11 +1664,11 @@
1645
1664
  background-color: var(--baseBase);
1646
1665
  }
1647
1666
 
1648
- ._downshiftAutocompleteContainer_r5eta_1095 ul[data-visible=true] {
1667
+ ._downshiftAutocompleteContainer_1qea1_1105 ul[data-visible=true] {
1649
1668
  display: block;
1650
1669
  }
1651
1670
 
1652
- ._downshiftAutocompleteContainer_r5eta_1095 ul li {
1671
+ ._downshiftAutocompleteContainer_1qea1_1105 ul li {
1653
1672
  padding: var(--spacing-2) var(--spacing-3);
1654
1673
  white-space: nowrap;
1655
1674
  margin-bottom: var(--spacing-1);
@@ -1657,20 +1676,20 @@
1657
1676
  text-overflow: ellipsis;
1658
1677
  }
1659
1678
 
1660
- ._downshiftAutocompleteContainer_r5eta_1095 ul li[data-selected=true] {
1679
+ ._downshiftAutocompleteContainer_1qea1_1105 ul li[data-selected=true] {
1661
1680
  background-color: var(--baseBgSubtle);
1662
1681
  }
1663
1682
 
1664
- ._downshiftAutocompleteContainer_r5eta_1095 ul li[data-highlighted=true] {
1683
+ ._downshiftAutocompleteContainer_1qea1_1105 ul li[data-highlighted=true] {
1665
1684
  background-color: var(--baseBgHover);
1666
1685
  }
1667
1686
 
1668
- ._downshiftAutocompleteContainer_r5eta_1095 ul li:last-of-type {
1687
+ ._downshiftAutocompleteContainer_1qea1_1105 ul li:last-of-type {
1669
1688
  border-bottom-left-radius: var(--radius-medium);
1670
1689
  border-bottom-right-radius: var(--radius-medium);
1671
1690
  }
1672
1691
 
1673
- ._textInput_r5eta_1141 {
1692
+ ._textInput_1qea1_1151 {
1674
1693
  all: unset;
1675
1694
  border-radius: var(--radius-base);
1676
1695
  border: 1px solid var(--baseBorder);
@@ -1678,24 +1697,24 @@
1678
1697
  padding: var(--spacing-2) var(--spacing-3);
1679
1698
  }
1680
1699
 
1681
- form._multiFieldForm_r5eta_1149 {
1700
+ form._multiFieldForm_1qea1_1159 {
1682
1701
  display: flex;
1683
1702
  flex-direction: column;
1684
1703
  padding: var(--spacing-2);
1685
1704
  gap: var(--spacing-2);
1686
1705
  }
1687
1706
 
1688
- form._multiFieldForm_r5eta_1149 ._formField_r5eta_1155 {
1707
+ form._multiFieldForm_1qea1_1159 ._formField_1qea1_1165 {
1689
1708
  display: flex;
1690
1709
  flex-direction: column;
1691
1710
  gap: var(--spacing-2);
1692
1711
  }
1693
1712
 
1694
- form._multiFieldForm_r5eta_1149 ._formField_r5eta_1155 label {
1713
+ form._multiFieldForm_1qea1_1159 ._formField_1qea1_1165 label {
1695
1714
  font-size: var(--text-xs);
1696
1715
  }
1697
1716
 
1698
- ._markdownParseError_r5eta_1166 {
1717
+ ._markdownParseError_1qea1_1176 {
1699
1718
  border-radius: var(--radius-base);
1700
1719
  border: 1px solid var(--error-color);
1701
1720
  padding: var(--spacing-2);
@@ -1704,20 +1723,20 @@ form._multiFieldForm_r5eta_1149 ._formField_r5eta_1155 label {
1704
1723
  font-size: var(--text-xs);
1705
1724
  }
1706
1725
 
1707
- ._popupContainer_r5eta_1175 {
1726
+ ._popupContainer_1qea1_1185 {
1708
1727
  position: relative;
1709
1728
  z-index: 1;
1710
1729
  }
1711
1730
 
1712
- ._inputSizer_r5eta_1180 {
1731
+ ._inputSizer_1qea1_1190 {
1713
1732
  display: inline-grid;
1714
1733
  vertical-align: baseline;
1715
1734
  align-items: center;
1716
1735
  position: relative;
1717
1736
  }
1718
1737
 
1719
- ._inputSizer_r5eta_1180::after,
1720
- ._inputSizer_r5eta_1180 input {
1738
+ ._inputSizer_1qea1_1190::after,
1739
+ ._inputSizer_1qea1_1190 input {
1721
1740
  width: auto;
1722
1741
  min-width: 1rem;
1723
1742
  grid-area: 1 / 2;
@@ -1733,11 +1752,11 @@ form._multiFieldForm_r5eta_1149 ._formField_r5eta_1155 label {
1733
1752
  color: inherit;
1734
1753
  }
1735
1754
 
1736
- ._inputSizer_r5eta_1180 span {
1755
+ ._inputSizer_1qea1_1190 span {
1737
1756
  padding: 0.25em;
1738
1757
  }
1739
1758
 
1740
- ._inputSizer_r5eta_1180::after {
1759
+ ._inputSizer_1qea1_1190::after {
1741
1760
  content: attr(data-value);
1742
1761
  white-space: pre-wrap;
1743
1762
  }