@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/ribbon/material3-dark.css CHANGED
@@ -210,6 +210,7 @@
210
210
  height: 38px;
211
211
  padding-right: 16px;
212
212
  border-bottom: none;
213
+ z-index: 1;
213
214
  }
214
215
  .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
215
216
  border-bottom: none;
@@ -489,6 +490,9 @@
489
490
  .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
490
491
  padding-left: 30px;
491
492
  }
493
+ .e-ribbon.e-rbn .e-ribbon-content-height .e-ribbon-collection {
494
+ max-height: 84px;
495
+ }
492
496
 
493
497
  .e-ribbon-backstage-popup.e-ribbon-backstage-open {
494
498
  display: -webkit-box;
@@ -620,7 +624,6 @@
620
624
  line-height: 16px;
621
625
  height: auto;
622
626
  min-height: auto;
623
- padding: 4px 0 4px 8px;
624
627
  }
625
628
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
626
629
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
@@ -763,10 +766,10 @@
763
766
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-hidden {
764
767
  display: none;
765
768
  }
766
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn,
767
- .e-ribbon.e-rbn .e-ribbon-item .e-btn,
768
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn,
769
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn {
769
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn,
770
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn,
771
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn,
772
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn {
770
773
  border: none;
771
774
  border-radius: 4px;
772
775
  font-weight: 400;
@@ -775,10 +778,10 @@
775
778
  -webkit-box-shadow: none;
776
779
  box-shadow: none;
777
780
  }
778
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
779
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
780
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:focus,
781
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:focus {
781
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:focus,
782
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:focus,
783
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:focus,
784
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:focus {
782
785
  outline: none;
783
786
  }
784
787
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
@@ -791,10 +794,10 @@
791
794
  .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) {
792
795
  border: none;
793
796
  }
794
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
795
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
796
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
797
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn {
797
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn,
798
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn,
799
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn,
800
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn {
798
801
  height: 100%;
799
802
  min-height: inherit;
800
803
  display: -webkit-box;
@@ -818,16 +821,16 @@
818
821
  -ms-flex-align: center;
819
822
  align-items: center;
820
823
  }
821
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
822
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
823
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
824
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb {
824
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-ribbon-group-overflow-ddb,
825
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-ribbon-group-overflow-ddb,
826
+ .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,
827
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-ribbon-group-overflow-ddb {
825
828
  max-width: 100%;
826
829
  }
827
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
828
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
829
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
830
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
830
+ .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),
831
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon:not(.e-caret),
832
+ .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),
833
+ .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) {
831
834
  min-height: 32px;
832
835
  min-width: 32px;
833
836
  background-repeat: no-repeat;
@@ -837,37 +840,37 @@
837
840
  font-weight: 400;
838
841
  padding: 4px 3px;
839
842
  }
840
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-icon-top,
841
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-icon-top,
842
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-icon-top,
843
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-icon-top {
843
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-icon-top,
844
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-icon-top,
845
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-icon-top,
846
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn .e-icon-top {
844
847
  height: 50%;
845
848
  }
846
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
847
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
848
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
849
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn {
849
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-top-icon-btn,
850
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-top-icon-btn,
851
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-top-icon-btn,
852
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-btn.e-top-icon-btn {
850
853
  gap: 4px;
851
854
  }
852
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
853
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
854
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
855
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn {
855
+ .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,
856
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper.e-vertical .e-btn,
857
+ .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,
858
+ .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 {
856
859
  -webkit-box-pack: space-evenly;
857
860
  -ms-flex-pack: space-evenly;
858
861
  justify-content: space-evenly;
859
862
  height: 50%;
860
863
  }
861
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
862
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
863
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
864
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top {
864
+ .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,
865
+ .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,
866
+ .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,
867
+ .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 {
865
868
  height: unset;
866
869
  }
867
- .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
868
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
869
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
870
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret {
870
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-dropdown-btn .e-caret,
871
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-dropdown-btn .e-caret,
872
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-dropdown-btn .e-caret,
873
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item:not(:has(.e-ribbon-template)) .e-dropdown-btn .e-caret {
871
874
  font-size: 12px;
872
875
  line-height: 12px;
873
876
  padding: 0 5px;
@@ -877,29 +880,29 @@
877
880
  height: 84px;
878
881
  padding: 2px 10px;
879
882
  }
880
- .e-ribbon.e-rbn .e-ribbon-item,
881
- .e-ribbon-group-overflow-ddb .e-ribbon-item {
883
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)),
884
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) {
882
885
  min-height: 33%;
883
886
  padding: 2px;
884
887
  }
885
- .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container),
886
- .e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container) {
888
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)):has(.e-ribbon-gallery-container),
889
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)):has(.e-ribbon-gallery-container) {
887
890
  padding: 0;
888
891
  border-style: solid;
889
892
  border-width: 1px;
890
893
  }
891
- .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)),
892
- .e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)) {
894
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)):has(.e-ribbon-gallery-container:not(.e-hidden)),
895
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)):has(.e-ribbon-gallery-container:not(.e-hidden)) {
893
896
  height: 84px;
894
897
  border-radius: 4px;
895
898
  }
