@enos5/enos-vue-default 1.8.10 → 1.8.12

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 +27 -0
  2. package/dist/components/InputGroup.vue.d.ts +27 -0
  3. package/dist/components/SelectInput.vue.d.ts +27 -0
  4. package/dist/{index-Bsqrrc8R.js → index-6eLEqodC.js} +4 -35
  5. package/dist/index-6eLEqodC.js.map +1 -0
  6. package/dist/{index-BR_u7CCm.js → index-BHTvTOGk.js} +2 -4
  7. package/dist/{index-BR_u7CCm.js.map → index-BHTvTOGk.js.map} +1 -1
  8. package/dist/{index-ukywSRmc.js → index-BPcdR1qv.js} +9 -10
  9. package/dist/index-BPcdR1qv.js.map +1 -0
  10. package/dist/{index-BBGZQp5w.js → index-Ch9hFG6f.js} +6 -17
  11. package/dist/{index-BBGZQp5w.js.map → index-Ch9hFG6f.js.map} +1 -1
  12. package/dist/index-CiFpmPug.js.map +1 -1
  13. package/dist/{index-CuSlJQwq.js → index-Cjhk16SP.js} +8 -10
  14. package/dist/index-Cjhk16SP.js.map +1 -0
  15. package/dist/{index-D72Leh_x.js → index-D7sesyMc.js} +4 -4
  16. package/dist/{index-D72Leh_x.js.map → index-D7sesyMc.js.map} +1 -1
  17. package/dist/{index-1G1T4Qrv.js → index-G1cAlO5C.js} +203 -373
  18. package/dist/index-G1cAlO5C.js.map +1 -0
  19. package/dist/index.js +1 -1
  20. package/dist/index.node.js +1 -1
  21. package/dist/{plugin-m8XaPTjJ.js → plugin-BB5Wpvyp.js} +314 -52
  22. package/dist/plugin-BB5Wpvyp.js.map +1 -0
  23. package/dist/styles.css +156 -1598
  24. package/dist/{tinymce-Dg510HCs.js → tinymce-WPdeGquX.js} +388 -659
  25. package/dist/tinymce-WPdeGquX.js.map +1 -0
  26. package/package.json +36 -36
  27. package/dist/index-1G1T4Qrv.js.map +0 -1
  28. package/dist/index-Bsqrrc8R.js.map +0 -1
  29. package/dist/index-CuSlJQwq.js.map +0 -1
  30. package/dist/index-ukywSRmc.js.map +0 -1
  31. package/dist/plugin-m8XaPTjJ.js.map +0 -1
  32. package/dist/tinymce-Dg510HCs.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-5c96a933] {
15
+ .date-range-input[data-v-0612bf1a] {
16
16
  color-scheme: light;
17
17
  }
18
- .dark .date-range-input[data-v-5c96a933] {
18
+ .dark .date-range-input[data-v-0612bf1a] {
19
19
  color-scheme: dark;
20
20
  }
21
- .date-range-input[data-v-5c96a933]:disabled {
21
+ .date-range-input[data-v-0612bf1a]:disabled {
22
22
  cursor: not-allowed;
23
- }
23
+ }
24
24
  .tox {
25
25
  box-shadow: none;
26
26
  box-sizing: content-box;
@@ -91,16 +91,6 @@ 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
- }
104
94
  .tox {
105
95
  color: var(--tox-private-color-black, #222f3e);
106
96
  font-family: var(--tox-private-font-stack, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
@@ -387,312 +377,6 @@ button::-moz-focus-inner {
387
377
  border-width: 1px;
388
378
  margin: 0 10px;
389
379
  }
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
- }
696
380
  .tox .tox-anchorbar {
697
381
  display: flex;
698
382
  flex: 0 0 auto;
@@ -729,7 +413,7 @@ button::-moz-focus-inner {
729
413
  display: inline-flex;
730
414
  justify-content: center;
731
415
  align-items: center;
732
- gap: var(--tox-private-pad-xs, 4px);
416
+ gap: 2px;
733
417
  }
734
418
  .tox .tox-button::before {
735
419
  border-radius: var(--tox-private-control-border-radius, 6px);
@@ -899,8 +583,8 @@ button::-moz-focus-inner {
899
583
  box-shadow: none;
900
584
  }
901
585
  .tox .tox-button--secondary.tox-button--enabled {
902
- background-color: var(--tox-private-button-secondary-enabled-background-color, #a6ccf7);
903
- border-color: var(--tox-private-button-secondary-enabled-border-color, #a6ccf7);
586
+ background-color: var(--tox-private-button-secondary-enabled-background-color, #a8c8ed);
587
+ border-color: var(--tox-private-button-secondary-enabled-border-color, #a8c8ed);
904
588
  color: var(--tox-private-button-secondary-enabled-text-color, #222f3e);
905
589
  background-image: none;
906
590
  box-shadow: none;
@@ -910,22 +594,22 @@ button::-moz-focus-inner {
910
594
  cursor: not-allowed;
911
595
  }
912
596
  .tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
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);
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);
915
599
  color: var(--tox-private-button-secondary-enabled-focus-text-color, #222f3e);
916
600
  background-image: none;
917
601
  box-shadow: none;
918
602
  }
919
603
  .tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
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);
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);
922
606
  color: var(--tox-private-button-secondary-enabled-hover-text-color, #222f3e);
923
607
  background-image: none;
924
608
  box-shadow: none;
925
609
  }
926
610
  .tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
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);
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);
929
613
  color: var(--tox-private-button-secondary-enabled-active-text-color, #222f3e);
930
614
  background-image: none;
931
615
  box-shadow: none;
@@ -935,10 +619,9 @@ button::-moz-focus-inner {
935
619
  border-color: transparent;
936
620
  box-shadow: unset;
937
621
  color: var(--tox-private-button-naked-text-color, #222f3e);
938
- /* Enabled state */
939
622
  }
940
623
  .tox .tox-button--naked[disabled] {
941
- background-color: transparent;
624
+ background-color: rgba(34, 47, 62, 0.12);
942
625
  border-color: transparent;
943
626
  color: var(--tox-private-button-naked-disabled-text-color, rgba(34, 47, 62, 0.5));
944
627
  cursor: not-allowed;
@@ -961,34 +644,6 @@ button::-moz-focus-inner {
961
644
  color: var(--tox-private-button-naked-active-text-color, #222f3e);
962
645
  box-shadow: unset;
963
646
  }
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
- }
992
647
  .tox .tox-button--secondary--outline {
993
648
  background-color: transparent;
994
649
  border-color: var(--tox-private-button-secondary-outline-border-color, #f0f0f0);
@@ -1124,8 +779,6 @@ button::-moz-focus-inner {
1124
779
  border-style: solid;
1125
780
  border-top-width: 1px;
1126
781
  padding: 4px 0;
1127
- display: flex;
1128
- flex-direction: column;
1129
782
  }
1130
783
  .tox .tox-collection--list .tox-collection__group:first-child {
1131
784
  border-top-width: 0;
@@ -2421,21 +2074,6 @@ button::-moz-focus-inner {
2421
2074
  .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
2422
2075
  margin-right: 8px;
2423
2076
  }
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
- }
2439
2077
  body.tox-dialog__disable-scroll {
2440
2078
  overflow: hidden;
2441
2079
  }
@@ -2496,35 +2134,6 @@ body.tox-dialog__disable-scroll {
2496
2134
  .tox.tox-inline-edit-area {
2497
2135
  border: 1px dotted #eeeeee;
2498
2136
  }
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
2137
  .tox .tox-control-wrap {
2529
2138
  flex: 1;
2530
2139
  position: relative;
@@ -3132,12 +2741,11 @@ body.tox-dialog__disable-scroll {
3132
2741
  position: absolute;
3133
2742
  position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
3134
2743
  z-index: 1150;
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;
2744
+ background-color: #ffffff;
2745
+ border: 1px solid #e0e0e0;
2746
+ border-radius: 9px;
3139
2747
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
3140
- padding: 8px;
2748
+ padding: 4px;
3141
2749
  }
3142
2750
  .tox .tox-context-toolbar[popover] {
3143
2751
  inset: auto;
@@ -3152,9 +2760,8 @@ body.tox-dialog__disable-scroll {
3152
2760
  display: flex;
3153
2761
  flex-wrap: nowrap;
3154
2762
  flex-shrink: 0;
3155
- gap: 8px;
2763
+ gap: 4px;
3156
2764
  align-items: center;
3157
- padding: 0;
3158
2765
  }
3159
2766
  .tox .tox-insert-table-picker {
3160
2767
  background-color: #fff;
@@ -3971,18 +3578,13 @@ body.tox-dialog__disable-scroll {
3971
3578
  min-width: 300px;
3972
3579
  max-width: 300px;
3973
3580
  width: 300px;
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;
3581
+ border-left: 1px solid var(--tox-private-sidebar-border-color, #e3e3e3);
3980
3582
  }
3981
3583
  .tox .tox-sidebar-content__header {
3982
3584
  align-items: center;
3983
3585
  display: flex;
3984
3586
  justify-content: space-between;
3985
- border-bottom: var(--tox-private-tinymceai-border-width, 1px) solid var(--tox-private-neutral-20, #e3e3e3);
3587
+ box-shadow: var(--tox-private-sidebar-header-box-shadow, 0 4px 8px 0 rgba(34, 47, 62, 0.1));
3986
3588
  padding: var(--tox-private-pad-sm, 8px) 12px;
3987
3589
  background: var(--tox-private-background-color, #fff);
3988
3590
  z-index: 1;
@@ -3998,23 +3600,16 @@ body.tox-dialog__disable-scroll {
3998
3600
  line-height: 28px;
3999
3601
  }
4000
3602
  .tox .tox-floating-sidebar {
3603
+ --tox-private-floating-sidebar-requested-height: 600px;
4001
3604
  --tox-private-floating-sidebar-width: min(380px, 90vw);
4002
- --tox-private-floating-sidebar-height: 80vh;
4003
- position: fixed;
4004
- z-index: var(--tox-private-z-index-floatingsidebar, 1050);
3605
+ --tox-private-floating-sidebar-height: min(var(--tox-private-floating-sidebar-requested-height), 80vh);
4005
3606
  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));
4006
3607
  width: var(--tox-private-floating-sidebar-width);
4007
3608
  height: var(--tox-private-floating-sidebar-height);
4008
- background-color: var(--tox-private-floating-sidebar-background-color, #f0f0f0);
4009
- border-radius: var(--tox-private-panel-border-radius, 6px);
3609
+ background-color: var(--tox-private-background-color, #fff);
3610
+ border-radius: 12px;
4010
3611
  overflow: hidden;
4011
3612
  }
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
- }
4018
3613
  .tox .tox-floating-sidebar__content-wrapper {
4019
3614
  width: 100%;
4020
3615
  height: 100%;
@@ -4024,200 +3619,35 @@ body.tox-dialog__disable-scroll {
4024
3619
  .tox .tox-floating-sidebar__header {
4025
3620
  position: relative;
4026
3621
  }
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 {
3622
+ .tox-ai .tox-ai__user-prompt {
4087
3623
  display: flex;
4088
3624
  flex-direction: column;
4089
3625
  margin-left: auto;
4090
3626
  gap: inherit;
4091
- width: 100%;
4092
3627
  }
4093
- .tox .tox-ai .tox-ai__user-prompt__context {
3628
+ .tox-ai .tox-ai__user-prompt__context {
4094
3629
  margin-left: auto;
4095
- display: flex;
4096
- flex-direction: column;
4097
- gap: inherit;
4098
- align-items: end;
4099
- width: 100%;
4100
3630
  }
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);
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;
4107
3634
  border-radius: var(--tox-private-control-border-radius, 6px);
4108
3635
  max-width: 80%;
4109
3636
  align-self: flex-end;
4110
3637
  color: var(--tox-private-text-color, #222f3e);
4111
3638
  }
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;
3639
+ .tox-ai .tox-ai__scroll {
3640
+ overflow: auto;
4121
3641
  background-color: var(--tox-private-background-color, #fff);
4122
3642
  display: flex;
4123
- padding: calc(12px - var(--tox-private-tinymceai-focus-border-width, 2px));
3643
+ padding: 12px;
4124
3644
  flex-direction: column;
4125
3645
  align-items: flex-start;
4126
3646
  gap: 12px;
4127
3647
  flex: 1 0 0;
4128
3648
  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;
4196
- }
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
3649
  }
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 {
3650
+ .tox-ai .tox-ai__response-content {
4221
3651
  padding: var(--tox-private-pad-sm, 8px) 0;
4222
3652
  color: var(--tox-private-text-color, #222f3e);
4223
3653
  font-feature-settings: 'liga' off, 'clig' off;
@@ -4225,500 +3655,35 @@ body.tox-dialog__disable-scroll {
4225
3655
  font-style: normal;
4226
3656
  font-weight: var(--tox-private-font-weight-normal, normal);
4227
3657
  line-height: var(--tox-private-line-height, 18px);
3658
+ white-space: pre-wrap;
4228
3659
  }
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));
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;
4246
3665
  }
4247
- .tox .tox-ai .tox-ai-error {
3666
+ .tox-ai .tox-ai__error-message {
4248
3667
  border-radius: var(--tox-private-panel-border-radius, 6px);
4249
3668
  border: 1px solid 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);
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);
4251
3670
  padding: var(--tox-private-pad-sm, 8px);
4252
3671
  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;
4348
- }
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
3672
  }
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;
3673
+ .tox-ai .tox-ai__footer {
3674
+ border-top: 1px solid var(--tox-private-ai-footer-border-color, #e3e3e3);
4381
3675
  padding: 12px;
4382
3676
  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
3677
  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);
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;
4653
3678
  display: flex;
4654
3679
  flex-direction: column;
4655
3680
  }
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 {
3681
+ .tox-ai .tox-ai__context {
4675
3682
  display: flex;
4676
- justify-content: flex-end;
4677
3683
  gap: 8px;
4678
- padding: 12px 16px;
4679
- }
4680
- .tox .tox-ai__preview-host:empty {
4681
- pointer-events: none;
4682
3684
  }
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 {
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 {
3685
+ .tox-ai .tox-ai__footer-actions {
4707
3686
  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);
4722
3687
  gap: var(--tox-private-pad-sm, 8px);
4723
3688
  }
4724
3689
  .tox .tox-selector {
@@ -4834,292 +3799,70 @@ body.tox-dialog__disable-scroll {
4834
3799
  .tox .tox-toolbar-slider__input:focus-visible {
4835
3800
  outline: none;
4836
3801
  }
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;
5006
- }
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;
5019
- }
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;
5027
- }
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;
5034
- }
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;
5042
- }
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;
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;
5049
3805
  }
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;
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;
5057
3809
  }
5058
- .tox div.tox-tinymceai__annotation:has(> hr) {
5059
- background-size: auto;
5060
- padding: 0.25em;
3810
+ .tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb {
3811
+ background-color: #0060ce;
5061
3812
  }
5062
- .tox div.tox-tinymceai__annotation--removed__highlight > hr {
5063
- border-color: rgba(0, 0, 0, 0.2);
3813
+ .tox .tox-toolbar-slider__input:hover::-moz-range-thumb {
3814
+ background-color: #0060ce;
5064
3815
  }
5065
- .tox div.tox-tinymceai__annotation--added__highlight > hr {
5066
- border-color: rgba(0, 0, 0, 0.2);
3816
+ .tox .tox-toolbar-slider__input:active::-webkit-slider-thumb {
3817
+ background-color: #0054b4;
5067
3818
  }
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;
3819
+ .tox .tox-toolbar-slider__input:active::-moz-range-thumb {
3820
+ background-color: #0054b4;
5074
3821
  }
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;
3822
+ .tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb {
3823
+ background-color: rgba(255, 255, 255, 0.5);
5079
3824
  }
5080
- .tox .tox-ai__scroll .tox-ai__review-sidebar-container {
5081
- scrollbar-gutter: stable;
5082
- width: 100%;
5083
- height: 100%;
5084
- display: flex;
5085
- flex-direction: column;
5086
- gap: 12px;
3825
+ .tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb {
3826
+ background-color: rgba(255, 255, 255, 0.5);
5087
3827
  }
5088
- .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-card-list {
5089
- gap: 8px;
3828
+ .tox .tox-source-code {
3829
+ overflow: auto;
5090
3830
  }
5091
- .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-initializing {
5092
- padding: var(--tox-private-pad-md, 16px);
3831
+ .tox .tox-spinner {
3832
+ display: flex;
5093
3833
  }
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);
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;
5097
3840
  }
5098
- .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-choose-container {
5099
- padding-bottom: 12px;
3841
+ .tox .tox-spinner > div:nth-child(1) {
3842
+ animation-delay: -0.32s;
5100
3843
  }
5101
- .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-custom-input {
5102
- margin-bottom: 12px;
3844
+ .tox .tox-spinner > div:nth-child(2) {
3845
+ animation-delay: -0.16s;
5103
3846
  }
5104
- .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-custom-actions {
5105
- display: flex;
5106
- gap: 8px;
3847
+ @keyframes tam-bouncing-dots {
3848
+ 0%,
3849
+ 80%,
3850
+ 100% {
3851
+ transform: scale(0);
3852
+ }
3853
+ 40% {
3854
+ transform: scale(1);
3855
+ }
5107
3856
  }
5108
- .tox .tox-ai__scroll .tox-ai__review-sidebar-container .tox-ai__review-input-container {
5109
- margin-bottom: 12px;
3857
+ .tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
3858
+ margin-left: 4px;
5110
3859
  }
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;
3860
+ .tox[dir=rtl] .tox-spinner > div:not(:first-child) {
3861
+ margin-right: 4px;
5120
3862
  }
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);
3863
+ .tox .tox-ai__spinner {
3864
+ width: 24px;
3865
+ height: 24px;
5123
3866
  }
5124
3867
  .tox .tox-statusbar {
5125
3868
  align-items: center;
@@ -5312,55 +4055,20 @@ body.tox-dialog__disable-scroll {
5312
4055
  margin-left: 0;
5313
4056
  margin-right: 0.3em;
5314
4057
  }
5315
- .tox a.tox-tag {
5316
- cursor: pointer;
5317
- }
5318
4058
  .tox .tox-tag {
4059
+ width: -moz-fit-content;
5319
4060
  width: fit-content;
5320
- box-sizing: border-box;
5321
4061
  display: flex;
5322
- padding: var(--tox-private-pad-xs, 4px) 6px;
5323
- position: relative;
4062
+ padding: 4px 6px;
5324
4063
  align-items: center;
5325
- gap: var(--tox-private-pad-xs, 4px);
4064
+ gap: 4px;
5326
4065
  border-radius: 3px;
5327
- background: hsl(from var(--tox-private-color-tint, #006ce7) h s l / 10%);
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);
5328
4067
  line-height: var(--tox-private-base-value, 16px);
5329
4068
  font-size: var(--tox-private-font-size-xs, 12px);
5330
4069
  }
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 {
4070
+ .tox .tox-tag .tox-tag__icon {
5354
4071
  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);
5364
4072
  }
5365
4073
  .tox .tox-tag .tox-tag__close {
5366
4074
  height: var(--tox-private-base-value, 16px);
@@ -5368,7 +4076,6 @@ body.tox-dialog__disable-scroll {
5368
4076
  .tox .tox-tag .tox-tag__close .tox-button.tox-button--icon {
5369
4077
  border: 0;
5370
4078
  padding: 0;
5371
- color: var(--tox-private-text-color-muted, rgba(34, 47, 62, 0.7));
5372
4079
  }
5373
4080
  .tox .tox-tag .tox-tag__close .tox-button.tox-button--icon::before {
5374
4081
  box-shadow: none;
@@ -5387,52 +4094,6 @@ body.tox-dialog__disable-scroll {
5387
4094
  right: 0;
5388
4095
  top: 0;
5389
4096
  }
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
- }
5436
4097
  .tox .tox-toggle {
5437
4098
  display: flex;
5438
4099
  align-items: center;
@@ -6142,12 +4803,6 @@ body.tox-dialog__disable-scroll {
6142
4803
  .tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
6143
4804
  border-left: 1px solid transparent;
6144
4805
  }
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
- }
6151
4806
  .tox .tox-tooltip {
6152
4807
  display: inline-block;
6153
4808
  max-width: min(80%, 15em);
@@ -6156,25 +4811,6 @@ body.tox-dialog__disable-scroll {
6156
4811
  width: max-content;
6157
4812
  z-index: 1150;
6158
4813
  }
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
- }
6178
4814
  .tox .tox-tooltip__body {
6179
4815
  background-color: #222f3e;
6180
4816
  border-radius: 6px;
@@ -6718,136 +5354,6 @@ body.tox-dialog__disable-scroll {
6718
5354
  color: #222f3e;
6719
5355
  height: 24px;
6720
5356
  }
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
- }
6851
5357
  .tox [data-mce-name="suggestededits"] .tox-icon .tox-icon--badge {
6852
5358
  fill: #006ce7;
6853
5359
  }
@@ -7297,7 +5803,6 @@ body.tox-dialog__disable-scroll {
7297
5803
  --color-slate-900: oklch(20.8% .042 265.755);
7298
5804
  --color-gray-50: oklch(98.5% .002 247.839);
7299
5805
  --color-gray-300: oklch(87.2% .01 258.338);
7300
- --color-gray-400: oklch(70.7% .022 261.325);
7301
5806
  --color-gray-500: oklch(55.1% .027 264.364);
7302
5807
  --color-gray-600: oklch(44.6% .03 256.802);
7303
5808
  --color-gray-900: oklch(21% .034 264.665);
@@ -7726,6 +6231,40 @@ body.tox-dialog__disable-scroll {
7726
6231
  z-index: 50;
7727
6232
  }
7728
6233
 
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
+
7729
6268
  .m-0 {
7730
6269
  margin: calc(var(--spacing) * 0);
7731
6270
  }
@@ -8135,6 +6674,10 @@ body.tox-dialog__disable-scroll {
8135
6674
  cursor: crosshair;
8136
6675
  }
8137
6676
 
6677
+ .cursor-default {
6678
+ cursor: default;
6679
+ }
6680
+
8138
6681
  .cursor-not-allowed {
8139
6682
  cursor: not-allowed;
8140
6683
  }
@@ -8989,10 +7532,6 @@ body.tox-dialog__disable-scroll {
8989
7532
  color: var(--foreground);
8990
7533
  }
8991
7534
 
8992
- .text-gray-400 {
8993
- color: var(--color-gray-400);
8994
- }
8995
-
8996
7535
  .text-gray-500 {
8997
7536
  color: var(--color-gray-500);
8998
7537
  }
@@ -9823,6 +8362,16 @@ body.tox-dialog__disable-scroll {
9823
8362
  }
9824
8363
  }
9825
8364
 
8365
+ .focus-visible\:ring-neutral-950\/20:focus-visible {
8366
+ --tw-ring-color: #0a0a0a33;
8367
+ }
8368
+
8369
+ @supports (color: color-mix(in lab, red, red)) {
8370
+ .focus-visible\:ring-neutral-950\/20:focus-visible {
8371
+ --tw-ring-color: color-mix(in oklab, var(--color-neutral-950) 20%, transparent);
8372
+ }
8373
+ }
8374
+
9826
8375
  .focus-visible\:ring-red-500\/20:focus-visible {
9827
8376
  --tw-ring-color: #fb2c3633;
9828
8377
  }
@@ -9848,6 +8397,11 @@ body.tox-dialog__disable-scroll {
9848
8397
  --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
9849
8398
  }
9850
8399
 
8400
+ .focus-visible\:outline-none:focus-visible {
8401
+ --tw-outline-style: none;
8402
+ outline-style: none;
8403
+ }
8404
+
9851
8405
  .focus-visible\:ring-inset:focus-visible {
9852
8406
  --tw-ring-inset: inset;
9853
8407
  }
@@ -10663,6 +9217,10 @@ body.tox-dialog__disable-scroll {
10663
9217
  color: var(--color-neutral-50);
10664
9218
  }
10665
9219
 
9220
+ .dark\:hover\:text-neutral-200:where(.dark, .dark *):hover {
9221
+ color: var(--color-neutral-200);
9222
+ }
9223
+
10666
9224
  .dark\:hover\:text-red-300:where(.dark, .dark *):hover {
10667
9225
  color: var(--color-red-300);
10668
9226
  }