@syncfusion/ej2-ribbon 28.2.3 → 29.1.34

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 (102) hide show
  1. package/README.md +1 -1
  2. package/dist/ej2-ribbon.umd.min.js +2 -2
  3. package/dist/ej2-ribbon.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-ribbon.es2015.js +42 -13
  5. package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
  6. package/dist/es6/ej2-ribbon.es5.js +42 -13
  7. package/dist/es6/ej2-ribbon.es5.js.map +1 -1
  8. package/dist/global/ej2-ribbon.min.js +2 -2
  9. package/dist/global/ej2-ribbon.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +21 -23
  12. package/src/ribbon/items/ribbon-button.js +3 -1
  13. package/src/ribbon/items/ribbon-checkbox.js +3 -1
  14. package/src/ribbon/items/ribbon-colorpicker.js +3 -1
  15. package/src/ribbon/items/ribbon-dropdown.js +7 -1
  16. package/src/ribbon/items/ribbon-splitbutton.js +7 -1
  17. package/src/ribbon/modules/ribbon-keytip.d.ts +1 -0
  18. package/src/ribbon/modules/ribbon-keytip.js +19 -8
  19. package/styles/bds-lite.css +546 -451
  20. package/styles/bds.css +709 -590
  21. package/styles/bootstrap-dark-lite.css +531 -472
  22. package/styles/bootstrap-dark.css +694 -611
  23. package/styles/bootstrap-lite.css +511 -452
  24. package/styles/bootstrap.css +674 -591
  25. package/styles/bootstrap4-lite.css +517 -458
  26. package/styles/bootstrap4.css +680 -597
  27. package/styles/bootstrap5-dark-lite.css +559 -500
  28. package/styles/bootstrap5-dark.css +722 -639
  29. package/styles/bootstrap5-lite.css +539 -480
  30. package/styles/bootstrap5.3-lite.css +518 -459
  31. package/styles/bootstrap5.3.css +683 -600
  32. package/styles/bootstrap5.css +702 -619
  33. package/styles/fabric-dark-lite.css +527 -468
  34. package/styles/fabric-dark.css +690 -607
  35. package/styles/fabric-lite.css +518 -459
  36. package/styles/fabric.css +681 -598
  37. package/styles/fluent-dark-lite.css +517 -458
  38. package/styles/fluent-dark.css +680 -597
  39. package/styles/fluent-lite.css +517 -458
  40. package/styles/fluent.css +680 -597
  41. package/styles/fluent2-lite.css +530 -469
  42. package/styles/fluent2.css +721 -636
  43. package/styles/highcontrast-light-lite.css +514 -451
  44. package/styles/highcontrast-light.css +677 -590
  45. package/styles/highcontrast-lite.css +514 -451
  46. package/styles/highcontrast.css +677 -590
  47. package/styles/material-dark-lite.css +512 -453
  48. package/styles/material-dark.css +676 -593
  49. package/styles/material-lite.css +511 -452
  50. package/styles/material.css +674 -591
  51. package/styles/material3-dark-lite.css +511 -452
  52. package/styles/material3-dark.css +674 -591
  53. package/styles/material3-lite.css +511 -452
  54. package/styles/material3.css +674 -591
  55. package/styles/ribbon/_bds-definition.scss +6 -1
  56. package/styles/ribbon/_bigger.scss +79 -56
  57. package/styles/ribbon/_bootstrap-dark-definition.scss +10 -3
  58. package/styles/ribbon/_bootstrap-definition.scss +7 -2
  59. package/styles/ribbon/_bootstrap4-definition.scss +12 -5
  60. package/styles/ribbon/_bootstrap5-definition.scss +7 -2
  61. package/styles/ribbon/_bootstrap5.3-definition.scss +10 -5
  62. package/styles/ribbon/_fabric-dark-definition.scss +7 -2
  63. package/styles/ribbon/_fabric-definition.scss +7 -2
  64. package/styles/ribbon/_fluent-definition.scss +7 -2
  65. package/styles/ribbon/_fluent2-definition.scss +8 -3
  66. package/styles/ribbon/_fusionnew-definition.scss +6 -1
  67. package/styles/ribbon/_highcontrast-definition.scss +7 -2
  68. package/styles/ribbon/_highcontrast-light-definition.scss +7 -2
  69. package/styles/ribbon/_layout.scss +100 -58
  70. package/styles/ribbon/_material-dark-definition.scss +9 -4
  71. package/styles/ribbon/_material-definition.scss +7 -2
  72. package/styles/ribbon/_material3-definition.scss +7 -2
  73. package/styles/ribbon/_tailwind-definition.scss +7 -2
  74. package/styles/ribbon/_tailwind3-definition.scss +13 -8
  75. package/styles/ribbon/_theme.scss +108 -51
  76. package/styles/ribbon/bds.css +709 -590
  77. package/styles/ribbon/bootstrap-dark.css +694 -611
  78. package/styles/ribbon/bootstrap.css +674 -591
  79. package/styles/ribbon/bootstrap4.css +680 -597
  80. package/styles/ribbon/bootstrap5-dark.css +722 -639
  81. package/styles/ribbon/bootstrap5.3.css +683 -600
  82. package/styles/ribbon/bootstrap5.css +702 -619
  83. package/styles/ribbon/fabric-dark.css +690 -607
  84. package/styles/ribbon/fabric.css +681 -598
  85. package/styles/ribbon/fluent-dark.css +680 -597
  86. package/styles/ribbon/fluent.css +680 -597
  87. package/styles/ribbon/fluent2.css +721 -636
  88. package/styles/ribbon/highcontrast-light.css +677 -590
  89. package/styles/ribbon/highcontrast.css +677 -590
  90. package/styles/ribbon/material-dark.css +676 -593
  91. package/styles/ribbon/material.css +674 -591
  92. package/styles/ribbon/material3-dark.css +674 -591
  93. package/styles/ribbon/material3.css +674 -591
  94. package/styles/ribbon/tailwind-dark.css +710 -591
  95. package/styles/ribbon/tailwind.css +710 -591
  96. package/styles/ribbon/tailwind3.css +716 -597
  97. package/styles/tailwind-dark-lite.css +547 -452
  98. package/styles/tailwind-dark.css +710 -591
  99. package/styles/tailwind-lite.css +547 -452
  100. package/styles/tailwind.css +710 -591
  101. package/styles/tailwind3-lite.css +553 -458
  102. package/styles/tailwind3.css +716 -597