896
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group,
897
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group {
899
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group,
900
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group {
898
901
  -webkit-box-shadow: none;
899
902
  box-shadow: none;
900
903
  }
901
- .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
902
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper {
904
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-checkbox-wrapper,
905
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-checkbox-wrapper {
903
906
  height: -webkit-fit-content;
904
907
  height: -moz-fit-content;
905
908
  height: fit-content;
@@ -909,124 +912,125 @@
909
912
  width: max-content;
910
913
  padding: 0 4px;
911
914
  }
912
- .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
913
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label {
915
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-checkbox-wrapper .e-label,
916
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-checkbox-wrapper .e-label {
914
917
  font-size: 12px;
918
+ font-weight: 400;
915
919
  }
916
- .e-ribbon.e-rbn .e-ribbon-item .e-btn,
917
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn {
920
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn,
921
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn {
918
922
  -webkit-box-shadow: none;
919
923
  box-shadow: none;
920
924
  }
921
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:disabled,
922
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:disabled {
925
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:disabled,
926
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:disabled {
923
927
  pointer-events: none;
924
928
  }
925
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
926
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-container,
927
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper,
928
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-container {
929
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper,
930
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container,
931
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper,
932
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container {
929
933
  border: 1px solid transparent;
930
934
  border-radius: 4px;
931
935
  }
932
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
933
- .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
934
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
935
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
936
+ .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,
937
+ .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,
938
+ .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,
939
+ .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 {
936
940
  padding: 0;
937
941
  }
938
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper,
939
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
942
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
943
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
940
944
  border: 1px solid transparent;
941
945
  border-radius: 4px;
942
946
  -webkit-box-shadow: none;
943
947
  box-shadow: none;
944
948
  }
945
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
946
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
949
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-btn,
950
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-btn {
947
951
  border-radius: 0;
948
952
  }
949
- .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
950
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret {
953
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-dropdown-btn .e-caret,
954
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-dropdown-btn .e-caret {
951
955
  font-size: 12px;
952
956
  padding: 0 5px;
953
957
  }
954
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item,
955
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item {
958
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item,
959
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item {
956
960
  min-height: 100%;
957
961
  }
958
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical,
959
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical {
962
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-split-btn-wrapper.e-vertical,
963
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-split-btn-wrapper.e-vertical {
960
964
  height: 100%;
961
965
  }
962
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
963
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
966
+ .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,
967
+ .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 {
964
968
  margin: auto;
965
969
  }
966
- .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,
967
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn,
968
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn {
970
+ .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,
971
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn,
972
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn {
969
973
  white-space: nowrap;
970
974
  padding: 0;
971
975
  line-height: 15px;
972
976
  }
973
- .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,
974
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
975
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon {
977
+ .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,
978
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon,
979
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon {
976
980
  font-size: 16px;
977
981
  line-height: 16px;
978
982
  margin: 4px;
979
983
  }
980
- .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),
981
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
982
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
984
+ .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),
985
+ .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),
986
+ .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) {
983
987
  min-height: 16px;
984
988
  min-width: 16px;
985
989
  background-repeat: no-repeat;
986
990
  background-size: contain;
987
991
  background-position: center;
988
992
  }
989
- .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,
990
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
991
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
993
+ .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,
994
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
995
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
992
996
  border: none;
993
997
  }
994
- .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,
995
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
996
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon {
998
+ .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,
999
+ .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,
1000
+ .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 {
997
1001
  height: 16px;
998
1002
  width: 16px;
999
1003
  }
1000
- .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,
1001
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-split-preview,
1002
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview {
1004
+ .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,
1005
+ .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,
1006
+ .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 {
1003
1007
  border-radius: unset;
1004
1008
  }
1005
- .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,
1006
- .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,
1007
- .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 {
1009
+ .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,
1010
+ .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,
1011
+ .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 {
1008
1012
  padding: 2px 5px;
1009
1013
  }
1010
- .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,
1011
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
1012
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret {
1014
+ .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,
1015
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-caret,
1016
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-dropdown-btn .e-caret {
1013
1017
  font-size: 12px;
1014
1018
  line-height: 12px;
1015
1019
  padding: 2px 5px;
1016
1020
  margin: 0;
1017
1021
  width: auto;
1018
1022
  }
1019
- .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,
1020
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper .e-btn,
1021
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper .e-btn {
1023
+ .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,
1024
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-btn-wrapper .e-btn,
1025
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-btn-wrapper .e-btn {
1022
1026
  margin: 0;
1023
1027
  }
1024
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-icon-left,
1025
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-icon-left {
1028
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-icon-left,
1029
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-icon-left {
1026
1030
  width: 1em;
1027
1031
  }
1028
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
1029
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn {
1032
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn,
1033
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn {
1030
1034
  -webkit-box-align: center;
1031
1035
  -ms-flex-align: center;
1032
1036
  align-items: center;
@@ -1034,33 +1038,38 @@
1034
1038
  display: -ms-flexbox;
1035
1039
  display: flex;
1036
1040
  }
1037
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1038
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1041
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1042
+ .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 {
1039
1043
  width: auto;
1040
1044
  }
1041
- .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret,
1042
- .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret {
1045
+ .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,
1046
+ .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 {
1043
1047
  margin: 4px;
1044
1048
  padding: 0;
1045
1049
  }
1046
- .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),
1047
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
1048
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
1050
+ .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),
1051
+ .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),
1052
+ .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) {
1049
1053
  padding: 0 4px 0 0;
1050
1054
  }
1051
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1052
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1055
+ .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,
1056
+ .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 {
1053
1057
  padding: 0 2px 0 0;
1054
1058
  }
1055
- .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),
1056
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
1057
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
1059
+ .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),
1060
+ .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),
1061
+ .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) {
1058
1062
  padding: 0 0 0 4px;
1059
1063
  }
1060
- .e-ribbon.e-rbn.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1061
- .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1064
+ .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,
1065
+ .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 {
1062
1066
  padding: 0 0 0 2px;
1063
1067
  }
1068
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-gallery-button,
1069
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-gallery-button {
1070
+ border-width: 0 1px 0 0;
1071
+ border-radius: 4px 0 0 4px;
1072
+ }
1064
1073
 
1065
1074
  .e-ribbon-group-overflow-ddb.e-dropdown-popup:has(.e-ribbon-overflow-target) {
1066
1075
  min-width: 190px;
@@ -1128,7 +1137,7 @@
1128
1137
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1129
1138
  margin: 3px 4px;
1130
1139
  }
1131
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
1140
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon {
1132
1141
  font-size: 16px;
1133
1142
  }
1134
1143
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -1140,23 +1149,23 @@
1140
1149
  width: 100%;
1141
1150
  height: 32px;
1142
1151
  }
1143
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
1152
+ .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) {
1144
1153
  min-width: 16px;
1145
1154
  min-height: 16px;
1146
1155
  }
1147
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1156
+ .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 {
1148
1157
  margin: 0;
1149
1158
  }
1150
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-btn,
1151
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
1159
+ .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,
1160
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-ribbon-template)) > .e-btn {
1152
1161
  line-height: 20px;
1153
1162
  overflow: hidden;
1154
1163
  }
1155
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper {
1164
+ .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 {
1156
1165
  width: inherit;
1157
1166
  }
1158
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-split-btn,
1159
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
1167
+ .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,
1168
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-ribbon-template)) > .e-btn {
1160
1169
  width: 100%;
1161
1170
  -webkit-box-pack: start;
1162
1171
  -ms-flex-pack: start;
@@ -1170,21 +1179,21 @@
1170
1179
  height: 26px;
1171
1180
  }
