@enos5/enos-vue-default 1.8.12 → 1.8.14

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.
Files changed (32) hide show
  1. package/dist/components/CustomSelect.vue.d.ts +0 -9
  2. package/dist/components/InputGroup.vue.d.ts +0 -9
  3. package/dist/components/SelectInput.vue.d.ts +0 -9
  4. package/dist/{index-G1cAlO5C.js → index-1G1T4Qrv.js} +373 -203
  5. package/dist/index-1G1T4Qrv.js.map +1 -0
  6. package/dist/{index-Ch9hFG6f.js → index-BBGZQp5w.js} +17 -6
  7. package/dist/{index-Ch9hFG6f.js.map → index-BBGZQp5w.js.map} +1 -1
  8. package/dist/{index-BHTvTOGk.js → index-BR_u7CCm.js} +4 -2
  9. package/dist/{index-BHTvTOGk.js.map → index-BR_u7CCm.js.map} +1 -1
  10. package/dist/{index-6eLEqodC.js → index-Bsqrrc8R.js} +35 -4
  11. package/dist/index-Bsqrrc8R.js.map +1 -0
  12. package/dist/index-CiFpmPug.js.map +1 -1
  13. package/dist/{index-Cjhk16SP.js → index-CuSlJQwq.js} +10 -8
  14. package/dist/index-CuSlJQwq.js.map +1 -0
  15. package/dist/{index-D7sesyMc.js → index-D72Leh_x.js} +4 -4
  16. package/dist/{index-D7sesyMc.js.map → index-D72Leh_x.js.map} +1 -1
  17. package/dist/{index-BPcdR1qv.js → index-ukywSRmc.js} +10 -9
  18. package/dist/index-ukywSRmc.js.map +1 -0
  19. package/dist/index.js +1 -1
  20. package/dist/index.node.js +1 -1
  21. package/dist/{plugin-BB5Wpvyp.js → plugin-2Tim-PB2.js} +16 -31
  22. package/dist/plugin-2Tim-PB2.js.map +1 -0
  23. package/dist/styles.css +1603 -143
  24. package/dist/{tinymce-WPdeGquX.js → tinymce-Dg510HCs.js} +659 -388
  25. package/dist/tinymce-Dg510HCs.js.map +1 -0
  26. package/package.json +36 -36
  27. package/dist/index-6eLEqodC.js.map +0 -1
  28. package/dist/index-BPcdR1qv.js.map +0 -1
  29. package/dist/index-Cjhk16SP.js.map +0 -1
  30. package/dist/index-G1cAlO5C.js.map +0 -1
  31. package/dist/plugin-BB5Wpvyp.js.map +0 -1
  32. package/dist/tinymce-WPdeGquX.js.map +0 -1
package/dist/styles.css CHANGED
@@ -12,15 +12,15 @@
12
12
  cursor: default;
13
13
  }
14
14
 