package/styles/material3-lite.css CHANGED
@@ -212,6 +212,7 @@
212
212
  height: 38px;
213
213
  padding-right: 16px;
214
214
  border-bottom: none;
215
+ z-index: 1;
215
216
  }
216
217
  .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
217
218
  border-bottom: none;
@@ -491,6 +492,9 @@
491
492
  .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
492
493
  padding-left: 30px;
493
494
  }
495
+ .e-ribbon.e-rbn .e-ribbon-content-height .e-ribbon-collection {
496
+ max-height: 84px;
497
+ }
494
498
 
495
499
  .e-ribbon-backstage-popup.e-ribbon-backstage-open {
496
500
  display: -webkit-box;
@@ -622,7 +626,6 @@
622
626
  line-height: 16px;
623
627
  height: auto;
624
628
  min-height: auto;
625
- padding: 4px 0 4px 8px;
626
629
  }
627
630
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
628
631
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
@@ -765,10 +768,10 @@
765
768
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-hidden {
766
769
  display: none;
767
770
  }
768
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn,
769
- .e-ribbon.e-rbn .e-ribbon-item .e-btn,
770
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn,
771
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn {
771
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn,
772
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn,
773
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn,
774
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn {
772
775
  border: none;
773
776
  border-radius: 4px;
774
777
  font-weight: 400;
@@ -777,10 +780,10 @@
777
780
  -webkit-box-shadow: none;
778
781
  box-shadow: none;
779
782
  }
780
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
781
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
782
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:focus,
783
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:focus {
783
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:focus,
784
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:focus,
785
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:focus,
786
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:focus {
784
787
  outline: none;
785
788
  }
786
789
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
@@ -793,10 +796,10 @@
793
796
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) {
794
797
  border: none;
795
798
  }
796
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
797
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
798
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
799
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn {
799
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn,
800
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn,
801
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn,
802
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn {
800
803
  height: 100%;
801
804
  min-height: inherit;
802
805
  display: -webkit-box;
@@ -820,16 +823,16 @@
820
823
  -ms-flex-align: center;
821
824
  align-items: center;
822
825
  }
823
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
824
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
825
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
826
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb {
826
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-ribbon-group-overflow-ddb,
827
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-ribbon-group-overflow-ddb,
828
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-ribbon-group-overflow-ddb,
829
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-ribbon-group-overflow-ddb {
827
830
  max-width: 100%;
828
831
  }
829
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
830
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
831
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
832
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
832
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon:not(.e-caret),
833
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon:not(.e-caret),
834
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon:not(.e-caret),
835
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon:not(.e-caret) {
833
836
  min-height: 32px;
834
837
  min-width: 32px;
835
838
  background-repeat: no-repeat;
@@ -839,37 +842,37 @@
839
842
  font-weight: 400;
840
843
  padding: 4px 3px;
841
844
  }
842
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-icon-top,
843
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-icon-top,
844
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-icon-top,
845
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-icon-top {
845
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-icon-top,
846
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-icon-top,
847
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-icon-top,
848
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-icon-top {
846
849
  height: 50%;
847
850
  }
848
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
849
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
850
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
851
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn {
851
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-top-icon-btn,
852
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-top-icon-btn,
853
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-top-icon-btn,
854
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-top-icon-btn {
852
855
  gap: 4px;
853
856
  }
854
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
855
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
856
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
857
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn {
857
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper.e-vertical .e-btn,
858
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper.e-vertical .e-btn,
859
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper.e-vertical .e-btn,
860
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper.e-vertical .e-btn {
858
861
  -webkit-box-pack: space-evenly;
859
862
  -ms-flex-pack: space-evenly;
860
863
  justify-content: space-evenly;
861
864
  height: 50%;
862
865
  }
863
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
864
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
865
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
866
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top {
866
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
867
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
868
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
869
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top {
867
870
  height: unset;
868
871
  }
869
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
870
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
871
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
872
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret {
872
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-dropdown-btn .e-caret,
873
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-dropdown-btn .e-caret,
874
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-dropdown-btn .e-caret,
875
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-dropdown-btn .e-caret {
873
876
  font-size: 12px;
874
877
  line-height: 12px;
875
878
  padding: 0 5px;
@@ -879,29 +882,29 @@
879
882
  height: 84px;
880
883
  padding: 2px 10px;
881
884
  }
882
- .e-ribbon.e-rbn .e-ribbon-item,
883
- .e-ribbon-group-overflow-ddb .e-ribbon-item {
885
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)),
886
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) {
884
887
  min-height: 33%;
885
888
  padding: 2px;
886
889
  }
887
- .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container),
888
- .e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container) {
890
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)):has(.e-ribbon-gallery-container),
891
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)):has(.e-ribbon-gallery-container) {
889
892
  padding: 0;
890
893
  border-style: solid;
891
894
  border-width: 1px;
892
895
  }
893
- .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)),
894
- .e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)) {
896
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)):has(.e-ribbon-gallery-container:not(.e-hidden)),
897
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)):has(.e-ribbon-gallery-container:not(.e-hidden)) {
895
898
  height: 84px;
896
899
  border-radius: 4px;
897
900
  }