1172
1181
 
1173
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1174
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1182
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-combobox-label,
1183
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-colorpicker-label {
1175
1184
  margin-left: 36px;
1176
1185
  }
1177
- .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 {
1186
+ .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 {
1178
1187
  margin: 8px 8px 8px 12px;
1179
1188
  }
1180
- .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)) {
1189
+ .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)) {
1181
1190
  padding-left: 36px;
1182
1191
  }
1183
- .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 {
1192
+ .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 {
1184
1193
  margin-left: 36px;
1185
1194
  }
1186
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1187
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1195
+ .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,
1196
+ .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 {
1188
1197
  -webkit-transform: rotate(-90deg);
1189
1198
  transform: rotate(-90deg);
1190
1199
  padding: 0 12px;
@@ -1194,27 +1203,27 @@
1194
1203
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
1195
1204
  padding: 6px 12px 6px 0;
1196
1205
  }
1197
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1198
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1206
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-combobox-label,
1207
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-colorpicker-label {
1199
1208
  margin-right: 36px;
1200
1209
  }
1201
- .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 {
1210
+ .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 {
1202
1211
  margin: 8px 12px 8px 8px;
1203
1212
  }
1204
- .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)) {
1213
+ .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)) {
1205
1214
  padding-right: 36px;
1206
1215
  }
1207
- .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 {
1216
+ .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 {
1208
1217
  margin-right: 36px;
1209
1218
  }
1210
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1211
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1219
+ .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,
1220
+ .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 {
1212
1221
  -webkit-transform: rotate(90deg);
1213
1222
  transform: rotate(90deg);
1214
1223
  padding: 0 12px;
1215
1224
  margin: 0 auto 0 0;
1216
1225
  }
1217
- .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
1226
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-checkbox-wrapper {
1218
1227
  margin: 8px 12px 8px 0;
1219
1228
  }
1220
1229
 
@@ -1427,14 +1436,22 @@
1427
1436
  .e-ribbon-menu {
1428
1437
  display: block;
1429
1438
  }
1430
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu {
1439
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu,
1440
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu, .e-ribbon-menu.e-menu-container ul.e-vertical.e-menu,
1441
+ .e-ribbon-menu.e-menu-container ul.e-ul.e-menu {
1442
+ padding: 4px 0;
1431
1443
  border: 1px solid;
1432
1444
  border-radius: 4px;
1433
1445
  }
1434
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item {
1446
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item,
1447
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item, .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item,
1448
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item {
1435
1449
  border-radius: unset;
1450
+ font-weight: 400;
1436
1451
  }
1437
- .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 {
1452
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
1453
+ .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,
1454
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item .e-menu-icon {
1438
1455
  min-height: 16px;
1439
1456
  min-width: 16px;
1440
1457
  background-repeat: no-repeat;
@@ -1442,7 +1459,9 @@
1442
1459
  background-position: center;
1443
1460
  width: auto;
1444
1461
  }
1445
- .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 {
1462
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1463
+ .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,
1464
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item.e-blankicon {
1446
1465
  padding-left: 38px !important; /* stylelint-disable-line declaration-no-important */
1447
1466
  }
1448
1467
 
@@ -1501,11 +1520,11 @@
1501
1520
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1502
1521
  }
1503
1522
  .e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-skeleton-text {
1504
- background-color: rgba(var(--color-sf-surface));
1523
+ background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1505
1524
  }
1506
1525
  .e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-shimmer-wave::after {
1507
- 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)));
1508
- 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%);
1526
+ 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)));
1527
+ 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%);
1509
1528
  }
1510
1529
  .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
1511
1530
  border-color: unset;
@@ -1657,13 +1676,13 @@
1657
1676
  .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 {
1658
1677
  color: rgba(var(--color-sf-surface));
1659
1678
  }
1660
- .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 {
1679
+ .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 {
1661
1680
  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));
1662
1681
  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));
1663
1682
  color: rgba(var(--color-sf-surface));
1664
1683
  border-color: unset;
1665
1684
  }
1666
- .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 {
1685
+ .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 {
1667
1686
  color: rgba(var(--color-sf-surface));
1668
1687
  }
1669
1688
  .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 {
@@ -1720,315 +1739,339 @@
1720
1739
  border-color: rgba(var(--color-sf-outline-variant));
1721
1740
  background: rgba(var(--color-sf-surface));
1722
1741
  }
1723
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
1724
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
1725
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1726
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn,
1727
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu),
1728
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1729
- .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),
1730
- .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),
1731
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1732
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1733
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn,
1734
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
1735
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
1736
- .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),
1737
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn,
1738
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu),
1739
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1740
- .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),
1741
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn,
1742
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu),
1743
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1744
- .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),
1745
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn {
1742
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1743
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1744
+ .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),
1745
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn,
1746
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1747
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1748
+ .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),
1749
+ .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),
1750
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1751
+ .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),
1752
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn,
1753
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1754
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1755
+ .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),
1756
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn,
1757
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1758
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1759
+ .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),
1760
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn,
1761
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu),
1762
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button,
1763
+ .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),
1764
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn {
1746
1765
  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));
1747
1766
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1748
1767
  color: rgba(var(--color-sf-on-surface));
1749
1768
  border-color: transparent;
1750
1769
  }