15
- .date-range-input[data-v-0612bf1a] {
15
+ .date-range-input[data-v-5c96a933] {
16
16
  color-scheme: light;
17
17
  }
18
- .dark .date-range-input[data-v-0612bf1a] {
18
+ .dark .date-range-input[data-v-5c96a933] {
19
19
  color-scheme: dark;
20
20
  }
21
- .date-range-input[data-v-0612bf1a]:disabled {
21
+ .date-range-input[data-v-5c96a933]:disabled {
22
22
  cursor: not-allowed;
23
- }
23
+ }
24
24
  .tox {
25
25
  box-shadow: none;
26
26
  box-sizing: content-box;
@@ -91,6 +91,16 @@ button::-moz-focus-inner {
91
91
  transform: rotate(360deg);
92
92
  }
93
93
  }
94
+ @keyframes tox-bouncing-dots {
95
+ 0%,
96
+ 80%,
97
+ 100% {
98
+ transform: scale(0);
99
+ }
100
+ 40% {
101
+ transform: scale(1);
102
+ }
103
+ }
94
104
  .tox {
95
105
  color: var(--tox-private-color-black, #222f3e);
96
106
  font-family: var(--tox-private-font-stack, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
@@ -377,6 +387,312 @@ button::-moz-focus-inner {
377
387
  border-width: 1px;
378
388
  margin: 0 10px;
379
389
  }
390
+ .tox .tox-accordion {
391
+ display: flex;
392
+ flex-direction: column;
393
+ gap: var(--tox-private-pad-sm, 8px);
394
+ }
395
+ .tox .tox-accordion__item {
396
+ background-color: var(--tox-private-background-color, #fff);
397
+ color: var(--tox-private-text-color, #222f3e);
398
+ border-radius: var(--tox-private-control-border-radius, 6px);
399
+ position: relative;
400
+ }
401
+ .tox .tox-accordion__item.tox-accordion__item--expanded {
402
+ background-color: var(--tox-private-background-secondary, #f0f0f0);
403
+ }
404
+ .tox .tox-accordion__item.tox-accordion__item--expanded .tox-accordion__content--expanded .tox-accordion__content-inner {
405
+ padding-top: 0;
406
+ }
407
+ .tox .tox-accordion__item::after {
408
+ border-radius: var(--tox-private-control-border-radius, 6px);
409
+ box-shadow: 0 0 0 var(--tox-private-keyboard-focus-outline-width, 2px) var(--tox-private-keyboard-focus-outline-color, #006ce7);
410
+ content: '';
411
+ inset: 0;
412
+ opacity: 0;
413
+ pointer-events: none;
414
+ position: absolute;
415
+ }
416
+ @media (forced-colors: active) {
417
+ .tox .tox-accordion__item::after {
418
+ border: 2px solid highlight;
419
+ }
420
+ }
421
+ .tox .tox-accordion__item:focus {
422
+ outline: none;
423
+ z-index: 1;
424
+ }
425
+ .tox .tox-accordion__item:focus::after {
426
+ opacity: 1;
427
+ }
428
+ .tox .tox-accordion__heading {
429
+ margin: 0;
430
+ width: 100%;
431
+ }
432
+ .tox .tox-accordion__heading:focus {
433
+ outline: none;
434
+ }
435
+ .tox .tox-accordion__header {
436
+ align-items: center;
437
+ border: none;
438
+ border-radius: var(--tox-private-control-border-radius, 6px);
439
+ box-sizing: border-box;
440
+ color: var(--tox-private-text-color, #222f3e);
441
+ cursor: pointer;
442
+ display: flex;
443
+ font-family: var(--tox-private-font-stack, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
444
+ font-size: var(--tox-private-font-size-md, 16px);
445
+ font-weight: var(--tox-private-font-weight-bold, bold);
446
+ line-height: var(--tox-private-line-height-base, 1.3);
447
+ outline: none;
448
+ padding: calc(var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px));
449
+ text-align: left;
450
+ width: 100%;
451
+ }
452
+ .tox .tox-accordion__header::after {
453
+ border-radius: var(--tox-private-control-border-radius, 6px);
454
+ bottom: 0;
455
+ box-shadow: 0 0 0 var(--tox-private-keyboard-focus-outline-width, 2px) var(--tox-private-keyboard-focus-outline-color, #006ce7);
456
+ content: '';
457
+ left: 0;
458
+ opacity: 0;
459
+ pointer-events: none;
460
+ position: absolute;
461
+ right: 0;
462
+ top: 0;
463
+ }
464
+ @media (forced-colors: active) {
465
+ .tox .tox-accordion__header::after {
466
+ border: 2px solid highlight;
467
+ }
468
+ }
469
+ .tox .tox-accordion__header:hover:not(.tox-accordion__header--disabled) {
470
+ background-color: var(--tox-private-background-secondary, #f0f0f0);
471
+ }
472
+ .tox .tox-accordion__header:focus:not(.tox-accordion__header--disabled) {
473
+ position: relative;
474
+ z-index: 1;
475
+ }
476
+ .tox .tox-accordion__header:focus:not(.tox-accordion__header--disabled)::after {
477
+ opacity: 1;
478
+ }
479
+ .tox .tox-accordion__header.tox-accordion__header--disabled {
480
+ cursor: not-allowed;
481
+ opacity: 0.5;
482
+ }
483
+ .tox .tox-accordion__header.tox-accordion__header--icon-end {
484
+ padding-right: calc(var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px));
485
+ }
486
+ .tox .tox-accordion__header-icon {
487
+ align-items: center;
488
+ color: var(--tox-private-text-color, #222f3e);
489
+ display: flex;
490
+ flex-shrink: 0;
491
+ height: calc(var(--tox-private-base-value, 16px) * 1.5);
492
+ justify-content: center;
493
+ width: calc(var(--tox-private-base-value, 16px) * 1.5);
494
+ }
495
+ .tox .tox-accordion__header-icon svg {
496
+ display: block;
497
+ fill: currentColor;
498
+ height: 100%;
499
+ width: 100%;
500
+ max-height: calc(var(--tox-private-base-value, 16px) * 1.5);
501
+ max-width: calc(var(--tox-private-base-value, 16px) * 1.5);
502
+ }
503
+ .tox .tox-accordion__header:not(.tox-accordion__header--icon-end) .tox-accordion__header-icon {
504
+ margin-right: var(--tox-private-pad-sm, 8px);
505
+ margin-left: 0;
506
+ }
507
+ .tox .tox-accordion__header--icon-end .tox-accordion__header-icon {
508
+ margin-left: auto;
509
+ }
510
+ .tox .tox-accordion__header-text {
511
+ flex: 1;
512
+ min-width: 0;
513
+ overflow: hidden;
514
+ text-overflow: ellipsis;
515
+ white-space: nowrap;
516
+ }
517
+ .tox .tox-accordion__header--icon-end .tox-accordion__header-text {
518
+ flex: 0 1 auto;
519
+ margin-right: var(--tox-private-pad-sm, 8px);
520
+ }
521
+ .tox .tox-accordion__content {
522
+ border-radius: var(--tox-private-control-border-radius, 6px);
523
+ }
524
+ .tox .tox-accordion__content.tox-accordion__content--collapsed {
525
+ display: none;
526
+ }
527
+ .tox .tox-accordion__content.tox-accordion__content--expanded {
528
+ display: block;
529
+ }
530
+ .tox .tox-accordion__content-inner {
531
+ padding: var(--tox-private-pad-sm, 8px) calc(var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px)) calc(var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px));
532
+ }
533
+ .tox .tox-accordion__content-inner .tox-form__group:last-child {
534
+ margin-bottom: 0;
535
+ }
536
+ .tox .tox-accordion__content-inner .tox-form__group > *:not(:first-child) {
537
+ margin-top: calc(var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px));
538
+ }
539
+ .tox .tox-accordion__content-inner .tox-form__group > .tox-dropdown-content {
540
+ margin-top: 0;
541
+ }
542
+ .tox .tox-accordion__content-inner .tox-button-group {
543
+ display: flex;
544
+ gap: var(--tox-private-pad-sm, 8px);
545
+ }
546
+ .tox .tox-accordion__content-inner .tox-accordion__model-button {
547
+ border-radius: var(--tox-private-control-border-radius, 6px);
548
+ align-items: center;
549
+ appearance: none;
550
+ background: none;
551
+ border: none;
552
+ color: inherit;
553
+ cursor: pointer;
554
+ display: flex;
555
+ font-family: inherit;
556
+ font-size: inherit;
557
+ gap: var(--tox-private-pad-xs, 4px);
558
+ margin: 0;
559
+ outline: none;
560
+ padding: 6px calc(var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px));
561
+ position: relative;
562
+ }
563
+ .tox .tox-accordion__content-inner .tox-accordion__model-button::after {
564
+ border-radius: var(--tox-private-control-border-radius, 6px);
565
+ bottom: 0;
566
+ box-shadow: 0 0 0 var(--tox-private-keyboard-focus-outline-width, 2px) var(--tox-private-keyboard-focus-outline-color, #006ce7);
567
+ content: '';
568
+ left: 0;
569
+ opacity: 0;
570
+ pointer-events: none;
571
+ position: absolute;
572
+ right: 0;
573
+ top: 0;
574
+ }
575
+ @media (forced-colors: active) {
576
+ .tox .tox-accordion__content-inner .tox-accordion__model-button::after {
577
+ border: 2px solid highlight;
578
+ }
579
+ }
580
+ .tox .tox-accordion__content-inner .tox-accordion__model-button:focus {
581
+ z-index: 1;
582
+ }
583
+ .tox .tox-accordion__content-inner .tox-accordion__model-button:focus::after {
584
+ opacity: 1;
585
+ }
586
+ .tox .tox-accordion .tox-selectfield {
587
+ align-items: center;
588
+ background-color: var(--tox-private-background-color, #fff);
589
+ border: 1px solid var(--tox-private-border-color, #eeeeee);
590
+ border-radius: var(--tox-private-control-border-radius, 6px);
591
+ box-sizing: border-box;
592
+ display: flex;
593
+ height: 34px;
594
+ padding: 0 6px;
595
+ position: relative;
596
+ width: 100%;
597
+ }
598
+ .tox .tox-accordion .tox-selectfield:focus-within {
599
+ box-shadow: 0 0 0 var(--tox-private-keyboard-focus-outline-width, 2px) var(--tox-private-keyboard-focus-outline-color, #006ce7);
600
+ z-index: 1;
601
+ }
602
+ @media (forced-colors: active) {
603
+ .tox .tox-accordion .tox-selectfield:focus-within {
604
+ border-color: highlight;
605
+ box-shadow: 0 0 0 2px highlight;
606
+ }
607
+ }
608
+ .tox .tox-accordion .tox-selectfield button {
609
+ appearance: none;
610
+ background: none;
611
+ border: none;
612
+ color: inherit;
613
+ cursor: pointer;
614
+ flex: 1;
615
+ font-family: inherit;
616
+ font-size: inherit;
617
+ line-height: inherit;
618
+ margin: 0;
619
+ outline: none;
620
+ padding: 5px 0;
621
+ text-align: left;
622
+ }
623
+ .tox .tox-accordion .tox-selectfield .tox-icon {
624
+ display: flex;
625
+ flex-shrink: 0;
626
+ padding: 9px 0;
627
+ pointer-events: none;
628
+ }
629
+ .tox .tox-accordion .tox-selectfield .tox-icon svg {
630
+ height: var(--tox-private-base-value, 16px);
631
+ width: var(--tox-private-base-value, 16px);
632
+ }
633
+ .tox[dir=rtl] .tox-accordion__header {
634
+ text-align: right;
635
+ }
636
+ .tox[dir=rtl] .tox-accordion__header:not(.tox-accordion__header--icon-end) .tox-accordion__header-icon {
637
+ margin-left: var(--tox-private-pad-sm, 8px);
638
+ margin-right: 0;
639
+ }
640
+ .tox[dir=rtl] .tox-accordion__header--icon-end .tox-accordion__header-icon {
641
+ margin-right: auto;
642
+ margin-left: 0;
643
+ }
644
+ .tox[dir=rtl] .tox-accordion__header--icon-end .tox-accordion__header-text {
645
+ margin-left: var(--tox-private-pad-sm, 8px);
646
+ margin-right: 0;
647
+ }
648
+ .tox .tox-alert {
649
+ align-items: flex-start;
650
+ align-self: stretch;
651
+ border-radius: var(--tox-private-panel-border-radius, 6px);
652
+ border-style: solid;
653
+ border-width: 1px;
654
+ box-sizing: border-box;
655
+ color: var(--tox-private-text-color, #222f3e);
656
+ display: flex;
657
+ font-size: var(--tox-private-font-size-sm, 14px);
658
+ font-weight: var(--tox-private-font-weight-normal, normal);
659
+ gap: var(--tox-private-pad-xs, 4px);
660
+ line-height: var(--tox-private-line-height-base, 1.3);
661
+ padding: var(--tox-private-pad-xs, 4px) var(--tox-private-pad-sm, 8px);
662
+ width: 100%;
663
+ }
664
+ .tox .tox-alert--error {
665
+ background: linear-gradient(0deg, rgba(from var(--tox-private-background-color, #fff) r g b / 0.8) 0%, rgba(from var(--tox-private-background-color, #fff) r g b / 0.8) 100%), var(--tox-private-color-error, #c00);
666
+ border-color: var(--tox-private-color-error, #c00);
667
+ }
668
+ .tox .tox-alert--warning {
669
+ background: linear-gradient(0deg, rgba(from var(--tox-private-background-color, #fff) r g b / 0.8) 0%, rgba(from var(--tox-private-background-color, #fff) r g b / 0.8) 100%), var(--tox-private-color-warning, #FFCC00);
670
+ border-color: var(--tox-private-color-warning, #FFCC00);
671
+ }
672
+ .tox .tox-alert__body {
673
+ display: flex;
674
+ flex: 1 0 0;
675
+ flex-direction: column;
676
+ min-width: 0;
677
+ }
678
+ .tox .tox-alert__content {
679
+ align-items: center;
680
+ display: flex;
681
+ flex: 1 0 0;
682
+ gap: var(--tox-private-pad-sm, 8px);
683
+ padding: var(--tox-private-pad-sm, 8px) 0;
684
+ }
685
+ .tox .tox-alert__message {
686
+ margin: 0;
687
+ text-align: left;
688
+ }
689
+ .tox .tox-alert__actions {
690
+ align-items: center;
691
+ display: flex;
692
+ flex-wrap: wrap;
693
+ gap: var(--tox-private-pad-xs, 4px);
694
+ justify-content: flex-start;
695
+ }
380
696
  .tox .tox-anchorbar {
381
697
  display: flex;
382
698
  flex: 0 0 auto;
@@ -413,7 +729,7 @@ button::-moz-focus-inner {
413
729
  display: inline-flex;
414
730
  justify-content: center;
415
731
  align-items: center;
416
- gap: 2px;
732
+ gap: var(--tox-private-pad-xs, 4px);
417
733
  }
418
734
  .tox .tox-button::before {
419
735
  border-radius: var(--tox-private-control-border-radius, 6px);
@@ -583,8 +899,8 @@ button::-moz-focus-inner {
583
899
  box-shadow: none;
584
900
  }
585
901
  .tox .tox-button--secondary.tox-button--enabled {
586
- background-color: var(--tox-private-button-secondary-enabled-background-color, #a8c8ed);
587
- border-color: var(--tox-private-button-secondary-enabled-border-color, #a8c8ed);
902
+ background-color: var(--tox-private-button-secondary-enabled-background-color, #a6ccf7);
903
+ border-color: var(--tox-private-button-secondary-enabled-border-color, #a6ccf7);
588
904
  color: var(--tox-private-button-secondary-enabled-text-color, #222f3e);
589
905
  background-image: none;
590
906
  box-shadow: none;
@@ -594,22 +910,22 @@ button::-moz-focus-inner {
594
910
  cursor: not-allowed;
595
911
  }
596
912
  .tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
597
- background-color: var(--tox-private-button-secondary-enabled-focus-background-color, #93bbe9);
598
- border-color: var(--tox-private-button-secondary-enabled-focus-border-color, #93bbe9);
913
+ background-color: var(--tox-private-button-secondary-enabled-focus-background-color, #8ebef4);
914
+ border-color: var(--tox-private-button-secondary-enabled-focus-border-color, #8ebef4);
599
915
  color: var(--tox-private-button-secondary-enabled-focus-text-color, #222f3e);
600
916
  background-image: none;
601
917
  box-shadow: none;
602
918
  }
603
919
  .tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
604
- background-color: var(--tox-private-button-secondary-enabled-hover-background-color, #93bbe9);
605
- border-color: var(--tox-private-button-secondary-enabled-hover-border-color, #93bbe9);
920
+ background-color: var(--tox-private-button-secondary-enabled-hover-background-color, #8ebef4);
921
+ border-color: var(--tox-private-button-secondary-enabled-hover-border-color, #8ebef4);
606
922
  color: var(--tox-private-button-secondary-enabled-hover-text-color, #222f3e);
607
923
  background-image: none;
608
924
  box-shadow: none;
609
925
  }
610
926
  .tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
611
- background-color: var(--tox-private-button-secondary-enabled-active-background-color, #7daee4);
612
- border-color: var(--tox-private-button-secondary-enabled-active-border-color, #7daee4);
927
+ background-color: var(--tox-private-button-secondary-enabled-active-background-color, #77b1f2);
928
+ border-color: var(--tox-private-button-secondary-enabled-active-border-color, #77b1f2);
613
929
  color: var(--tox-private-button-secondary-enabled-active-text-color, #222f3e);
614
930
  background-image: none;
615
931
  box-shadow: none;
@@ -619,9 +935,10 @@ button::-moz-focus-inner {
619
935
  border-color: transparent;
620
936
  box-shadow: unset;
621
937
  color: var(--tox-private-button-naked-text-color, #222f3e);
938
+ /* Enabled state */
622
939
  }
623
940
  .tox .tox-button--naked[disabled] {
624
- background-color: rgba(34, 47, 62, 0.12);
941
+ background-color: transparent;
625
942
  border-color: transparent;
626
943
  color: var(--tox-private-button-naked-disabled-text-color, rgba(34, 47, 62, 0.5));
627
944
  cursor: not-allowed;
@@ -644,6 +961,34 @@ button::-moz-focus-inner {
644
961
  color: var(--tox-private-button-naked-active-text-color, #222f3e);
645
962
  box-shadow: unset;
646
963
  }
964
+ .tox .tox-button--naked.tox-button--enabled {
965
+ background-color: var(--tox-private-button-naked-enabled-background-color, #a8c8ed);
966
+ border-color: var(--tox-private-button-naked-enabled-border-color, #a8c8ed);
967
+ color: var(--tox-private-button-naked-enabled-text-color, #222f3e);
968
+ box-shadow: unset;
969
+ }
970
+ .tox .tox-button--naked.tox-button--enabled[disabled] {
971
+ color: var(--tox-private-button-naked-disabled-text-color, rgba(34, 47, 62, 0.5));
972
+ cursor: not-allowed;
973
+ }
974
+ .tox .tox-button--naked.tox-button--enabled:focus:not(:disabled) {
975
+ background-color: var(--tox-private-button-naked-enabled-focus-background-color, #93bbe9);
976
+ border-color: var(--tox-private-button-naked-enabled-focus-border-color, #93bbe9);
977
+ color: var(--tox-private-button-naked-enabled-focus-text-color, #222f3e);
978
+ box-shadow: unset;
979
+ }
980
+ .tox .tox-button--naked.tox-button--enabled:hover:not(:disabled) {
981
+ background-color: var(--tox-private-button-naked-enabled-hover-background-color, #93bbe9);
982
+ border-color: var(--tox-private-button-naked-enabled-hover-border-color, #93bbe9);
983
+ color: var(--tox-private-button-naked-enabled-hover-text-color, #222f3e);
984
+ box-shadow: unset;
985
+ }
986
+ .tox .tox-button--naked.tox-button--enabled:active:not(:disabled) {
987
+ background-color: var(--tox-private-button-naked-enabled-active-background-color, #7daee4);
988
+ border-color: var(--tox-private-button-naked-enabled-active-border-color, #7daee4);
989
+ color: var(--tox-private-button-naked-enabled-active-text-color, #222f3e);
990
+ box-shadow: unset;
991
+ }
647
992
  .tox .tox-button--secondary--outline {
648
993
  background-color: transparent;
649
994
  border-color: var(--tox-private-button-secondary-outline-border-color, #f0f0f0);
@@ -779,6 +1124,8 @@ button::-moz-focus-inner {
779
1124
  border-style: solid;
780
1125
  border-top-width: 1px;
781
1126
  padding: 4px 0;
1127
+ display: flex;
1128
+ flex-direction: column;
782
1129
  }
783
1130
  .tox .tox-collection--list .tox-collection__group:first-child {
784
1131
  border-top-width: 0;
@@ -2074,6 +2421,21 @@ button::-moz-focus-inner {
2074
2421
  .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
2075
2422
  margin-right: 8px;
2076
2423
  }
2424
+ .tox .tox-dropdown-content {
2425
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
2426
+ position: fixed;
2427
+ position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
2428
+ overflow: auto;
2429
+ height: fit-content;
2430
+ width: fit-content;
2431
+ border-radius: var(--tox-private-panel-border-radius, 6px);
2432
+ background-color: var(--tox-private-background-color, #fff);
2433
+ max-height: 50vh;
2434
+ }
2435
+ .tox .tox-dropdown-content .tox-menu {
2436
+ width: 100%;
2437
+ box-shadow: none;
2438
+ }
2077
2439
  body.tox-dialog__disable-scroll {
2078
2440
  overflow: hidden;
2079
2441
  }
@@ -2134,8 +2496,37 @@ body.tox-dialog__disable-scroll {
2134
2496
  .tox.tox-inline-edit-area {
2135
2497
  border: 1px dotted #eeeeee;
2136
2498
  }
2137
- .tox .tox-control-wrap {
2138
- flex: 1;
2499
+ .tox .tox-expandable-box {
2500
+ border-radius: 6px;
2501
+ border: 1px solid var(--tox-private-border-color, #eeeeee);
2502
+ display: flex;
2503
+ flex-direction: column;
2504
+ justify-content: stretch;
2505
+ gap: var(--tox-private-pad-sm, 8px);
2506
+ padding: var(--tox-private-pad-sm, 8px) var(--tox-private-pad-md, 16px);
2507
+ }
2508
+ .tox .tox-expandable-box__content {
2509
+ overflow: auto;
2510
+ }
2511
+ .tox .tox-expandable-box__content--overflowing {
2512
+ position: relative;
2513
+ overflow: hidden;
2514
+ }
2515
+ .tox .tox-expandable-box__content--overflowing::after {
2516
+ content: '';
2517
+ position: absolute;
2518
+ bottom: 0;
2519
+ left: 0;
2520
+ right: 0;
2521
+ height: min(100px, 100%);
2522
+ pointer-events: none;
2523
+ background: linear-gradient(to bottom, transparent 50%, var(--tox-private-background-color, #fff));
2524
+ }
2525
+ .tox .tox-expandable-box__content--expanded {
2526
+ max-height: fit-content;
2527
+ }
2528
+ .tox .tox-control-wrap {
2529
+ flex: 1;
2139
2530
  position: relative;
2140
2531
  }
2141
2532
  .tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
@@ -2741,11 +3132,12 @@ body.tox-dialog__disable-scroll {
2741
3132
  position: absolute;
2742
3133
  position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
2743
3134
  z-index: 1150;
2744
- background-color: #ffffff;
2745
- border: 1px solid #e0e0e0;
2746
- border-radius: 9px;
3135
+ background-color: var(--tox-private-background-color, #fff);
3136
+ color: var(--tox-private-text-color, #222f3e);
3137
+ border: 1px solid #e3e3e3;
3138
+ border-radius: 6px;
2747
3139
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
2748
- padding: 4px;
3140
+ padding: 8px;
2749
3141
  }
2750
3142
  .tox .tox-context-toolbar[popover] {
2751
3143
  inset: auto;
@@ -2760,8 +3152,9 @@ body.tox-dialog__disable-scroll {
2760
3152
  display: flex;
2761
3153
  flex-wrap: nowrap;
2762
3154
  flex-shrink: 0;
2763
- gap: 4px;
3155
+ gap: 8px;
2764
3156
  align-items: center;
3157
+ padding: 0;
2765
3158
  }
2766
3159
  .tox .tox-insert-table-picker {
2767
3160
  background-color: #fff;
@@ -3578,13 +3971,18 @@ body.tox-dialog__disable-scroll {
3578
3971
  min-width: 300px;
3579
3972
  max-width: 300px;
3580
3973
  width: 300px;
3581
- border-left: 1px solid var(--tox-private-sidebar-border-color, #e3e3e3);
3974
+ border-left: 1px solid var(--tox-private-separator-color, #e3e3e3);
3975
+ }
3976
+ .tox .tox-sidebar-content--wide {
3977
+ min-width: 440px;
3978
+ max-width: 440px;
3979
+ width: 440px;
3582
3980
  }
3583
3981
  .tox .tox-sidebar-content__header {
3584
3982
  align-items: center;
3585
3983
  display: flex;
3586
3984
  justify-content: space-between;
3587
- box-shadow: var(--tox-private-sidebar-header-box-shadow, 0 4px 8px 0 rgba(34, 47, 62, 0.1));
3985
+ border-bottom: var(--tox-private-tinymceai-border-width, 1px) solid var(--tox-private-neutral-20, #e3e3e3);
3588
3986
  padding: var(--tox-private-pad-sm, 8px) 12px;
3589
3987
  background: var(--tox-private-background-color, #fff);
3590
3988
  z-index: 1;
@@ -3600,16 +3998,23 @@ body.tox-dialog__disable-scroll {
3600
3998
  line-height: 28px;
3601
3999
  }
3602
4000
  .tox .tox-floating-sidebar {
3603
- --tox-private-floating-sidebar-requested-height: 600px;
3604
4001
  --tox-private-floating-sidebar-width: min(380px, 90vw);
3605
- --tox-private-floating-sidebar-height: min(var(--tox-private-floating-sidebar-requested-height), 80vh);
4002
+ --tox-private-floating-sidebar-height: 80vh;
4003
+ position: fixed;
4004
+ z-index: var(--tox-private-z-index-floatingsidebar, 1050);
3606
4005
  box-shadow: var(--tox-private-floating-sidebar-box-shadow, 0 0 40px 1px rgba(34, 47, 62, 0.15), 0 16px 16px -10px rgba(34, 47, 62, 0.15));
3607
4006
  width: var(--tox-private-floating-sidebar-width);
3608
4007
  height: var(--tox-private-floating-sidebar-height);
3609
- background-color: var(--tox-private-background-color, #fff);
3610
- border-radius: 12px;
4008
+ background-color: var(--tox-private-floating-sidebar-background-color, #f0f0f0);
4009
+ border-radius: var(--tox-private-panel-border-radius, 6px);
3611
4010
  overflow: hidden;
3612
4011
  }
4012
+ .tox .tox-floating-sidebar:not(.tox .tox-floating-sidebar--open) {
4013
+ display: none;
4014
+ }
4015
+ .tox .tox-floating-sidebar--open {
4016
+ display: block;
4017
+ }
3613
4018
  .tox .tox-floating-sidebar__content-wrapper {
3614
4019
  width: 100%;
3615
4020
  height: 100%;
@@ -3619,35 +4024,200 @@ body.tox-dialog__disable-scroll {
3619
4024
  .tox .tox-floating-sidebar__header {
3620
4025
  position: relative;
3621
4026
  }
3622
- .tox-ai .tox-ai__user-prompt {
4027
+ .tox .tox-floating-sidebar .tox-ai__scroll:has(.tox-card-list) {
4028
+ background-color: inherit;
4029
+ }
4030
+ .tox .tox-ai .tox-expandable-box {
4031
+ padding: var(--tox-private-pad-sm, 8px) calc(var(--tox-private-pad-md, 16px) * 0.75);
4032
+ }
4033
+ .tox .tox-ai .tox-expandable-box:focus-visible:not(:disabled) {
4034
+ outline: 2px solid var(--tox-private-color-tint, #006ce7);
4035
+ outline-offset: var(--tox-private-tinymceai-border-width, 1px);
4036
+ box-shadow: 0 0 0 1px var(--tox-private-color-white, #fff);
4037
+ border-radius: var(--tox-private-control-border-radius, 6px);
4038
+ }
4039
+ .tox .tox-ai .tox-sidebar-content__header {
4040
+ border: var(--tox-private-tinymceai-focus-border-width, 2px) solid var(--tox-private-background-color, #fff);
4041
+ padding: calc(var(--tox-private-pad-sm, 8px) - var(--tox-private-tinymceai-focus-border-width, 2px)) calc(12px - var(--tox-private-tinymceai-focus-border-width, 2px));
4042
+ border-bottom: 1px solid var(--tox-private-separator-color, #e3e3e3);
4043
+ }
4044
+ .tox .tox-ai .tox-sidebar-content__header:focus-visible:not(:disabled) {
4045
+ border: var(--tox-private-tinymceai-focus-border-width, 2px) solid var(--tox-private-color-tint, #006ce7);
4046
+ border-radius: var(--tox-private-control-border-radius, 6px);
4047
+ }
4048
+ .tox .tox-ai .tox-sidebar-content__loader {
4049
+ align-items: center;
4050
+ display: flex;
4051
+ height: 100%;
4052
+ justify-content: center;
4053
+ width: 100%;
4054
+ z-index: 1000;
4055
+ }
4056
+ .tox .tox-ai .tox-sidebar-content__title {
4057
+ text-overflow: ellipsis;
4058
+ overflow: hidden;
4059
+ white-space: nowrap;
4060
+ margin-right: auto;
4061
+ }
4062
+ .tox .tox-ai .tox-sidebar-content__title:focus-visible:not(:disabled) {
4063
+ outline: 2px solid var(--tox-private-color-tint, #006ce7);
4064
+ outline-offset: var(--tox-private-tinymceai-border-width, 1px);
4065
+ box-shadow: 0 0 0 1px var(--tox-private-color-white, #fff);
4066
+ border-radius: var(--tox-private-control-border-radius, 6px);
4067
+ }
4068
+ .tox .tox-ai .tox-sidebar-content__actions {
4069
+ display: flex;
4070
+ gap: var(--tox-private-pad-sm, 8px);
4071
+ }
4072
+ .tox .tox-ai .tox-sidebar-content__actions .tox-ai__complete-review {
4073
+ display: flex;
4074
+ align-items: center;
4075
+ gap: 6px;
4076
+ padding-top: var(--tox-private-pad-xs, 4px);
4077
+ padding-bottom: var(--tox-private-pad-xs, 4px);
4078
+ padding-left: var(--tox-private-pad-md, 16px);
4079
+ padding-right: var(--tox-private-pad-md, 16px);
4080
+ }
4081
+ .tox .tox-ai .tox-sidebar-content__actions .tox-ai__review-menu-separator {
4082
+ border-bottom: 1px solid #e3e3e3;
4083
+ height: 0;
4084
+ margin: 4px 0;
4085
+ }
4086
+ .tox .tox-ai .tox-ai__user-prompt {
3623
4087
  display: flex;
3624
4088
  flex-direction: column;
3625
4089
  margin-left: auto;
3626
4090
  gap: inherit;
4091
+ width: 100%;
3627
4092
  }
3628
- .tox-ai .tox-ai__user-prompt__context {
4093
+ .tox .tox-ai .tox-ai__user-prompt__context {
3629
4094
  margin-left: auto;
4095
+ display: flex;
4096
+ flex-direction: column;
4097
+ gap: inherit;
4098
+ align-items: end;
4099
+ width: 100%;
3630
4100
  }
3631
- .tox-ai .tox-ai__user-prompt__text {
3632
- background-color: var(--tox-private-ai-user-prompt-background, #f0f0f0);
3633
- padding: var(--tox-private-pad-sm, 8px) 12px;
4101
+ .tox .tox-ai .tox-ai__user-prompt__context .tox-tag {
4102
+ max-width: 100%;
4103
+ }
4104
+ .tox .tox-ai .tox-ai__user-prompt__text {
4105
+ background-color: var(--tox-private-background-secondary, #f0f0f0);
4106
+ padding: var(--tox-private-pad-sm, 8px) calc(var(--tox-private-pad-md, 16px) * 0.75);
3634
4107
  border-radius: var(--tox-private-control-border-radius, 6px);
3635
4108
  max-width: 80%;
3636
4109
  align-self: flex-end;
3637
4110
  color: var(--tox-private-text-color, #222f3e);
3638
4111
  }
3639
- .tox-ai .tox-ai__scroll {
3640
- overflow: auto;
4112
+ .tox .tox-ai .tox-ai__user-prompt__text:focus-visible:not(:disabled) {
4113
+ outline: 2px solid var(--tox-private-color-tint, #006ce7);
4114
+ outline-offset: var(--tox-private-tinymceai-border-width, 1px);
4115
+ box-shadow: 0 0 0 1px var(--tox-private-color-white, #fff);
4116
+ border-radius: var(--tox-private-control-border-radius, 6px);
4117
+ }
4118
+ .tox .tox-ai .tox-ai__scroll {
4119
+ overflow-y: auto;
4120
+ overflow-x: hidden;
3641
4121
  background-color: var(--tox-private-background-color, #fff);
3642
4122
  display: flex;
3643
- padding: 12px;
4123
+ padding: calc(12px - var(--tox-private-tinymceai-focus-border-width, 2px));
3644
4124
  flex-direction: column;
3645
4125
  align-items: flex-start;
3646
4126
  gap: 12px;
3647
4127
  flex: 1 0 0;
3648
4128
  align-self: stretch;
4129
+ border: var(--tox-private-tinymceai-focus-border-width, 2px) solid var(--tox-private-background-color, #fff);
4130
+ }
4131
+ .tox .tox-ai .tox-ai__scroll:focus-visible:not(:disabled) {
4132
+ border: var(--tox-private-tinymceai-focus-border-width, 2px) solid var(--tox-private-color-tint, #006ce7);
4133
+ border-radius: var(--tox-private-control-border-radius, 6px);
4134
+ }
4135
+ .tox .tox-ai .tox-ai__scroll--review {
4136
+ border: none;
4137
+ }
4138
+ .tox .tox-ai .tox-ai__scroll--review:not(:has(.tox-sidebar-content__message-text)) {
4139
+ background-color: var(--tox-private-background-secondary, #f0f0f0);
4140
+ }
4141
+ .tox .tox-ai .tox-ai__spinner svg {
4142
+ fill: var(--tox-private-color-tint, #006ce7);
4143
+ }
4144
+ .tox .tox-ai .tox-ai__response {
4145
+ width: 100%;
4146
+ min-width: 100%;
4147
+ max-width: 100%;
4148
+ }
4149
+ .tox .tox-ai .tox-ai__response__header {
4150
+ display: flex;
4151
+ align-items: center;
4152
+ gap: var(--tox-private-pad-sm, 8px);
4153
+ }
4154
+ .tox .tox-ai .tox-ai__response__header .tox-icon svg {
4155
+ fill: var(--tox-private-color-tint, #006ce7);
4156
+ }
4157
+ .tox .tox-ai .tox-ai__response-status {
4158
+ display: flex;
4159
+ color: var(--tox-private-text-color-muted, rgba(34, 47, 62, 0.7));
4160
+ font-size: var(--tox-private-font-size-sm, 14px);
4161
+ gap: var(--tox-private-pad-xs, 4px);
4162
+ line-height: var(--tox-private-tinymceai-response-status-icon-height, max(24px, calc(14px + 4px)));
4163
+ padding-top: var(--tox-private-pad-sm, 8px);
4164
+ }
4165
+ .tox .tox-ai .tox-ai__response-status svg {
4166
+ fill: var(--tox-private-text-color-muted, rgba(34, 47, 62, 0.7));
4167
+ }
4168
+ .tox .tox-ai .tox-ai__response-status-icon {
4169
+ border-radius: 999px;
4170
+ border: 1px solid var(--tox-private-neutral-20, #e3e3e3);
4171
+ background-color: var(--tox-private-background-color, #fff);
4172
+ height: var(--tox-private-tinymceai-response-status-icon-height, max(24px, calc(14px + 4px)));
4173
+ flex: 0 0 24px;
4174
+ display: flex;
4175
+ align-items: center;
4176
+ justify-content: center;
4177
+ }
4178
+ .tox .tox-ai .tox-ai__response-status-icon .tox-icon {
4179
+ display: contents;
4180
+ }
4181
+ .tox .tox-ai :nth-child(2 of .tox-ai__response-status-icon) {
4182
+ margin-left: calc((var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px)) * -1);
4183
+ }
4184
+ .tox .tox-ai .tox-ai__icon {
4185
+ display: flex;
4186
+ align-items: center;
4187
+ justify-content: center;
4188
+ }
4189
+ .tox .tox-ai .tox-ai__response-sources {
4190
+ display: flex;
4191
+ flex-direction: column;
4192
+ gap: var(--tox-private-pad-sm, 8px);
4193
+ }
4194
+ .tox .tox-ai .tox-ai__response-sources-header {
4195
+ display: block;
3649
4196
  }
3650
- .tox-ai .tox-ai__response-content {
4197
+ .tox .tox-ai .tox-ai__response-sources-list {
4198
+ display: flex;
4199
+ align-items: center;
4200
+ gap: var(--tox-private-pad-sm, 8px);
4201
+ align-self: stretch;
4202
+ flex-wrap: wrap;
4203
+ }
4204
+ .tox .tox-ai .tox-ai__response-sources-list .tox-tag {
4205
+ border: 1px solid var(--tox-private-separator-color, #e3e3e3);
4206
+ background-color: transparent;
4207
+ max-width: 32%;
4208
+ max-height: 24px;
4209
+ cursor: pointer;
4210
+ }
4211
+ .tox .tox-ai .tox-ai__response-sources-list .tox-tag svg,
4212
+ .tox .tox-ai .tox-ai__response-sources-list .tox-tag img {
4213
+ width: 16px;
4214
+ height: 16px;
4215
+ min-width: 16px;
4216
+ min-height: 16px;
4217
+ max-width: 16px;
4218
+ max-height: 16px;
4219
+ }
4220
+ .tox .tox-ai .tox-ai__response-content {
3651
4221
  padding: var(--tox-private-pad-sm, 8px) 0;
3652
4222
  color: var(--tox-private-text-color, #222f3e);
3653
4223
  font-feature-settings: 'liga' off, 'clig' off;
@@ -3655,35 +4225,500 @@ body.tox-dialog__disable-scroll {
3655
4225
  font-style: normal;
3656
4226
  font-weight: var(--tox-private-font-weight-normal, normal);
3657
4227
  line-height: var(--tox-private-line-height, 18px);
3658
- white-space: pre-wrap;
3659
4228
  }
3660
- .tox-ai .tox-ai__response.tox-ai__response-streaming {
3661
- background: linear-gradient(180deg, var(--tox-private-color-black, #222f3e) 0%, transparent 100%);
3662
- background-clip: text;
3663
- -webkit-background-clip: text;
3664
- -webkit-text-fill-color: transparent;
4229
+ .tox .tox-ai .tox-ai__response.tox-ai__response-streaming {
4230
+ position: relative;
4231
+ }
4232
+ .tox .tox-ai .tox-ai__response.tox-ai__response-streaming .tox-ai__response-status {
4233
+ color: var(--tox-private-text-color, #222f3e);
4234
+ font-size: var(--tox-private-font-size-md, 16px);
4235
+ line-height: calc(var(--tox-private-font-size-md, 16px) + 4px);
4236
+ }
4237
+ .tox .tox-ai .tox-ai__response.tox-ai__response-streaming::after {
4238
+ content: '';
4239
+ position: absolute;
4240
+ bottom: 0;
4241
+ left: 0;
4242
+ right: 0;
4243
+ height: min(100px, 100%);
4244
+ pointer-events: none;
4245
+ background: linear-gradient(to bottom, transparent 60px, transparent 60px, var(--tox-private-background-color, #fff));
3665
4246
  }
3666
- .tox-ai .tox-ai__error-message {
4247
+ .tox .tox-ai .tox-ai-error {
3667
4248
  border-radius: var(--tox-private-panel-border-radius, 6px);
3668
4249
  border: 1px solid var(--tox-private-color-error, #c00);
3669
- background: linear-gradient(0deg, color-mix(in srgb, var(--tox-private-color-white, #fff) 90%, transparent) 0%, color-mix(in srgb, var(--tox-private-color-white, #fff) 90%, transparent) 100%), var(--tox-private-color-error, #c00);
4250
+ background: linear-gradient(0deg, rgba(from var(--tox-private-background-color, #fff) r g b / 0.9) 0%, rgba(from var(--tox-private-background-color, #fff) r g b / 0.9) 100%), var(--tox-private-color-error, #c00);
3670
4251
  padding: var(--tox-private-pad-sm, 8px);
3671
4252
  width: 100%;
4253
+ display: flex;
4254
+ gap: var(--tox-private-pad-sm, 8px);
4255
+ align-items: center;
4256
+ }
4257
+ .tox .tox-ai .tox-ai-error__message {
4258
+ flex: 1 0 0;
4259
+ }
4260
+ .tox .tox-ai .tox-ai-error__icon {
4261
+ flex: 0 0 auto;
4262
+ align-self: flex-start;
4263
+ }
4264
+ .tox .tox-ai .tox-ai__footer {
4265
+ padding: calc(12px - var(--tox-private-tinymceai-focus-border-width, 2px));
4266
+ gap: var(--tox-private-pad-sm, 8px);
4267
+ background-color: var(--tox-private-background-color, #fff);
4268
+ display: flex;
4269
+ flex-direction: column;
4270
+ border: var(--tox-private-tinymceai-focus-border-width, 2px) solid var(--tox-private-background-color, #fff);
4271
+ border-top: 1px solid var(--tox-private-separator-color, #e3e3e3);
4272
+ }
4273
+ .tox .tox-ai .tox-ai__footer:focus-visible:not(:disabled) {
4274
+ border: var(--tox-private-tinymceai-focus-border-width, 2px) solid var(--tox-private-color-tint, #006ce7);
4275
+ border-radius: var(--tox-private-control-border-radius, 6px);
4276
+ }
4277
+ .tox .tox-ai .tox-ai__context {
4278
+ display: flex;
4279
+ gap: var(--tox-private-pad-sm, 8px);
4280
+ flex-wrap: wrap;
4281
+ max-height: calc((2 * (2 * var(--tox-private-pad-xs, 4px) + var(--tox-private-base-value, 16px))) + var(--tox-private-pad-sm, 8px));
4282
+ }
4283
+ .tox .tox-ai .tox-ai__context .tox-tag {
4284
+ /* Maximum width of tag is half the size of sidebar */
4285
+ max-width: calc((100% - var(--tox-private-pad-sm, 8px)) / 2);
4286
+ }
4287
+ .tox .tox-ai .tox-ai__context-more {
4288
+ display: flex;
4289
+ flex-direction: column;
4290
+ gap: var(--tox-private-pad-sm, 8px);
4291
+ padding: var(--tox-private-pad-sm, 8px);
4292
+ overflow: auto;
4293
+ max-width: var(--tox-private-tinymceai-context-more-max-width, 320px);
4294
+ }
4295
+ .tox .tox-ai .tox-ai__context-more .tox-tag {
4296
+ max-width: 100%;
4297
+ }
4298
+ .tox .tox-ai .tox-ai__stop-generating {
4299
+ display: flex;
4300
+ align-items: center;
4301
+ gap: 6px;
4302
+ }
4303
+ .tox .tox-ai .tox-ai__footer-actions {
4304
+ display: flex;
4305
+ gap: var(--tox-private-pad-sm, 8px);
4306
+ }
4307
+ .tox .tox-ai .tox-ai-model-selection-button {
4308
+ display: flex;
4309
+ gap: var(--tox-private-pad-xs, 4px);
4310
+ }
4311
+ .tox .tox-ai .tox-ai__footer-note {
4312
+ align-items: center;
4313
+ color: var(--tox-private-text-color-muted, rgba(34, 47, 62, 0.7));
4314
+ display: flex;
4315
+ font-size: var(--tox-private-font-size-xs, 12px);
4316
+ height: 24px;
4317
+ justify-content: center;
4318
+ letter-spacing: 0px;
4319
+ padding-top: var(--tox-private-pad-sm, 8px);
4320
+ width: 100%;
4321
+ }
4322
+ .tox .tox-ai .tox-ai__models-menu {
4323
+ max-width: 350px;
4324
+ }
4325
+ .tox .tox-ai .tox-ai__models-menu .tox-menu {
4326
+ max-height: inherit;
4327
+ overflow: auto;
4328
+ padding: var(--tox-private-pad-xs, 4px);
4329
+ }
4330
+ .tox .tox-ai .tox-ai__models-menu__item__description {
4331
+ display: flex;
4332
+ flex-direction: column;
4333
+ align-items: start;
4334
+ }
4335
+ .tox .tox-ai .tox-ai__models-menu__item__description__title {
4336
+ font-weight: var(--tox-private-font-weight-bold, bold);
4337
+ font-size: var(--tox-private-font-size-sm, 14px);
4338
+ line-height: calc(var(--tox-private-font-size-sm, 14px) * 1.28572);
4339
+ padding-bottom: 4px;
4340
+ }
4341
+ .tox .tox-ai .tox-ai__models-menu__item__description__content {
4342
+ color: var(--tox-private-text-color-muted, rgba(34, 47, 62, 0.7));
4343
+ font-size: var(--tox-private-font-size-xs, 12px);
4344
+ line-height: calc(var(--tox-private-font-size-xs, 12px) * 1.33333);
4345
+ }
4346
+ .tox .tox-ai .tox-collection__item--active:not(.tox-collection__item--state-disabled) .tox-ai__models-menu__item__description__content {
4347
+ color: inherit;
3672
4348
  }
3673
- .tox-ai .tox-ai__footer {
3674
- border-top: 1px solid var(--tox-private-ai-footer-border-color, #e3e3e3);
4349
+ .tox .tox-ai .tox-collection__item--active:not(.tox-collection__item--state-disabled) .tox-ai__models-menu__item__description__content .tox-ai__models-menu__item__description__ability {
4350
+ color: var(--tox-private-color-white, #fff);
4351
+ }
4352
+ .tox .tox-ai .tox-collection__item--active:not(.tox-collection__item--state-disabled) .tox-ai__models-menu__item__description__content .tox-ai__models-menu__item__description__content_body {
4353
+ color: rgba(from var(--tox-private-color-white, #fff) r g b / 0.7);
4354
+ }
4355
+ .tox .tox-ai .tox-ai__models-menu__item__description__ability {
4356
+ color: var(--tox-private-text-color, #222f3e);
4357
+ padding-bottom: 4px;
4358
+ }
4359
+ .tox .tox-ai .tox-ai__models-menu__item__description__ability__enabled {
4360
+ font-weight: var(--tox-private-font-weight-bold, bold);
4361
+ }
4362
+ .tox .tox-ai .tox-ai-chat-history-list {
4363
+ display: flex;
4364
+ flex-direction: column;
4365
+ gap: var(--tox-private-pad-sm, 8px);
4366
+ padding-top: var(--tox-private-pad-xs, 4px);
4367
+ width: 100%;
4368
+ }
4369
+ .tox .tox-ai .tox-ai-chat-history-list .tox-collection__group {
4370
+ gap: var(--tox-private-pad-sm, 8px);
4371
+ }
4372
+ .tox .tox-ai .tox-ai-chat-history-list__title {
4373
+ color: var(--tox-private-text-color-muted, rgba(34, 47, 62, 0.7));
4374
+ font-size: var(--tox-private-font-size-sm, 14px);
4375
+ font-weight: var(--tox-private-font-weight-bold, bold);
4376
+ line-height: 18px;
4377
+ letter-spacing: 1px;
4378
+ }
4379
+ .tox .tox-ai .tox-ai-chat-history-list__item {
4380
+ display: flex;
3675
4381
  padding: 12px;
3676
4382
  gap: var(--tox-private-pad-sm, 8px);
4383
+ border-radius: var(--tox-private-control-border-radius, 6px);
4384
+ cursor: pointer;
4385
+ }
4386
+ .tox .tox-ai .tox-ai-chat-history-list__item.tox-ai-chat-history-list__item--active {
4387
+ background-color: var(--tox-private-background-secondary, #f0f0f0);
4388
+ }
4389
+ .tox .tox-ai .tox-ai-chat-history-list__item:focus,
4390
+ .tox .tox-ai .tox-ai-chat-history-list__item:focus-visible {
4391
+ background-color: var(--tox-private-background-secondary, #f0f0f0);
4392
+ }
4393
+ .tox .tox-ai .tox-ai-chat-history-list__item.tox-ai-chat-history-list__item-edit-title {
4394
+ background-color: var(--tox-private-background-secondary, #f0f0f0);
4395
+ flex-direction: column;
4396
+ }
4397
+ .tox .tox-ai .tox-ai-chat-history-list__item-edit-actions {
4398
+ display: flex;
4399
+ justify-content: flex-end;
4400
+ width: 100%;
4401
+ gap: var(--tox-private-pad-sm, 8px);
4402
+ }
4403
+ .tox .tox-ai .tox-ai-chat-history-list__item-edit-actions .tox-ai__spinner svg {
4404
+ fill: rgba(from var(--tox-private-color-white, #fff) r g b / 0.5);
4405
+ }
4406
+ .tox .tox-ai .tox-ai-chat-history-list__item-content {
4407
+ display: flex;
4408
+ flex-direction: column;
4409
+ margin-right: auto;
4410
+ overflow: hidden;
4411
+ }
4412
+ .tox .tox-ai .tox-ai-chat-history-list__item-actions {
4413
+ display: flex;
4414
+ align-items: center;
4415
+ min-width: calc(24px + (var(--tox-private-pad-xs, 4px) + 1px)*2);
4416
+ }
4417
+ .tox .tox-ai .tox-ai-chat-history-list__item-content-title {
4418
+ color: var(--tox-private-text-color, #222f3e);
4419
+ font-size: var(--tox-private-font-size-base, 16px);
4420
+ font-weight: var(--tox-private-font-weight-bold, bold);
4421
+ line-height: var(--tox-private-font-size-lg, 20px);
4422
+ overflow: hidden;
4423
+ text-overflow: ellipsis;
4424
+ }
4425
+ .tox .tox-ai .tox-ai-chat-history-list__item-content-date {
4426
+ color: var(--tox-private-text-color, #222f3e);
4427
+ font-size: var(--tox-private-font-size-xs, 12px);
4428
+ line-height: var(--tox-private-line-height-base, 1.3);
4429
+ }
4430
+ .tox .tox-ai .tox-sidebar-content__message {
4431
+ align-items: center;
4432
+ display: flex;
4433
+ flex-direction: column;
4434
+ height: 100%;
4435
+ justify-content: center;
4436
+ gap: var(--tox-private-pad-md, 16px);
4437
+ width: 100%;
4438
+ }
4439
+ .tox .tox-ai .tox-sidebar-content__message-text {
4440
+ text-align: center;
4441
+ color: var(--tox-private-text-color, #222f3e);
4442
+ font-size: var(--tox-private-font-size-md, 16px);
4443
+ font-weight: var(--tox-private-font-weight-normal, normal);
4444
+ line-height: 20px;
4445
+ }
4446
+ .tox .tox-ai .tox-sidebar-content__message-action {
4447
+ display: flex;
4448
+ justify-content: center;
4449
+ align-items: center;
4450
+ align-self: stretch;
4451
+ }
4452
+ .tox .tox-ai-removed-content {
4453
+ font-style: italic;
4454
+ font-family: var(--tox-private-font-stack, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
4455
+ background-color: var(--tox-private-background-color, #fff);
4456
+ color: var(--tox-private-text-color-muted, rgba(34, 47, 62, 0.7));
4457
+ line-height: var(--tox-private-line-height-base, 1.3);
4458
+ margin: 0 1em;
4459
+ }
4460
+ .tox .tox-ai-removed-content::before {
4461
+ content: "⊘ ";
4462
+ font-style: normal;
4463
+ font-size: calc(var(--tox-private-line-height-base, 1.3) * 1em);
4464
+ }
4465
+ .tox .tox-ai-html-content {
4466
+ font-size: var(--tox-private-font-size-md, 16px);
4467
+ font-family: var(--tox-private-font-stack, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
3677
4468
  background-color: var(--tox-private-background-color, #fff);
4469
+ color: var(--tox-private-text-color, #222f3e);
4470
+ line-height: var(--tox-private-line-height-base, 1.3);
4471
+ overflow-x: auto;
4472
+ /* Headings */
4473
+ /* Paragraphs */
4474
+ /* Lists */
4475
+ /* Links */
4476
+ /* Blockquote */
4477
+ /* Inline code */
4478
+ /* Code block */
4479
+ /* Horizontal rule */
4480
+ /* Tables */
4481
+ /* --- Inline Markdown Elements --- */
4482
+ /* Bold */
4483
+ /* Italic */
4484
+ /* Strikethrough */
4485
+ /* Subscript / Superscript */
4486
+ /* Highlight text */
4487
+ /* Small text */
4488
+ /* Keyboard input */
4489
+ /* Images */
4490
+ }
4491
+ .tox .tox-ai-html-content:focus-visible:not(:disabled) {
4492
+ outline: 2px solid var(--tox-private-color-tint, #006ce7);
4493
+ outline-offset: var(--tox-private-tinymceai-html-content-border-width, 1px);
4494
+ box-shadow: 0 0 0 1px var(--tox-private-color-white, #fff);
4495
+ border-radius: var(--tox-private-control-border-radius, 6px);
4496
+ }
4497
+ .tox .tox-ai-html-content h1 {
4498
+ font-size: 1.6em;
4499
+ font-weight: var(--tox-private-font-weight-bold, bold);
4500
+ margin: 0.67em 0;
4501
+ }
4502
+ .tox .tox-ai-html-content h2 {
4503
+ font-size: 1.4em;
4504
+ font-weight: var(--tox-private-font-weight-bold, bold);
4505
+ margin: 0.83em 0;
4506
+ }
4507
+ .tox .tox-ai-html-content h3 {
4508
+ font-size: 1.2em;
4509
+ font-weight: var(--tox-private-font-weight-bold, bold);
4510
+ margin: 1em 0;
4511
+ }
4512
+ .tox .tox-ai-html-content h4,
4513
+ .tox .tox-ai-html-content h5,
4514
+ .tox .tox-ai-html-content h6 {
4515
+ font-size: 1em;
4516
+ font-weight: var(--tox-private-font-weight-bold, bold);
4517
+ margin: 0.33em 0;
4518
+ }
4519
+ .tox .tox-ai-html-content p {
4520
+ margin: var(--tox-private-pad-sm, 8px) 0;
4521
+ }
4522
+ .tox .tox-ai-html-content ul,
4523
+ .tox .tox-ai-html-content ol {
4524
+ padding-left: 2em;
4525
+ margin: 1em 0;
4526
+ }
4527
+ .tox .tox-ai-html-content li:has(input:first-child) {
4528
+ list-style-type: none;
4529
+ }
4530
+ .tox .tox-ai-html-content a {
4531
+ color: var(--tox-private-color-tint, #006ce7);
4532
+ -webkit-text-decoration: underline;
4533
+ text-decoration: underline;
4534
+ cursor: pointer;
4535
+ }
4536
+ .tox .tox-ai-html-content a:link:active,
4537
+ .tox .tox-ai-html-content a:visited:active {
4538
+ color: #8864ad;
4539
+ }
4540
+ .tox .tox-ai-html-content blockquote {
4541
+ border-left: 2px solid var(--tox-private-separator-color, #e3e3e3);
4542
+ margin-left: 1.5rem;
4543
+ padding-left: 1rem;
4544
+ font-style: italic;
4545
+ }
4546
+ .tox .tox-ai-html-content code {
4547
+ font-family: ui-monospace, monospace;
4548
+ background: var(--tox-private-separator-color, #e3e3e3);
4549
+ padding: 0.1em 0.2em;
4550
+ border-radius: 4px;
4551
+ }
4552
+ .tox .tox-ai-html-content pre code {
4553
+ display: block;
4554
+ font-family: ui-monospace, monospace;
4555
+ background: var(--tox-private-separator-color, #e3e3e3);
4556
+ border-radius: 4px;
4557
+ white-space: pre-wrap;
4558
+ margin: 1em 0;
4559
+ overflow-wrap: break-word;
4560
+ }
4561
+ .tox .tox-ai-html-content hr {
4562
+ border: none;
4563
+ border-top: 1px solid var(--tox-private-border-color, #eeeeee);
4564
+ }
4565
+ .tox .tox-ai-html-content table {
4566
+ width: 100%;
4567
+ border-collapse: collapse;
4568
+ margin: 0.5em 0;
4569
+ font-size: 0.95em;
4570
+ line-height: 1.45;
4571
+ }
4572
+ .tox .tox-ai-html-content table:not([cellpadding]) th,
4573
+ .tox .tox-ai-html-content table:not([cellpadding]) td {
4574
+ padding: 0.4rem;
4575
+ }
4576
+ .tox .tox-ai-html-content th,
4577
+ .tox .tox-ai-html-content td {
4578
+ border: 1px solid var(--tox-private-border-color, #eeeeee);
4579
+ }
4580
+ .tox .tox-ai-html-content th {
4581
+ font-weight: var(--tox-private-font-weight-bold, bold);
4582
+ text-align: left;
4583
+ white-space: nowrap;
4584
+ }
4585
+ .tox .tox-ai-html-content strong,
4586
+ .tox .tox-ai-html-content b {
4587
+ font-weight: var(--tox-private-font-weight-bold, bold);
4588
+ }
4589
+ .tox .tox-ai-html-content em,
4590
+ .tox .tox-ai-html-content i {
4591
+ font-style: italic;
4592
+ }
4593
+ .tox .tox-ai-html-content del {
4594
+ -webkit-text-decoration: line-through;
4595
+ text-decoration: line-through;
4596
+ }
4597
+ .tox .tox-ai-html-content sup,
4598
+ .tox .tox-ai-html-content sub {
4599
+ font-size: 0.75em;
4600
+ line-height: 0;
4601
+ vertical-align: baseline;
4602
+ }
4603
+ .tox .tox-ai-html-content sup {
4604
+ vertical-align: super;
4605
+ }
4606
+ .tox .tox-ai-html-content sub {
4607
+ vertical-align: sub;
4608
+ }
4609
+ .tox .tox-ai-html-content mark {
4610
+ background: hsl(from var(--tox-private-color-active, #ffcf30) h s l / 30%);
4611
+ padding: 0.05em 0.2em;
4612
+ border-radius: 2px;
4613
+ }
4614
+ .tox .tox-ai-html-content small {
4615
+ font-size: 0.85em;
4616
+ }
4617
+ .tox .tox-ai-html-content kbd {
4618
+ font-family: ui-monospace, monospace;
4619
+ font-size: 0.85em;
4620
+ padding: 0.15em 0.4em;
4621
+ border-radius: 4px;
4622
+ border: 1px solid var(--tox-private-border-color, #eeeeee);
4623
+ background: var(--tox-private-separator-color, #e3e3e3);
4624
+ box-shadow: inset 0 -1px 0 var(--tox-private-border-color, #eeeeee);
4625
+ }
4626
+ .tox .tox-ai-html-content img {
4627
+ max-width: 100%;
4628
+ height: auto;
4629
+ vertical-align: middle;
4630
+ border-radius: 4px;
4631
+ }
4632
+ /* Adding margin to .tox-ai-html-content inside the expandable content */
4633
+ .tox .tox-expandable-box__content {
4634
+ /* separator between sections */
4635
+ }
4636
+ .tox .tox-expandable-box__content .tox-ai-html-content + .tox-ai-html-content::before,
4637
+ .tox .tox-expandable-box__content .tox-ai-removed-content + .tox-ai-html-content::before,
4638
+ .tox .tox-expandable-box__content .tox-ai-html-content:has(+ .tox-ai-removed-content)::after {
4639
+ content: "〰〰";
4640
+ color: var(--tox-private-text-color-muted, rgba(34, 47, 62, 0.7));
4641
+ text-align: center;
4642
+ width: 100%;
4643
+ display: block;
4644
+ }
4645
+ .tox .tox-ai__preview-host {
4646
+ width: 100%;
4647
+ height: 100%;
4648
+ position: relative;
4649
+ }
4650
+ .tox .tox-ai__preview-host .tox-ai__preview-layer {
4651
+ position: absolute;
4652
+ inset: 0;
3678
4653
  display: flex;
3679
4654
  flex-direction: column;
3680
4655
  }
3681
- .tox-ai .tox-ai__context {
4656
+ .tox .tox-ai__preview-host .tox-ai__preview-frame-wrap {
4657
+ position: relative;
4658
+ flex: 1 1 auto;
4659
+ min-height: 0;
4660
+ }
4661
+ .tox .tox-ai__preview-host .tox-ai__preview-frame-wrap .tox-ai__iframe {
4662
+ background-color: #fff;
4663
+ border: 0;
4664
+ width: 100%;
4665
+ height: 100%;
4666
+ min-height: 0;
4667
+ position: relative;
4668
+ }
4669
+ .tox .tox-ai__preview-host .tox-ai__preview-footer {
4670
+ flex: 0 0 auto;
4671
+ background: var(--tox-private-background-color, #fff);
4672
+ border-top: 1px solid #e3e3e3;
4673
+ }
4674
+ .tox .tox-ai__preview-host .tox-ai__preview-footer .tox-ai__preview-footer-toolbar {
3682
4675
  display: flex;
4676
+ justify-content: flex-end;
3683
4677
  gap: 8px;
4678
+ padding: 12px 16px;
3684
4679
  }
3685
- .tox-ai .tox-ai__footer-actions {
4680
+ .tox .tox-ai__preview-host:empty {
4681
+ pointer-events: none;
4682
+ }
4683
+ .tox .tox-ai__preview-overlay {
4684
+ position: absolute;
4685
+ inset: 0;
4686
+ width: 100%;
4687
+ height: 100%;
4688
+ }
4689
+ .tox .tox-ai__preview-overlay--hidden {
4690
+ visibility: hidden;
4691
+ }
4692
+ .tox .tox-ai__preview-overlay--pass-through {
4693
+ pointer-events: none;
4694
+ }
4695
+ .tox .tox-ai__preview-overlay--dim {
4696
+ background: rgba(34, 47, 62, 0.2);
4697
+ }
4698
+ .tox .tox-ai__preview-overlay--centered {
3686
4699
  display: flex;
4700
+ align-items: center;
4701
+ justify-content: center;
4702
+ }
4703
+ .tox .tox-ai__preview-overlay--clipped {
4704
+ overflow: clip;
4705
+ }
4706
+ .tox .tox-tinymceai-previewloader {
4707
+ display: flex;
4708
+ align-items: center;
4709
+ gap: var(--tox-private-pad-md, 16px);
4710
+ padding: var(--tox-private-pad-sm, 8px);
4711
+ border-radius: var(--tox-private-panel-border-radius, 6px);
4712
+ box-shadow: var(--tox-private-ai-preview-loader-box-shadow, 0 0 40px 1px rgba(34, 47, 62, 0.15), 0 16px 16px -10px rgba(34, 47, 62, 0.15));
4713
+ background-color: var(--tox-private-background-color, #fff);
4714
+ color: var(--tox-private-text-color, #222f3e);
4715
+ pointer-events: auto;
4716
+ }
4717
+ .tox .tox-tinymceai-previewloader__content {
4718
+ display: flex;
4719
+ align-items: center;
4720
+ justify-content: center;
4721
+ padding: 0 var(--tox-private-pad-xs, 4px);
3687
4722
  gap: var(--tox-private-pad-sm, 8px);
3688
4723
  }
3689
4724
  .tox .tox-selector {
@@ -3788,81 +4823,303 @@ body.tox-dialog__disable-scroll {
3788
4823
  height: 16px;
3789
4824
  width: 16px;
3790
4825
  }
3791
- .tox .tox-toolbar-slider__input::-moz-range-thumb {
3792
- appearance: none;
3793
- background-color: #006ce7;
3794
- border-radius: 16px;
3795
- border: none;
3796
- height: 16px;
3797
- width: 16px;
4826
+ .tox .tox-toolbar-slider__input::-moz-range-thumb {
4827
+ appearance: none;
4828
+ background-color: #006ce7;
4829
+ border-radius: 16px;
4830
+ border: none;
4831
+ height: 16px;
4832
+ width: 16px;
4833
+ }
4834
+ .tox .tox-toolbar-slider__input:focus-visible {
4835
+ outline: none;
4836
+ }
4837
+ .tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb {
4838
+ background-color: #0060ce;
4839
+ box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
4840
+ }
4841
+ .tox .tox-toolbar-slider__input:focus::-moz-range-thumb {
4842
+ background-color: #0060ce;
4843
+ box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
4844
+ }
4845
+ .tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb {
4846
+ background-color: #0060ce;
4847
+ }
4848
+ .tox .tox-toolbar-slider__input:hover::-moz-range-thumb {
4849
+ background-color: #0060ce;
4850
+ }
4851
+ .tox .tox-toolbar-slider__input:active::-webkit-slider-thumb {
4852
+ background-color: #0054b4;
4853
+ }
4854
+ .tox .tox-toolbar-slider__input:active::-moz-range-thumb {
4855
+ background-color: #0054b4;
4856
+ }
4857
+ .tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb {
4858
+ background-color: rgba(255, 255, 255, 0.5);
4859
+ }
4860
+ .tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb {
4861
+ background-color: rgba(255, 255, 255, 0.5);
4862
+ }
4863
+ .tox .tox-source-code {
4864
+ overflow: auto;
4865
+ }
4866
+ .tox .tox-spinner {
4867
+ display: flex;
4868
+ }
4869
+ .tox .tox-spinner > div {
4870
+ animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
4871
+ background-color: rgba(34, 47, 62, 0.7);
4872
+ border-radius: 100%;
4873
+ height: 8px;
4874
+ width: 8px;
4875
+ }
4876
+ .tox .tox-spinner > div:nth-child(1) {
4877
+ animation-delay: -0.32s;
4878
+ }
4879
+ .tox .tox-spinner > div:nth-child(2) {
4880
+ animation-delay: -0.16s;
4881
+ }
4882
+ @keyframes tam-bouncing-dots {
4883
+ 0%,
4884
+ 80%,
4885
+ 100% {
4886
+ transform: scale(0);
4887
+ }
4888
+ 40% {
4889
+ transform: scale(1);
4890
+ }
4891
+ }
4892
+ .tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
4893
+ margin-left: 4px;
4894
+ }
4895
+ .tox[dir=rtl] .tox-spinner > div:not(:first-child) {
4896
+ margin-right: 4px;
4897
+ }
4898
+ .tox .tox-ai__spinner {
4899
+ --tox-private-spinner-color: var(--tox-private-color-tint, #006ce7);
4900
+ --tox-private-spinner-size: 24px;
4901
+ --tox-private-spinner-circle-width: 3px;
4902
+ --tox-private-spinner-dot-size: 6px;
4903
+ width: var(--tox-private-spinner-size);
4904
+ aspect-ratio: 1;
4905
+ }
4906
+ .tox .tox-ai__spinner--small {
4907
+ --tox-private-spinner-size: 16px;
4908
+ --tox-private-spinner-circle-width: 2px;
4909
+ --tox-private-spinner-dot-size: 4px;
4910
+ }
4911
+ .tox .tox-ai__spinner--circle {
4912
+ animation: tox-rotation 1s linear infinite;
4913
+ border-radius: 50%;
4914
+ background: conic-gradient(var(--tox-private-spinner-color) 0% calc(360deg - 30deg), transparent calc(360deg - 30deg) 100%);
4915
+ mask: radial-gradient(calc((var(--tox-private-spinner-size) - var(--tox-private-spinner-circle-width) * 2) / 2), #0000 98%, #000);
4916
+ }
4917
+ .tox .tox-ai__spinner--dots {
4918
+ display: flex;
4919
+ align-items: center;
4920
+ justify-content: center;
4921
+ gap: 1px;
4922
+ }
4923
+ .tox .tox-ai__spinner--dots > div {
4924
+ animation: tox-bouncing-dots 1.5s ease-in-out 0s infinite both;
4925
+ aspect-ratio: 1;
4926
+ width: var(--tox-private-spinner-dot-size);
4927
+ background-color: var(--tox-private-spinner-color);
4928
+ border-radius: 100%;
4929
+ }
4930
+ .tox .tox-ai__spinner--dots > div:nth-child(1) {
4931
+ animation-delay: -0.32s;
4932
+ }
4933
+ .tox .tox-ai__spinner--dots > div:nth-child(2) {
4934
+ animation-delay: -0.16s;
4935
+ }
4936
+ .tox .tox-tinymceai__annotation--added,
4937
+ .tox .tox-tinymceai__annotation--modified,
4938
+ .tox .tox-tinymceai__annotation--removed {
4939
+ padding-block: calc((1lh - 1.1em) / 2);
4940
+ -webkit-text-decoration: none;
4941
+ text-decoration: none;
4942
+ background-repeat: no-repeat;
4943
+ text-decoration-thickness: max(1px, 0.07em);
4944
+ }
4945
+ .tox .tox-tinymceai__annotation--added__highlight {
4946
+ background-position: bottom;
4947
+ background-image: linear-gradient(rgba(120, 171, 70, 0.2) calc(100% - 2px), #78AB46 calc(100% - 2px));
4948
+ }
4949
+ .tox .tox-tinymceai__annotation--added__selected {
4950
+ background-image: none;
4951
+ background-color: rgba(120, 171, 70, 0.2);
4952
+ box-shadow: 0 2px 0 0 #006ce7, 0 -2px 0 0 #006ce7;
4953
+ }
4954
+ .tox .tox-tinymceai__annotation--modified__highlight {
4955
+ background-position: bottom;
4956
+ background-image: linear-gradient(rgba(0, 108, 231, 0.2) calc(100% - 2px), #006ce7 calc(100% - 2px));
4957
+ }
4958
+ .tox .tox-tinymceai__annotation--modified__selected {
4959
+ background-image: none;
4960
+ background-color: rgba(0, 108, 231, 0.2);
4961
+ box-shadow: 0 2px 0 0 #006ce7, 0 -2px 0 0 #006ce7;
4962
+ }
4963
+ .tox .tox-tinymceai__annotation--removed__highlight {
4964
+ -webkit-text-decoration: line-through;
4965
+ text-decoration: line-through;
4966
+ background-position: bottom;
4967
+ background-image: linear-gradient(rgba(204, 0, 0, 0.2) calc(100% - 2px), #c00 calc(100% - 2px));
4968
+ }
4969
+ .tox .tox-tinymceai__annotation--removed__selected {
4970
+ -webkit-text-decoration: line-through;
4971
+ text-decoration: line-through;
4972
+ background-image: none;
4973
+ background-color: rgba(204, 0, 0, 0.2);
4974
+ box-shadow: 0 2px 0 0 #006ce7, 0 -2px 0 0 #006ce7;
4975
+ }
4976
+ .tox ins.tox-tinymceai__annotation--added__selected,
4977
+ .tox del.tox-tinymceai__annotation--added__selected {
4978
+ background-color: transparent;
4979
+ box-shadow: none;
4980
+ background-position: center;
4981
+ background-size: 100% calc(1lh + 3px);
4982
+ background-image: linear-gradient(#006ce7 3px, rgba(120, 171, 70, 0.2) 3px, rgba(120, 171, 70, 0.2) calc(100% - 3px), #006ce7 calc(100% - 3px));
4983
+ }
4984
+ .tox ins.tox-tinymceai__annotation--modified__selected,
4985
+ .tox del.tox-tinymceai__annotation--modified__selected {
4986
+ background-color: transparent;
4987
+ box-shadow: none;
4988
+ background-position: center;
4989
+ background-size: 100% calc(1lh + 3px);
4990
+ background-image: linear-gradient(#006ce7 3px, rgba(0, 108, 231, 0.2) 3px, rgba(0, 108, 231, 0.2) calc(100% - 3px), #006ce7 calc(100% - 3px));
4991
+ }
4992
+ .tox ins.tox-tinymceai__annotation--removed__selected,
4993
+ .tox del.tox-tinymceai__annotation--removed__selected {
4994
+ background-color: transparent;
4995
+ box-shadow: none;
4996
+ background-position: center;
4997
+ background-size: 100% calc(1lh + 3px);
4998
+ background-image: linear-gradient(#006ce7 3px, rgba(204, 0, 0, 0.2) 3px, rgba(204, 0, 0, 0.2) calc(100% - 3px), #006ce7 calc(100% - 3px));
4999
+ }
5000
+ .tox .tox-tinymceai__annotation--added.tox-tinymceai__annotation--added__hidden,
5001
+ .tox .tox-tinymceai__annotation--modified.tox-tinymceai__annotation--modified__hidden,
5002
+ .tox .tox-tinymceai__annotation--removed.tox-tinymceai__annotation--removed__hidden {
5003
+ display: none;
5004
+ -webkit-text-decoration: none;
5005
+ text-decoration: none;
3798
5006
  }
3799
- .tox .tox-toolbar-slider__input:focus-visible {
3800
- outline: none;
5007
+ .tox *:has(> div > iframe).tox-tinymceai__annotation--added,
5008
+ .tox *:has(> div > iframe).tox-tinymceai__annotation--modified,
5009
+ .tox *:has(> div > iframe).tox-tinymceai__annotation--removed {
5010
+ padding: 7px;
5011
+ margin: 5px;
5012
+ }
5013
+ .tox img.tox-tinymceai__annotation--added__highlight,
5014
+ .tox video.tox-tinymceai__annotation--added__highlight,
5015
+ .tox iframe.tox-tinymceai__annotation--added__highlight {
5016
+ outline: 0.25em solid rgba(120, 171, 70, 0.2);
5017
+ padding: 0.25em;
5018
+ background-image: none;
3801
5019
  }
3802
- .tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb {
3803
- background-color: #0060ce;
3804
- box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
5020
+ .tox img.tox-tinymceai__annotation--added__selected,
5021
+ .tox video.tox-tinymceai__annotation--added__selected,
5022
+ .tox iframe.tox-tinymceai__annotation--added__selected {
5023
+ border: 0.25em solid rgba(120, 171, 70, 0.2);
5024
+ outline: 0.125em solid #006ce7;
5025
+ padding: 0em;
5026
+ background-image: none;
3805
5027
  }
3806
- .tox .tox-toolbar-slider__input:focus::-moz-range-thumb {
3807
- background-color: #0060ce;
3808
- box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
5028
+ .tox img.tox-tinymceai__annotation--modified__highlight,
5029
+ .tox video.tox-tinymceai__annotation--modified__highlight,
5030
+ .tox iframe.tox-tinymceai__annotation--modified__highlight {
5031
+ outline: 0.25em solid rgba(0, 108, 231, 0.2);
5032
+ padding: 0.25em;
5033
+ background-image: none;
3809
5034
  }
3810
- .tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb {
3811
- background-color: #0060ce;
5035
+ .tox img.tox-tinymceai__annotation--modified__selected,
5036
+ .tox video.tox-tinymceai__annotation--modified__selected,
5037
+ .tox iframe.tox-tinymceai__annotation--modified__selected {
5038
+ border: 0.25em solid rgba(0, 108, 231, 0.2);
5039
+ outline: 0.125em solid #006ce7;
5040
+ padding: 0em;
5041
+ background-image: none;
3812
5042
  }
3813
- .tox .tox-toolbar-slider__input:hover::-moz-range-thumb {
3814
- background-color: #0060ce;
5043
+ .tox img.tox-tinymceai__annotation--removed__highlight,
5044
+ .tox video.tox-tinymceai__annotation--removed__highlight,
5045
+ .tox iframe.tox-tinymceai__annotation--removed__highlight {
5046
+ outline: 0.25em solid rgba(204, 0, 0, 0.2);
5047
+ padding: 0.25em;
5048
+ background-image: none;
3815
5049
  }
3816
- .tox .tox-toolbar-slider__input:active::-webkit-slider-thumb {
3817
- background-color: #0054b4;
5050
+ .tox img.tox-tinymceai__annotation--removed__selected,
5051
+ .tox video.tox-tinymceai__annotation--removed__selected,
5052
+ .tox iframe.tox-tinymceai__annotation--removed__selected {
5053
+ border: 0.25em solid rgba(204, 0, 0, 0.2);
5054
+ outline: 0.125em solid #006ce7;
5055
+ padding: 0em;
5056
+ background-image: none;
3818
5057
  }
3819
- .tox .tox-toolbar-slider__input:active::-moz-range-thumb {
3820
- background-color: #0054b4;
5058
+ .tox div.tox-tinymceai__annotation:has(> hr) {
5059
+ background-size: auto;
5060
+ padding: 0.25em;
3821
5061
  }
3822
- .tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb {
3823
- background-color: rgba(255, 255, 255, 0.5);
5062
+ .tox div.tox-tinymceai__annotation--removed__highlight > hr {
5063
+ border-color: rgba(0, 0, 0, 0.2);
3824
5064
  }
3825
- .tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb {
3826
- background-color: rgba(255, 255, 255, 0.5);
5065
+ .tox div.tox-tinymceai__annotation--added__highlight > hr {
5066
+ border-color: rgba(0, 0, 0, 0.2);
3827
5067
  }
3828
- .tox .tox-source-code {
3829
- overflow: auto;
5068
+ .tox .mce-pagebreak.tox-tinymceai__annotation--added__selected,
5069
+ .tox .mce-pagebreak.tox-tinymceai__annotation--removed__selected,
5070
+ .tox .mce-pagebreak.tox-tinymceai__annotation--modified__selected {
5071
+ border: 1px dashed #aaa;
5072
+ box-shadow: none;
5073
+ background-image: none;
3830
5074
  }
3831
- .tox .tox-spinner {
5075
+ .tox .mce-pagebreak.tox-tinymceai__annotation--added__highlight,
5076
+ .tox .mce-pagebreak.tox-tinymceai__annotation--modified__highlight,
5077
+ .tox .mce-pagebreak.tox-tinymceai__annotation--removed__highlight {
5078
+ padding: 0;
5079
+ }
5080
+ .tox .tox-ai__scroll .tox-ai__review-sidebar-container {
5081
+ scrollbar-gutter: stable;
5082
+ width: 100%;
5083
+ height: 100%;
3832
5084
  display: flex;
5085
+ flex-direction: column;
5086
+ gap: 12px;
3833
5087
  }
3834
- .tox .tox-spinner > div {
3835
- animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
3836
- background-color: rgba(34, 47, 62, 0.7);
3837
- border-radius: 100%;
3838
- height: 8px;
3839
- width: 8px;
5088
+ .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-card-list {
5089
+ gap: 8px;
3840
5090
  }
3841
- .tox .tox-spinner > div:nth-child(1) {
3842
- animation-delay: -0.32s;
5091
+ .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-initializing {
5092
+ padding: var(--tox-private-pad-md, 16px);
3843
5093
  }
3844
- .tox .tox-spinner > div:nth-child(2) {
3845
- animation-delay: -0.16s;
5094
+ .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-description {
5095
+ padding-bottom: calc(var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px));
5096
+ font-size: var(--tox-private-font-size-sm, 14px);
3846
5097
  }
3847
- @keyframes tam-bouncing-dots {
3848
- 0%,
3849
- 80%,
3850
- 100% {
3851
- transform: scale(0);
3852
- }
3853
- 40% {
3854
- transform: scale(1);
3855
- }
5098
+ .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-choose-container {
5099
+ padding-bottom: 12px;
3856
5100
  }
3857
- .tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
3858
- margin-left: 4px;
5101
+ .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-custom-input {
5102
+ margin-bottom: 12px;
3859
5103
  }
3860
- .tox[dir=rtl] .tox-spinner > div:not(:first-child) {
3861
- margin-right: 4px;
5104
+ .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-custom-actions {
5105
+ display: flex;
5106
+ gap: 8px;
3862
5107
  }
3863
- .tox .tox-ai__spinner {
3864
- width: 24px;
3865
- height: 24px;
5108
+ .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-input-container {
5109
+ margin-bottom: 12px;
5110
+ }
5111
+ .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-input-container button.tox-ai__review-input-button {
5112
+ width: 100%;
5113
+ background-color: var(--tox-private-background-color, #fff);
5114
+ display: flex;
5115
+ justify-content: space-between;
5116
+ align-items: center;
5117
+ border: 1px solid #eeeeee;
5118
+ border-radius: 6px;
5119
+ box-sizing: border-box;
5120
+ }
5121
+ .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-input-container .tox-ai__review-dropdown-content {
5122
+ width: anchor-size(width);
3866
5123
  }
3867
5124
  .tox .tox-statusbar {
3868
5125
  align-items: center;
@@ -4055,20 +5312,55 @@ body.tox-dialog__disable-scroll {
4055
5312
  margin-left: 0;
4056
5313
  margin-right: 0.3em;
4057
5314
  }
5315
+ .tox a.tox-tag {
5316
+ cursor: pointer;
5317
+ }
4058
5318
  .tox .tox-tag {
4059
- width: -moz-fit-content;
4060
5319
  width: fit-content;
5320
+ box-sizing: border-box;
4061
5321
  display: flex;
4062
- padding: 4px 6px;
5322
+ padding: var(--tox-private-pad-xs, 4px) 6px;
5323
+ position: relative;
4063
5324
  align-items: center;
4064
- gap: 4px;
5325
+ gap: var(--tox-private-pad-xs, 4px);
4065
5326
  border-radius: 3px;
4066
- background: linear-gradient(0deg, color-mix(in srgb, var(--tox-private-color-white, #fff) 90%, transparent) 0%, color-mix(in srgb, var(--tox-private-color-white, #fff) 90%, transparent) 100%), var(--tox-private-color-tint, #006ce7);
5327
+ background: hsl(from var(--tox-private-color-tint, #006ce7) h s l / 10%);
4067
5328
  line-height: var(--tox-private-base-value, 16px);
4068
5329
  font-size: var(--tox-private-font-size-xs, 12px);
4069
5330
  }
4070
- .tox .tox-tag .tox-tag__icon {
5331
+ .tox .tox-tag::before {
5332
+ border-radius: var(--tox-private-control-border-radius, 6px);
5333
+ bottom: calc(-1 * var(--tox-private-tag-border-width, 1px));
5334
+ box-shadow: var(--tox-private-tag-focus-outline, inset 0 0 0 1px #fff, 0 0 0 2px #006ce7);
5335
+ content: '';
5336
+ left: calc(-1 * var(--tox-private-tag-border-width, 1px));
5337
+ opacity: 0;
5338
+ pointer-events: none;
5339
+ position: absolute;
5340
+ right: calc(-1 * var(--tox-private-tag-border-width, 1px));
5341
+ top: calc(-1 * var(--tox-private-tag-border-width, 1px));
5342
+ }
5343
+ .tox .tox-tag:focus:not(:disabled)::before {
5344
+ opacity: 1;
5345
+ }
5346
+ .tox .tox-tag > * {
5347
+ /*
5348
+ If there is not enough space, then do not scale down anything, except for label, which has flex-shrink set to 1.
5349
+ In general we expect two small items in tag (icon and close button) and one large (usually label).
5350
+ */
5351
+ flex-shrink: 0;
5352
+ }
5353
+ .tox .tox-tag .tox-icon {
4071
5354
  height: var(--tox-private-base-value, 16px);
5355
+ fill: var(--tox-private-text-color, #222f3e);
5356
+ }
5357
+ .tox .tox-tag .tox-tag__label {
5358
+ text-overflow: ellipsis;
5359
+ overflow: hidden;
5360
+ white-space: nowrap;
5361
+ /* If there is not enough space, then shrink the label. */
5362
+ flex-shrink: 1;
5363
+ color: var(--tox-private-text-color, #222f3e);
4072
5364
  }
4073
5365
  .tox .tox-tag .tox-tag__close {
4074
5366
  height: var(--tox-private-base-value, 16px);
@@ -4076,6 +5368,7 @@ body.tox-dialog__disable-scroll {
4076
5368
  .tox .tox-tag .tox-tag__close .tox-button.tox-button--icon {
4077
5369
  border: 0;
4078
5370
  padding: 0;
5371
+ color: var(--tox-private-text-color-muted, rgba(34, 47, 62, 0.7));
4079
5372
  }
4080
5373
  .tox .tox-tag .tox-tag__close .tox-button.tox-button--icon::before {
4081
5374
  box-shadow: none;
@@ -4094,6 +5387,52 @@ body.tox-dialog__disable-scroll {
4094
5387
  right: 0;
4095
5388
  top: 0;
4096
5389
  }
5390
+ .tox .tox-segmented-control {
5391
+ display: inline-flex;
5392
+ position: relative;
5393
+ border: none;
5394
+ border-radius: var(--tox-private-control-border-radius, 6px);
5395
+ box-shadow: inset 0 0 0 1px var(--tox-private-segmented-control-border-color, #e3e3e3);
5396
+ overflow: hidden;
5397
+ padding: var(--tox-private-pad-xs, 4px);
5398
+ background-color: var(--tox-private-background-color, #fff);
5399
+ }
5400
+ .tox .tox-segmented-control__segment {
5401
+ flex: 1;
5402
+ padding: var(--tox-private-pad-xs, 4px) var(--tox-private-pad-sm, 8px);
5403
+ cursor: pointer;
5404
+ background: transparent;
5405
+ font-size: var(--tox-private-font-size-sm, 14px);
5406
+ font-weight: var(--tox-private-font-weight-normal, normal);
5407
+ line-height: 16px;
5408
+ border: 1px solid transparent;
5409
+ border-radius: calc(var(--tox-private-control-border-radius, 6px) - 1px);
5410
+ text-align: center;
5411
+ white-space: nowrap;
5412
+ display: inline-block;
5413
+ vertical-align: middle;
5414
+ color: var(--tox-private-segmented-control-text-color, #222f3e);
5415
+ }
5416
+ .tox .tox-segmented-control__segment--active {
5417
+ border-color: var(--tox-private-segmented-control-active-border-color, #006ce7);
5418
+ color: var(--tox-private-segmented-control-active-text-color, #006ce7);
5419
+ background-color: var(--tox-private-segmented-control-active-bg-color, rgba(0, 108, 231, 0.1));
5420
+ }
5421
+ .tox .tox-segmented-control:not(.tox-segmented-control--disabled) .tox-segmented-control__segment {
5422
+ transition: all 0.2s;
5423
+ }
5424
+ .tox .tox-segmented-control.tox-segmented-control--disabled .tox-segmented-control__segment {
5425
+ opacity: 0.5;
5426
+ cursor: not-allowed;
5427
+ pointer-events: none;
5428
+ }
5429
+ .tox .tox-segmented-control__segment:focus {
5430
+ outline: 2px solid var(--tox-private-color-tint, #006ce7);
5431
+ outline-offset: 2px;
5432
+ }
5433
+ .tox .tox-segmented-control__segment:focus:not(:focus-visible) {
5434
+ outline: none;
5435
+ }
4097
5436
  .tox .tox-toggle {
4098
5437
  display: flex;
4099
5438
  align-items: center;
@@ -4803,6 +6142,12 @@ body.tox-dialog__disable-scroll {
4803
6142
  .tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
4804
6143
  border-left: 1px solid transparent;
4805
6144
  }
6145
+ .tox .tox-toolbar-input-form {
6146
+ display: flex;
6147
+ align-items: center;
6148
+ background-color: var(--tox-private-background-color, #fff);
6149
+ padding: 0 var(--tox-private-pad-sm, 8px);
6150
+ }
4806
6151
  .tox .tox-tooltip {
4807
6152
  display: inline-block;
4808
6153
  max-width: min(80%, 15em);
@@ -4811,6 +6156,25 @@ body.tox-dialog__disable-scroll {
4811
6156
  width: max-content;
4812
6157
  z-index: 1150;
4813
6158
  }
6159
+ .tox .tox-tooltip.tox-tooltip--anchor {
6160
+ display: none;
6161
+ padding: var(--tox-private-pad-xs, 4px) 0 0;
6162
+ position: fixed;
6163
+ position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
6164
+ height: fit-content;
6165
+ }
6166
+ .tox .tox-tooltip.tox-tooltip--anchor.tox-tooltip--up {
6167
+ position-area: block-end;
6168
+ }
6169
+ .tox .tox-tooltip.tox-tooltip--anchor.tox-tooltip--down {
6170
+ position-area: block-start;
6171
+ }
6172
+ .tox .tox-tooltip.tox-tooltip--anchor.tox-tooltip--left {
6173
+ position-area: inline-start;
6174
+ }
6175
+ .tox .tox-tooltip.tox-tooltip--anchor.tox-tooltip--right {
6176
+ position-area: inline-end;
6177
+ }
4814
6178
  .tox .tox-tooltip__body {
4815
6179
  background-color: #222f3e;
4816
6180
  border-radius: 6px;
@@ -5354,6 +6718,136 @@ body.tox-dialog__disable-scroll {
5354
6718
  color: #222f3e;
5355
6719
  height: 24px;
5356
6720
  }
6721
+ .tox .tox-card {
6722
+ background-color: #fff;
6723
+ border-radius: 6px;
6724
+ display: flex;
6725
+ flex-direction: column;
6726
+ gap: 12px;
6727
+ cursor: pointer;
6728
+ transition: box-shadow 0.15s ease-in-out, border 0.15s ease-in-out;
6729
+ border: 2px solid transparent;
6730
+ }
6731
+ .tox .tox-card:hover {
6732
+ box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
6733
+ }
6734
+ .tox .tox-card--selected {
6735
+ border-color: #006ce7;
6736
+ }
6737
+ .tox .tox-card:focus-visible {
6738
+ outline: none;
6739
+ box-shadow: 0 0 0 2px #006ce7;
6740
+ border-color: transparent;
6741
+ }
6742
+ .tox .tox-card--has-decision {
6743
+ background-color: #f0f0f0;
6744
+ }
6745
+ .tox .tox-card--has-decision:not(.tox-card--selected) {
6746
+ border-width: 1px;
6747
+ border-color: rgba(34, 47, 62, 0.7);
6748
+ }
6749
+ .tox .tox-card--has-decision .tox-card__header {
6750
+ font-size: 12px;
6751
+ }
6752
+ .tox .tox-card--has-decision .tox-card__body {
6753
+ color: rgba(34, 47, 62, 0.7);
6754
+ }
6755
+ .tox .tox-card--has-decision .tox-card__actions .tox-button--secondary--outline {
6756
+ border-color: #e0e0e0;
6757
+ }
6758
+ .tox .tox-card--has-decision .tox-card__actions .tox-button--secondary--outline:hover:not(:disabled),
6759
+ .tox .tox-card--has-decision .tox-card__actions .tox-button--secondary--outline:focus:not(:disabled) {
6760
+ background-color: #e0e0e0;
6761
+ border-color: #d1d1d1;
6762
+ }
6763
+ .tox .tox-card--has-decision .tox-card__actions .tox-button--secondary--outline:active:not(:disabled) {
6764
+ background-color: #d1d1d1;
6765
+ border-color: #d1d1d1;
6766
+ }
6767
+ .tox .tox-card__header {
6768
+ padding: 12px;
6769
+ padding-bottom: 0;
6770
+ color: #222f3e;
6771
+ font-size: 16px;
6772
+ font-weight: bold;
6773
+ text-transform: uppercase;
6774
+ display: flex;
6775
+ flex-direction: column;
6776
+ gap: 12px;
6777
+ }
6778
+ .tox .tox-card__header-label {
6779
+ font-size: 12px;
6780
+ font-weight: bold;
6781
+ text-transform: uppercase;
6782
+ color: #222f3e;
6783
+ }
6784
+ .tox .tox-card__body {
6785
+ padding: 12px 12px 0 12px;
6786
+ color: #222f3e;
6787
+ font-size: 16px;
6788
+ }
6789
+ .tox .tox-card__body .tox-expandable-box {
6790
+ border: none;
6791
+ padding: 0;
6792
+ gap: 12px;
6793
+ }
6794
+ .tox .tox-card--has-decision .tox .tox-card__body {
6795
+ padding: 0 12px 0 12px;
6796
+ }
6797
+ .tox .tox-card__highlight {
6798
+ padding: 4px 6px;
6799
+ border-bottom: 2px solid #006ce7;
6800
+ }
6801
+ .tox .tox-card__highlight--added {
6802
+ background-color: #e4eeda;
6803
+ }
6804
+ .tox .tox-card__highlight--deleted {
6805
+ background-color: #f5cccc;
6806
+ }
6807
+ .tox .tox-card__highlight--modified {
6808
+ background-color: #cce2fa;
6809
+ }
6810
+ .tox .tox-card__actions {
6811
+ display: flex;
6812
+ gap: 8px;
6813
+ padding: 0 12px 12px;
6814
+ }
6815
+ .tox .tox-card__actions--space-between {
6816
+ justify-content: space-between;
6817
+ }
6818
+ .tox .tox-card__actions--flex-start {
6819
+ justify-content: flex-start;
6820
+ }
6821
+ .tox .tox-card__actions .tox-button,
6822
+ .tox .tox-card__actions .tox-button--icon,
6823
+ .tox .tox-card__actions .tox-button:has(.tox-icon:only-child) {
6824
+ padding: 4px 16px;
6825
+ }
6826
+ .tox .tox-card.tox-skeleton {
6827
+ cursor: default;
6828
+ pointer-events: none;
6829
+ box-shadow: none;
6830
+ }
6831
+ .tox .tox-card.tox-skeleton:hover {
6832
+ box-shadow: none;
6833
+ }
6834
+ .tox .tox-card.tox-skeleton .tox-skeleton__line {
6835
+ border-radius: 6px;
6836
+ margin: 0;
6837
+ }
6838
+ .tox .tox-card.tox-skeleton .tox-card__body {
6839
+ display: flex;
6840
+ flex-direction: column;
6841
+ gap: 4px;
6842
+ }
6843
+ .tox .tox-card-list {
6844
+ display: flex;
6845
+ flex-direction: column;
6846
+ gap: 12px;
6847
+ }
6848
+ .tox .tox-card-list:focus {
6849
+ outline: none;
6850
+ }
5357
6851
  .tox [data-mce-name="suggestededits"] .tox-icon .tox-icon--badge {
5358
6852
  fill: #006ce7;
5359
6853
  }
@@ -6231,40 +7725,6 @@ body.tox-dialog__disable-scroll {
6231
7725
  z-index: 50;
6232
7726
  }
6233
7727
 
6234
- .container {
6235
- width: 100%;
6236
- }
6237
-
6238
- @media (min-width: 40rem) {
6239
- .container {
6240
- max-width: 40rem;
6241
- }
6242
- }
6243
-
6244
- @media (min-width: 48rem) {
6245
- .container {
6246
- max-width: 48rem;
6247
- }
6248
- }
6249
-
6250
- @media (min-width: 64rem) {
6251
- .container {
6252
- max-width: 64rem;
6253
- }
6254
- }
6255
-
6256
- @media (min-width: 80rem) {
6257
- .container {
6258
- max-width: 80rem;
6259
- }
6260
- }
6261
-
6262
- @media (min-width: 96rem) {
6263
- .container {
6264
- max-width: 96rem;
6265
- }
6266
- }
6267
-
6268
7728
  .m-0 {
6269
7729
  margin: calc(var(--spacing) * 0);
6270
7730
  }