898
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group,
899
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group {
901
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group,
902
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group {
900
903
  -webkit-box-shadow: none;
901
904
  box-shadow: none;
902
905
  }
903
- .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
904
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper {
906
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-checkbox-wrapper,
907
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-checkbox-wrapper {
905
908
  height: -webkit-fit-content;
906
909
  height: -moz-fit-content;
907
910
  height: fit-content;
@@ -911,124 +914,125 @@
911
914
  width: max-content;
912
915
  padding: 0 4px;
913
916
  }
914
- .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
915
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label {
917
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-checkbox-wrapper .e-label,
918
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-checkbox-wrapper .e-label {
916
919
  font-size: 12px;
920
+ font-weight: 400;
917
921
  }
918
- .e-ribbon.e-rbn .e-ribbon-item .e-btn,
919
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn {
922
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn,
923
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn {
920
924
  -webkit-box-shadow: none;
921
925
  box-shadow: none;
922
926
  }
923
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:disabled,
924
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:disabled {
927
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:disabled,
928
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:disabled {
925
929
  pointer-events: none;
926
930
  }
927
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
928
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-container,
929
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper,
930
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-container {
931
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper,
932
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container,
933
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper,
934
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container {
931
935
  border: 1px solid transparent;
932
936
  border-radius: 4px;
933
937
  }
934
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
935
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
936
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
937
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
938
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
939
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
940
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
941
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
938
942
  padding: 0;
939
943
  }
940
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper,
941
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
944
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
945
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
942
946
  border: 1px solid transparent;
943
947
  border-radius: 4px;
944
948
  -webkit-box-shadow: none;
945
949
  box-shadow: none;
946
950
  }
947
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
948
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
951
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-btn,
952
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-btn {
949
953
  border-radius: 0;
950
954
  }
951
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
952
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret {
955
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-dropdown-btn .e-caret,
956
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-dropdown-btn .e-caret {
953
957
  font-size: 12px;
954
958
  padding: 0 5px;
955
959
  }
956
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item,
957
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item {
960
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item,
961
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item {
958
962
  min-height: 100%;
959
963
  }
960
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical,
961
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical {
964
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-split-btn-wrapper.e-vertical,
965
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-split-btn-wrapper.e-vertical {
962
966
  height: 100%;
963
967
  }
964
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
965
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
968
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
969
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
966
970
  margin: auto;
967
971
  }
968
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
969
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn,
970
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn {
972
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn, .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn,
973
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn,
974
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn {
971
975
  white-space: nowrap;
972
976
  padding: 0;
973
977
  line-height: 15px;
974
978
  }
975
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
976
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
977
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon {
979
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon, .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon,
980
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon,
981
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon {
978
982
  font-size: 16px;
979
983
  line-height: 16px;
980
984
  margin: 4px;
981
985
  }
982
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret), .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
983
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
984
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
986
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret), .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
987
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
988
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
985
989
  min-height: 16px;
986
990
  min-width: 16px;
987
991
  background-repeat: no-repeat;
988
992
  background-size: contain;
989
993
  background-position: center;
990
994
  }
991
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper,
992
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
993
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
995
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper, .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper,
996
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
997
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
994
998
  border: none;
995
999
  }
996
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
997
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
998
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon {
1000
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon, .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1001
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1002
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon {
999
1003
  height: 16px;
1000
1004
  width: 16px;
1001
1005
  }
1002
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-split-preview, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview,
1003
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-split-preview,
1004
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview {
1006
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-split-preview, .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview,
1007
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-split-preview,
1008
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview {
1005
1009
  border-radius: unset;
1006
1010
  }
1007
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1008
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1009
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
1011
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1012
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1013
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
1010
1014
  padding: 2px 5px;
1011
1015
  }
1012
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1013
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
1014
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret {
1016
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-dropdown-btn .e-caret,
1017
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-caret,
1018
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-dropdown-btn .e-caret {
1015
1019
  font-size: 12px;
1016
1020
  line-height: 12px;
1017
1021
  padding: 2px 5px;
1018
1022
  margin: 0;
1019
1023
  width: auto;
1020
1024
  }
1021
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper .e-btn, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper .e-btn,
1022
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper .e-btn,
1023
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper .e-btn {
1025
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-btn-wrapper .e-btn, .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-btn-wrapper .e-btn,
1026
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-btn-wrapper .e-btn,
1027
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-btn-wrapper .e-btn {
1024
1028
  margin: 0;
1025
1029
  }
1026
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-icon-left,
1027
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-icon-left {
1030
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-icon-left,
1031
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-icon-left {
1028
1032
  width: 1em;
1029
1033
  }
1030
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
1031
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn {
1034
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn,
1035
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn {
1032
1036
  -webkit-box-align: center;
1033
1037
  -ms-flex-align: center;
1034
1038
  align-items: center;
@@ -1036,33 +1040,38 @@
1036
1040
  display: -ms-flexbox;
1037
1041
  display: flex;
1038
1042
  }
1039
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1040
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1043
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1044
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1041
1045
  width: auto;
1042
1046
  }
1043
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret,
1044
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret {
1047
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret,
1048
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret {
1045
1049
  margin: 4px;
1046
1050
  padding: 0;
1047
1051
  }
1048
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn), .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
1049
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
1050
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
1052
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn), .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
1053
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
1054
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
1051
1055
  padding: 0 4px 0 0;
1052
1056
  }
1053
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1054
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1057
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1058
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1055
1059
  padding: 0 2px 0 0;
1056
1060
  }
1057
- .e-ribbon.e-rbn.e-rtl .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn), .e-ribbon.e-rbn.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
1058
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
1059
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
1061
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn), .e-ribbon.e-rbn.e-rtl .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
1062
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
1063
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
1060
1064
  padding: 0 0 0 4px;
1061
1065
  }
1062
- .e-ribbon.e-rbn.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1063
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1066
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1067
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1064
1068
  padding: 0 0 0 2px;
1065
1069
  }
1070
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-gallery-button,
1071
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-gallery-button {
1072
+ border-width: 0 1px 0 0;
1073
+ border-radius: 4px 0 0 4px;
1074
+ }
1066
1075
 
1067
1076
  .e-ribbon-group-overflow-ddb.e-dropdown-popup:has(.e-ribbon-overflow-target) {
1068
1077
  min-width: 190px;
@@ -1130,7 +1139,7 @@
1130
1139
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1131
1140
  margin: 3px 4px;
1132
1141
  }
1133
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
1142
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon {
1134
1143
  font-size: 16px;
1135
1144
  }
1136
1145
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -1142,23 +1151,23 @@
1142
1151
  width: 100%;
1143
1152
  height: 32px;
1144
1153
  }