1751
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1752
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1753
- .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,
1754
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn .e-btn-icon,
1755
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1756
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1757
- .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,
1758
- .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,
1759
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1760
- .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,
1761
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
1762
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1763
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1764
- .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,
1765
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn .e-btn-icon,
1766
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1767
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1768
- .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,
1769
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn .e-btn-icon,
1770
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1771
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1772
- .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,
1773
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon {
1770
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1771
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1772
+ .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,
1773
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon,
1774
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1775
+ .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,
1776
+ .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,
1777
+ .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,
1778
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
1779
+ .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,
1780
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon,
1781
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1782
+ .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,
1783
+ .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,
1784
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon,
1785
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1786
+ .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,
1787
+ .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,
1788
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon,
1789
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
1790
+ .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,
1791
+ .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,
1792
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn .e-btn-icon {
1774
1793
  color: rgba(var(--color-sf-on-surface-variant));
1775
1794
  }
1776
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover,
1777
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover,
1778
- .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,
1779
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:hover,
1780
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover,
1781
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1782
- .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,
1783
- .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,
1784
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1785
- .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,
1786
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:hover,
1787
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover,
1788
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover,
1789
- .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,
1790
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:hover,
1791
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover,
1792
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1793
- .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,
1794
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover,
1795
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover,
1796
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
1797
- .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,
1798
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:hover {
1795
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1796
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1797
+ .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,
1798
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover,
1799
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1800
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1801
+ .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,
1802
+ .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,
1803
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1804
+ .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,
1805
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover,
1806
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1807
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1808
+ .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,
1809
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover,
1810
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1811
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1812
+ .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,
1813
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover,
1814
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover,
1815
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:hover,
1816
+ .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,
1817
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover {
1799
1818
  background: rgba(var(--color-sf-on-surface), 0.05);
1800
1819
  color: rgba(var(--color-sf-on-surface-variant));
1801
1820
  border-color: unset;
1802
1821
  }
1803
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1804
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1805
- .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,
1806
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:hover .e-btn-icon,
1807
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1808
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1809
- .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,
1810
- .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,
1811
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1812
- .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,
1813
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:hover .e-btn-icon,
1814
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1815
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1816
- .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,
1817
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:hover .e-btn-icon,
1818
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1819
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1820
- .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,
1821
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover .e-btn-icon,
1822
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1823
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
1824
- .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,
1825
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:hover .e-btn-icon {
1822
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1823
+ .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,
1824
+ .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,
1825
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon,
1826
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1827
+ .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,
1828
+ .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,
1829
+ .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,
1830
+ .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,
1831
+ .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,
1832
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon,
1833
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1834
+ .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,
1835
+ .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,
1836
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon,
1837
+ .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,
1838
+ .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,
1839
+ .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,
1840
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon,
1841
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
1842
+ .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,
1843
+ .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,
1844
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:hover .e-btn-icon {
1826
1845
  color: rgba(var(--color-sf-on-surface-variant));
1827
1846
  }
1828
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active,
1829
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1830
- .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,
1831
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn.e-active,
1832
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
1833
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1834
- .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,
1835
- .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,
1836
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1837
- .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,
1838
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-active,
1839
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active,
1840
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1841
- .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,
1842
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn.e-active,
1843
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
1844
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1845
- .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,
1846
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active,
1847
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
1848
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1849
- .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,
1850
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn.e-active {
1847
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1848
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1849
+ .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,
1850
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active,
1851
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1852
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1853
+ .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,
1854
+ .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,
1855
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1856
+ .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,
1857
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active,
1858
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1859
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1860
+ .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,
1861
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active,
1862
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1863
+ .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,
1864
+ .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,
1865
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active,
1866
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active,
1867
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button.e-active,
1868
+ .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,
1869
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active {
1851
1870
  background: rgba(var(--color-sf-on-surface), 0.05);
1852
1871
  color: rgba(var(--color-sf-on-surface-variant));
1853
1872
  }
1854
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1855
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1856
- .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,
1857
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn.e-active .e-btn-icon,
1858
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1859
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1860
- .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,
1861
- .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,
1862
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1863
- .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,
1864
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
1865
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1866
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1867
- .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,
1868
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn.e-active .e-btn-icon,
1869
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1870
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1871
- .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,
1872
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
1873
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1874
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
1875
- .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,
1876
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon {
1873
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
1874
+ .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,
1875
+ .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,
1876
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon,
1877
+ .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,
1878
+ .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,
1879
+ .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,
1880
+ .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,
1881
+ .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,
1882
+ .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,
1883
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon,
1884
+ .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,
1885
+ .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,
1886
+ .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,
1887
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon,
1888
+ .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,
1889
+ .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,
1890
+ .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,
1891
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon,
1892
+ .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,
1893
+ .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,
1894
+ .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,
1895
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn.e-active .e-btn-icon {
1877
1896
  color: rgba(var(--color-sf-on-surface-variant));
1878
1897
  }
1879
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active,
1880
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active,
1881
- .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,
1882
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:active,
1883
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active,
1884
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1885
- .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,
1886
- .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,
1887
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1888
- .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,
1889
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:active,
1890
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active,
1891
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active,
1892
- .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,
1893
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:active,
1894
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active,
1895
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1896
- .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,
1897
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:active,
1898
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active,
1899
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
1900
- .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,
1901
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:active {
1898
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1899
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1900
+ .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,
1901
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active,
1902
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1903
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1904
+ .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,
1905
+ .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,
1906
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1907
+ .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,
1908
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active,
1909
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1910
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1911
+ .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,
1912
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active,
1913
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1914
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1915
+ .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,
1916
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active,
1917
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active,
1918
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:active,
1919
+ .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,
1920
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active {
1902
1921
  background: rgba(var(--color-sf-on-surface), 0.05);
1903
1922
  color: rgba(var(--color-sf-on-surface-variant));
1904
1923
  }
1905
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1906
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1907
- .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,
1908
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:active .e-btn-icon,
1909
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1910
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1911
- .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,
1912
- .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,
1913
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1914
- .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,
1915
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:active .e-btn-icon,
1916
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1917
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1918
- .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,
1919
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:active .e-btn-icon,
1920
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1921
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1922
- .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,
1923
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:active .e-btn-icon,
1924
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1925
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
1926
- .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,
1927
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:active .e-btn-icon {
1924
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1925
+ .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,
1926
+ .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,
1927
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon,
1928
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1929
+ .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,
1930
+ .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,
1931
+ .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,
1932
+ .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,
1933
+ .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,
1934
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon,
1935
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1936
+ .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,
1937
+ .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,
1938
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon,
1939
+ .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,
1940
+ .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,
1941
+ .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,
1942
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon,
1943
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
1944
+ .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,
1945
+ .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,
1946
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:active .e-btn-icon {
1928
1947
  color: rgba(var(--color-sf-on-surface-variant));
1929
1948
  }
1930
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible,
1931
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1932
- .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,
1933
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:focus-visible,
1934
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
1935
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1936
- .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,
1937
- .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,
1938
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1939
- .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,
1940
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible,
1941
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible,
1942
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1943
- .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,
1944
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:focus-visible,
1945
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
1946
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1947
- .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,
1948
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible,
1949
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
1950
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1951
- .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,
1952
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible {
1949
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1950
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1951
+ .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,
1952
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1953
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1954
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1955
+ .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,
1956
+ .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,
1957
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1958
+ .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,
1959
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1960
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1961
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1962
+ .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,
1963
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1964
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1965
+ .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,
1966
+ .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,
1967
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
1968
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
1969
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
1970
+ .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,
1971
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible {
1953
1972
  background: rgba(var(--color-sf-on-surface), 0.05);
1954
1973
  color: rgba(var(--color-sf-on-surface-variant));
1955
1974
  border-color: unset;
1956
- -webkit-box-shadow: none;
1957
- box-shadow: none;
1958
1975
  }
1959
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1960
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1961
- .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,
1962
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1963
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1964
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1965
- .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,
1966
- .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,
1967
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1968
- .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,
1969
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1970
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1971
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1972
- .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,
1973
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1974
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1975
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1976
- .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,
1977
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1978
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1979
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
1980
- .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,
1981
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon {
1976
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
1977
+ .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,
1978
+ .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,
1979
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1980
+ .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,
1981
+ .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,
1982
+ .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,
1983
+ .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,
1984
+ .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,
1985
+ .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,
1986
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1987
+ .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,
1988
+ .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,
1989
+ .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,
1990
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1991
+ .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,
1992
+ .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,
1993
+ .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,
1994
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
1995
+ .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,
1996
+ .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,
1997
+ .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,
1998
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible .e-btn-icon {
1982
1999
  color: rgba(var(--color-sf-on-surface-variant));
1983
2000
  }
1984
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled,
1985
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1986
- .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,
1987
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:disabled,
1988
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
1989
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1990
- .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,
1991
- .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,
1992
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1993
- .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,
1994
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:disabled,
1995
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled,
1996
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled,
1997
- .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,
1998
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:disabled,
1999
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
2000
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2001
- .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,
2002
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled,
2003
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
2004
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2005
- .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,
2006
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:disabled {
2001
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
2002
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2003
+ .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,
2004
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
2005
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
2006
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2007
+ .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,
2008
+ .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,
2009
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2010
+ .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,
2011
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
2012
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
2013
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2014
+ .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,
2015
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
2016
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
2017
+ .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,
2018
+ .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,
2019
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible,
2020
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):focus-visible,
2021
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2022
+ .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,
2023
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:focus-visible {
2024
+ -webkit-box-shadow: none;
2025
+ box-shadow: none;
2026
+ }
2027
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2028
+ .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,
2029
+ .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,
2030
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon,
2031
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2032
+ .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,
2033
+ .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,
2034
+ .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,
2035
+ .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,
2036
+ .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,
2037
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon,
2038
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2039
+ .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,
2040
+ .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,
2041
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon,
2042
+ .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,
2043
+ .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,
2044
+ .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,
2045
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon,
2046
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2047
+ .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,
2048
+ .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,
2049
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled .e-btn-icon {
2007
2050
  color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface));
2008
2051
  }
2009
- .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2010
- .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2011
- .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,
2012
- .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:disabled .e-btn-icon,
2013
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2014
- .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2015
- .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,
2016
- .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,
2017
- .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2018
- .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,
2019
- .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon,
2020
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2021
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2022
- .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,
2023
- .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:disabled .e-btn-icon,
2024
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2025
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2026
- .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,
2027
- .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon,
2028
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2029
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2030
- .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,
2031
- .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon {
2052
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
2053
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2054
+ .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,
2055
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled,
2056
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
2057
+ .e-ribbon.e-rbn .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2058
+ .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,
2059
+ .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,
2060
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2061
+ .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,
2062
+ .e-ribbon.e-rbn.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled,
2063
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
2064
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2065
+ .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,
2066
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled,
2067
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
2068
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2069
+ .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,
2070
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled,
2071
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn:not(.e-ribbon-file-menu):disabled,
2072
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2073
+ .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,
2074
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow:not(:has(.e-ribbon-template)) .e-ribbon-group-of-btn:disabled {
2032
2075
  color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface));
2033
2076
  }
2034
2077
  .e-ribbon.e-rbn .e-ribbon-group-header,
@@ -2094,18 +2137,18 @@
2094
2137
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2095
2138
  border-color: var(--color-sf-outline-variant);
2096
2139
  }
2097
- .e-ribbon-file-menu.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2098
- .e-ribbon-file-menu.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2099
- .e-ribbon-file-menu.e-dropdown-popup .e-ribbon-group-of-btn,
2100
- .e-ribbon-vertical-center.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2101
- .e-ribbon-vertical-center.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2102
- .e-ribbon-vertical-center.e-dropdown-popup .e-ribbon-group-of-btn,
2103
- .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2104
- .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2105
- .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-ribbon-group-of-btn,
2106
- .e-ribbon-dropdown-group-button.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2107
- .e-ribbon-dropdown-group-button.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2108
- .e-ribbon-dropdown-group-button.e-dropdown-popup .e-ribbon-group-of-btn {
2140
+ .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),
2141
+ .e-ribbon-file-menu.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button:not(:hover, :active, :focus-visible, :disabled, .e-active),
2142
+ .e-ribbon-file-menu.e-dropdown-popup .e-ribbon-group-of-btn:not(:hover, :active, :focus-visible, :disabled, .e-active),
2143
+ .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),
2144
+ .e-ribbon-vertical-center.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button:not(:hover, :active, :focus-visible, :disabled, .e-active),
2145
+ .e-ribbon-vertical-center.e-dropdown-popup .e-ribbon-group-of-btn:not(:hover, :active, :focus-visible, :disabled, .e-active),
2146
+ .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),
2147
+ .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),
2148
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-ribbon-group-of-btn:not(:hover, :active, :focus-visible, :disabled, .e-active),
2149
+ .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),
2150
+ .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),
2151
+ .e-ribbon-dropdown-group-button.e-dropdown-popup .e-ribbon-group-of-btn:not(:hover, :active, :focus-visible, :disabled, .e-active) {
2109
2152
  background: transparent;
2110
2153
  }
