@mdxeditor/editor 3.30.1 → 3.31.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css CHANGED
@@ -337,7 +337,7 @@
337
337
  .mdxeditor hr.selected[data-lexical-decorator=true] {
338
338
  outline: 2px solid highlight;
339
339
  }
340
- ._editorRoot_uazmk_53 {
340
+ ._editorRoot_1pxqm_53 {
341
341
  --accentBase: var(--blue-1);
342
342
  --accentBgSubtle: var(--blue-2);
343
343
  --accentBg: var(--blue-3);
@@ -426,8 +426,9 @@
426
426
  --radius-extra-large: var(--spacing-3);
427
427
  --radius-full: 9999px;
428
428
 
429
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
430
- --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
429
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
430
+ --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
431
+ sans-serif;
431
432
 
432
433
  --text-base: 1rem;
433
434
  --text-sm: 0.875rem;
@@ -438,13 +439,14 @@
438
439
  color: var(--baseText);
439
440
  }
440
441
 
441
- ._editorWrapper_uazmk_154 {}
442
+ ._editorWrapper_1pxqm_155 {
443
+ }
442
444
 
443
- ._nestedListItem_uazmk_156 {
445
+ ._nestedListItem_1pxqm_158 {
444
446
  list-style: none;
445
447
  }
446
448
 
447
- ._toolbarRoot_uazmk_160 {
449
+ ._toolbarRoot_1pxqm_162 {
448
450
  z-index: 2;
449
451
  display: flex;
450
452
  flex-direction: row;
@@ -459,28 +461,28 @@
459
461
  width: inherit;
460
462
  }
461
463
 
462
- ._toolbarRoot_uazmk_160 div[role=separator] {
464
+ ._toolbarRoot_1pxqm_162 div[role='separator'] {
463
465
  margin: var(--spacing-2) var(--spacing-1);
464
466
  border-left: 1px solid var(--baseBorder);
465
467
  border-right: 1px solid var(--baseBase);
466
468
  height: var(--spacing-4);
467
469
  }
468
470
 
469
- ._toolbarRoot_uazmk_160 svg {
471
+ ._toolbarRoot_1pxqm_162 svg {
470
472
  color: var(--baseTextContrast);
471
473
  display: block;
472
474
  }
473
475
 
474
- ._readOnlyToolbarRoot_uazmk_187 {
476
+ ._readOnlyToolbarRoot_1pxqm_189 {
475
477
  pointer-events: none;
476
478
  background: var(--baseBase);
477
479
  }
478
480
 
479
- ._readOnlyToolbarRoot_uazmk_187>div {
481
+ ._readOnlyToolbarRoot_1pxqm_189 > div {
480
482
  opacity: 0.5;
481
483
  }
482
484
 
483
- ._toolbarModeSwitch_uazmk_196 {
485
+ ._toolbarModeSwitch_1pxqm_198 {
484
486
  opacity: 1 !important;
485
487
  margin-left: auto;
486
488
  align-self: stretch;
@@ -491,37 +493,37 @@
491
493
  font-size: var(--text-xs);
492
494
  }
493
495
 
494
- ._toolbarModeSwitch_uazmk_196 ._toolbarToggleItem_uazmk_206 {
496
+ ._toolbarModeSwitch_1pxqm_198 ._toolbarToggleItem_1pxqm_208 {
495
497
  padding-inline-end: var(--spacing-4);
496
498
  padding-inline-start: var(--spacing-4);
497
499
  }
498
500
 
499
- ._toolbarModeSwitch_uazmk_196 ._toolbarToggleItem_uazmk_206:active,
500
- ._toolbarModeSwitch_uazmk_196 ._toolbarToggleItem_uazmk_206[data-state=on] {
501
+ ._toolbarModeSwitch_1pxqm_198 ._toolbarToggleItem_1pxqm_208:active,
502
+ ._toolbarModeSwitch_1pxqm_198 ._toolbarToggleItem_1pxqm_208[data-state='on'] {
501
503
  background-color: var(--baseBorder);
502
504
  }
503
505
 
504
- ._toolbarGroupOfGroups_uazmk_217 {
506
+ ._toolbarGroupOfGroups_1pxqm_219 {
505
507
  display: flex;
506
508
  margin: 0 var(--spacing-1);
507
509
  }
508
510
 
509
- ._toolbarToggleSingleGroup_uazmk_222:first-of-type ._toolbarToggleItem_uazmk_206:only-child,
510
- ._toolbarToggleSingleGroup_uazmk_222:only-child ._toolbarToggleItem_uazmk_206:first-child,
511
- ._toolbarModeSwitch_uazmk_196 ._toolbarToggleItem_uazmk_206:first-child {
511
+ ._toolbarToggleSingleGroup_1pxqm_224:first-of-type ._toolbarToggleItem_1pxqm_208:only-child,
512
+ ._toolbarToggleSingleGroup_1pxqm_224:only-child ._toolbarToggleItem_1pxqm_208:first-child,
513
+ ._toolbarModeSwitch_1pxqm_198 ._toolbarToggleItem_1pxqm_208:first-child {
512
514
  border-top-left-radius: var(--radius-base);
513
515
  border-bottom-left-radius: var(--radius-base);
514
516
  }
515
517
 
516
- ._toolbarToggleSingleGroup_uazmk_222:last-of-type ._toolbarToggleItem_uazmk_206:only-child,
517
- ._toolbarToggleSingleGroup_uazmk_222:only-child ._toolbarToggleItem_uazmk_206:last-child,
518
- ._toolbarModeSwitch_uazmk_196 ._toolbarToggleItem_uazmk_206:last-child {
518
+ ._toolbarToggleSingleGroup_1pxqm_224:last-of-type ._toolbarToggleItem_1pxqm_208:only-child,
519
+ ._toolbarToggleSingleGroup_1pxqm_224:only-child ._toolbarToggleItem_1pxqm_208:last-child,
520
+ ._toolbarModeSwitch_1pxqm_198 ._toolbarToggleItem_1pxqm_208:last-child {
519
521
  border-top-right-radius: var(--radius-base);
520
522
  border-bottom-right-radius: var(--radius-base);
521
523
  }
522
524
 
523
- ._toolbarToggleItem_uazmk_206,
524
- ._toolbarButton_uazmk_237 {
525
+ ._toolbarToggleItem_1pxqm_208,
526
+ ._toolbarButton_1pxqm_239 {
525
527
  border: 0;
526
528
  background-color: transparent;
527
529
  font-size: inherit;
@@ -535,54 +537,54 @@
535
537
  }
536
538
 
537
539
  @media (hover: hover) {
538
- ._toolbarToggleItem_uazmk_206:hover, ._toolbarButton_uazmk_237:hover {
540
+ ._toolbarToggleItem_1pxqm_208:hover, ._toolbarButton_1pxqm_239:hover {
539
541
  background-color: var(--baseBgActive);
540
542
  }
541
543
  }
542
544
 
543
- ._toolbarToggleItem_uazmk_206:active svg, ._toolbarButton_uazmk_237:active svg {
545
+ ._toolbarToggleItem_1pxqm_208:active svg, ._toolbarButton_1pxqm_239:active svg {
544
546
  transform: translate(1px, 1px);
545
547
  }
546
548
 
547
- ._toolbarToggleItem_uazmk_206[data-state=on],
548
- ._toolbarButton_uazmk_237[data-state=on],
549
- ._toolbarToggleItem_uazmk_206:active,
550
- ._toolbarButton_uazmk_237:active {
549
+ ._toolbarToggleItem_1pxqm_208[data-state='on'],
550
+ ._toolbarButton_1pxqm_239[data-state='on'],
551
+ ._toolbarToggleItem_1pxqm_208:active,
552
+ ._toolbarButton_1pxqm_239:active {
551
553
  color: var(--baseTextContrast);
552
554
  background-color: var(--baseBgActive);
553
555
  }
554
556
 
555
- ._toolbarToggleItem_uazmk_206[data-disabled], ._toolbarButton_uazmk_237[data-disabled] {
557
+ ._toolbarToggleItem_1pxqm_208[data-disabled], ._toolbarButton_1pxqm_239[data-disabled] {
556
558
  pointer-events: none;
557
559
  }
558
560
 
559
- ._toolbarToggleItem_uazmk_206[data-disabled] svg, ._toolbarButton_uazmk_237[data-disabled] svg {
561
+ ._toolbarToggleItem_1pxqm_208[data-disabled] svg, ._toolbarButton_1pxqm_239[data-disabled] svg {
560
562
  color: var(--baseBorderHover);
561
563
  }
562
564
 
563
- ._toolbarButton_uazmk_237 {
565
+ ._toolbarButton_1pxqm_239 {
564
566
  border-radius: var(--radius-base);
565
567
  }
566
568
 
567
- ._toolbarButton_uazmk_237 + ._toolbarButton_uazmk_237 {
569
+ ._toolbarButton_1pxqm_239 + ._toolbarButton_1pxqm_239 {
568
570
  margin-left: var(--spacing-1);
569
571
  }
570
572
 
571
- ._activeToolbarButton_uazmk_274 {
573
+ ._activeToolbarButton_1pxqm_275 {
572
574
  color: var(--accentText);
573
575
  }
574
576
 
575
- ._toolbarToggleSingleGroup_uazmk_222 {
577
+ ._toolbarToggleSingleGroup_1pxqm_224 {
576
578
  display: flex;
577
579
  align-items: center;
578
580
  white-space: nowrap;
579
581
  }
580
582
 
581
- ._toolbarNodeKindSelectContainer_uazmk_284,
582
- ._toolbarButtonDropdownContainer_uazmk_285,
583
- ._toolbarCodeBlockLanguageSelectContent_uazmk_286,
584
- ._selectContainer_uazmk_287 {
585
- filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
583
+ ._toolbarNodeKindSelectContainer_1pxqm_285,
584
+ ._toolbarButtonDropdownContainer_1pxqm_286,
585
+ ._toolbarCodeBlockLanguageSelectContent_1pxqm_287,
586
+ ._selectContainer_1pxqm_288 {
587
+ filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
586
588
  z-index: 3;
587
589
  width: var(--spacing-36);
588
590
  border-bottom-left-radius: var(--radius-base);
@@ -591,17 +593,17 @@
591
593
  font-size: var(--text-sm);
592
594
  }
593
595
 
594
- ._toolbarButtonDropdownContainer_uazmk_285 {
596
+ ._toolbarButtonDropdownContainer_1pxqm_286 {
595
597
  border-top-right-radius: var(--radius-base);
596
598
  }
597
599
 
598
- ._toolbarButtonDropdownContainer_uazmk_285 ._selectItem_uazmk_300:first-child {
600
+ ._toolbarButtonDropdownContainer_1pxqm_286 ._selectItem_1pxqm_301:first-child {
599
601
  border-top-right-radius: var(--radius-base);
600
602
  }
601
603
 
602
- ._toolbarNodeKindSelectTrigger_uazmk_305,
603
- ._toolbarButtonSelectTrigger_uazmk_306,
604
- ._selectTrigger_uazmk_307 {
604
+ ._toolbarNodeKindSelectTrigger_1pxqm_306,
605
+ ._toolbarButtonSelectTrigger_1pxqm_307,
606
+ ._selectTrigger_1pxqm_308 {
605
607
  border: 0;
606
608
  background-color: transparent;
607
609
  display: flex;
@@ -618,62 +620,62 @@
618
620
  margin: 0 var(--spacing-1);
619
621
  }
620
622
 
621
- ._toolbarNodeKindSelectTrigger_uazmk_305[data-state=open], ._toolbarButtonSelectTrigger_uazmk_306[data-state=open], ._selectTrigger_uazmk_307[data-state=open] {
622
- filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
623
+ ._toolbarNodeKindSelectTrigger_1pxqm_306[data-state='open'], ._toolbarButtonSelectTrigger_1pxqm_307[data-state='open'], ._selectTrigger_1pxqm_308[data-state='open'] {
624
+ filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
623
625
  border-bottom-right-radius: var(--radius-none);
624
626
  border-bottom-left-radius: var(--radius-none);
625
627
  }
626
628
 
627
- ._selectTrigger_uazmk_307[data-placeholder]>span:first-child {
629
+ ._selectTrigger_1pxqm_308[data-placeholder] > span:first-child {
628
630
  color: var(--baseBorderHover);
629
631
  }
630
632
 
631
633
  /** used in the sandpack */
632
- ._toolbarButtonSelectTrigger_uazmk_306 {
634
+ ._toolbarButtonSelectTrigger_1pxqm_307 {
633
635
  width: auto;
634
636
  padding-inline-start: var(--spacing-2);
635
637
  padding-inline-end: var(--spacing-1);
636
638
  padding-block: var(--spacing-0_5);
637
639
  }
638
640
 
639
- ._toolbarCodeBlockLanguageSelectTrigger_uazmk_342,
640
- ._toolbarCodeBlockLanguageSelectContent_uazmk_286 {
641
+ ._toolbarCodeBlockLanguageSelectTrigger_1pxqm_343,
642
+ ._toolbarCodeBlockLanguageSelectContent_1pxqm_287 {
641
643
  width: var(--spacing-48);
642
644
  }
643
645
 
644
- ._toolbarNodeKindSelectItem_uazmk_347,
645
- ._selectItem_uazmk_300 {
646
+ ._toolbarNodeKindSelectItem_1pxqm_348,
647
+ ._selectItem_1pxqm_301 {
646
648
  cursor: default;
647
649
  display: flex;
648
650
  padding: var(--spacing-2);
649
651
  }
650
652
 
651
- ._toolbarNodeKindSelectItem_uazmk_347[data-highlighted], ._selectItem_uazmk_300[data-highlighted] {
653
+ ._toolbarNodeKindSelectItem_1pxqm_348[data-highlighted], ._selectItem_1pxqm_301[data-highlighted] {
652
654
  background-color: var(--baseBg);
653
655
  }
654
656
 
655
- ._toolbarNodeKindSelectItem_uazmk_347[data-state=checked], ._selectItem_uazmk_300[data-state=checked] {
657
+ ._toolbarNodeKindSelectItem_1pxqm_348[data-state='checked'], ._selectItem_1pxqm_301[data-state='checked'] {
656
658
  color: var(--baseTextContrast);
657
659
  background-color: var(--baseBg);
658
660
  }
659
661
 
660
- ._toolbarNodeKindSelectItem_uazmk_347[data-highlighted], ._selectItem_uazmk_300[data-highlighted] {
662
+ ._toolbarNodeKindSelectItem_1pxqm_348[data-highlighted], ._selectItem_1pxqm_301[data-highlighted] {
661
663
  outline: none;
662
664
  }
663
665
 
664
- ._toolbarNodeKindSelectItem_uazmk_347:last-child, ._selectItem_uazmk_300:last-child {
666
+ ._toolbarNodeKindSelectItem_1pxqm_348:last-child, ._selectItem_1pxqm_301:last-child {
665
667
  border-bottom-left-radius: var(--radius-base);
666
668
  border-bottom-right-radius: var(--radius-base);
667
669
  }
668
670
 
669
- ._toolbarNodeKindSelectDropdownArrow_uazmk_372,
670
- ._selectDropdownArrow_uazmk_373 {
671
+ ._toolbarNodeKindSelectDropdownArrow_1pxqm_373,
672
+ ._selectDropdownArrow_1pxqm_374 {
671
673
  margin-left: auto;
672
674
  display: flex;
673
675
  align-items: center;
674
676
  }
675
677
 
676
- ._contentEditable_uazmk_379 {
678
+ ._contentEditable_1pxqm_380 {
677
679
  box-sizing: border-box;
678
680
  width: 100%;
679
681
  color: var(--baseTextContrast);
@@ -681,11 +683,11 @@
681
683
  padding: var(--spacing-3);
682
684
  }
683
685
 
684
- ._contentEditable_uazmk_379:focus {
686
+ ._contentEditable_1pxqm_380:focus {
685
687
  outline: none;
686
688
  }
687
689
 
688
- ._codeMirrorWrapper_uazmk_391 {
690
+ ._codeMirrorWrapper_1pxqm_392 {
689
691
  margin-bottom: var(--spacing-5);
690
692
  border: 1px solid var(--baseLine);
691
693
  border-radius: var(--radius-medium);
@@ -694,7 +696,7 @@
694
696
  position: relative;
695
697
  }
696
698
 
697
- ._sandPackWrapper_uazmk_400 {
699
+ ._sandPackWrapper_1pxqm_401 {
698
700
  margin-bottom: var(--spacing-5);
699
701
  border: 1px solid var(--baseLine);
700
702
  border-radius: var(--radius-medium);
@@ -702,7 +704,7 @@
702
704
  position: relative;
703
705
  }
704
706
 
705
- ._codeMirrorToolbar_uazmk_408 {
707
+ ._codeMirrorToolbar_1pxqm_409 {
706
708
  position: absolute;
707
709
  right: 0;
708
710
  top: 0;
@@ -714,17 +716,17 @@
714
716
  border-bottom-left-radius: var(--radius-base);
715
717
  }
716
718
 
717
- ._frontmatterWrapper_uazmk_412 {
719
+ ._frontmatterWrapper_1pxqm_413 {
718
720
  border-radius: var(--radius-medium);
719
721
  padding: var(--spacing-3);
720
722
  background-color: var(--baseBgSubtle);
721
723
  }
722
724
 
723
- ._frontmatterWrapper_uazmk_412[data-expanded=true] {
725
+ ._frontmatterWrapper_1pxqm_413[data-expanded='true'] {
724
726
  margin-bottom: var(--spacing-10);
725
727
  }
726
728
 
727
- ._frontmatterToggleButton_uazmk_422 {
729
+ ._frontmatterToggleButton_1pxqm_423 {
728
730
  border: 0;
729
731
  background-color: transparent;
730
732
  font-size: inherit;
@@ -740,7 +742,7 @@
740
742
  font-size: var(--text-sm);
741
743
  }
742
744
 
743
- ._propertyPanelTitle_uazmk_430 {
745
+ ._propertyPanelTitle_1pxqm_431 {
744
746
  font-size: var(--text-xs);
745
747
  font-weight: 400;
746
748
  margin: 0;
@@ -748,49 +750,49 @@
748
750
  padding-left: var(--spacing-2);
749
751
  }
750
752
 
751
- ._propertyEditorTable_uazmk_438 {
753
+ ._propertyEditorTable_1pxqm_439 {
752
754
  table-layout: fixed;
753
755
  border-spacing: var(--spacing-2);
754
756
  }
755
757
 
756
- ._propertyEditorTable_uazmk_438 th {
758
+ ._propertyEditorTable_1pxqm_439 th {
757
759
  text-align: left;
758
760
  font-size: var(--text-sm);
759
761
  padding: var(--spacing-2) var(--spacing-3);
760
762
  }
761
763
 
762
- ._propertyEditorTable_uazmk_438 col:nth-child(1) {
764
+ ._propertyEditorTable_1pxqm_439 col:nth-child(1) {
763
765
  width: 30%;
764
766
  }
765
767
 
766
- ._propertyEditorTable_uazmk_438 col:nth-child(2) {
768
+ ._propertyEditorTable_1pxqm_439 col:nth-child(2) {
767
769
  width: 70%;
768
770
  }
769
771
 
770
- ._propertyEditorTable_uazmk_438 td:last-child ._iconButton_uazmk_456 {
772
+ ._propertyEditorTable_1pxqm_439 td:last-child ._iconButton_1pxqm_457 {
771
773
  margin-left: var(--spacing-4);
772
774
  margin-right: var(--spacing-4);
773
775
  }
774
776
 
775
- ._propertyEditorTable_uazmk_438 ._readOnlyColumnCell_uazmk_461 {
777
+ ._propertyEditorTable_1pxqm_439 ._readOnlyColumnCell_1pxqm_462 {
776
778
  padding-left: 0;
777
779
  }
778
780
 
779
- ._propertyEditorLabelCell_uazmk_466 {
781
+ ._propertyEditorLabelCell_1pxqm_467 {
780
782
  font-weight: 400;
781
783
  }
782
784
 
783
- ._readOnlyColumnCell_uazmk_461 {
785
+ ._readOnlyColumnCell_1pxqm_462 {
784
786
  padding-left: 0;
785
787
  }
786
788
 
787
- ._buttonsFooter_uazmk_474 {
789
+ ._buttonsFooter_1pxqm_475 {
788
790
  display: flex;
789
791
  justify-content: flex-end;
790
792
  gap: var(--spacing-2);
791
793
  }
792
794
 
793
- ._propertyEditorInput_uazmk_480 {
795
+ ._propertyEditorInput_1pxqm_481 {
794
796
  border: 0;
795
797
  background-color: transparent;
796
798
  font-size: inherit;
@@ -808,7 +810,7 @@
808
810
  font-size: var(--text-sm);
809
811
  }
810
812
 
811
- ._iconButton_uazmk_456 {
813
+ ._iconButton_1pxqm_457 {
812
814
  border: 0;
813
815
  background-color: transparent;
814
816
  font-size: inherit;
@@ -822,18 +824,18 @@
822
824
  }
823
825
 
824
826
  @media (hover: hover) {
825
- ._iconButton_uazmk_456:hover {
827
+ ._iconButton_1pxqm_457:hover {
826
828
  color: var(--baseTextContrast);
827
829
  }
828
830
  }
829
831
 
830
- ._iconButton_uazmk_456:disabled,
831
- ._iconButton_uazmk_456:disabled:hover {
832
+ ._iconButton_1pxqm_457:disabled,
833
+ ._iconButton_1pxqm_457:disabled:hover {
832
834
  color: var(--baseLine);
833
835
  }
834
836
 
835
- ._primaryButton_uazmk_506,
836
- ._secondaryButton_uazmk_507 {
837
+ ._primaryButton_1pxqm_507,
838
+ ._secondaryButton_1pxqm_508 {
837
839
  border: 0;
838
840
  background-color: transparent;
839
841
  font-size: inherit;
@@ -851,30 +853,30 @@
851
853
  border-radius: var(--radius-medium);
852
854
  }
853
855
 
854
- ._primaryButton_uazmk_506:disabled, ._secondaryButton_uazmk_507:disabled {
856
+ ._primaryButton_1pxqm_507:disabled, ._secondaryButton_1pxqm_508:disabled {
855
857
  background: var(--accentLine);
856
858
  border-color: var(--accentBg);
857
859
  }
858
860
 
859
- ._smallButton_uazmk_522 {
861
+ ._smallButton_1pxqm_523 {
860
862
  font-size: var(--text-xs);
861
863
  padding: var(--spacing-1) var(--spacing-2);
862
864
  border-radius: var(--radius-base);
863
865
  }
864
866
 
865
- ._secondaryButton_uazmk_507 {
867
+ ._secondaryButton_1pxqm_508 {
866
868
  border: 1px solid var(--baseBorder);
867
869
  background-color: var(--baseSolidHover);
868
870
  color: var(--baseBase);
869
871
  }
870
872
 
871
- ._dialogForm_uazmk_534 {
873
+ ._dialogForm_1pxqm_535 {
872
874
  display: flex;
873
875
  flex-direction: row;
874
876
  gap: var(--spacing-2);
875
877
  }
876
878
 
877
- ._linkDialogEditForm_uazmk_540 {
879
+ ._linkDialogEditForm_1pxqm_541 {
878
880
  display: flex;
879
881
  flex-direction: column;
880
882
  align-items: stretch;
@@ -882,13 +884,13 @@
882
884
  padding: 0;
883
885
  }
884
886
 
885
- ._linkDialogInputContainer_uazmk_548 {
887
+ ._linkDialogInputContainer_1pxqm_549 {
886
888
  display: flex;
887
889
  flex-direction: column;
888
890
  align-items: stretch;
889
891
  }
890
892
 
891
- ._linkDialogInputWrapper_uazmk_554 {
893
+ ._linkDialogInputWrapper_1pxqm_555 {
892
894
  display: flex;
893
895
  align-items: center;
894
896
  background-color: var(--baseBase);
@@ -897,13 +899,13 @@
897
899
  border: 1px solid var(--baseBorder);
898
900
  }
899
901
 
900
- ._linkDialogInputWrapper_uazmk_554[data-visible-dropdown=true] {
902
+ ._linkDialogInputWrapper_1pxqm_555[data-visible-dropdown='true'] {
901
903
  border-bottom-left-radius: var(--radius-none);
902
904
  border-bottom-right-radius: var(--radius-none);
903
905
  border-bottom-width: 0;
904
906
  }
905
907
 
906
- ._linkDialogInputWrapper_uazmk_554>button {
908
+ ._linkDialogInputWrapper_1pxqm_555 > button {
907
909
  border: 0;
908
910
  background-color: transparent;
909
911
  font-size: inherit;
@@ -916,8 +918,8 @@
916
918
  padding-right: var(--spacing-2);
917
919
  }
918
920
 
919
- ._linkDialogInput_uazmk_548,
920
- ._dialogInput_uazmk_575 {
921
+ ._linkDialogInput_1pxqm_549,
922
+ ._dialogInput_1pxqm_576 {
921
923
  border: 0;
922
924
  background-color: transparent;
923
925
  font-size: inherit;
@@ -932,32 +934,32 @@
932
934
  font-size: var(--text-sm);
933
935
  }
934
936
 
935
- ._linkDialogInput_uazmk_548::-moz-placeholder, ._dialogInput_uazmk_575::-moz-placeholder {
937
+ ._linkDialogInput_1pxqm_549::-moz-placeholder, ._dialogInput_1pxqm_576::-moz-placeholder {
936
938
  color: var(--baseBorder);
937
939
  }
938
940
 
939
- ._linkDialogInput_uazmk_548::placeholder, ._dialogInput_uazmk_575::placeholder {
941
+ ._linkDialogInput_1pxqm_549::placeholder, ._dialogInput_1pxqm_576::placeholder {
940
942
  color: var(--baseBorder);
941
943
  }
942
944
 
943
- ._linkDialogAnchor_uazmk_586 {
945
+ ._linkDialogAnchor_1pxqm_587 {
944
946
  position: fixed;
945
947
  background-color: highlight;
946
948
  z-index: -1;
947
949
  }
948
950
 
949
- ._linkDialogAnchor_uazmk_586[data-visible=true] {
951
+ ._linkDialogAnchor_1pxqm_587[data-visible='true'] {
950
952
  visibility: visible;
951
953
  }
952
954
 
953
- ._linkDialogAnchor_uazmk_586[data-visible=false] {
955
+ ._linkDialogAnchor_1pxqm_587[data-visible='false'] {
954
956
  visibility: hidden;
955
957
  }
956
958
 
957
- ._linkDialogPopoverContent_uazmk_600,
958
- ._tableColumnEditorPopoverContent_uazmk_601,
959
- ._dialogContent_uazmk_602 {
960
- filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
959
+ ._linkDialogPopoverContent_1pxqm_601,
960
+ ._tableColumnEditorPopoverContent_1pxqm_602,
961
+ ._dialogContent_1pxqm_603 {
962
+ filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
961
963
  display: flex;
962
964
  align-items: center;
963
965
  gap: var(--spacing-0_5);
@@ -968,8 +970,8 @@
968
970
  font-size: var(--text-sm);
969
971
  }
970
972
 
971
- ._largeDialogContent_uazmk_614 {
972
- filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
973
+ ._largeDialogContent_1pxqm_615 {
974
+ filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
973
975
  gap: var(--spacing-0_5);
974
976
  border-radius: var(--radius-medium);
975
977
  border: 1px solid var(--baseBorder);
@@ -978,13 +980,13 @@
978
980
  font-size: var(--text-sm);
979
981
  }
980
982
 
981
- ._dialogTitle_uazmk_624 {
983
+ ._dialogTitle_1pxqm_625 {
982
984
  font-size: var(--text-base);
983
985
  font-weight: 600;
984
986
  padding-left: var(--spacing-2);
985
987
  }
986
988
 
987
- ._dialogCloseButton_uazmk_630 {
989
+ ._dialogCloseButton_1pxqm_631 {
988
990
  border: 0;
989
991
  background-color: transparent;
990
992
  font-size: inherit;
@@ -999,8 +1001,8 @@
999
1001
  right: 10px;
1000
1002
  }
1001
1003
 
1002
- ._popoverContent_uazmk_637 {
1003
- filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
1004
+ ._popoverContent_1pxqm_638 {
1005
+ filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
1004
1006
  display: flex;
1005
1007
  align-items: center;
1006
1008
  gap: var(--spacing-0_5);
@@ -1011,11 +1013,11 @@
1011
1013
  z-index: 1;
1012
1014
  }
1013
1015
 
1014
- ._popoverArrow_uazmk_649 {
1016
+ ._popoverArrow_1pxqm_650 {
1015
1017
  fill: var(--basePageBg);
1016
1018
  }
1017
1019
 
1018
- ._linkDialogPreviewAnchor_uazmk_653 {
1020
+ ._linkDialogPreviewAnchor_1pxqm_654 {
1019
1021
  margin-right: var(--spacing-1);
1020
1022
  display: flex;
1021
1023
  align-items: center;
@@ -1026,23 +1028,23 @@
1026
1028
  }
1027
1029
 
1028
1030
  @media (hover: hover) {
1029
- ._linkDialogPreviewAnchor_uazmk_653:hover {
1031
+ ._linkDialogPreviewAnchor_1pxqm_654:hover {
1030
1032
  color: var(--accentSolidHover);
1031
1033
  }
1032
1034
  }
1033
1035
 
1034
- ._linkDialogPreviewAnchor_uazmk_653 span {
1036
+ ._linkDialogPreviewAnchor_1pxqm_654 span {
1035
1037
  max-width: 14rem;
1036
1038
  overflow-x: hidden;
1037
1039
  text-overflow: ellipsis;
1038
1040
  white-space: nowrap;
1039
1041
  }
1040
1042
 
1041
- ._tooltipTrigger_uazmk_676 {
1043
+ ._tooltipTrigger_1pxqm_677 {
1042
1044
  align-self: center;
1043
1045
  }
1044
1046
 
1045
- ._tooltipContent_uazmk_680 {
1047
+ ._tooltipContent_1pxqm_681 {
1046
1048
  z-index: 2;
1047
1049
  position: relative;
1048
1050
  border-radius: var(--radius-medium);
@@ -1052,11 +1054,11 @@
1052
1054
  color: var(--baseBase);
1053
1055
  }
1054
1056
 
1055
- ._tooltipContent_uazmk_680 svg {
1057
+ ._tooltipContent_1pxqm_681 svg {
1056
1058
  fill: var(--baseText);
1057
1059
  }
1058
1060
 
1059
- ._actionButton_uazmk_694 {
1061
+ ._actionButton_1pxqm_695 {
1060
1062
  border: 0;
1061
1063
  background-color: transparent;
1062
1064
  font-size: inherit;
@@ -1073,39 +1075,39 @@
1073
1075
  color: var(--baseTextContrast);
1074
1076
  }
1075
1077
 
1076
- ._actionButton_uazmk_694 svg {
1078
+ ._actionButton_1pxqm_695 svg {
1077
1079
  display: block;
1078
1080
  }
1079
1081
 
1080
1082
  @media (hover: hover) {
1081
- ._actionButton_uazmk_694:hover {
1083
+ ._actionButton_1pxqm_695:hover {
1082
1084
  background-color: var(--baseBg);
1083
1085
  }
1084
1086
  }
1085
1087
 
1086
- ._actionButton_uazmk_694:active svg {
1088
+ ._actionButton_1pxqm_695:active svg {
1087
1089
  transform: translate(1px, 1px);
1088
1090
  }
1089
1091
 
1090
- ._actionButton_uazmk_694[data-state=on],
1091
- ._actionButton_uazmk_694:active {
1092
+ ._actionButton_1pxqm_695[data-state='on'],
1093
+ ._actionButton_1pxqm_695:active {
1092
1094
  background-color: var(--baseBg);
1093
1095
  color: var(--baseTextContrast);
1094
1096
  }
1095
1097
 
1096
- ._primaryActionButton_uazmk_701 {
1098
+ ._primaryActionButton_1pxqm_702 {
1097
1099
  background-color: var(--accentSolid);
1098
1100
  color: var(--baseBase);
1099
1101
  }
1100
1102
 
1101
1103
  @media (hover: hover) {
1102
- ._primaryActionButton_uazmk_701:hover {
1104
+ ._primaryActionButton_1pxqm_702:hover {
1103
1105
  background-color: var(--accentSolidHover);
1104
1106
  color: var(--baseBase);
1105
1107
  }
1106
1108
  }
1107
1109
 
1108
- ._tableEditor_uazmk_713 {
1110
+ ._tableEditor_1pxqm_714 {
1109
1111
  table-layout: fixed;
1110
1112
  width: 100%;
1111
1113
  height: 100%;
@@ -1113,62 +1115,61 @@
1113
1115
  border-collapse: collapse;
1114
1116
  }
1115
1117
 
1116
- ._tableEditor_uazmk_713 thead>tr>th {
1118
+ ._tableEditor_1pxqm_714 thead > tr > th {
1117
1119
  text-align: right;
1118
1120
  }
1119
1121
 
1120
- ._tableEditor_uazmk_713>tbody>tr>td:not(._toolCell_uazmk_724),
1121
- ._tableEditor_uazmk_713>tbody>tr>th:not(._toolCell_uazmk_724):not([data-tool-cell="true"]) {
1122
+ ._tableEditor_1pxqm_714 > tbody > tr > td:not(._toolCell_1pxqm_725),
1123
+ ._tableEditor_1pxqm_714 > tbody > tr > th:not(._toolCell_1pxqm_725):not([data-tool-cell='true']) {
1122
1124
  border: 1px solid var(--baseBgActive);
1123
1125
  padding: var(--spacing-1) var(--spacing-2);
1124
1126
  white-space: normal;
1125
1127
  }
1126
1128
 
1127
- :is(._tableEditor_uazmk_713>tbody>tr>td:not(._toolCell_uazmk_724),._tableEditor_uazmk_713>tbody>tr>th:not(._toolCell_uazmk_724):not([data-tool-cell="true"]))>div {
1129
+ :is(._tableEditor_1pxqm_714 > tbody > tr > td:not(._toolCell_1pxqm_725),._tableEditor_1pxqm_714 > tbody > tr > th:not(._toolCell_1pxqm_725):not([data-tool-cell='true'])) > div {
1128
1130
  outline: none;
1129
1131
  }
1130
1132
 
1131
- :is(._tableEditor_uazmk_713>tbody>tr>td:not(._toolCell_uazmk_724),._tableEditor_uazmk_713>tbody>tr>th:not(._toolCell_uazmk_724):not([data-tool-cell="true"]))>div>p {
1133
+ :is(._tableEditor_1pxqm_714 > tbody > tr > td:not(._toolCell_1pxqm_725),._tableEditor_1pxqm_714 > tbody > tr > th:not(._toolCell_1pxqm_725):not([data-tool-cell='true'])) > div > p {
1132
1134
  margin: 0;
1133
1135
  }
1134
1136
 
1135
- [data-active=true]:is(._tableEditor_uazmk_713>tbody>tr>td:not(._toolCell_uazmk_724),._tableEditor_uazmk_713>tbody>tr>th:not(._toolCell_uazmk_724):not([data-tool-cell="true"])) {
1137
+ [data-active='true']:is(._tableEditor_1pxqm_714 > tbody > tr > td:not(._toolCell_1pxqm_725),._tableEditor_1pxqm_714 > tbody > tr > th:not(._toolCell_1pxqm_725):not([data-tool-cell='true'])) {
1136
1138
  outline: solid 1px var(--baseSolid);
1137
1139
  }
1138
1140
 
1139
- ._tableEditor_uazmk_713 ._tableColumnEditorTrigger_uazmk_743,
1140
- ._tableEditor_uazmk_713 ._tableRowEditorTrigger_uazmk_744,
1141
- ._tableEditor_uazmk_713 ._addRowButton_uazmk_745,
1142
- ._tableEditor_uazmk_713 ._addColumnButton_uazmk_746,
1143
- ._tableEditor_uazmk_713 ._iconButton_uazmk_456 {
1144
- opacity: .15;
1141
+ ._tableEditor_1pxqm_714 ._tableColumnEditorTrigger_1pxqm_744,
1142
+ ._tableEditor_1pxqm_714 ._tableRowEditorTrigger_1pxqm_745,
1143
+ ._tableEditor_1pxqm_714 ._addRowButton_1pxqm_746,
1144
+ ._tableEditor_1pxqm_714 ._addColumnButton_1pxqm_747,
1145
+ ._tableEditor_1pxqm_714 ._iconButton_1pxqm_457 {
1146
+ opacity: 0.15;
1145
1147
  }
1146
1148
 
1147
1149
  @media (hover: hover) {
1148
-
1149
- ._tableEditor_uazmk_713:hover ._tableColumnEditorTrigger_uazmk_743,
1150
- ._tableEditor_uazmk_713:hover ._tableRowEditorTrigger_uazmk_744,
1151
- ._tableEditor_uazmk_713:hover ._addRowButton_uazmk_745,
1152
- ._tableEditor_uazmk_713:hover ._addColumnButton_uazmk_746,
1153
- ._tableEditor_uazmk_713:hover ._iconButton_uazmk_456 {
1150
+ ._tableEditor_1pxqm_714:hover ._tableColumnEditorTrigger_1pxqm_744,
1151
+ ._tableEditor_1pxqm_714:hover ._tableRowEditorTrigger_1pxqm_745,
1152
+ ._tableEditor_1pxqm_714:hover ._addRowButton_1pxqm_746,
1153
+ ._tableEditor_1pxqm_714:hover ._addColumnButton_1pxqm_747,
1154
+ ._tableEditor_1pxqm_714:hover ._iconButton_1pxqm_457 {
1154
1155
  opacity: 0.3;
1155
1156
  }
1156
1157
 
1157
- ._tableEditor_uazmk_713:hover ._tableColumnEditorTrigger_uazmk_743:hover, ._tableEditor_uazmk_713:hover ._tableRowEditorTrigger_uazmk_744:hover, ._tableEditor_uazmk_713:hover ._addRowButton_uazmk_745:hover, ._tableEditor_uazmk_713:hover ._addColumnButton_uazmk_746:hover, ._tableEditor_uazmk_713:hover ._iconButton_uazmk_456:hover {
1158
+ ._tableEditor_1pxqm_714:hover ._tableColumnEditorTrigger_1pxqm_744:hover, ._tableEditor_1pxqm_714:hover ._tableRowEditorTrigger_1pxqm_745:hover, ._tableEditor_1pxqm_714:hover ._addRowButton_1pxqm_746:hover, ._tableEditor_1pxqm_714:hover ._addColumnButton_1pxqm_747:hover, ._tableEditor_1pxqm_714:hover ._iconButton_1pxqm_457:hover {
1158
1159
  opacity: 1;
1159
1160
  }
1160
1161
  }
1161
1162
 
1162
- ._toolCell_uazmk_724 {
1163
+ ._toolCell_1pxqm_725 {
1163
1164
  text-align: right;
1164
1165
  }
1165
1166
 
1166
- ._toolCell_uazmk_724 button {
1167
+ ._toolCell_1pxqm_725 button {
1167
1168
  margin: auto;
1168
1169
  display: block;
1169
1170
  }
1170
1171
 
1171
- ._tableColumnEditorTrigger_uazmk_743 {
1172
+ ._tableColumnEditorTrigger_1pxqm_744 {
1172
1173
  border: 0;
1173
1174
  background-color: transparent;
1174
1175
  font-size: inherit;
@@ -1185,35 +1186,35 @@
1185
1186
  opacity: 0.2;
1186
1187
  }
1187
1188
 
1188
- ._tableColumnEditorTrigger_uazmk_743 svg {
1189
+ ._tableColumnEditorTrigger_1pxqm_744 svg {
1189
1190
  display: block;
1190
1191
  }
1191
1192
 
1192
1193
  @media (hover: hover) {
1193
- ._tableColumnEditorTrigger_uazmk_743:hover {
1194
+ ._tableColumnEditorTrigger_1pxqm_744:hover {
1194
1195
  background-color: var(--baseBg);
1195
1196
  }
1196
1197
  }
1197
1198
 
1198
- ._tableColumnEditorTrigger_uazmk_743:active svg {
1199
+ ._tableColumnEditorTrigger_1pxqm_744:active svg {
1199
1200
  transform: translate(1px, 1px);
1200
1201
  }
1201
1202
 
1202
- ._tableColumnEditorTrigger_uazmk_743[data-state=on],
1203
- ._tableColumnEditorTrigger_uazmk_743:active {
1203
+ ._tableColumnEditorTrigger_1pxqm_744[data-state='on'],
1204
+ ._tableColumnEditorTrigger_1pxqm_744:active {
1204
1205
  background-color: var(--baseBg);
1205
1206
  color: var(--baseTextContrast);
1206
1207
  }
1207
1208
 
1208
- ._tableColumnEditorTrigger_uazmk_743[data-active=true] {
1209
+ ._tableColumnEditorTrigger_1pxqm_744[data-active='true'] {
1209
1210
  opacity: 1 !important;
1210
1211
  }
1211
1212
 
1212
- ._tableColumnEditorToolbar_uazmk_789 {
1213
+ ._tableColumnEditorToolbar_1pxqm_789 {
1213
1214
  display: flex;
1214
1215
  }
1215
1216
 
1216
- ._tableColumnEditorToolbar_uazmk_789>button {
1217
+ ._tableColumnEditorToolbar_1pxqm_789 > button {
1217
1218
  border: 0;
1218
1219
  background-color: transparent;
1219
1220
  font-size: inherit;
@@ -1227,38 +1228,36 @@
1227
1228
  color: var(--baseTextContrast);
1228
1229
  }
1229
1230
 
1230
- ._tableColumnEditorToolbar_uazmk_789>button svg {
1231
+ ._tableColumnEditorToolbar_1pxqm_789 > button svg {
1231
1232
  display: block;
1232
1233
  }
1233
1234
 
1234
1235
  @media (hover: hover) {
1235
- ._tableColumnEditorToolbar_uazmk_789>button:hover {
1236
+ ._tableColumnEditorToolbar_1pxqm_789 > button:hover {
1236
1237
  background-color: var(--baseBg);
1237
1238
  }
1238
1239
  }
1239
1240
 
1240
- ._tableColumnEditorToolbar_uazmk_789>button:active svg {
1241
+ ._tableColumnEditorToolbar_1pxqm_789 > button:active svg {
1241
1242
  transform: translate(1px, 1px);
1242
1243
  }
1243
1244
 
1244
- ._tableColumnEditorToolbar_uazmk_789>button[data-state=on],
1245
- ._tableColumnEditorToolbar_uazmk_789>button:active {
1245
+ ._tableColumnEditorToolbar_1pxqm_789 > button[data-state='on'],
1246
+ ._tableColumnEditorToolbar_1pxqm_789 > button:active {
1246
1247
  background-color: var(--baseBg);
1247
1248
  color: var(--baseTextContrast);
1248
1249
  }
1249
1250
 
1250
- ._tableColumnEditorToolbar_uazmk_789 [role=separator] {
1251
+ ._tableColumnEditorToolbar_1pxqm_789 [role='separator'] {
1251
1252
  margin-left: var(--spacing-1);
1252
1253
  margin-right: var(--spacing-1);
1253
1254
  }
1254
1255
 
1255
-
1256
- ._toggleGroupRoot_uazmk_803 {
1256
+ ._toggleGroupRoot_1pxqm_802 {
1257
1257
  display: inline-flex;
1258
1258
  }
1259
1259
 
1260
-
1261
- ._toggleGroupRoot_uazmk_803 button {
1260
+ ._toggleGroupRoot_1pxqm_802 button {
1262
1261
  border: 0;
1263
1262
  background-color: transparent;
1264
1263
  font-size: inherit;
@@ -1272,65 +1271,59 @@
1272
1271
  color: var(--baseTextContrast);
1273
1272
  }
1274
1273
 
1275
-
1276
- ._toggleGroupRoot_uazmk_803 button svg {
1274
+ ._toggleGroupRoot_1pxqm_802 button svg {
1277
1275
  display: block;
1278
1276
  }
1279
1277
 
1280
-
1281
1278
  @media (hover: hover) {
1282
- ._toggleGroupRoot_uazmk_803 button:hover {
1279
+ ._toggleGroupRoot_1pxqm_802 button:hover {
1283
1280
  background-color: var(--baseBg);
1284
1281
  }
1285
1282
  }
1286
1283
 
1287
-
1288
- ._toggleGroupRoot_uazmk_803 button:active svg {
1284
+ ._toggleGroupRoot_1pxqm_802 button:active svg {
1289
1285
  transform: translate(1px, 1px);
1290
1286
  }
1291
1287
 
1292
-
1293
- ._toggleGroupRoot_uazmk_803 button[data-state=on],
1294
- ._toggleGroupRoot_uazmk_803 button:active {
1288
+ ._toggleGroupRoot_1pxqm_802 button[data-state='on'],
1289
+ ._toggleGroupRoot_1pxqm_802 button:active {
1295
1290
  background-color: var(--baseBg);
1296
1291
  color: var(--baseTextContrast);
1297
1292
  }
1298
1293
 
1299
-
1300
- ._toggleGroupRoot_uazmk_803 button:first-child {
1294
+ ._toggleGroupRoot_1pxqm_802 button:first-child {
1301
1295
  border-top-left-radius: var(--radius-base);
1302
1296
  border-bottom-left-radius: var(--radius-base);
1303
1297
  }
1304
1298
 
1305
-
1306
- ._toggleGroupRoot_uazmk_803 button:last-child {
1299
+ ._toggleGroupRoot_1pxqm_802 button:last-child {
1307
1300
  border-top-right-radius: var(--radius-base);
1308
1301
  border-bottom-right-radius: var(--radius-base);
1309
1302
  }
1310
1303
 
1311
- ._tableToolsColumn_uazmk_821 {
1304
+ ._tableToolsColumn_1pxqm_820 {
1312
1305
  width: 2rem;
1313
1306
  }
1314
1307
 
1315
- ._tableToolsColumn_uazmk_821 button {
1308
+ ._tableToolsColumn_1pxqm_820 button {
1316
1309
  margin: auto;
1317
1310
  display: block;
1318
1311
  }
1319
1312
 
1320
- ._leftAlignedCell_uazmk_830 {
1313
+ ._leftAlignedCell_1pxqm_829 {
1321
1314
  text-align: left;
1322
1315
  }
1323
1316
 
1324
- ._rightAlignedCell_uazmk_834 {
1317
+ ._rightAlignedCell_1pxqm_833 {
1325
1318
  text-align: right;
1326
1319
  }
1327
1320
 
1328
- ._centeredCell_uazmk_838 {
1321
+ ._centeredCell_1pxqm_837 {
1329
1322
  text-align: center;
1330
1323
  }
1331
1324
 
1332
- ._addColumnButton_uazmk_746,
1333
- ._addRowButton_uazmk_745 {
1325
+ ._addColumnButton_1pxqm_747,
1326
+ ._addRowButton_1pxqm_746 {
1334
1327
  border: 0;
1335
1328
  background-color: transparent;
1336
1329
  font-size: inherit;
@@ -1348,33 +1341,33 @@
1348
1341
  align-items: center;
1349
1342
  }
1350
1343
 
1351
- ._addColumnButton_uazmk_746 svg, ._addRowButton_uazmk_745 svg {
1344
+ ._addColumnButton_1pxqm_747 svg, ._addRowButton_1pxqm_746 svg {
1352
1345
  display: block;
1353
1346
  }
1354
1347
 
1355
1348
  @media (hover: hover) {
1356
- ._addColumnButton_uazmk_746:hover, ._addRowButton_uazmk_745:hover {
1349
+ ._addColumnButton_1pxqm_747:hover, ._addRowButton_1pxqm_746:hover {
1357
1350
  background-color: var(--baseBg);
1358
1351
  }
1359
1352
  }
1360
1353
 
1361
- ._addColumnButton_uazmk_746:active svg, ._addRowButton_uazmk_745:active svg {
1354
+ ._addColumnButton_1pxqm_747:active svg, ._addRowButton_1pxqm_746:active svg {
1362
1355
  transform: translate(1px, 1px);
1363
1356
  }
1364
1357
 
1365
- ._addColumnButton_uazmk_746[data-state=on],
1366
- ._addRowButton_uazmk_745[data-state=on],
1367
- ._addColumnButton_uazmk_746:active,
1368
- ._addRowButton_uazmk_745:active {
1358
+ ._addColumnButton_1pxqm_747[data-state='on'],
1359
+ ._addRowButton_1pxqm_746[data-state='on'],
1360
+ ._addColumnButton_1pxqm_747:active,
1361
+ ._addRowButton_1pxqm_746:active {
1369
1362
  background-color: var(--baseBg);
1370
1363
  color: var(--baseTextContrast);
1371
1364
  }
1372
1365
 
1373
- ._addColumnButton_uazmk_746 svg, ._addRowButton_uazmk_745 svg {
1366
+ ._addColumnButton_1pxqm_747 svg, ._addRowButton_1pxqm_746 svg {
1374
1367
  margin: auto;
1375
1368
  }
1376
1369
 
1377
- ._addRowButton_uazmk_745 {
1370
+ ._addRowButton_1pxqm_746 {
1378
1371
  width: 100%;
1379
1372
  margin-top: var(--spacing-px);
1380
1373
  box-sizing: border-box;
@@ -1382,7 +1375,7 @@
1382
1375
  border-bottom-left-radius: var(--radius-medium);
1383
1376
  }
1384
1377
 
1385
- ._addColumnButton_uazmk_746 {
1378
+ ._addColumnButton_1pxqm_747 {
1386
1379
  margin-left: var(--spacing-px);
1387
1380
  height: 100%;
1388
1381
  border-top-right-radius: var(--radius-medium);
@@ -1390,42 +1383,41 @@
1390
1383
  }
1391
1384
 
1392
1385
  /** Dialog */
1393
- ._dialogOverlay_uazmk_871 {
1386
+ ._dialogOverlay_1pxqm_870 {
1394
1387
  position: fixed;
1395
1388
  inset: 0;
1396
- animation: _overlayShow_uazmk_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1389
+ animation: _overlayShow_1pxqm_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1397
1390
  background-color: var(--baseBase);
1398
1391
  z-index: 51;
1399
1392
  opacity: 0.5;
1400
1393
  }
1401
1394
 
1402
- ._dialogContent_uazmk_602,
1403
- ._largeDialogContent_uazmk_614 {
1395
+ ._dialogContent_1pxqm_603,
1396
+ ._largeDialogContent_1pxqm_615 {
1404
1397
  position: fixed;
1405
1398
  top: 50%;
1406
1399
  left: 50%;
1407
1400
  transform: translate(-50%, -50%);
1408
- animation: _contentShow_uazmk_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1401
+ animation: _contentShow_1pxqm_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1409
1402
  z-index: 52;
1410
1403
  }
1411
1404
 
1412
- ._dialogContent_uazmk_602:focus,
1413
- ._largeDialogContent_uazmk_614:focus {
1405
+ ._dialogContent_1pxqm_603:focus,
1406
+ ._largeDialogContent_1pxqm_615:focus {
1414
1407
  outline: none;
1415
1408
  }
1416
1409
 
1417
-
1418
- @keyframes _overlayShow_uazmk_1 {
1410
+ @keyframes _overlayShow_1pxqm_1 {
1419
1411
  from {
1420
1412
  opacity: 0;
1421
1413
  }
1422
1414
 
1423
1415
  to {
1424
- opacity: .5;
1416
+ opacity: 0.5;
1425
1417
  }
1426
1418
  }
1427
1419
 
1428
- @keyframes _contentShow_uazmk_1 {
1420
+ @keyframes _contentShow_1pxqm_1 {
1429
1421
  from {
1430
1422
  opacity: 0;
1431
1423
  transform: translate(-50%, -48%) scale(0.96);
@@ -1437,23 +1429,23 @@
1437
1429
  }
1438
1430
  }
1439
1431
 
1440
- ._focusedImage_uazmk_918 {
1432
+ ._focusedImage_1pxqm_916 {
1441
1433
  outline: highlight solid 2px;
1442
1434
  }
1443
1435
 
1444
- ._imageWrapper_uazmk_922 {
1436
+ ._imageWrapper_1pxqm_920 {
1445
1437
  display: inline-block;
1446
1438
  position: relative;
1447
1439
  }
1448
1440
 
1449
- ._imageWrapper_uazmk_922[draggable=true] {
1441
+ ._imageWrapper_1pxqm_920[draggable='true'] {
1450
1442
  cursor: move;
1451
1443
  /* fallback if grab cursor is unsupported */
1452
1444
  cursor: grab;
1453
1445
  cursor: -webkit-grab;
1454
1446
  }
1455
1447
 
1456
- ._editImageToolbar_uazmk_935 {
1448
+ ._editImageToolbar_1pxqm_933 {
1457
1449
  position: absolute;
1458
1450
  right: 0;
1459
1451
  top: 0;
@@ -1465,11 +1457,11 @@
1465
1457
  border-bottom-left-radius: var(--radius-base);
1466
1458
  }
1467
1459
 
1468
- ._editImageButton_uazmk_939 svg {
1460
+ ._editImageButton_1pxqm_937 svg {
1469
1461
  display: block;
1470
1462
  }
1471
1463
 
1472
- ._inlineEditor_uazmk_945 {
1464
+ ._inlineEditor_1pxqm_943 {
1473
1465
  display: inline-flex;
1474
1466
  border-radius: var(--radius-medium);
1475
1467
  padding: var(--spacing-1);
@@ -1478,7 +1470,7 @@
1478
1470
  background: var(--baseBg);
1479
1471
  }
1480
1472
 
1481
- ._blockEditor_uazmk_954 {
1473
+ ._blockEditor_1pxqm_952 {
1482
1474
  display: flex;
1483
1475
  justify-content: stretch;
1484
1476
  border-radius: var(--radius-medium);
@@ -1488,70 +1480,81 @@
1488
1480
  background: var(--baseBg);
1489
1481
  }
1490
1482
 
1491
- ._blockEditor_uazmk_954 ._nestedEditor_uazmk_963 {
1483
+ ._blockEditor_1pxqm_952 ._nestedEditor_1pxqm_961 {
1492
1484
  flex-grow: 1;
1493
1485
  }
1494
1486
 
1495
- ._nestedEditor_uazmk_963 {
1487
+ ._nestedEditor_1pxqm_961 {
1496
1488
  background: var(--basePageBg);
1497
1489
  padding: var(--spacing-1) var(--spacing-2);
1498
1490
  border-radius: var(--radius-medium);
1499
1491
  }
1500
1492
 
1501
- ._nestedEditor_uazmk_963>p {
1493
+ ._nestedEditor_1pxqm_961 > p {
1502
1494
  margin: 0;
1503
1495
  }
1504
1496
 
1505
- ._nestedEditor_uazmk_963:focus {
1497
+ ._nestedEditor_1pxqm_961:focus {
1506
1498
  outline: none;
1507
1499
  }
1508
1500
 
1509
- ._genericComponentName_uazmk_982 {
1501
+ ._genericComponentName_1pxqm_980 {
1510
1502
  font-size: var(--text-sm);
1511
1503
  color: var(--baseText);
1512
1504
  padding-right: var(--spacing-2);
1513
1505
  }
1514
1506
 
1515
- ._diffSourceToggle_uazmk_988 {
1507
+ ._diffSourceToggleWrapper_1pxqm_986 {
1508
+ margin-left: auto;
1509
+ pointer-events: auto;
1510
+ opacity: 1;
1511
+ position: sticky;
1512
+ right: 0;
1513
+ }
1514
+
1515
+ ._ggDiffSourceToggle_1pxqm_994 {
1516
+ }
1517
+
1518
+ ._diffSourceToggle_1pxqm_986 {
1516
1519
  border-radius: var(--radius-medium);
1520
+ background-color: var(--baseBase);
1517
1521
  display: flex;
1518
1522
  }
1519
1523
 
1520
- ._diffSourceToggle_uazmk_988 ._toolbarToggleItem_uazmk_206 {
1524
+ ._diffSourceToggle_1pxqm_986 ._toolbarToggleItem_1pxqm_208 {
1521
1525
  padding: 0;
1522
1526
  }
1523
1527
 
1524
- ._diffSourceToggle_uazmk_988 ._toolbarToggleItem_uazmk_206>span {
1528
+ ._diffSourceToggle_1pxqm_986 ._toolbarToggleItem_1pxqm_208 > span {
1525
1529
  display: block;
1526
1530
  padding: var(--spacing-1) var(--spacing-1);
1527
1531
  }
1528
1532
 
1529
- ._selectWithLabel_uazmk_1002 {
1533
+ ._selectWithLabel_1pxqm_1012 {
1530
1534
  display: flex;
1531
1535
  align-items: center;
1532
1536
  gap: var(--spacing-2);
1533
1537
  margin-left: var(--spacing-2);
1534
1538
  }
1535
1539
 
1536
- ._selectWithLabel_uazmk_1002>label {
1540
+ ._selectWithLabel_1pxqm_1012 > label {
1537
1541
  font-size: var(--text-sm);
1538
1542
  }
1539
1543
 
1540
- ._selectWithLabel_uazmk_1002 ._selectTrigger_uazmk_307 {
1544
+ ._selectWithLabel_1pxqm_1012 ._selectTrigger_1pxqm_308 {
1541
1545
  border: 1px solid var(--baseBorder);
1542
1546
  }
1543
1547
 
1544
- ._toolbarTitleMode_uazmk_1017 {
1548
+ ._toolbarTitleMode_1pxqm_1027 {
1545
1549
  font-size: var(--text-sm);
1546
1550
  margin-left: var(--spacing-2);
1547
1551
  }
1548
1552
 
1549
-
1550
- ._imageControlWrapperResizing_uazmk_1023 {
1553
+ ._imageControlWrapperResizing_1pxqm_1032 {
1551
1554
  touch-action: none;
1552
1555
  }
1553
1556
 
1554
- ._imageResizer_uazmk_1027 {
1557
+ ._imageResizer_1pxqm_1036 {
1555
1558
  display: block;
1556
1559
  width: 7px;
1557
1560
  height: 7px;
@@ -1560,55 +1563,55 @@
1560
1563
  border: 1px solid var(--baseBg);
1561
1564
  }
1562
1565
 
1563
- ._imageResizer_uazmk_1027._imageResizerN_uazmk_1036 {
1566
+ ._imageResizer_1pxqm_1036._imageResizerN_1pxqm_1045 {
1564
1567
  top: -6px;
1565
1568
  left: 48%;
1566
1569
  cursor: n-resize;
1567
1570
  }
1568
1571
 
1569
- ._imageResizer_uazmk_1027._imageResizerNe_uazmk_1042 {
1572
+ ._imageResizer_1pxqm_1036._imageResizerNe_1pxqm_1051 {
1570
1573
  top: -6px;
1571
1574
  right: -6px;
1572
1575
  cursor: ne-resize;
1573
1576
  }
1574
1577
 
1575
- ._imageResizer_uazmk_1027._imageResizerE_uazmk_1048 {
1578
+ ._imageResizer_1pxqm_1036._imageResizerE_1pxqm_1057 {
1576
1579
  bottom: 48%;
1577
1580
  right: -6px;
1578
1581
  cursor: e-resize;
1579
1582
  }
1580
1583
 
1581
- ._imageResizer_uazmk_1027._imageResizerSe_uazmk_1054 {
1584
+ ._imageResizer_1pxqm_1036._imageResizerSe_1pxqm_1063 {
1582
1585
  bottom: -2px;
1583
1586
  right: -6px;
1584
1587
  cursor: nwse-resize;
1585
1588
  }
1586
1589
 
1587
- ._imageResizer_uazmk_1027._imageResizerS_uazmk_1054 {
1590
+ ._imageResizer_1pxqm_1036._imageResizerS_1pxqm_1063 {
1588
1591
  bottom: -2px;
1589
1592
  left: 48%;
1590
1593
  cursor: s-resize;
1591
1594
  }
1592
1595
 
1593
- ._imageResizer_uazmk_1027._imageResizerSw_uazmk_1066 {
1596
+ ._imageResizer_1pxqm_1036._imageResizerSw_1pxqm_1075 {
1594
1597
  bottom: -2px;
1595
1598
  left: -6px;
1596
1599
  cursor: sw-resize;
1597
1600
  }
1598
1601
 
1599
- ._imageResizer_uazmk_1027._imageResizerW_uazmk_1072 {
1602
+ ._imageResizer_1pxqm_1036._imageResizerW_1pxqm_1081 {
1600
1603
  bottom: 48%;
1601
1604
  left: -6px;
1602
1605
  cursor: w-resize;
1603
1606
  }
1604
1607
 
1605
- ._imageResizer_uazmk_1027._imageResizerNw_uazmk_1078 {
1608
+ ._imageResizer_1pxqm_1036._imageResizerNw_1pxqm_1087 {
1606
1609
  top: -6px;
1607
1610
  left: -6px;
1608
1611
  cursor: nw-resize;
1609
1612
  }
1610
1613
 
1611
- ._placeholder_uazmk_1084 {
1614
+ ._placeholder_1pxqm_1093 {
1612
1615
  color: var(--baseSolid);
1613
1616
  overflow: hidden;
1614
1617
  position: absolute;
@@ -1623,19 +1626,17 @@
1623
1626
  pointer-events: none;
1624
1627
  }
1625
1628
 
1626
- ._rootContentEditableWrapper_uazmk_1097 {
1629
+ ._rootContentEditableWrapper_1pxqm_1106 {
1627
1630
  position: relative;
1628
1631
  }
1629
1632
 
1630
-
1631
-
1632
- ._downshiftContainer_uazmk_1103 {
1633
+ ._downshiftContainer_1pxqm_1110 {
1633
1634
  display: flex;
1634
1635
  flex-direction: column;
1635
1636
  align-items: stretch;
1636
1637
  }
1637
1638
 
1638
- ._downshiftInputWrapper_uazmk_1109 {
1639
+ ._downshiftInputWrapper_1pxqm_1116 {
1639
1640
  display: flex;
1640
1641
  align-items: center;
1641
1642
  background-color: var(--baseBase);
@@ -1644,13 +1645,13 @@
1644
1645
  border: 1px solid var(--baseBorder);
1645
1646
  }
1646
1647
 
1647
- ._downshiftInputWrapper_uazmk_1109[data-visible-dropdown=true] {
1648
+ ._downshiftInputWrapper_1pxqm_1116[data-visible-dropdown='true'] {
1648
1649
  border-bottom-left-radius: var(--radius-none);
1649
1650
  border-bottom-right-radius: var(--radius-none);
1650
1651
  border-bottom-width: 0;
1651
1652
  }
1652
1653
 
1653
- ._downshiftInputWrapper_uazmk_1109>button {
1654
+ ._downshiftInputWrapper_1pxqm_1116 > button {
1654
1655
  border: 0;
1655
1656
  background-color: transparent;
1656
1657
  font-size: inherit;
@@ -1663,7 +1664,7 @@
1663
1664
  padding-right: var(--spacing-2);
1664
1665
  }
1665
1666
 
1666
- ._downshiftInput_uazmk_1109 {
1667
+ ._downshiftInput_1pxqm_1116 {
1667
1668
  border: 0;
1668
1669
  background-color: transparent;
1669
1670
  font-size: inherit;
@@ -1678,19 +1679,19 @@
1678
1679
  font-size: var(--text-sm);
1679
1680
  }
1680
1681
 
1681
- ._downshiftInput_uazmk_1109::-moz-placeholder {
1682
+ ._downshiftInput_1pxqm_1116::-moz-placeholder {
1682
1683
  color: var(--baseBorder);
1683
1684
  }
1684
1685
 
1685
- ._downshiftInput_uazmk_1109::placeholder {
1686
+ ._downshiftInput_1pxqm_1116::placeholder {
1686
1687
  color: var(--baseBorder);
1687
1688
  }
1688
1689
 
1689
- ._downshiftAutocompleteContainer_uazmk_1140 {
1690
+ ._downshiftAutocompleteContainer_1pxqm_1147 {
1690
1691
  position: relative;
1691
1692
  }
1692
1693
 
1693
- ._downshiftAutocompleteContainer_uazmk_1140 ul {
1694
+ ._downshiftAutocompleteContainer_1pxqm_1147 ul {
1694
1695
  all: unset;
1695
1696
  box-sizing: border-box;
1696
1697
  position: absolute;
@@ -1707,11 +1708,11 @@
1707
1708
  background-color: var(--baseBase);
1708
1709
  }
1709
1710
 
1710
- ._downshiftAutocompleteContainer_uazmk_1140 ul[data-visible=true] {
1711
+ ._downshiftAutocompleteContainer_1pxqm_1147 ul[data-visible='true'] {
1711
1712
  display: block;
1712
1713
  }
1713
1714
 
1714
- ._downshiftAutocompleteContainer_uazmk_1140 ul li {
1715
+ ._downshiftAutocompleteContainer_1pxqm_1147 ul li {
1715
1716
  padding: var(--spacing-2) var(--spacing-3);
1716
1717
  white-space: nowrap;
1717
1718
  margin-bottom: var(--spacing-1);
@@ -1719,20 +1720,20 @@
1719
1720
  text-overflow: ellipsis;
1720
1721
  }
1721
1722
 
1722
- ._downshiftAutocompleteContainer_uazmk_1140 ul li[data-selected=true] {
1723
+ ._downshiftAutocompleteContainer_1pxqm_1147 ul li[data-selected='true'] {
1723
1724
  background-color: var(--baseBgSubtle);
1724
1725
  }
1725
1726
 
1726
- ._downshiftAutocompleteContainer_uazmk_1140 ul li[data-highlighted=true] {
1727
+ ._downshiftAutocompleteContainer_1pxqm_1147 ul li[data-highlighted='true'] {
1727
1728
  background-color: var(--baseBgHover);
1728
1729
  }
1729
1730
 
1730
- ._downshiftAutocompleteContainer_uazmk_1140 ul li:last-of-type {
1731
+ ._downshiftAutocompleteContainer_1pxqm_1147 ul li:last-of-type {
1731
1732
  border-bottom-left-radius: var(--radius-medium);
1732
1733
  border-bottom-right-radius: var(--radius-medium);
1733
1734
  }
1734
1735
 
1735
- ._textInput_uazmk_1186 {
1736
+ ._textInput_1pxqm_1193 {
1736
1737
  all: unset;
1737
1738
  border-radius: var(--radius-base);
1738
1739
  border: 1px solid var(--baseBorder);
@@ -1740,24 +1741,24 @@
1740
1741
  padding: var(--spacing-2) var(--spacing-3);
1741
1742
  }
1742
1743
 
1743
- form._multiFieldForm_uazmk_1194 {
1744
+ form._multiFieldForm_1pxqm_1201 {
1744
1745
  display: flex;
1745
1746
  flex-direction: column;
1746
1747
  padding: var(--spacing-2);
1747
1748
  gap: var(--spacing-2);
1748
1749
  }
1749
1750
 
1750
- form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 {
1751
+ form._multiFieldForm_1pxqm_1201 ._formField_1pxqm_1207 {
1751
1752
  display: flex;
1752
1753
  flex-direction: column;
1753
1754
  gap: var(--spacing-2);
1754
1755
  }
1755
1756
 
1756
- form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label {
1757
+ form._multiFieldForm_1pxqm_1201 ._formField_1pxqm_1207 label {
1757
1758
  font-size: var(--text-xs);
1758
1759
  }
1759
1760
 
1760
- ._markdownParseError_uazmk_1211 {
1761
+ ._markdownParseError_1pxqm_1218 {
1761
1762
  border-radius: var(--radius-base);
1762
1763
  border: 1px solid var(--error-color);
1763
1764
  padding: var(--spacing-2);
@@ -1766,20 +1767,20 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label {
1766
1767
  font-size: var(--text-xs);
1767
1768
  }
1768
1769
 
1769
- ._popupContainer_uazmk_1220 {
1770
+ ._popupContainer_1pxqm_1227 {
1770
1771
  position: relative;
1771
1772
  z-index: 2;
1772
1773
  }
1773
1774
 
1774
- ._inputSizer_uazmk_1225 {
1775
+ ._inputSizer_1pxqm_1232 {
1775
1776
  display: inline-grid;
1776
1777
  vertical-align: baseline;
1777
1778
  align-items: center;
1778
1779
  position: relative;
1779
1780
  }
1780
1781
 
1781
- ._inputSizer_uazmk_1225::after,
1782
- ._inputSizer_uazmk_1225 input {
1782
+ ._inputSizer_1pxqm_1232::after,
1783
+ ._inputSizer_1pxqm_1232 input {
1783
1784
  width: auto;
1784
1785
  min-width: 1rem;
1785
1786
  grid-area: 1 / 2;
@@ -1795,11 +1796,11 @@ form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label {
1795
1796
  color: inherit;
1796
1797
  }
1797
1798
 
1798
- ._inputSizer_uazmk_1225 span {
1799
+ ._inputSizer_1pxqm_1232 span {
1799
1800
  padding: 0.25em;
1800
1801
  }
1801
1802
 
1802
- ._inputSizer_uazmk_1225::after {
1803
+ ._inputSizer_1pxqm_1232::after {
1803
1804
  content: attr(data-value);
1804
1805
  white-space: pre-wrap;
1805
1806
  }