1145
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
1154
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon:not(.e-caret) {
1146
1155
  min-width: 16px;
1147
1156
  min-height: 16px;
1148
1157
  }
1149
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1158
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon.e-icon-left {
1150
1159
  margin: 0;
1151
1160
  }
1152
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-btn,
1153
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
1161
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper .e-btn,
1162
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-ribbon-template)) > .e-btn {
1154
1163
  line-height: 20px;
1155
1164
  overflow: hidden;
1156
1165
  }
1157
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper {
1166
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper {
1158
1167
  width: inherit;
1159
1168
  }
1160
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-split-btn,
1161
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
1169
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper .e-split-btn,
1170
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-ribbon-template)) > .e-btn {
1162
1171
  width: 100%;
1163
1172
  -webkit-box-pack: start;
1164
1173
  -ms-flex-pack: start;
@@ -1172,21 +1181,21 @@
1172
1181
  height: 26px;
1173
1182
  }
1174
1183
 
1175
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1176
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1184
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-combobox-label,
1185
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-colorpicker-label {
1177
1186
  margin-left: 36px;
1178
1187
  }
1179
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1188
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1180
1189
  margin: 8px 8px 8px 12px;
1181
1190
  }
1182
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon)) {
1191
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon)) {
1183
1192
  padding-left: 36px;
1184
1193
  }