2111
2154
 
@@ -2218,12 +2261,12 @@
2218
2261
  .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active .e-btn-icon {
2219
2262
  color: rgba(var(--color-sf-on-surface-variant));
2220
2263
  }
2221
- .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 {
2222
- background: rgba(var(--color-sf-primary-container));
2223
- }
2224
2264
  .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 {
2225
2265
  color: rgba(var(--color-sf-on-surface-variant));
2226
2266
  }
2267
+ .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 {
2268
+ background: rgba(var(--color-sf-primary-container));
2269
+ }
2227
2270
 
2228
2271
  .e-ribbon-tooltip.e-tooltip-wrap.e-popup {
2229
2272
  background: rgba(var(--color-sf-inverse-surface));
@@ -2240,22 +2283,38 @@
2240
2283
  color: rgba(var(--color-sf-inverse-on-surface));
2241
2284
  }
2242
2285
 
2286
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup {
2287
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2288
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2289
+ border: 1px solid transparent;
2290
+ }
2291
+
2243
2292
  .e-ribbon-menu.e-menu-wrapper:not(.e-menu-popup), .e-ribbon-menu.e-menu-container:not(.e-menu-popup) {
2244
2293
  background: rgba(var(--color-sf-surface));
2245
2294
  }
2246
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu {
2295
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu,
2296
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu, .e-ribbon-menu.e-menu-container ul.e-vertical.e-menu,
2297
+ .e-ribbon-menu.e-menu-container ul.e-ul.e-menu {
2247
2298
  border-color: rgba(var(--color-sf-outline-variant));
2248
2299
  background: rgba(var(--color-sf-surface));
2249
2300
  }
2250
- .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item {
2301
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item,
2302
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item, .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item,
2303
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item {
2251
2304
  color: rgba(var(--color-sf-on-surface));
2252
2305
  }
2253
2306
  .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2254
- .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,
2255
- .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-caret {
2307
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-caret,
2308
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
2309
+ .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,
2310
+ .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item .e-caret,
2311
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item .e-menu-icon,
2312
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item .e-caret {
2256
2313
  color: rgba(var(--color-sf-on-surface-variant));
2257
2314
  }
2258
- .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 {
2315
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-focused,
2316
+ .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,
2317
+ .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item.e-focused {
2259
2318
  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));
2260
2319
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2261
2320
  color: rgba(var(--color-sf-on-surface));
@@ -2306,6 +2365,12 @@
2306
2365
  .e-bigger .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
2307
2366
  height: 48px;
2308
2367
  }
2368
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus,
2369
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab.e-tab .e-tab-header .e-toolbar-item .e-text-wrap,
2370
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus,
2371
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab.e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
2372
+ height: auto;
2373
+ }
2309
2374
  .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-content,
2310
2375
  .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-content {
2311
2376
  width: calc(100% - 24px);
@@ -2367,6 +2432,10 @@
2367
2432
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item {
2368
2433
  max-height: 30px;
2369
2434
  }
2435
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-content-height .e-ribbon-collection,
2436
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-content-height .e-ribbon-collection {
2437
+ max-height: 120px;
2438
+ }
2370
2439
 
2371
2440
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-header,
2372
2441
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-header,
@@ -2437,7 +2506,6 @@
2437
2506
  .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
2438
2507
  font-size: 14px;
2439
2508
  line-height: 18px;
2440
- padding: 9px 0 9px 8px;
2441
2509
  height: auto;
2442
2510
  }
2443
2511
  .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
@@ -2473,26 +2541,26 @@
2473
2541
  font-size: 14px;
2474
2542
  }
