@mdxeditor/editor 1.13.2 → 1.13.3

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
@@ -155,7 +155,7 @@
155
155
  .mdxeditor .cm-activeLine {
156
156
  background: transparent;
157
157
  }
158
- ._editorRoot_1qeio_37 {
158
+ ._editorRoot_utjas_37 {
159
159
  --accentBase: var(--blue1);
160
160
  --accentBgSubtle: var(--blue2);
161
161
  --accentBg: var(--blue3);
@@ -256,14 +256,14 @@
256
256
  color: var(--baseText);
257
257
  }
258
258
 
259
- ._editorWrapper_1qeio_138 {
259
+ ._editorWrapper_utjas_138 {
260
260
  }
261
261
 
262
- ._nestedListItem_1qeio_141 {
262
+ ._nestedListItem_utjas_141 {
263
263
  list-style: none;
264
264
  }
265
265
 
266
- ._toolbarRoot_1qeio_145 {
266
+ ._toolbarRoot_utjas_145 {
267
267
  /* border: var(--spacing-px) solid var(--baseBorder); */
268
268
  z-index: 1;
269
269
  display: flex;
@@ -279,23 +279,23 @@
279
279
  width: inherit;
280
280
  }
281
281
 
282
- ._toolbarRoot_1qeio_145 div[role=separator] {
282
+ ._toolbarRoot_utjas_145 div[role=separator] {
283
283
  margin: var(--spacing-2) var(--spacing-1);
284
284
  border-left: 1px solid var(--baseBorder);
285
285
  border-right: 1px solid var(--baseBase);
286
286
  height: var(--spacing-4);
287
287
  }
288
288
 
289
- ._readOnlyToolbarRoot_1qeio_168 {
289
+ ._readOnlyToolbarRoot_utjas_168 {
290
290
  pointer-events: none;
291
291
  background: var(--baseBase);
292
292
  }
293
293
 
294
- ._readOnlyToolbarRoot_1qeio_168 > div {
294
+ ._readOnlyToolbarRoot_utjas_168 > div {
295
295
  opacity: 0.5;
296
296
  }
297
297
 
298
- ._toolbarModeSwitch_1qeio_176 {
298
+ ._toolbarModeSwitch_utjas_176 {
299
299
  opacity: 1 !important;
300
300
  margin-left: auto;
301
301
  align-self: stretch;
@@ -306,31 +306,31 @@
306
306
  font-size: var(--text-xs);
307
307
  }
308
308
 
309
- ._toolbarModeSwitch_1qeio_176 ._toolbarToggleItem_1qeio_186 {
309
+ ._toolbarModeSwitch_utjas_176 ._toolbarToggleItem_utjas_186 {
310
310
  padding-inline-end: var(--spacing-4);
311
311
  padding-inline-start: var(--spacing-4);
312
312
  }
313
313
 
314
- ._toolbarModeSwitch_1qeio_176 ._toolbarToggleItem_1qeio_186:active, ._toolbarModeSwitch_1qeio_176 ._toolbarToggleItem_1qeio_186[data-state=on] {
314
+ ._toolbarModeSwitch_utjas_176 ._toolbarToggleItem_utjas_186:active, ._toolbarModeSwitch_utjas_176 ._toolbarToggleItem_utjas_186[data-state=on] {
315
315
  background-color:var(--baseBorder);
316
316
  }
317
317
 
318
- ._toolbarGroupOfGroups_1qeio_196 {
318
+ ._toolbarGroupOfGroups_utjas_196 {
319
319
  display: flex;
320
320
  margin: 0 var(--spacing-1);
321
321
  }
322
322
 
323
- ._toolbarToggleSingleGroup_1qeio_201:first-of-type ._toolbarToggleItem_1qeio_186:only-child, ._toolbarToggleSingleGroup_1qeio_201:only-child ._toolbarToggleItem_1qeio_186:first-child, ._toolbarModeSwitch_1qeio_176 ._toolbarToggleItem_1qeio_186:first-child {
323
+ ._toolbarToggleSingleGroup_utjas_201:first-of-type ._toolbarToggleItem_utjas_186:only-child, ._toolbarToggleSingleGroup_utjas_201:only-child ._toolbarToggleItem_utjas_186:first-child, ._toolbarModeSwitch_utjas_176 ._toolbarToggleItem_utjas_186:first-child {
324
324
  border-top-left-radius: var(--radius-base);
325
325
  border-bottom-left-radius: var(--radius-base);
326
326
  }
327
327
 
328
- ._toolbarToggleSingleGroup_1qeio_201:last-of-type ._toolbarToggleItem_1qeio_186:only-child, ._toolbarToggleSingleGroup_1qeio_201:only-child ._toolbarToggleItem_1qeio_186:last-child, ._toolbarModeSwitch_1qeio_176 ._toolbarToggleItem_1qeio_186:last-child {
328
+ ._toolbarToggleSingleGroup_utjas_201:last-of-type ._toolbarToggleItem_utjas_186:only-child, ._toolbarToggleSingleGroup_utjas_201:only-child ._toolbarToggleItem_utjas_186:last-child, ._toolbarModeSwitch_utjas_176 ._toolbarToggleItem_utjas_186:last-child {
329
329
  border-top-right-radius: var(--radius-base);
330
330
  border-bottom-right-radius: var(--radius-base);
331
331
  }
332
332
 
333
- ._toolbarToggleItem_1qeio_186, ._toolbarButton_1qeio_215 {
333
+ ._toolbarToggleItem_utjas_186, ._toolbarButton_utjas_215 {
334
334
  border: 0;
335
335
  background-color: transparent;
336
336
  font-size: inherit;
@@ -343,41 +343,41 @@
343
343
  padding: var(--spacing-1);
344
344
  }
345
345
 
346
- ._toolbarToggleItem_1qeio_186 svg, ._toolbarButton_1qeio_215 svg {
346
+ ._toolbarToggleItem_utjas_186 svg, ._toolbarButton_utjas_215 svg {
347
347
  display: block;
348
348
  }
349
349
 
350
- ._toolbarToggleItem_1qeio_186:hover, ._toolbarButton_1qeio_215:hover {
350
+ ._toolbarToggleItem_utjas_186:hover, ._toolbarButton_utjas_215:hover {
351
351
  background-color: var(--baseBgActive);
352
352
  }
353
353
 
354
- ._toolbarToggleItem_1qeio_186:active svg, ._toolbarButton_1qeio_215:active svg {
354
+ ._toolbarToggleItem_utjas_186:active svg, ._toolbarButton_utjas_215:active svg {
355
355
  transform: translate(1px, 1px);
356
356
  }
357
357
 
358
- ._toolbarToggleItem_1qeio_186[data-state=on], ._toolbarButton_1qeio_215[data-state=on], ._toolbarToggleItem_1qeio_186:active, ._toolbarButton_1qeio_215:active {
358
+ ._toolbarToggleItem_utjas_186[data-state=on], ._toolbarButton_utjas_215[data-state=on], ._toolbarToggleItem_utjas_186:active, ._toolbarButton_utjas_215:active {
359
359
  color: var(--baseTextContrast);
360
360
  background-color: var(--baseBgActive);
361
361
  }
362
362
 
363
- ._toolbarToggleItem_1qeio_186[data-disabled], ._toolbarButton_1qeio_215[data-disabled] {
363
+ ._toolbarToggleItem_utjas_186[data-disabled], ._toolbarButton_utjas_215[data-disabled] {
364
364
  pointer-events: none;
365
365
  color: var(--baseBorderHover);
366
366
  }
367
367
 
368
- ._toolbarButton_1qeio_215 {
368
+ ._toolbarButton_utjas_215 {
369
369
  border-radius: var(--radius-base);
370
370
  }
371
371
 
372
- ._activeToolbarButton_1qeio_246 {
372
+ ._activeToolbarButton_utjas_246 {
373
373
  color: var(--accentText);
374
374
  }
375
375
 
376
- ._toolbarToggleSingleGroup_1qeio_201 {
376
+ ._toolbarToggleSingleGroup_utjas_201 {
377
377
  white-space: nowrap;
378
378
  }
379
379
 
380
- ._toolbarNodeKindSelectContainer_1qeio_254, ._toolbarButtonDropdownContainer_1qeio_255, ._toolbarCodeBlockLanguageSelectContent_1qeio_256, ._selectContainer_1qeio_257
380
+ ._toolbarNodeKindSelectContainer_utjas_254, ._toolbarButtonDropdownContainer_utjas_255, ._toolbarCodeBlockLanguageSelectContent_utjas_256, ._selectContainer_utjas_257
381
381
  {
382
382
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
383
383
  z-index: 3;
@@ -388,15 +388,15 @@
388
388
  font-size: var(--text-sm);
389
389
  }
390
390
 
391
- ._toolbarButtonDropdownContainer_1qeio_255 {
391
+ ._toolbarButtonDropdownContainer_utjas_255 {
392
392
  border-top-right-radius: var(--radius-base);
393
393
  }
394
394
 
395
- ._toolbarButtonDropdownContainer_1qeio_255 ._selectItem_1qeio_271:first-child {
395
+ ._toolbarButtonDropdownContainer_utjas_255 ._selectItem_utjas_271:first-child {
396
396
  border-top-right-radius: var(--radius-base);
397
397
  }
398
398
 
399
- ._toolbarNodeKindSelectTrigger_1qeio_276, ._toolbarButtonSelectTrigger_1qeio_277, ._selectTrigger_1qeio_278 {
399
+ ._toolbarNodeKindSelectTrigger_utjas_276, ._toolbarButtonSelectTrigger_utjas_277, ._selectTrigger_utjas_278 {
400
400
  border: 0;
401
401
  background-color: transparent;
402
402
  display: flex;
@@ -412,86 +412,86 @@
412
412
  margin: 0 var(--spacing-1);
413
413
  }
414
414
 
415
- ._toolbarNodeKindSelectTrigger_1qeio_276[data-state=open], ._toolbarButtonSelectTrigger_1qeio_277[data-state=open], ._selectTrigger_1qeio_278[data-state=open] {
415
+ ._toolbarNodeKindSelectTrigger_utjas_276[data-state=open], ._toolbarButtonSelectTrigger_utjas_277[data-state=open], ._selectTrigger_utjas_278[data-state=open] {
416
416
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
417
417
  border-bottom-right-radius: var(--radius-none);
418
418
  border-bottom-left-radius: var(--radius-none);
419
419
  }
420
420
 
421
- ._selectTrigger_1qeio_278[data-placeholder] > span:first-child {
421
+ ._selectTrigger_utjas_278[data-placeholder] > span:first-child {
422
422
  color: var(--baseBorderHover);
423
423
  }
424
424
 
425
425
  /** used in the sandpack */
426
- ._toolbarButtonSelectTrigger_1qeio_277 {
426
+ ._toolbarButtonSelectTrigger_utjas_277 {
427
427
  width: auto;
428
428
  padding-inline-start: var(--spacing-2) ;
429
429
  padding-inline-end: var(--spacing-1);
430
430
  padding-block: var(--spacing-0_5);
431
431
  }
432
432
 
433
- ._toolbarCodeBlockLanguageSelectTrigger_1qeio_312, ._toolbarCodeBlockLanguageSelectContent_1qeio_256
433
+ ._toolbarCodeBlockLanguageSelectTrigger_utjas_312, ._toolbarCodeBlockLanguageSelectContent_utjas_256
434
434
  {
435
435
  width: var(--spacing-48);
436
436
  }
437
437
 
438
- ._toolbarNodeKindSelectItem_1qeio_318, ._selectItem_1qeio_271
438
+ ._toolbarNodeKindSelectItem_utjas_318, ._selectItem_utjas_271
439
439
  {
440
440
  cursor: default;
441
441
  display: flex;
442
442
  padding: var(--spacing-2);
443
443
  }
444
444
 
445
- ._toolbarNodeKindSelectItem_1qeio_318[data-highlighted], ._selectItem_1qeio_271[data-highlighted] {
445
+ ._toolbarNodeKindSelectItem_utjas_318[data-highlighted], ._selectItem_utjas_271[data-highlighted] {
446
446
  background-color: var(--baseBg);
447
447
  }
448
448
 
449
- ._toolbarNodeKindSelectItem_1qeio_318[data-state=checked], ._selectItem_1qeio_271[data-state=checked] {
449
+ ._toolbarNodeKindSelectItem_utjas_318[data-state=checked], ._selectItem_utjas_271[data-state=checked] {
450
450
  color: var(--baseTextContrast);
451
451
  background-color: var(--baseBg);
452
452
  }
453
453
 
454
- ._toolbarNodeKindSelectItem_1qeio_318[data-highlighted], ._selectItem_1qeio_271[data-highlighted] {
454
+ ._toolbarNodeKindSelectItem_utjas_318[data-highlighted], ._selectItem_utjas_271[data-highlighted] {
455
455
  outline: none;
456
456
  }
457
457
 
458
- ._toolbarNodeKindSelectItem_1qeio_318:last-child, ._selectItem_1qeio_271:last-child {
458
+ ._toolbarNodeKindSelectItem_utjas_318:last-child, ._selectItem_utjas_271:last-child {
459
459
  border-bottom-left-radius: var(--radius-base);
460
460
  border-bottom-right-radius: var(--radius-base);
461
461
  }
462
462
 
463
- ._toolbarNodeKindSelectDropdownArrow_1qeio_344, ._selectDropdownArrow_1qeio_345 {
463
+ ._toolbarNodeKindSelectDropdownArrow_utjas_344, ._selectDropdownArrow_utjas_345 {
464
464
  margin-left: auto;
465
465
  display: flex;
466
466
  align-items: center;
467
467
  }
468
468
 
469
- ._contentEditable_1qeio_351 {
469
+ ._contentEditable_utjas_351 {
470
470
  box-sizing: border-box;
471
471
  width: 100%;
472
472
  color: var(--baseTextContrast);
473
473
  padding: var(--spacing-3);
474
474
  }
475
475
 
476
- ._contentEditable_1qeio_351:focus {
476
+ ._contentEditable_utjas_351:focus {
477
477
  outline: none;
478
478
  }
479
479
 
480
- ._sandpackWrapper_1qeio_361 {
480
+ ._sandpackWrapper_utjas_361 {
481
481
  margin-bottom:var(--spacing-5);
482
482
  }
483
483
 
484
- ._frontmatterWrapper_1qeio_365 {
484
+ ._frontmatterWrapper_utjas_365 {
485
485
  border-radius: var(--radius-medium);
486
486
  padding: var(--spacing-3);
487
487
  background-color: var(--baseBgSubtle);
488
488
  }
489
489
 
490
- ._frontmatterWrapper_1qeio_365[data-expanded=true] {
490
+ ._frontmatterWrapper_utjas_365[data-expanded=true] {
491
491
  margin-bottom: var(--spacing-10);
492
492
  }
493
493
 
494
- ._frontmatterToggleButton_1qeio_375 {
494
+ ._frontmatterToggleButton_utjas_375 {
495
495
  border: 0;
496
496
  background-color: transparent;
497
497
  font-size: inherit;
@@ -507,7 +507,7 @@
507
507
  font-size: var(--text-sm);
508
508
  }
509
509
 
510
- ._propertyPanelTitle_1qeio_383 {
510
+ ._propertyPanelTitle_utjas_383 {
511
511
  font-size: var(--text-xs);
512
512
  font-weight: 400;
513
513
  margin: 0;
@@ -515,49 +515,49 @@
515
515
  padding-left: var(--spacing-2);
516
516
  }
517
517
 
518
- ._propertyEditorTable_1qeio_391 {
518
+ ._propertyEditorTable_utjas_391 {
519
519
  table-layout: fixed;
520
520
  border-spacing: var(--spacing-2);
521
521
  }
522
522
 
523
- ._propertyEditorTable_1qeio_391 th {
523
+ ._propertyEditorTable_utjas_391 th {
524
524
  text-align: left;
525
525
  font-size: var(--text-sm);
526
526
  padding: var(--spacing-2) var(--spacing-3);
527
527
  }
528
528
 
529
- ._propertyEditorTable_1qeio_391 col:nth-child(1) {
529
+ ._propertyEditorTable_utjas_391 col:nth-child(1) {
530
530
  width: 30%;
531
531
  }
532
532
 
533
- ._propertyEditorTable_1qeio_391 col:nth-child(2) {
533
+ ._propertyEditorTable_utjas_391 col:nth-child(2) {
534
534
  width: 70%;
535
535
  }
536
536
 
537
- ._propertyEditorTable_1qeio_391 td:last-child ._iconButton_1qeio_408 {
537
+ ._propertyEditorTable_utjas_391 td:last-child ._iconButton_utjas_408 {
538
538
  margin-left: var(--spacing-4);
539
539
  margin-right: var(--spacing-4);
540
540
  }
541
541
 
542
- ._propertyEditorTable_1qeio_391 ._readOnlyColumnCell_1qeio_413 {
542
+ ._propertyEditorTable_utjas_391 ._readOnlyColumnCell_utjas_413 {
543
543
  padding-left: 0;
544
544
  }
545
545
 
546
- ._propertyEditorLabelCell_1qeio_418 {
546
+ ._propertyEditorLabelCell_utjas_418 {
547
547
  font-weight: 400;
548
548
  }
549
549
 
550
- ._readOnlyColumnCell_1qeio_413 {
550
+ ._readOnlyColumnCell_utjas_413 {
551
551
  padding-left: 0;
552
552
  }
553
553
 
554
- ._buttonsFooter_1qeio_426 {
554
+ ._buttonsFooter_utjas_426 {
555
555
  display: flex;
556
556
  justify-content: flex-end;
557
557
  gap: var(--spacing-2);
558
558
  }
559
559
 
560
- ._propertyEditorInput_1qeio_432 {
560
+ ._propertyEditorInput_utjas_432 {
561
561
  border: 0;
562
562
  background-color: transparent;
563
563
  font-size: inherit;
@@ -575,7 +575,7 @@
575
575
  font-size: var(--text-sm);
576
576
  }
577
577
 
578
- ._iconButton_1qeio_408 {
578
+ ._iconButton_utjas_408 {
579
579
  border: 0;
580
580
  background-color: transparent;
581
581
  font-size: inherit;
@@ -588,15 +588,15 @@
588
588
  color:var(--baseText);
589
589
  }
590
590
 
591
- ._iconButton_1qeio_408:hover {
591
+ ._iconButton_utjas_408:hover {
592
592
  color: var(--accentText);
593
593
  }
594
594
 
595
- ._iconButton_1qeio_408:disabled, ._iconButton_1qeio_408:disabled:hover {
595
+ ._iconButton_utjas_408:disabled, ._iconButton_utjas_408:disabled:hover {
596
596
  color:var(--baseLine);
597
597
  }
598
598
 
599
- ._primaryButton_1qeio_453, ._secondaryButton_1qeio_453 {
599
+ ._primaryButton_utjas_453, ._secondaryButton_utjas_453 {
600
600
  border: 0;
601
601
  background-color: transparent;
602
602
  font-size: inherit;
@@ -614,30 +614,30 @@
614
614
  border-radius: var(--radius-medium);
615
615
  }
616
616
 
617
- ._primaryButton_1qeio_453:disabled, ._secondaryButton_1qeio_453:disabled {
617
+ ._primaryButton_utjas_453:disabled, ._secondaryButton_utjas_453:disabled {
618
618
  background: var(--accentLine);
619
619
  border-color: var(--accentBg);
620
620
  }
621
621
 
622
- ._smallButton_1qeio_467 {
622
+ ._smallButton_utjas_467 {
623
623
  font-size: var(--text-xs);
624
624
  padding: var(--spacing-1) var(--spacing-2);
625
625
  border-radius: var(--radius-base);
626
626
  }
627
627
 
628
- ._secondaryButton_1qeio_453 {
628
+ ._secondaryButton_utjas_453 {
629
629
  border: 1px solid var(--baseBorder);
630
630
  background-color: var(--baseSolidHover);
631
631
  color:var(--baseBase);
632
632
  }
633
633
 
634
- ._dialogForm_1qeio_479 {
634
+ ._dialogForm_utjas_479 {
635
635
  display: flex;
636
636
  flex-direction: row;
637
637
  gap: var(--spacing-2);
638
638
  }
639
639
 
640
- ._linkDialogEditForm_1qeio_485 {
640
+ ._linkDialogEditForm_utjas_485 {
641
641
  display: flex;
642
642
  flex-direction: column;
643
643
  align-items: stretch;
@@ -645,13 +645,13 @@
645
645
  padding: 0;
646
646
  }
647
647
 
648
- ._linkDialogInputContainer_1qeio_493 {
648
+ ._linkDialogInputContainer_utjas_493 {
649
649
  display: flex;
650
650
  flex-direction: column;
651
651
  align-items: stretch;
652
652
  }
653
653
 
654
- ._linkDialogInputWrapper_1qeio_499 {
654
+ ._linkDialogInputWrapper_utjas_499 {
655
655
  display: flex;
656
656
  align-items: center;
657
657
  background-color: var(--baseBase);
@@ -660,13 +660,13 @@
660
660
  border:1px solid var(--baseBorder);
661
661
  }
662
662
 
663
- ._linkDialogInputWrapper_1qeio_499[data-visible-dropdown=true] {
663
+ ._linkDialogInputWrapper_utjas_499[data-visible-dropdown=true] {
664
664
  border-bottom-left-radius: var(--radius-none) ;
665
665
  border-bottom-right-radius: var(--radius-none) ;
666
666
  border-bottom-width: 0;
667
667
  }
668
668
 
669
- ._linkDialogInputWrapper_1qeio_499 > button {
669
+ ._linkDialogInputWrapper_utjas_499 > button {
670
670
  border: 0;
671
671
  background-color: transparent;
672
672
  font-size: inherit;
@@ -679,7 +679,7 @@
679
679
  padding-right: var(--spacing-2);
680
680
  }
681
681
 
682
- ._linkDialogInput_1qeio_493, ._dialogInput_1qeio_519 {
682
+ ._linkDialogInput_utjas_493, ._dialogInput_utjas_519 {
683
683
  border: 0;
684
684
  background-color: transparent;
685
685
  font-size: inherit;
@@ -694,29 +694,29 @@
694
694
  font-size: var(--text-sm);
695
695
  }
696
696
 
697
- ._linkDialogInput_1qeio_493::-moz-placeholder, ._dialogInput_1qeio_519::-moz-placeholder {
697
+ ._linkDialogInput_utjas_493::-moz-placeholder, ._dialogInput_utjas_519::-moz-placeholder {
698
698
  color: var(--baseBorder);
699
699
  }
700
700
 
701
- ._linkDialogInput_1qeio_493::placeholder, ._dialogInput_1qeio_519::placeholder {
701
+ ._linkDialogInput_utjas_493::placeholder, ._dialogInput_utjas_519::placeholder {
702
702
  color: var(--baseBorder);
703
703
  }
704
704
 
705
- ._linkDialogAnchor_1qeio_529 {
705
+ ._linkDialogAnchor_utjas_529 {
706
706
  position: fixed;
707
707
  background-color: highlight;
708
708
  z-index: -1;
709
709
  }
710
710
 
711
- ._linkDialogAnchor_1qeio_529[data-visible=true] {
711
+ ._linkDialogAnchor_utjas_529[data-visible=true] {
712
712
  visibility: visible;
713
713
  }
714
714
 
715
- ._linkDialogAnchor_1qeio_529[data-visible=false] {
715
+ ._linkDialogAnchor_utjas_529[data-visible=false] {
716
716
  visibility: hidden;
717
717
  }
718
718
 
719
- ._linkDialogPopoverContent_1qeio_543, ._tableColumnEditorPopoverContent_1qeio_543, ._dialogContent_1qeio_543 {
719
+ ._linkDialogPopoverContent_utjas_543, ._tableColumnEditorPopoverContent_utjas_543, ._dialogContent_utjas_543 {
720
720
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
721
721
  display: flex;
722
722
  align-items: center;
@@ -728,7 +728,7 @@
728
728
  font-size: var(--text-sm);
729
729
  }
730
730
 
731
- ._largeDialogContent_1qeio_555 {
731
+ ._largeDialogContent_utjas_555 {
732
732
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
733
733
  gap: var(--spacing-0_5);
734
734
  border-radius:var(--radius-medium);
@@ -738,13 +738,13 @@
738
738
  font-size: var(--text-sm);
739
739
  }
740
740
 
741
- ._dialogTitle_1qeio_565 {
741
+ ._dialogTitle_utjas_565 {
742
742
  font-size: var(--text-base);
743
743
  font-weight: 600;
744
744
  padding-left: var(--spacing-2);
745
745
  }
746
746
 
747
- ._dialogCloseButton_1qeio_571 {
747
+ ._dialogCloseButton_utjas_571 {
748
748
  border: 0;
749
749
  background-color: transparent;
750
750
  font-size: inherit;
@@ -759,7 +759,7 @@
759
759
  right: 10px;
760
760
  }
761
761
 
762
- ._popoverContent_1qeio_578 {
762
+ ._popoverContent_utjas_578 {
763
763
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
764
764
  display: flex;
765
765
  align-items: center;
@@ -771,11 +771,11 @@
771
771
  z-index: 1;
772
772
  }
773
773
 
774
- ._popoverArrow_1qeio_590 {
774
+ ._popoverArrow_utjas_590 {
775
775
  fill: var(--basePageBg);
776
776
  }
777
777
 
778
- ._linkDialogPreviewAnchor_1qeio_594 {
778
+ ._linkDialogPreviewAnchor_utjas_594 {
779
779
  margin-right: var(--spacing-3);
780
780
  display: flex;
781
781
  align-items: flex-start;
@@ -784,23 +784,23 @@
784
784
  border: 1px solid transparent;
785
785
  }
786
786
 
787
- ._linkDialogPreviewAnchor_1qeio_594 svg {
787
+ ._linkDialogPreviewAnchor_utjas_594 svg {
788
788
  width: var(--spacing-5);
789
789
  height: var(--spacing-5);
790
790
  margin-left: var(--spacing-2);
791
791
  }
792
792
 
793
- ._linkDialogPreviewAnchor_1qeio_594 span {
793
+ ._linkDialogPreviewAnchor_utjas_594 span {
794
794
  max-width: 14rem;
795
795
  overflow-x: hidden;
796
796
  text-overflow: ellipsis;
797
797
  white-space: nowrap;
798
798
  }
799
- ._tooltipTrigger_1qeio_615 {
799
+ ._tooltipTrigger_utjas_615 {
800
800
  align-self: center;
801
801
  }
802
802
 
803
- ._tooltipContent_1qeio_619 {
803
+ ._tooltipContent_utjas_619 {
804
804
  z-index: 2;
805
805
  position: relative;
806
806
  border-radius: var(--radius-medium);
@@ -810,11 +810,11 @@
810
810
  color: var(--baseBase);
811
811
  }
812
812
 
813
- ._tooltipContent_1qeio_619 svg {
813
+ ._tooltipContent_utjas_619 svg {
814
814
  fill: var(--baseText);
815
815
  }
816
816
 
817
- ._actionButton_1qeio_633 {
817
+ ._actionButton_utjas_633 {
818
818
  border: 0;
819
819
  background-color: transparent;
820
820
  font-size: inherit;
@@ -829,34 +829,34 @@
829
829
  border-radius: var(--radius-medium);
830
830
  }
831
831
 
832
- ._actionButton_1qeio_633 svg {
832
+ ._actionButton_utjas_633 svg {
833
833
  display: block;
834
834
  }
835
835
 
836
- ._actionButton_1qeio_633:hover {
836
+ ._actionButton_utjas_633:hover {
837
837
  background-color: var(--baseBgHover);
838
838
  }
839
839
 
840
- ._actionButton_1qeio_633:active svg {
840
+ ._actionButton_utjas_633:active svg {
841
841
  transform: translate(1px, 1px);
842
842
  }
843
843
 
844
- ._actionButton_1qeio_633[data-state=on], ._actionButton_1qeio_633:active {
844
+ ._actionButton_utjas_633[data-state=on], ._actionButton_utjas_633:active {
845
845
  background-color: var(--baseBgHover);
846
846
  color: var(--baseTextContrast);
847
847
  }
848
848
 
849
- ._primaryActionButton_1qeio_639 {
849
+ ._primaryActionButton_utjas_639 {
850
850
  background-color: var(--accentSolid);
851
851
  color:var(--baseBase);
852
852
  }
853
853
 
854
- ._primaryActionButton_1qeio_639:hover {
854
+ ._primaryActionButton_utjas_639:hover {
855
855
  background-color: var(--accentSolidHover);
856
856
  color:var(--baseBase);
857
857
  }
858
858
 
859
- ._tableEditor_1qeio_648 {
859
+ ._tableEditor_utjas_648 {
860
860
  table-layout: fixed;
861
861
  width: 100%;
862
862
  height: 100%;
@@ -864,50 +864,50 @@
864
864
  border-collapse: collapse;
865
865
  }
866
866
 
867
- ._tableEditor_1qeio_648 thead > tr > th {
867
+ ._tableEditor_utjas_648 thead > tr > th {
868
868
  text-align: right;
869
869
  }
870
870
 
871
- ._tableEditor_1qeio_648 > tbody > tr > td:not(._toolCell_1qeio_659) {
871
+ ._tableEditor_utjas_648 > tbody > tr > td:not(._toolCell_utjas_659) {
872
872
  border: 1px solid var(--baseBgActive);
873
873
  padding: var(--spacing-1) var(--spacing-2);
874
874
  white-space: normal;
875
875
  }
876
876
 
877
- ._tableEditor_1qeio_648 > tbody > tr > td:not(._toolCell_1qeio_659) > div {
877
+ ._tableEditor_utjas_648 > tbody > tr > td:not(._toolCell_utjas_659) > div {
878
878
  outline: none;
879
879
  }
880
880
 
881
- ._tableEditor_1qeio_648 > tbody > tr > td:not(._toolCell_1qeio_659) > div > p {
881
+ ._tableEditor_utjas_648 > tbody > tr > td:not(._toolCell_utjas_659) > div > p {
882
882
  margin: 0;
883
883
  }
884
884
 
885
- ._tableEditor_1qeio_648 > tbody > tr > td[data-active=true]:not(._toolCell_1qeio_659) {
885
+ ._tableEditor_utjas_648 > tbody > tr > td[data-active=true]:not(._toolCell_utjas_659) {
886
886
  outline: solid 1px var(--baseSolid);
887
887
  }
888
888
 
889
- ._tableEditor_1qeio_648 ._tableColumnEditorTrigger_1qeio_676, ._tableEditor_1qeio_648 ._tableRowEditorTrigger_1qeio_676, ._tableEditor_1qeio_648 ._addRowButton_1qeio_676, ._tableEditor_1qeio_648 ._addColumnButton_1qeio_676, ._tableEditor_1qeio_648 ._iconButton_1qeio_408 {
889
+ ._tableEditor_utjas_648 ._tableColumnEditorTrigger_utjas_676, ._tableEditor_utjas_648 ._tableRowEditorTrigger_utjas_676, ._tableEditor_utjas_648 ._addRowButton_utjas_676, ._tableEditor_utjas_648 ._addColumnButton_utjas_676, ._tableEditor_utjas_648 ._iconButton_utjas_408 {
890
890
  opacity: .15;
891
891
  }
892
892
 
893
- ._tableEditor_1qeio_648:hover ._tableColumnEditorTrigger_1qeio_676, ._tableEditor_1qeio_648:hover ._tableRowEditorTrigger_1qeio_676, ._tableEditor_1qeio_648:hover ._addRowButton_1qeio_676, ._tableEditor_1qeio_648:hover ._addColumnButton_1qeio_676, ._tableEditor_1qeio_648:hover ._iconButton_1qeio_408 {
893
+ ._tableEditor_utjas_648:hover ._tableColumnEditorTrigger_utjas_676, ._tableEditor_utjas_648:hover ._tableRowEditorTrigger_utjas_676, ._tableEditor_utjas_648:hover ._addRowButton_utjas_676, ._tableEditor_utjas_648:hover ._addColumnButton_utjas_676, ._tableEditor_utjas_648:hover ._iconButton_utjas_408 {
894
894
  opacity: 0.3;
895
895
  }
896
896
 
897
- ._tableEditor_1qeio_648:hover ._tableColumnEditorTrigger_1qeio_676:hover, ._tableEditor_1qeio_648:hover ._tableRowEditorTrigger_1qeio_676:hover, ._tableEditor_1qeio_648:hover ._addRowButton_1qeio_676:hover, ._tableEditor_1qeio_648:hover ._addColumnButton_1qeio_676:hover, ._tableEditor_1qeio_648:hover ._iconButton_1qeio_408:hover {
897
+ ._tableEditor_utjas_648:hover ._tableColumnEditorTrigger_utjas_676:hover, ._tableEditor_utjas_648:hover ._tableRowEditorTrigger_utjas_676:hover, ._tableEditor_utjas_648:hover ._addRowButton_utjas_676:hover, ._tableEditor_utjas_648:hover ._addColumnButton_utjas_676:hover, ._tableEditor_utjas_648:hover ._iconButton_utjas_408:hover {
898
898
  opacity: 1;
899
899
  }
900
900
 
901
- ._toolCell_1qeio_659 {
901
+ ._toolCell_utjas_659 {
902
902
  text-align: right;
903
903
  }
904
904
 
905
- ._toolCell_1qeio_659 button {
905
+ ._toolCell_utjas_659 button {
906
906
  margin: auto;
907
907
  display: block;
908
908
  }
909
909
 
910
- ._tableColumnEditorTrigger_1qeio_676 {
910
+ ._tableColumnEditorTrigger_utjas_676 {
911
911
  border: 0;
912
912
  background-color: transparent;
913
913
  font-size: inherit;
@@ -923,32 +923,32 @@
923
923
  opacity: 0.2;
924
924
  }
925
925
 
926
- ._tableColumnEditorTrigger_1qeio_676 svg {
926
+ ._tableColumnEditorTrigger_utjas_676 svg {
927
927
  display: block;
928
928
  }
929
929
 
930
- ._tableColumnEditorTrigger_1qeio_676:hover {
930
+ ._tableColumnEditorTrigger_utjas_676:hover {
931
931
  background-color: var(--baseBgHover);
932
932
  }
933
933
 
934
- ._tableColumnEditorTrigger_1qeio_676:active svg {
934
+ ._tableColumnEditorTrigger_utjas_676:active svg {
935
935
  transform: translate(1px, 1px);
936
936
  }
937
937
 
938
- ._tableColumnEditorTrigger_1qeio_676[data-state=on], ._tableColumnEditorTrigger_1qeio_676:active {
938
+ ._tableColumnEditorTrigger_utjas_676[data-state=on], ._tableColumnEditorTrigger_utjas_676:active {
939
939
  background-color: var(--baseBgHover);
940
940
  color: var(--baseTextContrast);
941
941
  }
942
942
 
943
- ._tableColumnEditorTrigger_1qeio_676[data-active=true] {
943
+ ._tableColumnEditorTrigger_utjas_676[data-active=true] {
944
944
  opacity: 1 !important;
945
945
  }
946
946
 
947
- ._tableColumnEditorToolbar_1qeio_710 {
947
+ ._tableColumnEditorToolbar_utjas_710 {
948
948
  display: flex;
949
949
  }
950
950
 
951
- ._tableColumnEditorToolbar_1qeio_710 > button {
951
+ ._tableColumnEditorToolbar_utjas_710 > button {
952
952
  border: 0;
953
953
  background-color: transparent;
954
954
  font-size: inherit;
@@ -961,35 +961,35 @@
961
961
  padding: var(--spacing-1_5);
962
962
  }
963
963
 
964
- ._tableColumnEditorToolbar_1qeio_710 > button svg {
964
+ ._tableColumnEditorToolbar_utjas_710 > button svg {
965
965
  display: block;
966
966
  }
967
967
 
968
- ._tableColumnEditorToolbar_1qeio_710 > button:hover {
968
+ ._tableColumnEditorToolbar_utjas_710 > button:hover {
969
969
  background-color: var(--baseBgHover);
970
970
  }
971
971
 
972
- ._tableColumnEditorToolbar_1qeio_710 > button:active svg {
972
+ ._tableColumnEditorToolbar_utjas_710 > button:active svg {
973
973
  transform: translate(1px, 1px);
974
974
  }
975
975
 
976
- ._tableColumnEditorToolbar_1qeio_710 > button[data-state=on], ._tableColumnEditorToolbar_1qeio_710 > button:active {
976
+ ._tableColumnEditorToolbar_utjas_710 > button[data-state=on], ._tableColumnEditorToolbar_utjas_710 > button:active {
977
977
  background-color: var(--baseBgHover);
978
978
  color: var(--baseTextContrast);
979
979
  }
980
980
 
981
- ._tableColumnEditorToolbar_1qeio_710 [role=separator] {
981
+ ._tableColumnEditorToolbar_utjas_710 [role=separator] {
982
982
  margin-left: var(--spacing-1);
983
983
  margin-right: var(--spacing-1);
984
984
  }
985
985
 
986
986
 
987
- ._toggleGroupRoot_1qeio_723 {
987
+ ._toggleGroupRoot_utjas_723 {
988
988
  display: inline-flex;
989
989
  }
990
990
 
991
991
 
992
- ._toggleGroupRoot_1qeio_723 button {
992
+ ._toggleGroupRoot_utjas_723 button {
993
993
  border: 0;
994
994
  background-color: transparent;
995
995
  font-size: inherit;
@@ -1003,60 +1003,60 @@
1003
1003
  }
1004
1004
 
1005
1005
 
1006
- ._toggleGroupRoot_1qeio_723 button svg {
1006
+ ._toggleGroupRoot_utjas_723 button svg {
1007
1007
  display: block;
1008
1008
  }
1009
1009
 
1010
1010
 
1011
- ._toggleGroupRoot_1qeio_723 button:hover {
1011
+ ._toggleGroupRoot_utjas_723 button:hover {
1012
1012
  background-color: var(--baseBgHover);
1013
1013
  }
1014
1014
 
1015
1015
 
1016
- ._toggleGroupRoot_1qeio_723 button:active svg {
1016
+ ._toggleGroupRoot_utjas_723 button:active svg {
1017
1017
  transform: translate(1px, 1px);
1018
1018
  }
1019
1019
 
1020
1020
 
1021
- ._toggleGroupRoot_1qeio_723 button[data-state=on], ._toggleGroupRoot_1qeio_723 button:active {
1021
+ ._toggleGroupRoot_utjas_723 button[data-state=on], ._toggleGroupRoot_utjas_723 button:active {
1022
1022
  background-color: var(--baseBgHover);
1023
1023
  color: var(--baseTextContrast);
1024
1024
  }
1025
1025
 
1026
1026
 
1027
- ._toggleGroupRoot_1qeio_723 button:first-child {
1027
+ ._toggleGroupRoot_utjas_723 button:first-child {
1028
1028
  border-top-left-radius: var(--radius-base);
1029
1029
  border-bottom-left-radius: var(--radius-base);
1030
1030
  }
1031
1031
 
1032
1032
 
1033
- ._toggleGroupRoot_1qeio_723 button:last-child {
1033
+ ._toggleGroupRoot_utjas_723 button:last-child {
1034
1034
  border-top-right-radius: var(--radius-base);
1035
1035
  border-bottom-right-radius: var(--radius-base);
1036
1036
  }
1037
1037
 
1038
- ._tableToolsColumn_1qeio_740 {
1038
+ ._tableToolsColumn_utjas_740 {
1039
1039
  width: 3rem;
1040
1040
  }
1041
1041
 
1042
- ._tableToolsColumn_1qeio_740 button {
1042
+ ._tableToolsColumn_utjas_740 button {
1043
1043
  margin: auto;
1044
1044
  display: block;
1045
1045
  }
1046
1046
 
1047
- ._leftAlignedCell_1qeio_748 {
1047
+ ._leftAlignedCell_utjas_748 {
1048
1048
  text-align: left;
1049
1049
  }
1050
1050
 
1051
- ._rightAlignedCell_1qeio_752 {
1051
+ ._rightAlignedCell_utjas_752 {
1052
1052
  text-align: right;
1053
1053
  }
1054
1054
 
1055
- ._centeredCell_1qeio_756 {
1055
+ ._centeredCell_utjas_756 {
1056
1056
  text-align: center;
1057
1057
  }
1058
1058
 
1059
- ._addColumnButton_1qeio_676, ._addRowButton_1qeio_676 {
1059
+ ._addColumnButton_utjas_676, ._addRowButton_utjas_676 {
1060
1060
  border: 0;
1061
1061
  background-color: transparent;
1062
1062
  font-size: inherit;
@@ -1073,28 +1073,28 @@
1073
1073
  align-items: center;
1074
1074
  }
1075
1075
 
1076
- ._addColumnButton_1qeio_676 svg, ._addRowButton_1qeio_676 svg {
1076
+ ._addColumnButton_utjas_676 svg, ._addRowButton_utjas_676 svg {
1077
1077
  display: block;
1078
1078
  }
1079
1079
 
1080
- ._addColumnButton_1qeio_676:hover, ._addRowButton_1qeio_676:hover {
1080
+ ._addColumnButton_utjas_676:hover, ._addRowButton_utjas_676:hover {
1081
1081
  background-color: var(--baseBgHover);
1082
1082
  }
1083
1083
 
1084
- ._addColumnButton_1qeio_676:active svg, ._addRowButton_1qeio_676:active svg {
1084
+ ._addColumnButton_utjas_676:active svg, ._addRowButton_utjas_676:active svg {
1085
1085
  transform: translate(1px, 1px);
1086
1086
  }
1087
1087
 
1088
- ._addColumnButton_1qeio_676[data-state=on], ._addRowButton_1qeio_676[data-state=on], ._addColumnButton_1qeio_676:active, ._addRowButton_1qeio_676:active {
1088
+ ._addColumnButton_utjas_676[data-state=on], ._addRowButton_utjas_676[data-state=on], ._addColumnButton_utjas_676:active, ._addRowButton_utjas_676:active {
1089
1089
  background-color: var(--baseBgHover);
1090
1090
  color: var(--baseTextContrast);
1091
1091
  }
1092
1092
 
1093
- ._addColumnButton_1qeio_676 svg, ._addRowButton_1qeio_676 svg {
1093
+ ._addColumnButton_utjas_676 svg, ._addRowButton_utjas_676 svg {
1094
1094
  margin: auto;
1095
1095
  }
1096
1096
 
1097
- ._addRowButton_1qeio_676 {
1097
+ ._addRowButton_utjas_676 {
1098
1098
  width: 100%;
1099
1099
  margin-top: var(--spacing-px);
1100
1100
  box-sizing: border-box;
@@ -1102,7 +1102,7 @@
1102
1102
  border-bottom-left-radius: var(--radius-medium);
1103
1103
  }
1104
1104
 
1105
- ._addColumnButton_1qeio_676 {
1105
+ ._addColumnButton_utjas_676 {
1106
1106
  margin-left: var(--spacing-px);
1107
1107
  height: 100%;
1108
1108
  border-top-right-radius: var(--radius-medium);
@@ -1110,30 +1110,30 @@
1110
1110
  }
1111
1111
 
1112
1112
  /** Dialog */
1113
- ._dialogOverlay_1qeio_787 {
1113
+ ._dialogOverlay_utjas_787 {
1114
1114
  position: fixed;
1115
1115
  inset: 0;
1116
- animation: _overlayShow_1qeio_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1116
+ animation: _overlayShow_utjas_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1117
1117
  background-color: var(--baseBase);
1118
1118
  z-index: 51;
1119
1119
  opacity: 0.5;
1120
1120
  }
1121
1121
 
1122
- ._dialogContent_1qeio_543, ._largeDialogContent_1qeio_555 {
1122
+ ._dialogContent_utjas_543, ._largeDialogContent_utjas_555 {
1123
1123
  position: fixed;
1124
1124
  top: 50%;
1125
1125
  left: 50%;
1126
1126
  transform: translate(-50%, -50%);
1127
- animation: _contentShow_1qeio_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1127
+ animation: _contentShow_utjas_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1128
1128
  z-index: 52;
1129
1129
  }
1130
1130
 
1131
- ._dialogContent_1qeio_543:focus, ._largeDialogContent_1qeio_555:focus {
1131
+ ._dialogContent_utjas_543:focus, ._largeDialogContent_utjas_555:focus {
1132
1132
  outline: none;
1133
1133
  }
1134
1134
 
1135
1135
 
1136
- @keyframes _overlayShow_1qeio_1 {
1136
+ @keyframes _overlayShow_utjas_1 {
1137
1137
  from {
1138
1138
  opacity: 0;
1139
1139
  }
@@ -1142,7 +1142,7 @@
1142
1142
  }
1143
1143
  }
1144
1144
 
1145
- @keyframes _contentShow_1qeio_1 {
1145
+ @keyframes _contentShow_utjas_1 {
1146
1146
  from {
1147
1147
  opacity: 0;
1148
1148
  transform: translate(-50%, -48%) scale(0.96);
@@ -1153,22 +1153,22 @@
1153
1153
  }
1154
1154
  }
1155
1155
 
1156
- ._focusedImage_1qeio_830 {
1156
+ ._focusedImage_utjas_830 {
1157
1157
  outline: highlight solid 2px;
1158
1158
  }
1159
1159
 
1160
- ._imageWrapper_1qeio_834 {
1160
+ ._imageWrapper_utjas_834 {
1161
1161
  display: inline-block;
1162
1162
  position: relative;
1163
1163
  }
1164
1164
 
1165
- ._imageWrapper_1qeio_834[draggable=true] {
1165
+ ._imageWrapper_utjas_834[draggable=true] {
1166
1166
  cursor: move; /* fallback if grab cursor is unsupported */
1167
1167
  cursor: grab;
1168
1168
  cursor: -webkit-grab;
1169
1169
  }
1170
1170
 
1171
- ._editImageButton_1qeio_846 {
1171
+ ._editImageButton_utjas_846 {
1172
1172
  position: absolute;
1173
1173
  right: var(--spacing-2);
1174
1174
  top: var(--spacing-2);
@@ -1176,11 +1176,11 @@
1176
1176
  border-radius: var(--radius-full);
1177
1177
  }
1178
1178
 
1179
- ._editImageButton_1qeio_846 svg {
1179
+ ._editImageButton_utjas_846 svg {
1180
1180
  display: block;
1181
1181
  }
1182
1182
 
1183
- ._inlineEditor_1qeio_858 {
1183
+ ._inlineEditor_utjas_858 {
1184
1184
  display: inline-flex;
1185
1185
  border-radius: var(--radius-medium);
1186
1186
  padding: var(--spacing-1);
@@ -1189,7 +1189,7 @@
1189
1189
  background: var(--baseBg);
1190
1190
  }
1191
1191
 
1192
- ._blockEditor_1qeio_867 {
1192
+ ._blockEditor_utjas_867 {
1193
1193
  display: flex;
1194
1194
  justify-content: stretch;
1195
1195
  border-radius: var(--radius-medium);
@@ -1199,70 +1199,70 @@
1199
1199
  background: var(--baseBg);
1200
1200
  }
1201
1201
 
1202
- ._blockEditor_1qeio_867 ._nestedEditor_1qeio_876 {
1202
+ ._blockEditor_utjas_867 ._nestedEditor_utjas_876 {
1203
1203
  flex-grow: 1;
1204
1204
  }
1205
1205
 
1206
- ._nestedEditor_1qeio_876 {
1207
- background: white;
1206
+ ._nestedEditor_utjas_876 {
1207
+ background: var(--basePageBg);
1208
1208
  padding: var(--spacing-1) var(--spacing-2);
1209
1209
  border-radius: var(--radius-medium);
1210
1210
  }
1211
1211
 
1212
- ._nestedEditor_1qeio_876 > p {
1212
+ ._nestedEditor_utjas_876 > p {
1213
1213
  margin: 0;
1214
1214
  }
1215
1215
 
1216
- ._nestedEditor_1qeio_876:focus {
1216
+ ._nestedEditor_utjas_876:focus {
1217
1217
  outline: none;
1218
1218
  }
1219
1219
 
1220
- ._genericComponentName_1qeio_893 {
1220
+ ._genericComponentName_utjas_893 {
1221
1221
  font-size: var(--text-sm);
1222
1222
  color: var(--baseText);
1223
1223
  padding-right: var(--spacing-2);
1224
1224
  }
1225
1225
 
1226
- ._diffSourceToggle_1qeio_899 {
1226
+ ._diffSourceToggle_utjas_899 {
1227
1227
  border-radius: var(--radius-medium);
1228
1228
  display: flex;
1229
1229
  }
1230
1230
 
1231
- ._diffSourceToggle_1qeio_899 ._toolbarToggleItem_1qeio_186 {
1231
+ ._diffSourceToggle_utjas_899 ._toolbarToggleItem_utjas_186 {
1232
1232
  padding: 0;
1233
1233
  }
1234
1234
 
1235
- ._diffSourceToggle_1qeio_899 ._toolbarToggleItem_1qeio_186 > span {
1235
+ ._diffSourceToggle_utjas_899 ._toolbarToggleItem_utjas_186 > span {
1236
1236
  display: block;
1237
1237
  padding: var(--spacing-1) var(--spacing-2);
1238
1238
  }
1239
1239
 
1240
- ._selectWithLabel_1qeio_912 {
1240
+ ._selectWithLabel_utjas_912 {
1241
1241
  display: flex;
1242
1242
  align-items: center;
1243
1243
  gap: var(--spacing-2);
1244
1244
  margin-left: var(--spacing-2);
1245
1245
  }
1246
1246
 
1247
- ._selectWithLabel_1qeio_912 > label {
1247
+ ._selectWithLabel_utjas_912 > label {
1248
1248
  font-size: var(--text-sm);
1249
1249
  }
1250
1250
 
1251
- ._selectWithLabel_1qeio_912 ._selectTrigger_1qeio_278 {
1251
+ ._selectWithLabel_utjas_912 ._selectTrigger_utjas_278 {
1252
1252
  border: 1px solid var(--baseBorder);
1253
1253
  }
1254
1254
 
1255
- ._toolbarTitleMode_1qeio_926 {
1255
+ ._toolbarTitleMode_utjas_926 {
1256
1256
  font-size: var(--text-sm);
1257
1257
  margin-left: var(--spacing-2);
1258
1258
  }
1259
1259
 
1260
1260
 
1261
- ._imageControlWrapperResizing_1qeio_932 {
1261
+ ._imageControlWrapperResizing_utjas_932 {
1262
1262
  touch-action: none;
1263
1263
  }
1264
1264
 
1265
- ._imageResizer_1qeio_936 {
1265
+ ._imageResizer_utjas_936 {
1266
1266
  display: block;
1267
1267
  width: 7px;
1268
1268
  height: 7px;
@@ -1271,55 +1271,55 @@
1271
1271
  border: 1px solid var(--baseBg);
1272
1272
  }
1273
1273
 
1274
- ._imageResizer_1qeio_936._imageResizerN_1qeio_945 {
1274
+ ._imageResizer_utjas_936._imageResizerN_utjas_945 {
1275
1275
  top: -6px;
1276
1276
  left: 48%;
1277
1277
  cursor: n-resize;
1278
1278
  }
1279
1279
 
1280
- ._imageResizer_1qeio_936._imageResizerNe_1qeio_951 {
1280
+ ._imageResizer_utjas_936._imageResizerNe_utjas_951 {
1281
1281
  top: -6px;
1282
1282
  right: -6px;
1283
1283
  cursor: ne-resize;
1284
1284
  }
1285
1285
 
1286
- ._imageResizer_1qeio_936._imageResizerE_1qeio_957 {
1286
+ ._imageResizer_utjas_936._imageResizerE_utjas_957 {
1287
1287
  bottom: 48%;
1288
1288
  right: -6px;
1289
1289
  cursor: e-resize;
1290
1290
  }
1291
1291
 
1292
- ._imageResizer_1qeio_936._imageResizerSe_1qeio_963 {
1292
+ ._imageResizer_utjas_936._imageResizerSe_utjas_963 {
1293
1293
  bottom: -2px;
1294
1294
  right: -6px;
1295
1295
  cursor: nwse-resize;
1296
1296
  }
1297
1297
 
1298
- ._imageResizer_1qeio_936._imageResizerS_1qeio_963 {
1298
+ ._imageResizer_utjas_936._imageResizerS_utjas_963 {
1299
1299
  bottom: -2px;
1300
1300
  left: 48%;
1301
1301
  cursor: s-resize;
1302
1302
  }
1303
1303
 
1304
- ._imageResizer_1qeio_936._imageResizerSw_1qeio_975 {
1304
+ ._imageResizer_utjas_936._imageResizerSw_utjas_975 {
1305
1305
  bottom: -2px;
1306
1306
  left: -6px;
1307
1307
  cursor: sw-resize;
1308
1308
  }
1309
1309
 
1310
- ._imageResizer_1qeio_936._imageResizerW_1qeio_981 {
1310
+ ._imageResizer_utjas_936._imageResizerW_utjas_981 {
1311
1311
  bottom: 48%;
1312
1312
  left: -6px;
1313
1313
  cursor: w-resize;
1314
1314
  }
1315
1315
 
1316
- ._imageResizer_1qeio_936._imageResizerNw_1qeio_987 {
1316
+ ._imageResizer_utjas_936._imageResizerNw_utjas_987 {
1317
1317
  top: -6px;
1318
1318
  left: -6px;
1319
1319
  cursor: nw-resize;
1320
1320
  }
1321
1321
 
1322
- ._placeholder_1qeio_993 {
1322
+ ._placeholder_utjas_993 {
1323
1323
  color: var(--baseSolid);
1324
1324
  overflow: hidden;
1325
1325
  position: absolute;
@@ -1334,19 +1334,19 @@
1334
1334
  pointer-events: none;
1335
1335
  }
1336
1336
 
1337
- ._rootContentEditableWrapper_1qeio_1006 {
1337
+ ._rootContentEditableWrapper_utjas_1006 {
1338
1338
  position: relative;
1339
1339
  }
1340
1340
 
1341
1341
 
1342
1342
 
1343
- ._downshiftContainer_1qeio_1012 {
1343
+ ._downshiftContainer_utjas_1012 {
1344
1344
  display: flex;
1345
1345
  flex-direction: column;
1346
1346
  align-items: stretch;
1347
1347
  }
1348
1348
 
1349
- ._downshiftInputWrapper_1qeio_1018 {
1349
+ ._downshiftInputWrapper_utjas_1018 {
1350
1350
  display: flex;
1351
1351
  align-items: center;
1352
1352
  background-color: var(--baseBase);
@@ -1355,13 +1355,13 @@
1355
1355
  border:1px solid var(--baseBorder);
1356
1356
  }
1357
1357
 
1358
- ._downshiftInputWrapper_1qeio_1018[data-visible-dropdown=true] {
1358
+ ._downshiftInputWrapper_utjas_1018[data-visible-dropdown=true] {
1359
1359
  border-bottom-left-radius: var(--radius-none) ;
1360
1360
  border-bottom-right-radius: var(--radius-none) ;
1361
1361
  border-bottom-width: 0;
1362
1362
  }
1363
1363
 
1364
- ._downshiftInputWrapper_1qeio_1018 > button {
1364
+ ._downshiftInputWrapper_utjas_1018 > button {
1365
1365
  border: 0;
1366
1366
  background-color: transparent;
1367
1367
  font-size: inherit;
@@ -1374,7 +1374,7 @@
1374
1374
  padding-right: var(--spacing-2);
1375
1375
  }
1376
1376
 
1377
- ._downshiftInput_1qeio_1018 {
1377
+ ._downshiftInput_utjas_1018 {
1378
1378
  border: 0;
1379
1379
  background-color: transparent;
1380
1380
  font-size: inherit;
@@ -1389,19 +1389,19 @@
1389
1389
  font-size: var(--text-sm);
1390
1390
  }
1391
1391
 
1392
- ._downshiftInput_1qeio_1018::-moz-placeholder {
1392
+ ._downshiftInput_utjas_1018::-moz-placeholder {
1393
1393
  color: var(--baseBorder);
1394
1394
  }
1395
1395
 
1396
- ._downshiftInput_1qeio_1018::placeholder {
1396
+ ._downshiftInput_utjas_1018::placeholder {
1397
1397
  color: var(--baseBorder);
1398
1398
  }
1399
1399
 
1400
- ._downshiftAutocompleteContainer_1qeio_1048 {
1400
+ ._downshiftAutocompleteContainer_utjas_1048 {
1401
1401
  position: relative;
1402
1402
  }
1403
1403
 
1404
- ._downshiftAutocompleteContainer_1qeio_1048 ul {
1404
+ ._downshiftAutocompleteContainer_utjas_1048 ul {
1405
1405
  all: unset;
1406
1406
  box-sizing: border-box;
1407
1407
  position: absolute;
@@ -1418,11 +1418,11 @@
1418
1418
  background-color: var(--baseBase);
1419
1419
  }
1420
1420
 
1421
- ._downshiftAutocompleteContainer_1qeio_1048 ul[data-visible=true] {
1421
+ ._downshiftAutocompleteContainer_utjas_1048 ul[data-visible=true] {
1422
1422
  display: block;
1423
1423
  }
1424
1424
 
1425
- ._downshiftAutocompleteContainer_1qeio_1048 ul li {
1425
+ ._downshiftAutocompleteContainer_utjas_1048 ul li {
1426
1426
  padding: var(--spacing-2) var(--spacing-3);
1427
1427
  white-space: nowrap;
1428
1428
  margin-bottom: var(--spacing-1);
@@ -1430,20 +1430,20 @@
1430
1430
  text-overflow: ellipsis;
1431
1431
  }
1432
1432
 
1433
- ._downshiftAutocompleteContainer_1qeio_1048 ul li[data-selected=true] {
1433
+ ._downshiftAutocompleteContainer_utjas_1048 ul li[data-selected=true] {
1434
1434
  background-color: var(--baseBgSubtle);
1435
1435
  }
1436
1436
 
1437
- ._downshiftAutocompleteContainer_1qeio_1048 ul li[data-highlighted=true] {
1437
+ ._downshiftAutocompleteContainer_utjas_1048 ul li[data-highlighted=true] {
1438
1438
  background-color: var(--baseBgHover);
1439
1439
  }
1440
1440
 
1441
- ._downshiftAutocompleteContainer_1qeio_1048 ul li:last-of-type {
1441
+ ._downshiftAutocompleteContainer_utjas_1048 ul li:last-of-type {
1442
1442
  border-bottom-left-radius: var(--radius-medium) ;
1443
1443
  border-bottom-right-radius: var(--radius-medium) ;
1444
1444
  }
1445
1445
 
1446
- ._textInput_1qeio_1093 {
1446
+ ._textInput_utjas_1093 {
1447
1447
  all: unset;
1448
1448
  border-radius: var(--radius-base);
1449
1449
  border:1px solid var(--baseBorder);
@@ -1451,24 +1451,24 @@
1451
1451
  padding: var(--spacing-2) var(--spacing-3);
1452
1452
  }
1453
1453
 
1454
- form._multiFieldForm_1qeio_1101 {
1454
+ form._multiFieldForm_utjas_1101 {
1455
1455
  display: flex;
1456
1456
  flex-direction: column;
1457
1457
  padding: var(--spacing-2);
1458
1458
  gap: var(--spacing-2);
1459
1459
  }
1460
1460
 
1461
- form._multiFieldForm_1qeio_1101 ._formField_1qeio_1107 {
1461
+ form._multiFieldForm_utjas_1101 ._formField_utjas_1107 {
1462
1462
  display: flex;
1463
1463
  flex-direction: column;
1464
1464
  gap: var(--spacing-2);
1465
1465
  }
1466
1466
 
1467
- form._multiFieldForm_1qeio_1101 ._formField_1qeio_1107 label {
1467
+ form._multiFieldForm_utjas_1101 ._formField_utjas_1107 label {
1468
1468
  font-size: var(--text-xs);
1469
1469
  }
1470
1470
 
1471
- ._markdownParseError_1qeio_1118 {
1471
+ ._markdownParseError_utjas_1118 {
1472
1472
  border-radius: var(--radius-base);
1473
1473
  border: 1px solid var(--error-color);
1474
1474
  padding: var(--spacing-2);