1185
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-container, .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
1194
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)):not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)):not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-container, .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)):not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
1186
1195
  margin-left: 36px;
1187
1196
  }
1188
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1189
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1197
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper .e-icons.e-caret,
1198
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-dropdown-btn .e-icons.e-caret {
1190
1199
  -webkit-transform: rotate(-90deg);
1191
1200
  transform: rotate(-90deg);
1192
1201
  padding: 0 12px;
@@ -1196,27 +1205,27 @@
1196
1205
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
1197
1206
  padding: 6px 12px 6px 0;
1198
1207
  }
1199
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1200
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1208
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-combobox-label,
1209
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-colorpicker-label {
1201
1210
  margin-right: 36px;
1202
1211
  }
1203
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1212
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1204
1213
  margin: 8px 12px 8px 8px;
1205
1214
  }
1206
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon)) {
1215
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon)) {
1207
1216
  padding-right: 36px;
1208
1217
  }
1209
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-container, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
1218
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)):not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)):not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-container, .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)):not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
1210
1219
  margin-right: 36px;
1211
1220
  }
1212
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1213
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1221
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper .e-icons.e-caret,
1222
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-dropdown-btn .e-icons.e-caret {
1214
1223
  -webkit-transform: rotate(90deg);
1215
1224
  transform: rotate(90deg);
1216
1225
  padding: 0 12px;
1217
1226
  margin: 0 auto 0 0;
1218
1227
  }
1219
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
1228
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-checkbox-wrapper {
1220
1229
  margin: 8px 12px 8px 0;
1221
1230
  }
1222
1231
 
@@ -1429,14 +1438,22 @@
1429
1438
  .e-ribbon-menu {
1430
1439
  display: block;
1431
1440
  }
1432
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu {
1441
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu,
1442
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu, .e-ribbon-menu.e-menu-container ul.e-vertical.e-menu,
1443
+ .e-ribbon-menu.e-menu-container ul.e-ul.e-menu {
1444
+ padding: 4px 0;
1433
1445
  border: 1px solid;
1434
1446
  border-radius: 4px;
1435
1447
  }
1436
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item {
1448
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item,
1449
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item, .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item,
1450
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item {
1437
1451
  border-radius: unset;
1452
+ font-weight: 400;
1438
1453
  }
1439
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
1454
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
1455
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon, .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item .e-menu-icon,
1456
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item .e-menu-icon {
1440
1457
  min-height: 16px;
1441
1458
  min-width: 16px;
1442
1459
  background-repeat: no-repeat;
@@ -1444,7 +1461,9 @@
1444
1461
  background-position: center;
1445
1462
  width: auto;
1446
1463
  }
1447
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
1464
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1465
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon, .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item.e-blankicon,
1466
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item.e-blankicon {
1448
1467
  padding-left: 38px !important; /* stylelint-disable-line declaration-no-important */
1449
1468
  }
1450
1469
 
@@ -1503,11 +1522,11 @@
1503
1522
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1504
1523
  }
1505
1524
  .e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-skeleton-text {
1506
- background-color: rgba(var(--color-sf-surface));
1525
+ background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1507
1526
  }
1508
1527
  .e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-shimmer-wave::after {
1509
- background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, rgba(255, 255, 255, 0)), color-stop(51%, rgba(var(--color-sf-primary-container), 0.5)), color-stop(70%, rgba(255, 255, 255, 0)));
1510
- background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 33%, rgba(var(--color-sf-primary-container), 0.5) 51%, rgba(255, 255, 255, 0) 70%);
1528
+ background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(var(--color-sf-white), 0.3)), color-stop(70%, rgba(255, 255, 255, 0)));
1529
+ background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, rgba(var(--color-sf-white), 0.3) 50%, rgba(255, 255, 255, 0) 70%);
1511
1530
  }
1512
1531
  .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
1513
1532
  border-color: unset;
@@ -1659,13 +1678,13 @@
1659
1678
  .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:focus .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:focus .e-menu-icon {
1660
1679
  color: rgba(var(--color-sf-surface));
1661
1680
  }