2475
2543
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
2476
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
2544
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn,
2477
2545
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
2478
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
2546
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn,
2479
2547
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
2480
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn,
2548
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn,
2481
2549
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
2482
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn {
2550
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn {
2483
2551
  font-size: 14px;
2484
2552
  line-height: 18px;
2485
2553
  padding: 0 3px;
2486
2554
  max-width: 10ch;
2487
2555
  }
2488
2556
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2489
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2557
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2490
2558
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2491
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2559
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2492
2560
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2493
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2561
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2494
2562
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
2495
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
2563
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
2496
2564
  min-height: 36px;
2497
2565
  min-width: 36px;
2498
2566
  background-repeat: no-repeat;
@@ -2502,162 +2570,162 @@
2502
2570
  padding: 8px 3px 4px;
2503
2571
  }
2504
2572
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
2505
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
2573
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn.e-top-icon-btn,
2506
2574
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
2507
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
2575
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn.e-top-icon-btn,
2508
2576
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
2509
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
2577
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn.e-top-icon-btn,
2510
2578
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
2511
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn {
2579
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-btn.e-top-icon-btn {
2512
2580
  gap: 9px;
2513
2581
  }
2514
2582
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
2515
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
2583
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-dropdown-btn .e-caret,
2516
2584
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
2517
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
2585
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-dropdown-btn .e-caret,
2518
2586
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
2519
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
2587
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-dropdown-btn .e-caret,
2520
2588
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
2521
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret {
2589
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-large-item .e-dropdown-btn .e-caret {
2522
2590
  font-size: 12px;
2523
2591
  line-height: 12px;
2524
2592
  padding: 0 6px;
2525
2593
  }
2526
2594
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2527
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2595
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2528
2596
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2529
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2597
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2530
2598
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2531
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2599
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2532
2600
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
2533
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret {
2601
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper .e-dropdown-btn .e-caret {
2534
2602
  font-size: 12px;
2535
2603
  line-height: 12px;
2536
2604
  padding: 0 6px;
2537
2605
  }
2538
2606
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
2539
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
2540
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn,
2607
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn,
2608
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn,
2541
2609
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
2542
2610
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
2543
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
2544
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn,
2611
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn,
2612
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn,
2545
2613
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
2546
2614
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
2547
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn,
2548
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn,
2615
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn,
2616
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn,
2549
2617
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
2550
2618
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
2551
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn,
2552
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn {
2619
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn,
2620
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn {
2553
2621
  font-size: 14px;
2554
2622
  line-height: 18px;
2555
2623
  }
2556
2624
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
2557
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
2558
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
2625
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon,
2626
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon,
2559
2627
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
2560
2628
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
2561
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
2562
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
2629
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon,
2630
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon,
2563
2631
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
2564
2632
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
2565
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
2566
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
2633
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon,
2634
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon,
2567
2635
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
2568
2636
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
2569
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
2570
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon {
2637
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon,
2638
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon {
2571
2639
  font-size: 20px;
2572
2640
  line-height: 20px;
2573
2641
  margin: 8px;
2574
2642
  }
2575
2643
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret), .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
2576
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
2577
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
2644
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
2645
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
2578
2646
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
2579
2647
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
2580
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
2581
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
2648
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
2649
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
2582
2650
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
2583
2651
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
2584
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
2585
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
2652
+ .e-bigger .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),
2653
+ .e-bigger .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),
2586
2654
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
2587
2655
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
2588
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
2589
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret) {
2656
+ .e-bigger.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),
2657
+ .e-bigger.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) {
2590
2658
  min-width: 20px;
2591
2659
  min-height: 20px;
2592
2660
  }
2593
2661
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2594
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2595
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2662
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2663
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2596
2664
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2597
2665
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2598
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2599
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2666
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2667
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2600
2668
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2601
2669
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2602
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2603
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2670
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2671
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2604
2672
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2605
2673
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2606
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2607
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn {
2674
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2675
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-split-colorpicker.e-split-btn {
2608
2676
  padding: 0;
2609
2677
  border: none;
2610
2678
  }
2611
2679
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2612
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2613
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2680
+ .e-bigger.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,
2681
+ .e-bigger.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,
2614
2682
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2615
2683
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2616
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2617
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2684
+ .e-bigger .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,
2685
+ .e-bigger .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,
2618
2686
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2619
2687
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2620
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2621
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2688
+ .e-bigger .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,
2689
+ .e-bigger .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,
2622
2690
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2623
2691
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2624
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2625
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon {
2692
+ .e-bigger.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,
2693
+ .e-bigger.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 {
2626
2694
  height: 20px;
2627
2695
  width: 20px;
2628
2696
  }
2629
2697
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2630
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2631
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2698
+ .e-bigger.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,
2699
+ .e-bigger.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,
2632
2700
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2633
2701
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2634
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2635
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2702
+ .e-bigger .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,
2703
+ .e-bigger .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,
2636
2704
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2637
2705
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2638
- .e-bigger .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,
2639
- .e-bigger .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,
2706
+ .e-bigger .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,
2707
+ .e-bigger .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,
2640
2708
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2641
2709
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
2642
- .e-bigger.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,
2643
- .e-bigger.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 {
2710
+ .e-bigger.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,
2711
+ .e-bigger.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 {
2644
2712
  padding: 2px 4px;
2645
2713
  }
2646
2714
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
2647
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2648
- .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
2715
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-dropdown-btn .e-caret,
2716
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-caret,
2649
2717
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2650
2718
  .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
2651
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2652
- .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
2719
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-dropdown-btn .e-caret,
2720
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-caret,
2653
2721
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2654
2722
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
2655
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2656
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
2723
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-dropdown-btn .e-caret,
2724
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-caret,
2657
2725
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2658
2726
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
2659
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2660
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret {
2727
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-medium-item .e-dropdown-btn .e-caret,
2728
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)).e-ribbon-small-item .e-dropdown-btn .e-caret {
2661
2729
  font-size: 12px;
2662
2730
  line-height: 12px;
2663
2731
  padding: 2px 4px;
@@ -2670,51 +2738,51 @@
2670
2738
  line-height: 20px;
2671
2739
  height: 36px;
2672
2740
  }
2673
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-dropdown-btn .e-caret,
2674
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-dropdown-btn .e-caret {
2675
- font-size: 16px;
2676
- }
2677
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-input-group,
2678
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-input-group {
2679
- height: 40px;
2680
- }
2681
2741
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item,
2682
2742
  .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
2683
2743
  height: 40px;
2684
2744
  }
2685
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon,
2686
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
2745
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-dropdown-btn .e-caret,
2746
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-dropdown-btn .e-caret {
2747
+ font-size: 16px;
2748
+ }
2749
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-input-group,
2750
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-input-group {
2751
+ height: 40px;
2752
+ }
2753
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon,
2754
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon {
2687
2755
  font-size: 20px;
2688
2756
  }
2689
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret),
2690
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret) {
2757
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon:not(.e-caret),
2758
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon:not(.e-caret) {
2691
2759
  min-width: 20px;
2692
2760
  min-height: 20px;
2693
2761
  }
2694
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
2695
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
2762
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon.e-icon-left,
2763
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-btn .e-btn-icon.e-icon-left {
2696
2764
  margin: 0;
2697
2765
  }
2698
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-colorpicker-wrapper),
2699
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-colorpicker-wrapper) {
2766
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)):has(.e-colorpicker-wrapper),
2767
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)):has(.e-colorpicker-wrapper) {
2700
2768
  -webkit-box-align: center;
2701
2769
  -ms-flex-align: center;
2702
2770
  align-items: center;
2703
2771
  }