1662
- .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-selected, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:hover, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-selected, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:hover {
1681
+ .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-selected, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-focused, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-selected, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-focused {
1663
1682
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
1664
1683
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
1665
1684
  color: rgba(var(--color-sf-surface));
1666
1685
  border-color: unset;
1667
1686
  }
1668
- .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-selected .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:hover .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-selected .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:hover .e-menu-icon {
1687
+ .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-selected .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-focused .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-selected .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-focused .e-menu-icon {
1669
1688
  color: rgba(var(--color-sf-surface));
1670
1689
  }
1671
1690
  .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-selected:focus, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-selected:focus {
@@ -1722,315 +1741,339 @@
1722
1741
  border-color: rgba(var(--color-sf-outline-variant));
1723
1742
  background: rgba(var(--color-sf-surface));
1724
1743
  }
1725
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
1726
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
1727
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1728
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn,
1729
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu),
1730
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1731
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1732
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu),
1733
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1734
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1735
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn,
1736
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
1737
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
1738
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1739
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn,
1740
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu),
1741
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1742
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1743
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn,
1744
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu),
1745
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1746
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1747
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn {
1744
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1745
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1746
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1747
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn,
1748
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1749
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1750
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1751
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1752
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1753
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1754
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn,
1755
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1756
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1757
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1758
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn,
1759
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1760
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1761
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1762
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn,
1763
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1764
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1765
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1766
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn {
1748
1767
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1749
1768
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1750
1769
  color: rgba(var(--color-sf-on-surface));
1751
1770
  border-color: transparent;
1752
1771
  }
1753
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1754
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1755
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1756
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn .e-btn-icon,
1757
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1758
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1759
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1760
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1761
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1762
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1763
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
1764
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1765
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1766
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1767
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn .e-btn-icon,
1768
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1769
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1770
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1771
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn .e-btn-icon,
1772
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1773
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1774
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1775
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon {
1772
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1773
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1774
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1775
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon,
1776
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1777
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1778
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1779
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1780
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1781
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1782
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon,
1783
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1784
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1785
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1786
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon,
1787
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1788
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1789
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1790
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon,
1791
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1792
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1793
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type) .e-btn-icon,
1794
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon {
1776
1795
  color: rgba(var(--color-sf-on-surface-variant));
1777
1796
  }
1778
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover,
1779
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover,
1780
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1781
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:hover,
1782
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover,
1783
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1784
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1785
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover,
1786
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1787
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1788
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:hover,
1789
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover,
1790
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover,
1791
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1792
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:hover,
1793
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover,
1794
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1795
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1796
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover,
1797
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover,
1798
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1799
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1800
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:hover {
1797
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1798
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1799
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1800
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover,
1801
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1802
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1803
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1804
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1805
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1806
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1807
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover,
1808
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1809
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1810
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1811
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover,
1812
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1813
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1814
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1815
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover,
1816
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1817
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1818
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover,
1819
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover {
1801
1820
  background: rgba(var(--color-sf-on-surface), 0.05);
1802
1821
  color: rgba(var(--color-sf-on-surface-variant));
1803
1822
  border-color: unset;
1804
1823
  }
1805
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1806
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1807
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1808
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:hover .e-btn-icon,
1809
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1810
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1811
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1812
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1813
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1814
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1815
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:hover .e-btn-icon,
1816
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1817
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1818
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1819
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:hover .e-btn-icon,
1820
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1821
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1822
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1823
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover .e-btn-icon,
1824
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1825
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1826
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1827
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:hover .e-btn-icon {
1824
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1825
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1826
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1827
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon,
1828
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1829
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1830
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1831
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1832
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1833
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1834
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon,
1835
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1836
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1837
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1838
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon,
1839
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1840
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1841
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1842
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon,
1843
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1844
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1845
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):hover .e-btn-icon,
1846
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon {
1828
1847
  color: rgba(var(--color-sf-on-surface-variant));
1829
1848
  }
1830
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active,
1831
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1832
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1833
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn.e-active,
1834
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
1835
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1836
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1837
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
1838
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1839
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1840
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-active,
1841
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active,
1842
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1843
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1844
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn.e-active,
1845
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
1846
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1847
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1848
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active,
1849
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
1850
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1851
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1852
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn.e-active {
1849
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1850
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1851
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1852
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active,
1853
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1854
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1855
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1856
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1857
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1858
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1859
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active,
1860
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1861
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1862
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1863
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active,
1864
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1865
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1866
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1867
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active,
1868
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1869
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1870
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active,
1871
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active {
1853
1872
  background: rgba(var(--color-sf-on-surface), 0.05);
1854
1873
  color: rgba(var(--color-sf-on-surface-variant));
1855
1874
  }
1856
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1857
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1858
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1859
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn.e-active .e-btn-icon,
1860
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1861
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1862
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1863
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1864
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1865
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1866
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
1867
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1868
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1869
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1870
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn.e-active .e-btn-icon,
1871
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1872
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1873
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1874
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
1875
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1876
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1877
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1878
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon {
1875
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1876
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1877
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1878
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon,
1879
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1880
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1881
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1882
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1883
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1884
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1885
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon,
1886
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1887
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1888
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1889
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon,
1890
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1891
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1892
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1893
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon,
1894
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1895
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1896
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type).e-active .e-btn-icon,
1897
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon {
1879
1898
  color: rgba(var(--color-sf-on-surface-variant));
1880
1899
  }
1881
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active,
1882
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active,
1883
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1884
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:active,
1885
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active,
1886
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1887
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1888
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn:active, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active,
1889
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1890
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1891
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:active,
1892
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active,
1893
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active,
1894
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1895
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:active,
1896
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active,
1897
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1898
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1899
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:active,
1900
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active,
1901
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1902
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1903
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:active {
1900
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1901
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1902
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1903
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active,
1904
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1905
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1906
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1907
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1908
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1909
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1910
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active,
1911
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1912
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1913
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1914
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active,
1915
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1916
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1917
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1918
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active,
1919
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1920
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1921
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active,
1922
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active {
1904
1923
  background: rgba(var(--color-sf-on-surface), 0.05);
1905
1924
  color: rgba(var(--color-sf-on-surface-variant));
1906
1925
  }
1907
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1908
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1909
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1910
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:active .e-btn-icon,
1911
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1912
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1913
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1914
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn:active .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1915
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1916
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1917
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:active .e-btn-icon,
1918
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1919
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1920
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1921
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:active .e-btn-icon,
1922
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1923
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1924
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1925
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:active .e-btn-icon,
1926
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1927
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1928
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1929
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:active .e-btn-icon {
1926
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1927
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1928
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1929
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon,
1930
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1931
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1932
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1933
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1934
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1935
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1936
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon,
1937
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1938
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1939
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1940
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon,
1941
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1942
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1943
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1944
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon,
1945
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1946
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1947
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):active .e-btn-icon,
1948
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon {
1930
1949
  color: rgba(var(--color-sf-on-surface-variant));
1931
1950
  }
1932
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible,
1933
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1934
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1935
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:focus-visible,
1936
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
1937
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1938
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1939
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
1940
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1941
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1942
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible,
1943
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible,
1944
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1945
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1946
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:focus-visible,
1947
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
1948
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1949
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1950
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible,
1951
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
1952
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1953
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1954
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible {
1951
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1952
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1953
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1954
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1955
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1956
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1957
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1958
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1959
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1960
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1961
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1962
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1963
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1964
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1965
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1966
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1967
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1968
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1969
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1970
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1971
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1972
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
1973
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible {
1955
1974
  background: rgba(var(--color-sf-on-surface), 0.05);
1956
1975
  color: rgba(var(--color-sf-on-surface-variant));
1957
1976
  border-color: unset;
1958
- -webkit-box-shadow: none;
1959
- box-shadow: none;
1960
1977
  }
1961
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1962
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1963
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1964
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1965
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1966
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1967
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1968
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1969
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1970
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1971
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1972
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1973
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1974
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1975
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1976
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1977
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1978
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1979
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1980
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1981
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1982
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1983
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon {
1978
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1979
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1980
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1981
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1982
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1983
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1984
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1985
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1986
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1987
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1988
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1989
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1990
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1991
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1992
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1993
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1994
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1995
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
1996
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1997
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1998
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1999
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible .e-btn-icon,
2000
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon {
1984
2001
  color: rgba(var(--color-sf-on-surface-variant));
1985
2002
  }
1986
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled,
1987
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1988
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
1989
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:disabled,
1990
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
1991
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1992
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
1993
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
1994
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1995
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
1996
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:disabled,
1997
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled,
1998
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1999
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
2000
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:disabled,
2001
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
2002
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2003
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
2004
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled,
2005
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
2006
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2007
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
2008
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:disabled {
2003
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
2004
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2005
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
2006
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
2007
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
2008
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2009
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
2010
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
2011
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2012
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
2013
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
2014
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
2015
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2016
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
2017
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
2018
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
2019
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2020
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
2021
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
2022
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
2023
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2024
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):focus-visible,
2025
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible {
2026
+ -webkit-box-shadow: none;
2027
+ box-shadow: none;
2028
+ }
2029
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2030
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2031
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
2032
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon,
2033
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2034
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2035
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
2036
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2037
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2038
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
2039
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon,
2040
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2041
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2042
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
2043
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon,
2044
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2045
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2046
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
2047
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon,
2048
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2049
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2050
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
2051
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon {
2009
2052
  color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface));
2010
2053
  }
2011
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2012
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2013
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
2014
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:disabled .e-btn-icon,
2015
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2016
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2017
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
2018
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon, .e-ribbon.e-rbn.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2019
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2020
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
2021
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon,
2022
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2023
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2024
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
2025
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:disabled .e-btn-icon,
2026
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2027
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2028
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
2029
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon,
2030
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2031
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2032
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled .e-btn-icon,
2033
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon {
2054
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
2055
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2056
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
2057
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled,
2058
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
2059
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2060
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
2061
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled, .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
2062
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2063
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
2064
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled,
2065
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
2066
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2067
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
2068
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled,
2069
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
2070
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2071
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
2072
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled,
2073
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
2074
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2075
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type):disabled,
2076
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled {
2034
2077
  color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface));
2035
2078
  }
2036
2079
  .e-ribbon.e-rbn .e-ribbon-group-header,
@@ -2096,18 +2139,18 @@
2096
2139
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2097
2140
  border-color: var(--color-sf-outline-variant);
2098
2141
  }
2099
- .e-ribbon-file-menu.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2100
- .e-ribbon-file-menu.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2101
- .e-ribbon-file-menu.e-dropdown-popup .e-ribbon-group-of-btn,
2102
- .e-ribbon-vertical-center.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2103
- .e-ribbon-vertical-center.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2104
- .e-ribbon-vertical-center.e-dropdown-popup .e-ribbon-group-of-btn,
2105
- .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2106
- .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2107
- .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-ribbon-group-of-btn,
2108
- .e-ribbon-dropdown-group-button.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2109
- .e-ribbon-dropdown-group-button.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2110
- .e-ribbon-dropdown-group-button.e-dropdown-popup .e-ribbon-group-of-btn {
2142
+ .e-ribbon-file-menu.e-dropdown-popup .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):not(:hover, :active, :focus-visible, :disabled, .e-active),
2143
+ .e-ribbon-file-menu.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button:not(:hover, :active, :focus-visible, :disabled, .e-active),
2144
+ .e-ribbon-file-menu.e-dropdown-popup .e-ribbon-group-of-btn:not(:hover, :active, :focus-visible, :disabled, .e-active),
2145
+ .e-ribbon-vertical-center.e-dropdown-popup .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):not(:hover, :active, :focus-visible, :disabled, .e-active),
2146
+ .e-ribbon-vertical-center.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button:not(:hover, :active, :focus-visible, :disabled, .e-active),
2147
+ .e-ribbon-vertical-center.e-dropdown-popup .e-ribbon-group-of-btn:not(:hover, :active, :focus-visible, :disabled, .e-active),
2148
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):not(:hover, :active, :focus-visible, :disabled, .e-active),
2149
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button:not(:hover, :active, :focus-visible, :disabled, .e-active),
2150
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-ribbon-group-of-btn:not(:hover, :active, :focus-visible, :disabled, .e-active),
2151
+ .e-ribbon-dropdown-group-button.e-dropdown-popup .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):not(:hover, :active, :focus-visible, :disabled, .e-active),
2152
+ .e-ribbon-dropdown-group-button.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button:not(:hover, :active, :focus-visible, :disabled, .e-active),
2153
+ .e-ribbon-dropdown-group-button.e-dropdown-popup .e-ribbon-group-of-btn:not(:hover, :active, :focus-visible, :disabled, .e-active) {
2111
2154
  background: transparent;
2112
2155
  }
2113
2156
 
@@ -2220,12 +2263,12 @@
2220
2263
  .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active .e-btn-icon {
2221
2264
  color: rgba(var(--color-sf-on-surface-variant));
2222
2265
  }
2223
- .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:active, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:active {
2224
- background: rgba(var(--color-sf-primary-container));
2225
- }
2226
2266
  .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:active .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:active .e-btn-icon {
2227
2267
  color: rgba(var(--color-sf-on-surface-variant));
2228
2268
  }
2269
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:active, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:active {
2270
+ background: rgba(var(--color-sf-primary-container));
2271
+ }
2229
2272
 
2230
2273
  .e-ribbon-tooltip.e-tooltip-wrap.e-popup {
2231
2274
  background: rgba(var(--color-sf-inverse-surface));
@@ -2242,22 +2285,38 @@
2242
2285
  color: rgba(var(--color-sf-inverse-on-surface));
2243
2286
  }
2244
2287
 
2288
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup {
2289
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2290
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2291
+ border: 1px solid transparent;
2292
+ }
2293
+
2245
2294
  .e-ribbon-menu.e-menu-wrapper:not(.e-menu-popup), .e-ribbon-menu.e-menu-container:not(.e-menu-popup) {
2246
2295
  background: rgba(var(--color-sf-surface));
2247
2296
  }
2248
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu {
2297
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu,
2298
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu, .e-ribbon-menu.e-menu-container ul.e-vertical.e-menu,
2299
+ .e-ribbon-menu.e-menu-container ul.e-ul.e-menu {
2249
2300
  border-color: rgba(var(--color-sf-outline-variant));
2250
2301
  background: rgba(var(--color-sf-surface));
2251
2302
  }
2252
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item {
2303
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item,
2304
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item, .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item,
2305
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item {
2253
2306
  color: rgba(var(--color-sf-on-surface));
2254
2307
  }
2255
2308
  .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2256
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-caret, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
2257
- .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-caret {
2309
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-caret,
2310
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
2311
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-caret, .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item .e-menu-icon,
2312
+ .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item .e-caret,
2313
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item .e-menu-icon,
2314
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item .e-caret {
2258
2315
  color: rgba(var(--color-sf-on-surface-variant));
2259
2316
  }
2260
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-focused, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-focused {
2317
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-focused,
2318
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-focused, .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item.e-focused,
2319
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item.e-focused {
2261
2320
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
2262
2321
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2263
2322
  color: rgba(var(--color-sf-on-surface));