2704
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2705
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
2706
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2707
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
2772
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-combobox-label,
2773
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-colorpicker-label,
2774
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-combobox-label,
2775
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-colorpicker-label {
2708
2776
  font-size: 16px;
2709
2777
  }
2710
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
2711
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
2712
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
2713
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
2778
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-input-group,
2779
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-template,
2780
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-input-group,
2781
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-template {
2714
2782
  margin: 3px 8px;
2715
2783
  }
2716
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
2717
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
2784
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-checkbox-wrapper,
2785
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-checkbox-wrapper {
2718
2786
  margin: 10px 0 10px 16px;
2719
2787
  padding: 0;
2720
2788
  }
@@ -2722,62 +2790,62 @@
2722
2790
  .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-overflow-header {
2723
2791
  padding: 10px 0 10px 16px;
2724
2792
  }
2725
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2726
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
2727
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2728
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
2793
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-combobox-label,
2794
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-colorpicker-label,
2795
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-combobox-label,
2796
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-colorpicker-label {
2729
2797
  margin-left: 48px;
2730
2798
  }
2731
- .e-bigger .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,
2732
- .e-bigger.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 {
2799
+ .e-bigger .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,
2800
+ .e-bigger.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 {
2733
2801
  margin: 10px 12px 10px 16px;
2734
2802
  }
2735
- .e-bigger .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.e-icon-left)),
2736
- .e-bigger.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.e-icon-left)) {
2803
+ .e-bigger .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)),
2804
+ .e-bigger.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)) {
2737
2805
  padding-left: 48px;
2738
2806
  }
2739
- .e-bigger .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-bigger .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,
2740
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper,
2741
- .e-bigger.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 {
2807
+ .e-bigger .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-bigger .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,
2808
+ .e-bigger.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,
2809
+ .e-bigger.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 {
2742
2810
  margin-left: 48px;
2743
2811
  }
2744
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
2745
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
2746
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
2747
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
2812
+ .e-bigger .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,
2813
+ .e-bigger .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,
2814
+ .e-bigger.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,
2815
+ .e-bigger.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 {
2748
2816
  padding: 0 12px;
2749
2817
  }
2750
2818
  .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-overflow-header,
2751
2819
  .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-overflow-header {
2752
2820
  padding: 10px 16px 10px 0;
2753
2821
  }
2754
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2755
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
2756
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2757
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
2822
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-combobox-label,
2823
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-colorpicker-label,
2824
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-combobox-label,
2825
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) .e-ribbon-colorpicker-label {
2758
2826
  margin-right: 48px;
2759
2827
  }
2760
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
2761
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
2828
+ .e-bigger .e-ribbon-group-overflow-ddb.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,
2829
+ .e-bigger.e-ribbon-group-overflow-ddb.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 {
2762
2830
  margin: 10px 16px 10px 12px;
2763
2831
  }
2764
- .e-bigger .e-ribbon-group-overflow-ddb.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.e-icon-left)),
2765
- .e-bigger.e-ribbon-group-overflow-ddb.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.e-icon-left)) {
2832
+ .e-bigger .e-ribbon-group-overflow-ddb.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)),
2833
+ .e-bigger.e-ribbon-group-overflow-ddb.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)) {
2766
2834
  padding-right: 48px;
2767
2835
  }
2768
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper,
2769
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper,
2770
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-combobox-label)) .e-input-group.e-control-wrapper {
2836
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)):not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper, .e-bigger .e-ribbon-group-overflow-ddb.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,
2837
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)):not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper,
2838
+ .e-bigger.e-ribbon-group-overflow-ddb.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 {
2771
2839
  margin-right: 48px;
2772
2840
  }
2773
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
2774
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
2775
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
2776
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
2841
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper .e-icons.e-caret,
2842
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-dropdown-btn .e-icons.e-caret,
2843
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-split-btn-wrapper .e-icons.e-caret,
2844
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-dropdown-btn .e-icons.e-caret {
2777
2845
  padding: 0 12px;
2778
2846
  }
2779
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
2780
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
2847
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-checkbox-wrapper,
2848
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-checkbox-wrapper {
2781
2849
  margin: 10px 16px 10px 0;
2782
2850
  }
2783
2851
 
@@ -2792,16 +2860,31 @@
2792
2860
  min-width: 20px;
2793
2861
  }
2794
2862
 
2863
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu,
2864
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu, .e-bigger .e-ribbon-menu.e-menu-container ul.e-vertical.e-menu,
2865
+ .e-bigger .e-ribbon-menu.e-menu-container ul.e-ul.e-menu,
2866
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu,
2867
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu,
2868
+ .e-bigger.e-ribbon-menu.e-menu-container ul.e-vertical.e-menu,
2869
+ .e-bigger.e-ribbon-menu.e-menu-container ul.e-ul.e-menu {
2870
+ padding: 4px 0;
2871
+ }
2795
2872
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
2873
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon, .e-bigger .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item.e-blankicon,
2874
+ .e-bigger .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item.e-blankicon,
2796
2875
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
2797
- .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
2798
- .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
2876
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
2877
+ .e-bigger.e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item.e-blankicon,
2878
+ .e-bigger.e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item.e-blankicon {
2799
2879
  padding-left: 50px !important; /* stylelint-disable-line declaration-no-important */
2800
2880
  }
2801
2881
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2882
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon, .e-bigger .e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item .e-menu-icon,
2883
+ .e-bigger .e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item .e-menu-icon,
2802
2884
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
2803
- .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
2804
- .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
2885
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
2886
+ .e-bigger.e-ribbon-menu.e-menu-container ul.e-vertical .e-menu-item .e-menu-icon,
2887
+ .e-bigger.e-ribbon-menu.e-menu-container ul.e-ul .e-menu-item .e-menu-icon {
2805
2888
  min-width: 18px;
2806
2889
  min-height: 18px;
2807
2890
  }