@syncfusion/ej2-react-ribbon 25.2.5 → 26.1.38

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 (45) hide show
  1. package/dist/ej2-react-ribbon.min.js +2 -2
  2. package/dist/ej2-react-ribbon.umd.min.js +2 -2
  3. package/dist/ej2-react-ribbon.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-react-ribbon.es2015.js +5 -5
  5. package/dist/es6/ej2-react-ribbon.es2015.js.map +1 -1
  6. package/package.json +9 -9
  7. package/styles/bootstrap-dark.css +2748 -1
  8. package/styles/bootstrap.css +2750 -1
  9. package/styles/bootstrap4.css +2814 -1
  10. package/styles/bootstrap5-dark.css +2841 -1
  11. package/styles/bootstrap5.css +2841 -1
  12. package/styles/fabric-dark.css +2723 -1
  13. package/styles/fabric.css +2717 -1
  14. package/styles/fluent-dark.css +2820 -1
  15. package/styles/fluent.css +2820 -1
  16. package/styles/fluent2.css +3893 -0
  17. package/styles/fluent2.scss +1 -0
  18. package/styles/highcontrast-light.css +2730 -1
  19. package/styles/highcontrast.css +2735 -1
  20. package/styles/material-dark.css +2867 -1
  21. package/styles/material.css +2894 -1
  22. package/styles/material3-dark.css +2943 -1
  23. package/styles/material3.css +3055 -1
  24. package/styles/ribbon/bootstrap-dark.css +2748 -1
  25. package/styles/ribbon/bootstrap.css +2750 -1
  26. package/styles/ribbon/bootstrap4.css +2814 -1
  27. package/styles/ribbon/bootstrap5-dark.css +2841 -1
  28. package/styles/ribbon/bootstrap5.css +2841 -1
  29. package/styles/ribbon/fabric-dark.css +2723 -1
  30. package/styles/ribbon/fabric.css +2717 -1
  31. package/styles/ribbon/fluent-dark.css +2820 -1
  32. package/styles/ribbon/fluent.css +2820 -1
  33. package/styles/ribbon/fluent2.css +3893 -0
  34. package/styles/ribbon/fluent2.scss +1 -0
  35. package/styles/ribbon/highcontrast-light.css +2730 -1
  36. package/styles/ribbon/highcontrast.css +2735 -1
  37. package/styles/ribbon/material-dark.css +2867 -1
  38. package/styles/ribbon/material.css +2894 -1
  39. package/styles/ribbon/material3-dark.css +2943 -1
  40. package/styles/ribbon/material3.css +3055 -1
  41. package/styles/ribbon/tailwind-dark.css +2848 -1
  42. package/styles/ribbon/tailwind.css +2848 -1
  43. package/styles/tailwind-dark.css +2848 -1
  44. package/styles/tailwind.css +2848 -1
  45. package/CHANGELOG.md +0 -115
@@ -1 +1,3055 @@
1
- @import '@syncfusion/ej2-ribbon/styles/material3.css';
1
+ :root {
2
+ --color-sf-black: 0, 0, 0;
3
+ --color-sf-white: 255, 255, 255;
4
+ --color-sf-primary: 103, 80, 164;
5
+ --color-sf-primary-container: 234, 221, 255;
6
+ --color-sf-secondary: 98, 91, 113;
7
+ --color-sf-secondary-container: 232, 222, 248;
8
+ --color-sf-tertiary: 125, 82, 96;
9
+ --color-sf-tertiary-container: 255, 216, 228;
10
+ --color-sf-surface: 255, 255, 255;
11
+ --color-sf-surface-variant: 231, 224, 236;
12
+ --color-sf-background: var(--color-sf-surface);
13
+ --color-sf-on-primary: 255, 255, 255;
14
+ --color-sf-on-primary-container: 33, 0, 94;
15
+ --color-sf-on-secondary: 255, 255, 255;
16
+ --color-sf-on-secondary-container: 30, 25, 43;
17
+ --color-sf-on-tertiary: 255, 255, 255;
18
+ --color-sf-on-tertiary-containe: 55, 11, 30;
19
+ --color-sf-on-surface: 28, 27, 31;
20
+ --color-sf-on-surface-variant: 73, 69, 78;
21
+ --color-sf-on-background: 28, 27, 31;
22
+ --color-sf-outline: 121, 116, 126;
23
+ --color-sf-outline-variant: 196, 199, 197;
24
+ --color-sf-shadow: 0, 0, 0;
25
+ --color-sf-surface-tint-color: 103, 80, 164;
26
+ --color-sf-inverse-surface: 49, 48, 51;
27
+ --color-sf-inverse-on-surface: 244, 239, 244;
28
+ --color-sf-inverse-primary: 208, 188, 255;
29
+ --color-sf-scrim: 0, 0, 0;
30
+ --color-sf-error: 179, 38, 30;
31
+ --color-sf-error-container: 249, 222, 220;
32
+ --color-sf-on-error: 255, 250, 250;
33
+ --color-sf-on-error-container: 65, 14, 11;
34
+ --color-sf-success: 32, 81, 7;
35
+ --color-sf-success-container: 209, 255, 186;
36
+ --color-sf-on-success: 244, 255, 239;
37
+ --color-sf-on-success-container: 13, 39, 0;
38
+ --color-sf-info: 1, 87, 155;
39
+ --color-sf-info-container: 233, 245, 255;
40
+ --color-sf-on-info: 250, 253, 255;
41
+ --color-sf-on-info-container: 0, 51, 91;
42
+ --color-sf-warning: 145, 76, 0;
43
+ --color-sf-warning-container: 254, 236, 222;
44
+ --color-sf-on-warning: 255, 255, 255;
45
+ --color-sf-on-warning-container: 47, 21, 0;
46
+ --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
47
+ --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
48
+ --color-sf-diagram-palette-background: --color-sf-white;
49
+ --color-sf-success-text: 255, 255, 255;
50
+ --color-sf-warning-text: 255, 255, 255;
51
+ --color-sf-danger-text: 255, 255, 255;
52
+ --color-sf-info-text: 255, 255, 255;
53
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
54
+ --color-sf-secondary-bg-color: var(--color-sf-surface);
55
+ }
56
+
57
+ .e-dark-mode {
58
+ --color-sf-black: 0, 0, 0;
59
+ --color-sf-white: 255, 255, 255;
60
+ --color-sf-primary: 208, 188, 255;
61
+ --color-sf-primary-container: 79, 55, 139;
62
+ --color-sf-secondary: 204, 194, 220;
63
+ --color-sf-secondary-container: 74, 68, 88;
64
+ --color-sf-tertiary: 239, 184, 200;
65
+ --color-sf-tertiary-container: 99, 59, 72;
66
+ --color-sf-surface: 28, 27, 31;
67
+ --color-sf-surface-variant: 28, 27, 31;
68
+ --color-sf-background: var(--color-sf-surface);
69
+ --color-sf-on-primary: 55, 30, 115;
70
+ --color-sf-on-primary-container: 234, 221, 255;
71
+ --color-sf-on-secondary: 51, 45, 65;
72
+ --color-sf-on-secondary-container: 232, 222, 248;
73
+ --color-sf-on-tertiary: 73, 37, 50;
74
+ --color-sf-on-tertiary-containe: 255, 216, 228;
75
+ --color-sf-on-surface: 230, 225, 229;
76
+ --color-sf-on-surface-variant: 202, 196, 208;
77
+ --color-sf-on-background: 230, 225, 229;
78
+ --color-sf-outline: 147, 143, 153;
79
+ --color-sf-outline-variant: 68, 71, 70;
80
+ --color-sf-shadow: 0, 0, 0;
81
+ --color-sf-surface-tint-color: 208, 188, 255;
82
+ --color-sf-inverse-surface: 230, 225, 229;
83
+ --color-sf-inverse-on-surface: 49, 48, 51;
84
+ --color-sf-inverse-primary: 103, 80, 164;
85
+ --color-sf-scrim: 0, 0, 0;
86
+ --color-sf-error: 242, 184, 181;
87
+ --color-sf-error-container: 140, 29, 24;
88
+ --color-sf-on-error: 96, 20, 16;
89
+ --color-sf-on-error-container: 249, 222, 220;
90
+ --color-sf-success: 83, 202, 23;
91
+ --color-sf-success-container: 22, 62, 2;
92
+ --color-sf-on-success: 13, 39, 0;
93
+ --color-sf-on-success-container: 183, 250, 150;
94
+ --color-sf-info: 71, 172, 251;
95
+ --color-sf-info-container: 0, 67, 120;
96
+ --color-sf-on-info: 0, 51, 91;
97
+ --color-sf-on-info-container: 173, 219, 255;
98
+ --color-sf-warning: 245, 180, 130;
99
+ --color-sf-warning-container: 123, 65, 0;
100
+ --color-sf-on-warning: 99, 52, 0;
101
+ --color-sf-on-warning-container: 255, 220, 193;
102
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
103
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
104
+ --color-sf-success-text: 0, 0, 0;
105
+ --color-sf-warning-text: 0, 0, 0;
106
+ --color-sf-info-text: 0, 0, 0;
107
+ --color-sf-danger-text: 0, 0, 0;
108
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
109
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
110
+ }
111
+
112
+ :root {
113
+ --color-sf-black: 0, 0, 0;
114
+ --color-sf-white: 255, 255, 255;
115
+ --color-sf-primary: 103, 80, 164;
116
+ --color-sf-primary-container: 234, 221, 255;
117
+ --color-sf-secondary: 98, 91, 113;
118
+ --color-sf-secondary-container: 232, 222, 248;
119
+ --color-sf-tertiary: 125, 82, 96;
120
+ --color-sf-tertiary-container: 255, 216, 228;
121
+ --color-sf-surface: 255, 255, 255;
122
+ --color-sf-surface-variant: 231, 224, 236;
123
+ --color-sf-background: var(--color-sf-surface);
124
+ --color-sf-on-primary: 255, 255, 255;
125
+ --color-sf-on-primary-container: 33, 0, 94;
126
+ --color-sf-on-secondary: 255, 255, 255;
127
+ --color-sf-on-secondary-container: 30, 25, 43;
128
+ --color-sf-on-tertiary: 255, 255, 255;
129
+ --color-sf-on-tertiary-containe: 55, 11, 30;
130
+ --color-sf-on-surface: 28, 27, 31;
131
+ --color-sf-on-surface-variant: 73, 69, 78;
132
+ --color-sf-on-background: 28, 27, 31;
133
+ --color-sf-outline: 121, 116, 126;
134
+ --color-sf-outline-variant: 196, 199, 197;
135
+ --color-sf-shadow: 0, 0, 0;
136
+ --color-sf-surface-tint-color: 103, 80, 164;
137
+ --color-sf-inverse-surface: 49, 48, 51;
138
+ --color-sf-inverse-on-surface: 244, 239, 244;
139
+ --color-sf-inverse-primary: 208, 188, 255;
140
+ --color-sf-scrim: 0, 0, 0;
141
+ --color-sf-error: 179, 38, 30;
142
+ --color-sf-error-container: 249, 222, 220;
143
+ --color-sf-on-error: 255, 250, 250;
144
+ --color-sf-on-error-container: 65, 14, 11;
145
+ --color-sf-success: 32, 81, 7;
146
+ --color-sf-success-container: 209, 255, 186;
147
+ --color-sf-on-success: 244, 255, 239;
148
+ --color-sf-on-success-container: 13, 39, 0;
149
+ --color-sf-info: 1, 87, 155;
150
+ --color-sf-info-container: 233, 245, 255;
151
+ --color-sf-on-info: 250, 253, 255;
152
+ --color-sf-on-info-container: 0, 51, 91;
153
+ --color-sf-warning: 145, 76, 0;
154
+ --color-sf-warning-container: 254, 236, 222;
155
+ --color-sf-on-warning: 255, 255, 255;
156
+ --color-sf-on-warning-container: 47, 21, 0;
157
+ --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
158
+ --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
159
+ --color-sf-diagram-palette-background: --color-sf-white;
160
+ --color-sf-success-text: 255, 255, 255;
161
+ --color-sf-warning-text: 255, 255, 255;
162
+ --color-sf-danger-text: 255, 255, 255;
163
+ --color-sf-info-text: 255, 255, 255;
164
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
165
+ --color-sf-secondary-bg-color: var(--color-sf-surface);
166
+ }
167
+
168
+ .e-dark-mode {
169
+ --color-sf-black: 0, 0, 0;
170
+ --color-sf-white: 255, 255, 255;
171
+ --color-sf-primary: 208, 188, 255;
172
+ --color-sf-primary-container: 79, 55, 139;
173
+ --color-sf-secondary: 204, 194, 220;
174
+ --color-sf-secondary-container: 74, 68, 88;
175
+ --color-sf-tertiary: 239, 184, 200;
176
+ --color-sf-tertiary-container: 99, 59, 72;
177
+ --color-sf-surface: 28, 27, 31;
178
+ --color-sf-surface-variant: 28, 27, 31;
179
+ --color-sf-background: var(--color-sf-surface);
180
+ --color-sf-on-primary: 55, 30, 115;
181
+ --color-sf-on-primary-container: 234, 221, 255;
182
+ --color-sf-on-secondary: 51, 45, 65;
183
+ --color-sf-on-secondary-container: 232, 222, 248;
184
+ --color-sf-on-tertiary: 73, 37, 50;
185
+ --color-sf-on-tertiary-containe: 255, 216, 228;
186
+ --color-sf-on-surface: 230, 225, 229;
187
+ --color-sf-on-surface-variant: 202, 196, 208;
188
+ --color-sf-on-background: 230, 225, 229;
189
+ --color-sf-outline: 147, 143, 153;
190
+ --color-sf-outline-variant: 68, 71, 70;
191
+ --color-sf-shadow: 0, 0, 0;
192
+ --color-sf-surface-tint-color: 208, 188, 255;
193
+ --color-sf-inverse-surface: 230, 225, 229;
194
+ --color-sf-inverse-on-surface: 49, 48, 51;
195
+ --color-sf-inverse-primary: 103, 80, 164;
196
+ --color-sf-scrim: 0, 0, 0;
197
+ --color-sf-error: 242, 184, 181;
198
+ --color-sf-error-container: 140, 29, 24;
199
+ --color-sf-on-error: 96, 20, 16;
200
+ --color-sf-on-error-container: 249, 222, 220;
201
+ --color-sf-success: 83, 202, 23;
202
+ --color-sf-success-container: 22, 62, 2;
203
+ --color-sf-on-success: 13, 39, 0;
204
+ --color-sf-on-success-container: 183, 250, 150;
205
+ --color-sf-info: 71, 172, 251;
206
+ --color-sf-info-container: 0, 67, 120;
207
+ --color-sf-on-info: 0, 51, 91;
208
+ --color-sf-on-info-container: 173, 219, 255;
209
+ --color-sf-warning: 245, 180, 130;
210
+ --color-sf-warning-container: 123, 65, 0;
211
+ --color-sf-on-warning: 99, 52, 0;
212
+ --color-sf-on-warning-container: 255, 220, 193;
213
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
214
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
215
+ --color-sf-success-text: 0, 0, 0;
216
+ --color-sf-warning-text: 0, 0, 0;
217
+ --color-sf-info-text: 0, 0, 0;
218
+ --color-sf-danger-text: 0, 0, 0;
219
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
220
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
221
+ }
222
+
223
+ .e-dropdownbase .e-list-item .e-list-icon {
224
+ padding: 0 16px 0 0;
225
+ }
226
+
227
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
228
+ padding: 0 12px 0 0;
229
+ }
230
+
231
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
232
+ padding: 0 16px 0 0;
233
+ }
234
+
235
+ .e-ddl.e-control-wrapper .e-ddl-icon::before {
236
+ -webkit-transform: rotate(0deg);
237
+ transform: rotate(0deg);
238
+ -webkit-transition: -webkit-transform 300ms ease;
239
+ transition: -webkit-transform 300ms ease;
240
+ transition: transform 300ms ease;
241
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
242
+ }
243
+
244
+ .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
245
+ -webkit-transform: rotate(180deg);
246
+ transform: rotate(180deg);
247
+ -webkit-transition: -webkit-transform 300ms ease;
248
+ transition: -webkit-transform 300ms ease;
249
+ transition: transform 300ms ease;
250
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
251
+ }
252
+
253
+ .e-dropdownbase .e-list-item.e-active.e-hover {
254
+ color: rgba(var(--color-sf-on-surface));
255
+ }
256
+
257
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
258
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
259
+ .e-input-group:not(.e-disabled) .e-back-icon:active,
260
+ .e-input-group:not(.e-disabled) .e-back-icon:hover,
261
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
262
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
263
+ background: rgba(var(--color-sf-on-surface), 0.08);
264
+ }
265
+
266
+ .e-input-group .e-ddl-icon:not(:active)::after {
267
+ -webkit-animation: none;
268
+ animation: none;
269
+ }
270
+
271
+ .e-ddl.e-popup {
272
+ border: 0;
273
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
274
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
275
+ margin-top: 2px;
276
+ }
277
+
278
+ .e-popup.e-ddl .e-dropdownbase {
279
+ min-height: 26px;
280
+ border-radius: 4px;
281
+ }
282
+
283
+ .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
284
+ border-color: rgba(var(--color-sf-primary));
285
+ }
286
+
287
+ .e-bigger .e-popup.e-ddl-device-filter {
288
+ margin-top: 0;
289
+ }
290
+
291
+ .e-bigger .e-ddl-device .e-input-group,
292
+ .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
293
+ background: rgba(0, 0, 0, 0.0001);
294
+ border-width: 0;
295
+ -webkit-box-shadow: none;
296
+ box-shadow: none;
297
+ margin-bottom: 0;
298
+ }
299
+
300
+ .e-bigger .e-ddl-device .e-input-group .e-back-icon,
301
+ .e-bigger .e-ddl-device .e-input-group input.e-input,
302
+ .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
303
+ background: rgba(0, 0, 0, 0.0001);
304
+ }
305
+
306
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
307
+ margin: 0 6px;
308
+ min-height: 30px;
309
+ min-width: 30px;
310
+ }
311
+
312
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
313
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
314
+ min-height: 38px;
315
+ min-width: 38px;
316
+ }
317
+
318
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
319
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
320
+ min-height: 22px;
321
+ min-width: 22px;
322
+ }
323
+
324
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
325
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
326
+ padding: 4px 16px 4px 0;
327
+ }
328
+
329
+ .e-input-group.e-ddl,
330
+ .e-input-group.e-ddl .e-input,
331
+ .e-input-group.e-ddl .e-ddl-icon {
332
+ background: transparent;
333
+ }
334
+
335
+ .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
336
+ .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
337
+ border-bottom-width: 0;
338
+ }
339
+
340
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
341
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
342
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
343
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
344
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
345
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
346
+ margin: 4px;
347
+ }
348
+
349
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
350
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
351
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
352
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
353
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
354
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
355
+ padding: 4px 5px 4px 12px;
356
+ }
357
+
358
+ .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
359
+ .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
360
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
361
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
362
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
363
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
364
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
365
+ min-height: 34px;
366
+ min-width: 34px;
367
+ }
368
+
369
+ .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
370
+ .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
371
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
372
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
373
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
374
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
375
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
376
+ padding: 8px 16px;
377
+ }
378
+
379
+ .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
380
+ margin: 0 4px;
381
+ }
382
+
383
+ .e-ddl.e-popup.e-outline .e-filter-parent {
384
+ padding: 4px 8px;
385
+ }
386
+
387
+ /*! component's theme wise override definitions and variables */
388
+ @-webkit-keyframes hscroll-popup-shadow {
389
+ 0% {
390
+ border-color: rgba(255, 255, 255, 0.5);
391
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
392
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
393
+ }
394
+ 100% {
395
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
396
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
397
+ }
398
+ }
399
+ @keyframes hscroll-popup-shadow {
400
+ 0% {
401
+ border-color: rgba(255, 255, 255, 0.5);
402
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
403
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
404
+ }
405
+ 100% {
406
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
407
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
408
+ }
409
+ }
410
+ /*! component's theme wise override definitions and variables */
411
+ /* stylelint-disable */
412
+ .e-ribbon .e-drop-icon::before {
413
+ content: "\e729";
414
+ }
415
+
416
+ .e-ribbon.e-rbn {
417
+ display: block;
418
+ border-radius: unset;
419
+ }
420
+ .e-ribbon.e-rbn .e-ribbon-tab .e-toolbar {
421
+ min-height: auto;
422
+ display: inline-block;
423
+ }
424
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
425
+ display: none;
426
+ }
427
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
428
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage {
429
+ font-size: 14px;
430
+ font-weight: 400;
431
+ line-height: 18px;
432
+ position: absolute;
433
+ padding: 10px 15px;
434
+ border: none;
435
+ border-width: unset;
436
+ -webkit-box-shadow: none;
437
+ box-shadow: none;
438
+ text-transform: none;
439
+ }
440
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active,
441
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage.e-active {
442
+ border-radius: unset;
443
+ }
444
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active, .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu:focus,
445
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage.e-active,
446
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage:focus {
447
+ -webkit-box-shadow: none;
448
+ box-shadow: none;
449
+ outline: none;
450
+ }
451
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template {
452
+ position: absolute;
453
+ top: 0;
454
+ display: -webkit-box;
455
+ display: -ms-flexbox;
456
+ display: flex;
457
+ -webkit-box-align: center;
458
+ -ms-flex-align: center;
459
+ align-items: center;
460
+ height: 38px;
461
+ padding-right: 16px;
462
+ border-bottom: none;
463
+ }
464
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
465
+ border-bottom: none;
466
+ }
467
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
468
+ height: 38px;
469
+ min-height: 38px;
470
+ }
471
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header::before {
472
+ border-width: 0;
473
+ }
474
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-indicator {
475
+ display: block;
476
+ z-index: 1;
477
+ }
478
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items {
479
+ height: 38px;
480
+ min-height: auto;
481
+ }
482
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
483
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
484
+ margin: 0;
485
+ }
486
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item {
487
+ vertical-align: unset;
488
+ margin: 0;
489
+ border: none;
490
+ border-radius: unset;
491
+ }
492
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
493
+ height: auto;
494
+ min-height: auto;
495
+ }
496
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active {
497
+ border: none;
498
+ }
499
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active::before {
500
+ display: none;
501
+ }
502
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
503
+ padding: 0;
504
+ height: auto;
505
+ border: none;
506
+ }
507
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-text {
508
+ font-size: 14px;
509
+ font-weight: 400;
510
+ line-height: 18px;
511
+ padding: 10px 15px;
512
+ text-transform: none;
513
+ margin: 0;
514
+ }
515
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-text-wrap {
516
+ height: auto;
517
+ }
518
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
519
+ display: none;
520
+ }
521
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap .e-tab-text {
522
+ font-weight: 400;
523
+ }
524
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
525
+ -webkit-box-shadow: none;
526
+ box-shadow: none;
527
+ }
528
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
529
+ padding: 0;
530
+ }
531
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav {
532
+ height: auto;
533
+ min-height: auto;
534
+ min-width: auto;
535
+ width: auto;
536
+ border-style: solid;
537
+ -webkit-transform: none;
538
+ transform: none;
539
+ border-width: 0 0 1px 0;
540
+ border-radius: unset;
541
+ z-index: 3;
542
+ }
543
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
544
+ display: none;
545
+ }
546
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
547
+ font-size: 14px;
548
+ font-weight: 400;
549
+ line-height: 14px;
550
+ height: auto;
551
+ -webkit-transform: none;
552
+ transform: none;
553
+ padding: 0 5px;
554
+ width: auto;
555
+ letter-spacing: unset;
556
+ }
557
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow::before {
558
+ font-size: 14px;
559
+ line-height: 14px;
560
+ }
561
+ .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
562
+ height: 38px;
563
+ }
564
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
565
+ height: auto;
566
+ }
567
+ .e-ribbon.e-rbn .e-content {
568
+ width: 100%;
569
+ }
570
+ .e-ribbon.e-rbn.e-ribbon-collapsible .e-content {
571
+ width: calc(100% - 20px);
572
+ }
573
+ .e-ribbon.e-rbn .e-ribbon-collapse-btn {
574
+ bottom: 0;
575
+ cursor: pointer;
576
+ position: absolute;
577
+ line-height: 12px;
578
+ padding: 2px;
579
+ border: none;
580
+ }
581
+ .e-ribbon.e-rbn .e-ribbon-collapse-btn:not(.e-ribbon-expand-btn) {
582
+ -webkit-transform: rotate(180deg);
583
+ transform: rotate(180deg);
584
+ }
585
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-content {
586
+ width: calc(100% - 20px - 40px);
587
+ }
588
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn,
589
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
590
+ cursor: pointer;
591
+ border-radius: 4px;
592
+ padding: 0;
593
+ border: none;
594
+ height: 24px;
595
+ margin: auto;
596
+ -webkit-box-shadow: none;
597
+ box-shadow: none;
598
+ }
599
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
600
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
601
+ font-size: 16px;
602
+ line-height: 16px;
603
+ padding: 5px;
604
+ margin: 0;
605
+ width: auto;
606
+ }
607
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus,
608
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
609
+ outline: none;
610
+ }
611
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
612
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
613
+ display: none;
614
+ }
615
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
616
+ bottom: 4px;
617
+ position: absolute;
618
+ }
619
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-ribbon-hide {
620
+ display: none;
621
+ }
622
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-container {
623
+ display: -webkit-inline-box;
624
+ display: -ms-inline-flexbox;
625
+ display: inline-flex;
626
+ }
627
+ .e-ribbon.e-rbn.e-ribbon-minimize .e-ribbon-tab .e-content, .e-ribbon.e-rbn.e-ribbon-minimize .e-ribbon-collapse-btn, .e-ribbon.e-rbn.e-ribbon-minimize .e-ribbon-overall-of-btn {
628
+ display: none;
629
+ }
630
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)) {
631
+ height: 30px;
632
+ }
633
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item .e-ribbon-gallery-wrapper {
634
+ margin: 3px 4px;
635
+ }
636
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item {
637
+ width: 78px;
638
+ margin: 0;
639
+ border-radius: 0;
640
+ max-height: 24px;
641
+ }
642
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled {
643
+ pointer-events: none;
644
+ }
645
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-text {
646
+ font-size: 12px;
647
+ }
648
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
649
+ overflow-y: hidden;
650
+ }
651
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
652
+ margin-bottom: 0;
653
+ }
654
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
655
+ padding-top: 3px;
656
+ height: auto;
657
+ }
658
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group.e-ribbon-emptyCollection::after {
659
+ display: none;
660
+ }
661
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group.e-ribbon-emptyCollection .e-ribbon-group-container {
662
+ padding: 0;
663
+ }
664
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-launcher-icon {
665
+ display: none;
666
+ }
667
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-container {
668
+ padding: 0 4px;
669
+ }
670
+ .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content {
671
+ padding: 0;
672
+ height: 32px;
673
+ -webkit-box-align: center;
674
+ -ms-flex-align: center;
675
+ align-items: center;
676
+ }
677
+ .e-ribbon.e-rbn .e-ribbon-tab-item {
678
+ display: -webkit-inline-box;
679
+ display: -ms-inline-flexbox;
680
+ display: inline-flex;
681
+ }
682
+ .e-ribbon.e-rbn .e-ribbon-tab-item.e-disabled {
683
+ pointer-events: none;
684
+ }
685
+ .e-ribbon.e-rbn .e-ribbon-group {
686
+ position: relative;
687
+ padding-top: 4px;
688
+ height: 107px;
689
+ }
690
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
691
+ display: none;
692
+ }
693
+ .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
694
+ pointer-events: none;
695
+ }
696
+ .e-ribbon.e-rbn .e-ribbon-group::after {
697
+ border-right: 1px solid;
698
+ content: "";
699
+ height: calc(100% - 16px);
700
+ position: absolute;
701
+ top: 8px;
702
+ }
703
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-collapse-btn,
704
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-help-template,
705
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-group::after {
706
+ right: 0;
707
+ }
708
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-overall-of-btn {
709
+ right: 0;
710
+ }
711
+ .e-ribbon.e-rbn:not(.e-rtl).e-ribbon-collapsible .e-ribbon-overall-of-btn {
712
+ right: 25px;
713
+ }
714
+ .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
715
+ left: var(--fileMenuWidth);
716
+ }
717
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
718
+ padding-right: 30px;
719
+ }
720
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
721
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
722
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
723
+ left: 0;
724
+ }
725
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-overall-of-btn {
726
+ left: 0;
727
+ }
728
+ .e-ribbon.e-rbn.e-rtl.e-ribbon-collapsible .e-ribbon-overall-of-btn {
729
+ left: 25px;
730
+ }
731
+ .e-ribbon.e-rbn.e-rtl .e-tab-header {
732
+ right: var(--fileMenuWidth);
733
+ }
734
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
735
+ padding-left: 30px;
736
+ }
737
+
738
+ .e-ribbon-backstage-popup.e-ribbon-backstage-open {
739
+ display: -webkit-box;
740
+ display: -ms-flexbox;
741
+ display: flex;
742
+ }
743
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper {
744
+ display: -webkit-box;
745
+ display: -ms-flexbox;
746
+ display: flex;
747
+ -webkit-box-orient: vertical;
748
+ -webkit-box-direction: normal;
749
+ -ms-flex-direction: column;
750
+ flex-direction: column;
751
+ }
752
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-items-wrapper {
753
+ display: -webkit-box;
754
+ display: -ms-flexbox;
755
+ display: flex;
756
+ -webkit-box-orient: vertical;
757
+ -webkit-box-direction: normal;
758
+ -ms-flex-direction: column;
759
+ flex-direction: column;
760
+ -webkit-box-pack: justify;
761
+ -ms-flex-pack: justify;
762
+ justify-content: space-between;
763
+ height: 100%;
764
+ }
765
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
766
+ border: none;
767
+ border-radius: unset;
768
+ -webkit-box-shadow: none;
769
+ box-shadow: none;
770
+ padding: unset;
771
+ text-align: start;
772
+ width: 100%;
773
+ height: 38px;
774
+ line-height: 38px;
775
+ }
776
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn .e-btn-icon {
777
+ font-size: 20px;
778
+ line-height: 20px;
779
+ width: auto;
780
+ margin: 0;
781
+ padding: 9px 16px 9px 14px;
782
+ }
783
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn:focus {
784
+ border-style: solid;
785
+ border-width: 0;
786
+ }
787
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn:hover {
788
+ border-style: solid;
789
+ border-width: 0;
790
+ }
791
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn:focus:hover {
792
+ border-style: solid;
793
+ border-width: 0;
794
+ }
795
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu {
796
+ border: unset;
797
+ border-radius: unset;
798
+ }
799
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul {
800
+ min-width: 135px;
801
+ }
802
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical.e-menu .e-menu-item.e-separator, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul.e-menu .e-menu-item.e-separator {
803
+ margin: 4px 20px;
804
+ }
805
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator), .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) {
806
+ height: 38px;
807
+ line-height: 38px;
808
+ padding: 0;
809
+ }
810
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator):focus, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator):focus {
811
+ border-style: solid;
812
+ border-width: 0;
813
+ }
814
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-selected, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator):hover, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator).e-selected, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator):hover {
815
+ border-style: solid;
816
+ border-width: 0;
817
+ }
818
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-selected:focus, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator).e-selected:focus {
819
+ border-style: solid;
820
+ border-width: 0;
821
+ }
822
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator) .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) .e-menu-icon {
823
+ font-size: 20px;
824
+ line-height: 20px;
825
+ width: auto;
826
+ margin-right: unset;
827
+ padding: 9px 16px 9px 14px;
828
+ }
829
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator).e-blankicon {
830
+ padding-left: 50px !important; /* stylelint-disable-line declaration-no-important */
831
+ }
832
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-rtl ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon,
833
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-rtl ul.e-ul .e-menu-item:not(.e-separator).e-blankicon {
834
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
835
+ padding-right: 50px !important; /* stylelint-disable-line declaration-no-important */
836
+ }
837
+ .e-ribbon-backstage-popup .e-ribbon-backstage-content {
838
+ overflow: auto;
839
+ }
840
+
841
+ .e-ribbon.e-rbn,
842
+ .e-ribbon-group-overflow-ddb {
843
+ border: none;
844
+ }
845
+ .e-ribbon.e-rbn .e-disabled,
846
+ .e-ribbon-group-overflow-ddb .e-disabled {
847
+ opacity: 0.35;
848
+ }
849
+ .e-ribbon.e-rbn .e-input-group,
850
+ .e-ribbon-group-overflow-ddb .e-input-group {
851
+ height: 24px;
852
+ border-radius: unset;
853
+ margin: 0 0 4px;
854
+ }
855
+ .e-ribbon.e-rbn .e-input-group input.e-input,
856
+ .e-ribbon-group-overflow-ddb .e-input-group input.e-input {
857
+ font-size: 12px;
858
+ font-weight: 400;
859
+ line-height: 16px;
860
+ height: auto;
861
+ min-height: auto;
862
+ padding: 4px 0 4px 8px;
863
+ }
864
+ .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
865
+ .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
866
+ font-size: 16px;
867
+ font-weight: 400;
868
+ line-height: 16px;
869
+ height: auto;
870
+ min-height: auto;
871
+ padding: 4px;
872
+ margin: 0;
873
+ border: none;
874
+ min-width: auto;
875
+ border-radius: unset;
876
+ }
877
+ .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
878
+ .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon {
879
+ font-size: 16px;
880
+ }
881
+ .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
882
+ .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
883
+ min-width: auto;
884
+ min-height: auto;
885
+ border-radius: unset;
886
+ }
887
+ .e-ribbon.e-rbn .e-input-group .e-clear-icon,
888
+ .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
889
+ min-width: auto;
890
+ }
891
+ .e-ribbon.e-rbn .e-ribbon-group-content,
892
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-content {
893
+ padding: 0 10px;
894
+ }
895
+ .e-ribbon.e-rbn .e-ribbon-content-height,
896
+ .e-ribbon-group-overflow-ddb .e-ribbon-content-height {
897
+ height: 84px;
898
+ }
899
+ .e-ribbon.e-rbn .e-ribbon-group-header,
900
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-header {
901
+ font-size: 10px;
902
+ line-height: 12px;
903
+ -webkit-box-align: center;
904
+ -ms-flex-align: center;
905
+ align-items: center;
906
+ display: -webkit-box;
907
+ display: -ms-flexbox;
908
+ display: flex;
909
+ -webkit-box-pack: center;
910
+ -ms-flex-pack: center;
911
+ justify-content: center;
912
+ white-space: nowrap;
913
+ padding: 6px 11px 1px 11px;
914
+ }
915
+ .e-ribbon.e-rbn .e-ribbon-launcher-icon,
916
+ .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon {
917
+ position: absolute;
918
+ bottom: 0;
919
+ margin: 0 2px 2px 0;
920
+ cursor: pointer;
921
+ border: none;
922
+ }
923
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-launcher .e-ribbon-group-header,
924
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-launcher .e-ribbon-group-header {
925
+ margin-right: 16px;
926
+ }
927
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-launcher .e-ribbon-launcher-icon,
928
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-launcher .e-ribbon-launcher-icon {
929
+ right: 0;
930
+ }
931
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-launcher .e-ribbon-group-header,
932
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher .e-ribbon-group-header {
933
+ margin-left: 16px;
934
+ }
935
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-launcher .e-ribbon-launcher-icon,
936
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher .e-ribbon-launcher-icon {
937
+ left: 0;
938
+ margin: 0 2px 2px 0;
939
+ }
940
+ .e-ribbon.e-rbn .e-ribbon-column,
941
+ .e-ribbon-group-overflow-ddb .e-ribbon-column {
942
+ display: -webkit-inline-box;
943
+ display: -ms-inline-flexbox;
944
+ display: inline-flex;
945
+ -webkit-box-orient: horizontal;
946
+ -webkit-box-direction: normal;
947
+ -ms-flex-direction: row;
948
+ flex-direction: row;
949
+ }
950
+ .e-ribbon.e-rbn .e-ribbon-row,
951
+ .e-ribbon-group-overflow-ddb .e-ribbon-row {
952
+ display: -webkit-inline-box;
953
+ display: -ms-inline-flexbox;
954
+ display: inline-flex;
955
+ -webkit-box-orient: vertical;
956
+ -webkit-box-direction: normal;
957
+ -ms-flex-direction: column;
958
+ flex-direction: column;
959
+ }
960
+ .e-ribbon.e-rbn .e-ribbon-group-overflow,
961
+ .e-ribbon.e-rbn .e-ribbon-item,
962
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow,
963
+ .e-ribbon-group-overflow-ddb .e-ribbon-item {
964
+ display: -webkit-box;
965
+ display: -ms-flexbox;
966
+ display: flex;
967
+ padding: 1px;
968
+ vertical-align: middle;
969
+ }
970
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-gallery-wrapper,
971
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-wrapper,
972
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-gallery-wrapper,
973
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-gallery-wrapper {
974
+ display: -webkit-box;
975
+ display: -ms-flexbox;
976
+ display: flex;
977
+ margin: 0;
978
+ }
979
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item,
980
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item,
981
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item,
982
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item {
983
+ max-height: 83px;
984
+ margin: 0;
985
+ border-radius: 4px;
986
+ }
987
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-gallery-button,
988
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-button,
989
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-gallery-button,
990
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-gallery-button {
991
+ padding: 0 2px;
992
+ border-width: 0 0 0 1px;
993
+ border-radius: 0 4px 4px 0;
994
+ line-height: 12px;
995
+ font-weight: 400;
996
+ font-size: 12px;
997
+ }
998
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-hidden,
999
+ .e-ribbon.e-rbn .e-ribbon-item.e-hidden,
1000
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-hidden,
1001
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-hidden {
1002
+ display: none;
1003
+ }
1004
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn,
1005
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn,
1006
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn,
1007
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn {
1008
+ border: none;
1009
+ border-radius: 4px;
1010
+ font-weight: 400;
1011
+ font-size: 12px;
1012
+ text-transform: none;
1013
+ -webkit-box-shadow: none;
1014
+ box-shadow: none;
1015
+ }
1016
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
1017
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
1018
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:focus,
1019
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:focus {
1020
+ outline: none;
1021
+ }
1022
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1023
+ .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),
1024
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
1025
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1026
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1027
+ .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),
1028
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
1029
+ .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) {
1030
+ border: none;
1031
+ }
1032
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1033
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
1034
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1035
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn {
1036
+ height: 100%;
1037
+ min-height: inherit;
1038
+ display: -webkit-box;
1039
+ display: -ms-flexbox;
1040
+ display: flex;
1041
+ -webkit-box-orient: vertical;
1042
+ -webkit-box-direction: normal;
1043
+ -ms-flex-direction: column;
1044
+ flex-direction: column;
1045
+ max-width: 10ch;
1046
+ min-width: -webkit-fit-content;
1047
+ min-width: -moz-fit-content;
1048
+ min-width: fit-content;
1049
+ white-space: normal;
1050
+ padding: 0 2px;
1051
+ line-height: 15px;
1052
+ -webkit-box-pack: start;
1053
+ -ms-flex-pack: start;
1054
+ justify-content: flex-start;
1055
+ -webkit-box-align: center;
1056
+ -ms-flex-align: center;
1057
+ align-items: center;
1058
+ }
1059
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
1060
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
1061
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
1062
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb {
1063
+ max-width: 100%;
1064
+ }
1065
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1066
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1067
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1068
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
1069
+ font-size: 32px;
1070
+ font-weight: 400;
1071
+ padding: 4px 3px;
1072
+ }
1073
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-icon-top,
1074
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-icon-top,
1075
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-icon-top,
1076
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-icon-top {
1077
+ height: 50%;
1078
+ }
1079
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
1080
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
1081
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
1082
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn {
1083
+ gap: 4px;
1084
+ }
1085
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
1086
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
1087
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
1088
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn {
1089
+ -webkit-box-pack: space-evenly;
1090
+ -ms-flex-pack: space-evenly;
1091
+ justify-content: space-evenly;
1092
+ height: 50%;
1093
+ }
1094
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
1095
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
1096
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
1097
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top {
1098
+ height: 100%;
1099
+ }
1100
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1101
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
1102
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1103
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret {
1104
+ font-size: 12px;
1105
+ line-height: 12px;
1106
+ padding: 0 5px;
1107
+ }
1108
+ .e-ribbon.e-rbn .e-ribbon-group-overflow,
1109
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow {
1110
+ height: 84px;
1111
+ padding: 2px 10px;
1112
+ }
1113
+ .e-ribbon.e-rbn .e-ribbon-item,
1114
+ .e-ribbon-group-overflow-ddb .e-ribbon-item {
1115
+ min-height: 33%;
1116
+ padding: 2px;
1117
+ }
1118
+ .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container),
1119
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container) {
1120
+ padding: 0;
1121
+ border-style: solid;
1122
+ border-width: 1px;
1123
+ }
1124
+ .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)),
1125
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)) {
1126
+ height: 84px;
1127
+ border-radius: 4px;
1128
+ }
1129
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group,
1130
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group {
1131
+ -webkit-box-shadow: none;
1132
+ box-shadow: none;
1133
+ }
1134
+ .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
1135
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper {
1136
+ height: -webkit-fit-content;
1137
+ height: -moz-fit-content;
1138
+ height: fit-content;
1139
+ margin: auto 0;
1140
+ width: -webkit-max-content;
1141
+ width: -moz-max-content;
1142
+ width: max-content;
1143
+ padding: 0 4px;
1144
+ }
1145
+ .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
1146
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label {
1147
+ font-size: 12px;
1148
+ }
1149
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn,
1150
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn {
1151
+ -webkit-box-shadow: none;
1152
+ box-shadow: none;
1153
+ }
1154
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:disabled,
1155
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:disabled {
1156
+ pointer-events: none;
1157
+ }
1158
+ .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
1159
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
1160
+ border: 1px solid transparent;
1161
+ border-radius: 4px;
1162
+ }
1163
+ .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
1164
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
1165
+ padding: 0;
1166
+ }
1167
+ .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper,
1168
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
1169
+ border: 1px solid transparent;
1170
+ border-radius: 4px;
1171
+ -webkit-box-shadow: none;
1172
+ box-shadow: none;
1173
+ }
1174
+ .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
1175
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
1176
+ border-radius: 0;
1177
+ }
1178
+ .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1179
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret {
1180
+ font-size: 12px;
1181
+ padding: 0 5px;
1182
+ }
1183
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item,
1184
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item {
1185
+ min-height: 100%;
1186
+ }
1187
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical,
1188
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical {
1189
+ height: 100%;
1190
+ }
1191
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
1192
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
1193
+ margin: auto;
1194
+ }
1195
+ .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,
1196
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn,
1197
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn {
1198
+ white-space: nowrap;
1199
+ padding: 0;
1200
+ line-height: 15px;
1201
+ }
1202
+ .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,
1203
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
1204
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon {
1205
+ font-size: 16px;
1206
+ line-height: 16px;
1207
+ margin: 4px;
1208
+ }
1209
+ .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,
1210
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
1211
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
1212
+ border: none;
1213
+ }
1214
+ .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,
1215
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1216
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon {
1217
+ height: 16px;
1218
+ width: 16px;
1219
+ }
1220
+ .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,
1221
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-split-preview,
1222
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview {
1223
+ border-radius: unset;
1224
+ }
1225
+ .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,
1226
+ .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,
1227
+ .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 {
1228
+ padding: 2px 5px;
1229
+ }
1230
+ .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,
1231
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
1232
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret {
1233
+ font-size: 12px;
1234
+ line-height: 12px;
1235
+ padding: 2px 5px;
1236
+ margin: 0;
1237
+ width: auto;
1238
+ }
1239
+ .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,
1240
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper .e-btn,
1241
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper .e-btn {
1242
+ margin: 0;
1243
+ }
1244
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
1245
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn {
1246
+ -webkit-box-align: center;
1247
+ -ms-flex-align: center;
1248
+ align-items: center;
1249
+ display: -webkit-box;
1250
+ display: -ms-flexbox;
1251
+ display: flex;
1252
+ }
1253
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1254
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1255
+ width: auto;
1256
+ }
1257
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret,
1258
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret {
1259
+ margin: 4px;
1260
+ padding: 0;
1261
+ }
1262
+ .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),
1263
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
1264
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
1265
+ padding: 0 4px 0 0;
1266
+ }
1267
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1268
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1269
+ padding: 0 2px 0 0;
1270
+ }
1271
+ .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),
1272
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
1273
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
1274
+ padding: 0 0 0 4px;
1275
+ }
1276
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1277
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1278
+ padding: 0 0 0 2px;
1279
+ }
1280
+
1281
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup:has(.e-ribbon-overflow-target) {
1282
+ min-width: 190px;
1283
+ }
1284
+ .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
1285
+ display: none;
1286
+ }
1287
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-ribbon-gallery-container) {
1288
+ border: 0;
1289
+ }
1290
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-input-group) {
1291
+ margin: 5px 0;
1292
+ }
1293
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-dropdown.e-btn {
1294
+ padding: 0;
1295
+ display: -webkit-box;
1296
+ display: -ms-flexbox;
1297
+ display: flex;
1298
+ -webkit-box-align: center;
1299
+ -ms-flex-align: center;
1300
+ align-items: center;
1301
+ -webkit-box-pack: start;
1302
+ -ms-flex-pack: start;
1303
+ justify-content: flex-start;
1304
+ width: 100%;
1305
+ }
1306
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-dropdown.e-btn .e-btn-icon {
1307
+ margin: 0;
1308
+ }
1309
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-wrapper.e-hidden,
1310
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-container.e-hidden,
1311
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-button.e-hidden,
1312
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden,
1313
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
1314
+ display: none;
1315
+ }
1316
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled,
1317
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
1318
+ pointer-events: none;
1319
+ }
1320
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-dropdown-btn .e-caret {
1321
+ font-size: 14px;
1322
+ }
1323
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-input-group {
1324
+ height: 32px;
1325
+ }
1326
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1327
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1328
+ white-space: nowrap;
1329
+ display: -webkit-box;
1330
+ display: -ms-flexbox;
1331
+ display: flex;
1332
+ -webkit-box-align: center;
1333
+ -ms-flex-align: center;
1334
+ align-items: center;
1335
+ font-weight: 400;
1336
+ font-size: 14px;
1337
+ }
1338
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-colorpicker-wrapper) {
1339
+ -webkit-box-align: center;
1340
+ -ms-flex-align: center;
1341
+ align-items: center;
1342
+ }
1343
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1344
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1345
+ margin: 3px 4px;
1346
+ }
1347
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
1348
+ font-size: 16px;
1349
+ }
1350
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
1351
+ margin: 8px 0 8px 12px;
1352
+ padding: 0;
1353
+ }
1354
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1355
+ padding: 0;
1356
+ width: 100%;
1357
+ height: 32px;
1358
+ }
1359
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1360
+ margin: 0;
1361
+ }
1362
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-btn,
1363
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
1364
+ line-height: 20px;
1365
+ overflow: hidden;
1366
+ }
1367
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper {
1368
+ width: inherit;
1369
+ }
1370
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-split-btn,
1371
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
1372
+ width: 100%;
1373
+ -webkit-box-pack: start;
1374
+ -ms-flex-pack: start;
1375
+ justify-content: flex-start;
1376
+ }
1377
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
1378
+ font-size: 14px;
1379
+ font-weight: 500;
1380
+ line-height: 18px;
1381
+ padding: 6px 0 6px 12px;
1382
+ height: 26px;
1383
+ }
1384
+
1385
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1386
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1387
+ margin-left: 36px;
1388
+ }
1389
+ .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 {
1390
+ padding: 8px 8px 8px 12px;
1391
+ }
1392
+ .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)) {
1393
+ padding-left: 36px;
1394
+ }
1395
+ .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-combobox-label)) .e-input-group.e-control-wrapper {
1396
+ margin-left: 36px;
1397
+ }
1398
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1399
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1400
+ -webkit-transform: rotate(-90deg);
1401
+ transform: rotate(-90deg);
1402
+ padding: 0 12px;
1403
+ margin: 0 0 0 auto;
1404
+ }
1405
+
1406
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
1407
+ padding: 6px 12px 6px 0;
1408
+ }
1409
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1410
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1411
+ margin-right: 36px;
1412
+ }
1413
+ .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 {
1414
+ padding: 8px 12px 8px 8px;
1415
+ }
1416
+ .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.e-icon-left)) {
1417
+ padding-right: 36px;
1418
+ }
1419
+ .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-combobox-label)) .e-input-group.e-control-wrapper {
1420
+ margin-right: 36px;
1421
+ }
1422
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1423
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1424
+ -webkit-transform: rotate(90deg);
1425
+ transform: rotate(90deg);
1426
+ padding: 0 12px;
1427
+ margin: 0 auto 0 0;
1428
+ }
1429
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
1430
+ margin: 8px 12px 8px 0;
1431
+ }
1432
+
1433
+ .e-dropdown-popup.e-ribbon-dropdown-group-button {
1434
+ border-radius: 4px;
1435
+ border: none;
1436
+ padding: 4px 9px;
1437
+ }
1438
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-ribbon-groupbutton-header {
1439
+ padding-bottom: 3px;
1440
+ font-weight: 500;
1441
+ line-height: 18px;
1442
+ white-space: nowrap;
1443
+ }
1444
+ .e-dropdown-popup.e-ribbon-dropdown-group-button.e-ribbon-group-button-overflow-popup .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn) {
1445
+ width: 100%;
1446
+ display: -webkit-box;
1447
+ display: -ms-flexbox;
1448
+ display: flex;
1449
+ -webkit-box-align: center;
1450
+ -ms-flex-align: center;
1451
+ align-items: center;
1452
+ -webkit-box-pack: start;
1453
+ -ms-flex-pack: start;
1454
+ justify-content: flex-start;
1455
+ }
1456
+ .e-dropdown-popup.e-ribbon-dropdown-group-button.e-ribbon-group-button-overflow-popup .e-btn-group:has(.e-ribbon-group-button-content) .e-btn.e-ribbon-group-button:first-of-type {
1457
+ border-top-right-radius: 4px;
1458
+ border-top-left-radius: 4px;
1459
+ border-bottom-right-radius: 0;
1460
+ border-bottom-left-radius: 0;
1461
+ }
1462
+ .e-dropdown-popup.e-ribbon-dropdown-group-button.e-ribbon-group-button-overflow-popup .e-btn-group:has(.e-ribbon-group-button-content) .e-btn.e-ribbon-group-button:last-of-type {
1463
+ border-top-right-radius: 0;
1464
+ border-top-left-radius: 0;
1465
+ border-bottom-right-radius: 4px;
1466
+ border-bottom-left-radius: 4px;
1467
+ }
1468
+ .e-dropdown-popup.e-ribbon-dropdown-group-button.e-ribbon-group-button-overflow-popup .e-btn-group:not(.e-icon-btn) {
1469
+ -webkit-box-orient: vertical;
1470
+ -webkit-box-direction: normal;
1471
+ -ms-flex-direction: column;
1472
+ flex-direction: column;
1473
+ }
1474
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group {
1475
+ -webkit-box-shadow: none;
1476
+ box-shadow: none;
1477
+ border-radius: 4px;
1478
+ }
1479
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon {
1480
+ font-size: 16px;
1481
+ font-weight: 400;
1482
+ line-height: 16px;
1483
+ margin: 5px;
1484
+ width: auto;
1485
+ }
1486
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
1487
+ padding: 0 1px 0 0;
1488
+ }
1489
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button {
1490
+ padding: 0;
1491
+ font-weight: 400;
1492
+ font-size: 12px;
1493
+ border: 1px solid rgba(var(--color-sf-outline));
1494
+ text-transform: none;
1495
+ }
1496
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn) {
1497
+ padding: 0 5px 0 0;
1498
+ }
1499
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:focus, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:focus-visible {
1500
+ outline: none;
1501
+ -webkit-box-shadow: none !important;
1502
+ box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
1503
+ }
1504
+
1505
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-popup-container .e-ribbon-gallery-header:first-child,
1506
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-popup-container .e-ribbon-gallery-header:first-child {
1507
+ padding-top: 0;
1508
+ }
1509
+
1510
+ .e-ribbon-gallery-popup.e-popup,
1511
+ .e-ribbon-gallery-dropdown.e-popup {
1512
+ border-radius: 4px;
1513
+ padding: 8px 12px 12px;
1514
+ overflow: auto;
1515
+ }
1516
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-header,
1517
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-header {
1518
+ font-size: 12px;
1519
+ font-weight: 500;
1520
+ line-height: 18px;
1521
+ padding: 8px 0;
1522
+ }
1523
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item,
1524
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item {
1525
+ margin: 2px;
1526
+ height: 54px;
1527
+ width: 73px;
1528
+ }
1529
+
1530
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item {
1531
+ width: 95px;
1532
+ }
1533
+
1534
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container,
1535
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container,
1536
+ .e-ribbon-group-overflow .e-ribbon-gallery-container,
1537
+ .e-ribbon-item .e-ribbon-gallery-container {
1538
+ padding: 0;
1539
+ margin: 0;
1540
+ display: -webkit-box;
1541
+ display: -ms-flexbox;
1542
+ display: flex;
1543
+ -ms-flex-line-pack: distribute;
1544
+ align-content: space-around;
1545
+ }
1546
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item,
1547
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item,
1548
+ .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item,
1549
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item {
1550
+ display: inherit;
1551
+ -webkit-box-orient: vertical;
1552
+ -webkit-box-direction: normal;
1553
+ -ms-flex-direction: column;
1554
+ flex-direction: column;
1555
+ -webkit-box-align: center;
1556
+ -ms-flex-align: center;
1557
+ align-items: center;
1558
+ -webkit-box-pack: center;
1559
+ -ms-flex-pack: center;
1560
+ justify-content: center;
1561
+ text-align: center;
1562
+ list-style-type: none;
1563
+ padding: 5px 0;
1564
+ cursor: pointer;
1565
+ border-width: 2px;
1566
+ border-style: solid;
1567
+ border-radius: 4px;
1568
+ }
1569
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled,
1570
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled,
1571
+ .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled,
1572
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled {
1573
+ pointer-events: none;
1574
+ }
1575
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-hidden,
1576
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-hidden,
1577
+ .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item.e-hidden,
1578
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item.e-hidden {
1579
+ display: none;
1580
+ }
1581
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-icons,
1582
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-icons,
1583
+ .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-icons,
1584
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-icons {
1585
+ font-size: 20px;
1586
+ font-weight: 400;
1587
+ line-height: 20px;
1588
+ padding: 3px;
1589
+ background-size: cover;
1590
+ }
1591
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover, .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected,
1592
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
1593
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected,
1594
+ .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
1595
+ .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected,
1596
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
1597
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected {
1598
+ border-radius: 4px;
1599
+ }
1600
+
1601
+ .e-ribbon-gallery-text {
1602
+ font-size: 14px;
1603
+ font-weight: 400;
1604
+ line-height: 20px;
1605
+ width: inherit;
1606
+ overflow: hidden;
1607
+ white-space: nowrap;
1608
+ text-overflow: ellipsis;
1609
+ }
1610
+
1611
+ .e-ribbon-keytip {
1612
+ font-size: 14px;
1613
+ line-height: 18px;
1614
+ min-width: 20px;
1615
+ height: 20px;
1616
+ border-radius: unset;
1617
+ }
1618
+ .e-ribbon-keytip.e-popup-open {
1619
+ display: -webkit-box;
1620
+ display: -ms-flexbox;
1621
+ display: flex;
1622
+ -webkit-box-pack: center;
1623
+ -ms-flex-pack: center;
1624
+ justify-content: center;
1625
+ -webkit-box-align: center;
1626
+ -ms-flex-align: center;
1627
+ align-items: center;
1628
+ }
1629
+
1630
+ .e-ribbon-menu {
1631
+ display: block;
1632
+ }
1633
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu {
1634
+ border: 1px solid;
1635
+ border-radius: 4px;
1636
+ }
1637
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item {
1638
+ border-radius: unset;
1639
+ }
1640
+ .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 {
1641
+ width: auto;
1642
+ }
1643
+ .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 {
1644
+ padding-left: 38px !important; /* stylelint-disable-line declaration-no-important */
1645
+ }
1646
+
1647
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
1648
+ font-size: 12px;
1649
+ height: 24px;
1650
+ -webkit-box-align: center;
1651
+ -ms-flex-align: center;
1652
+ align-items: center;
1653
+ }
1654
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1655
+ font-size: 16px;
1656
+ line-height: 16px;
1657
+ }
1658
+
1659
+ .e-ribbon-tooltip .e-tip-content {
1660
+ padding: 4px;
1661
+ }
1662
+ .e-ribbon-tooltip .e-tip-content .e-ribbon-tooltip-title {
1663
+ font-size: 12px;
1664
+ line-height: 18px;
1665
+ padding: 4px 4px 0;
1666
+ }
1667
+ .e-ribbon-tooltip .e-tip-content .e-ribbon-text-container {
1668
+ padding: 4px;
1669
+ display: -webkit-box;
1670
+ display: -ms-flexbox;
1671
+ display: flex;
1672
+ }
1673
+ .e-ribbon-tooltip .e-tip-content .e-ribbon-text-container .e-ribbon-tooltip-content {
1674
+ font-size: 10px;
1675
+ line-height: 15px;
1676
+ }
1677
+ .e-ribbon-tooltip .e-tip-content .e-ribbon-text-container .e-ribbon-tooltip-icon {
1678
+ font-size: 32px;
1679
+ line-height: 32px;
1680
+ padding-right: 8px;
1681
+ }
1682
+
1683
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group,
1684
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group {
1685
+ height: 149px;
1686
+ }
1687
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
1688
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage,
1689
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
1690
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage {
1691
+ font-size: 16px;
1692
+ line-height: 20px;
1693
+ padding: 14px 15px;
1694
+ }
1695
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template,
1696
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template {
1697
+ padding-right: 16px;
1698
+ height: 48px;
1699
+ }
1700
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
1701
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
1702
+ min-height: auto;
1703
+ }
1704
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
1705
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
1706
+ height: 48px;
1707
+ min-height: 48px;
1708
+ }
1709
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items,
1710
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items {
1711
+ height: 48px;
1712
+ }
1713
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item,
1714
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item {
1715
+ margin-right: 0;
1716
+ }
1717
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-text,
1718
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-text {
1719
+ font-size: 16px;
1720
+ line-height: 20px;
1721
+ padding: 14px 15px;
1722
+ }
1723
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus, .e-bigger.e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap,
1724
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus,
1725
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
1726
+ height: 48px;
1727
+ }
1728
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-content,
1729
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-content {
1730
+ width: calc(100% - 24px);
1731
+ }
1732
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-ribbon-collapse-btn,
1733
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-ribbon-collapse-btn {
1734
+ font-size: 14px;
1735
+ line-height: 14px;
1736
+ padding: 5px;
1737
+ }
1738
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-content,
1739
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-content {
1740
+ width: calc(100% - 24px - 40px);
1741
+ }
1742
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn,
1743
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn,
1744
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn,
1745
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn {
1746
+ height: 36px;
1747
+ }
1748
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
1749
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon,
1750
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
1751
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
1752
+ font-size: 20px;
1753
+ line-height: 20px;
1754
+ padding: 7px;
1755
+ }
1756
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn,
1757
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn {
1758
+ bottom: 2px;
1759
+ }
1760
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow:not(.e-rtl) .e-ribbon-overall-of-btn,
1761
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow:not(.e-rtl) .e-ribbon-overall-of-btn {
1762
+ right: 28px;
1763
+ }
1764
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow.e-rtl .e-ribbon-overall-of-btn,
1765
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow.e-rtl .e-ribbon-overall-of-btn {
1766
+ left: 28px;
1767
+ }
1768
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)),
1769
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)) {
1770
+ height: 120px;
1771
+ }
1772
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container),
1773
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container) {
1774
+ padding: 0;
1775
+ }
1776
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item,
1777
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item {
1778
+ max-height: 119px;
1779
+ width: 119px;
1780
+ }
1781
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)),
1782
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)) {
1783
+ height: 38px;
1784
+ }
1785
+ .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,
1786
+ .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 {
1787
+ max-height: 30px;
1788
+ }
1789
+
1790
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-header,
1791
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-header,
1792
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-header,
1793
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-header {
1794
+ font-size: 10px;
1795
+ line-height: 12px;
1796
+ padding: 12px 11px 1px;
1797
+ }
1798
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-launcher-icon,
1799
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-launcher-icon,
1800
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon,
1801
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon {
1802
+ margin: 0 2px 2px 0;
1803
+ }
1804
+ .e-bigger.e-ribbon.e-rbn.e-rtl .e-ribbon-launcher-icon,
1805
+ .e-bigger .e-ribbon.e-rbn.e-rtl .e-ribbon-launcher-icon,
1806
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher-icon,
1807
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher-icon {
1808
+ margin: 0 2px 2px 0;
1809
+ }
1810
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group,
1811
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group,
1812
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group,
1813
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
1814
+ height: auto;
1815
+ }
1816
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
1817
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
1818
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
1819
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
1820
+ margin-bottom: 0;
1821
+ }
1822
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
1823
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
1824
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
1825
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content {
1826
+ height: 40px;
1827
+ }
1828
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-content-height,
1829
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-content-height,
1830
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-content-height,
1831
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-content-height {
1832
+ height: 120px;
1833
+ }
1834
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow,
1835
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow,
1836
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow,
1837
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow {
1838
+ height: 120px;
1839
+ }
1840
+ .e-bigger.e-ribbon.e-rbn .e-input-group,
1841
+ .e-bigger .e-ribbon.e-rbn .e-input-group,
1842
+ .e-bigger .e-ribbon-group-overflow-ddb .e-input-group,
1843
+ .e-bigger.e-ribbon-group-overflow-ddb .e-input-group {
1844
+ height: 36px;
1845
+ margin: 0 0 4px;
1846
+ }
1847
+ .e-bigger.e-ribbon.e-rbn .e-input-group:not(.e-float-input) .e-input,
1848
+ .e-bigger .e-ribbon.e-rbn .e-input-group:not(.e-float-input) .e-input,
1849
+ .e-bigger .e-ribbon-group-overflow-ddb .e-input-group:not(.e-float-input) .e-input,
1850
+ .e-bigger.e-ribbon-group-overflow-ddb .e-input-group:not(.e-float-input) .e-input {
1851
+ min-height: auto;
1852
+ }
1853
+ .e-bigger.e-ribbon.e-rbn .e-input-group input.e-input,
1854
+ .e-bigger .e-ribbon.e-rbn .e-input-group input.e-input,
1855
+ .e-bigger .e-ribbon-group-overflow-ddb .e-input-group input.e-input,
1856
+ .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
1857
+ font-size: 14px;
1858
+ line-height: 18px;
1859
+ padding: 9px 0 9px 8px;
1860
+ height: auto;
1861
+ }
1862
+ .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
1863
+ .e-bigger .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
1864
+ .e-bigger .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon,
1865
+ .e-bigger.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
1866
+ font-size: 16px;
1867
+ line-height: 16px;
1868
+ padding: 10px 10px 10px 2px;
1869
+ }
1870
+ .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
1871
+ .e-bigger .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
1872
+ .e-bigger .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
1873
+ .e-bigger.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon {
1874
+ font-size: 16px;
1875
+ }
1876
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item,
1877
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item,
1878
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item,
1879
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item {
1880
+ padding: 2px;
1881
+ }
1882
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
1883
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
1884
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper,
1885
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper {
1886
+ padding: 0 8px;
1887
+ }
1888
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
1889
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
1890
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label,
1891
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label {
1892
+ font-size: 14px;
1893
+ }
1894
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1895
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
1896
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1897
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
1898
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1899
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn,
1900
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1901
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn {
1902
+ font-size: 14px;
1903
+ line-height: 18px;
1904
+ padding: 0 3px;
1905
+ max-width: 10ch;
1906
+ }
1907
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1908
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1909
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1910
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1911
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1912
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1913
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1914
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
1915
+ font-size: 36px;
1916
+ padding: 8px 3px 4px;
1917
+ }
1918
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
1919
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
1920
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
1921
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
1922
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
1923
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
1924
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
1925
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn {
1926
+ gap: 9px;
1927
+ }
1928
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1929
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
1930
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1931
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
1932
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1933
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
1934
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1935
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret {
1936
+ font-size: 12px;
1937
+ line-height: 12px;
1938
+ padding: 0 6px;
1939
+ }
1940
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1941
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1942
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1943
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1944
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1945
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1946
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1947
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret {
1948
+ font-size: 12px;
1949
+ line-height: 12px;
1950
+ padding: 0 6px;
1951
+ }
1952
+ .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,
1953
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
1954
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn,
1955
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
1956
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
1957
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
1958
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn,
1959
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
1960
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
1961
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn,
1962
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn,
1963
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
1964
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
1965
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn,
1966
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn {
1967
+ font-size: 14px;
1968
+ line-height: 18px;
1969
+ }
1970
+ .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,
1971
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
1972
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
1973
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
1974
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
1975
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
1976
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
1977
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
1978
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
1979
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
1980
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
1981
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
1982
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
1983
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
1984
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon {
1985
+ font-size: 20px;
1986
+ line-height: 20px;
1987
+ margin: 8px;
1988
+ }
1989
+ .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,
1990
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1991
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1992
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1993
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1994
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1995
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1996
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1997
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1998
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1999
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2000
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2001
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
2002
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
2003
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn {
2004
+ padding: 0;
2005
+ border: none;
2006
+ }
2007
+ .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,
2008
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2009
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2010
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2011
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2012
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2013
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2014
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2015
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2016
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2017
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2018
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2019
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2020
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2021
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon {
2022
+ height: 20px;
2023
+ width: 20px;
2024
+ }
2025
+ .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,
2026
+ .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,
2027
+ .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,
2028
+ .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,
2029
+ .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,
2030
+ .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,
2031
+ .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,
2032
+ .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,
2033
+ .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,
2034
+ .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,
2035
+ .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,
2036
+ .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,
2037
+ .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,
2038
+ .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,
2039
+ .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 {
2040
+ padding: 2px 4px;
2041
+ }
2042
+ .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,
2043
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2044
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
2045
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2046
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
2047
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2048
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
2049
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2050
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
2051
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2052
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
2053
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2054
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
2055
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2056
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret {
2057
+ font-size: 12px;
2058
+ line-height: 12px;
2059
+ padding: 2px 4px;
2060
+ margin: 0;
2061
+ }
2062
+
2063
+ .e-ribbon-vertical-center.e-dropdown-popup,
2064
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup {
2065
+ border-radius: 4px;
2066
+ }
2067
+ .e-ribbon-vertical-center.e-ribbon-filemenu.e-dropdown-popup,
2068
+ .e-ribbon-group-overflow-ddb.e-ribbon-filemenu.e-dropdown-popup {
2069
+ border-radius: 4px;
2070
+ }
2071
+
2072
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header,
2073
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
2074
+ font-size: 16px;
2075
+ line-height: 20px;
2076
+ height: 36px;
2077
+ }
2078
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-dropdown-btn .e-caret,
2079
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-dropdown-btn .e-caret {
2080
+ font-size: 16px;
2081
+ }
2082
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-input-group,
2083
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-input-group {
2084
+ height: 40px;
2085
+ }
2086
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item,
2087
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
2088
+ height: 40px;
2089
+ }
2090
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon,
2091
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
2092
+ font-size: 20px;
2093
+ }
2094
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
2095
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
2096
+ margin: 0;
2097
+ }
2098
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-colorpicker-wrapper),
2099
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-colorpicker-wrapper) {
2100
+ -webkit-box-align: center;
2101
+ -ms-flex-align: center;
2102
+ align-items: center;
2103
+ }
2104
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2105
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
2106
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2107
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
2108
+ font-size: 16px;
2109
+ }
2110
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
2111
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
2112
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
2113
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
2114
+ margin: 3px 8px;
2115
+ }
2116
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
2117
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
2118
+ margin: 10px 0 10px 16px;
2119
+ padding: 0;
2120
+ }
2121
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-overflow-header,
2122
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-overflow-header {
2123
+ padding: 10px 0 10px 16px;
2124
+ }
2125
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2126
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
2127
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2128
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
2129
+ margin-left: 48px;
2130
+ }
2131
+ .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,
2132
+ .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 {
2133
+ padding: 10px 12px 10px 16px;
2134
+ }
2135
+ .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)),
2136
+ .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)) {
2137
+ padding-left: 48px;
2138
+ }
2139
+ .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,
2140
+ .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,
2141
+ .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 {
2142
+ margin-left: 48px;
2143
+ }
2144
+ .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,
2145
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
2146
+ .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,
2147
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
2148
+ padding: 0 12px;
2149
+ }
2150
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-overflow-header,
2151
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-overflow-header {
2152
+ padding: 10px 16px 10px 0;
2153
+ }
2154
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2155
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
2156
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2157
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
2158
+ margin-right: 48px;
2159
+ }
2160
+ .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,
2161
+ .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 {
2162
+ padding: 10px 16px 10px 12px;
2163
+ }
2164
+ .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)),
2165
+ .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)) {
2166
+ padding-right: 48px;
2167
+ }
2168
+ .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,
2169
+ .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,
2170
+ .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 {
2171
+ margin-right: 48px;
2172
+ }
2173
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
2174
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
2175
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
2176
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
2177
+ padding: 0 12px;
2178
+ }
2179
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
2180
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
2181
+ margin: 10px 16px 10px 0;
2182
+ }
2183
+
2184
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
2185
+ font-size: 14px;
2186
+ height: 32px;
2187
+ }
2188
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
2189
+ font-size: 20px;
2190
+ line-height: 20px;
2191
+ }
2192
+
2193
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
2194
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
2195
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
2196
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
2197
+ padding-left: 50px !important; /* stylelint-disable-line declaration-no-important */
2198
+ }
2199
+
2200
+ .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
2201
+ height: 48px;
2202
+ line-height: 48px;
2203
+ }
2204
+ .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn .e-btn-icon {
2205
+ font-size: 24px;
2206
+ line-height: 24px;
2207
+ padding: 12px 12px 12px 16px;
2208
+ }
2209
+
2210
+ .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator),
2211
+ .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator),
2212
+ .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator),
2213
+ .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) {
2214
+ height: 48px;
2215
+ }
2216
+ .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator) .e-menu-icon,
2217
+ .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator) .e-menu-icon,
2218
+ .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) .e-menu-icon,
2219
+ .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) .e-menu-icon {
2220
+ font-size: 24px;
2221
+ line-height: 24px;
2222
+ padding: 12px 12px 12px 16px;
2223
+ }
2224
+ .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon,
2225
+ .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon,
2226
+ .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator).e-blankicon,
2227
+ .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator).e-blankicon {
2228
+ padding-left: 52px !important; /* stylelint-disable-line declaration-no-important */
2229
+ }
2230
+
2231
+ .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button,
2232
+ .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button {
2233
+ padding: 4px 9px;
2234
+ }
2235
+ .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon,
2236
+ .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon {
2237
+ font-size: 20px;
2238
+ line-height: 20px;
2239
+ margin: 8px;
2240
+ }
2241
+ .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
2242
+ .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
2243
+ padding: 0;
2244
+ }
2245
+ .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button,
2246
+ .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button {
2247
+ font-size: 14px;
2248
+ }
2249
+ .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn),
2250
+ .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn) {
2251
+ padding: 0 8px 0 0;
2252
+ }
2253
+
2254
+ .e-bigger.e-ribbon-gallery-popup.e-popup,
2255
+ .e-bigger .e-ribbon-gallery-popup.e-popup,
2256
+ .e-bigger.e-ribbon-gallery-dropdown.e-popup,
2257
+ .e-bigger .e-ribbon-gallery-dropdown.e-popup {
2258
+ padding: 12px 16px 16px;
2259
+ }
2260
+ .e-bigger.e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-header,
2261
+ .e-bigger .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-header,
2262
+ .e-bigger.e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-header,
2263
+ .e-bigger .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-header {
2264
+ font-size: 14px;
2265
+ line-height: 20px;
2266
+ padding: 12px 0 8px;
2267
+ }
2268
+
2269
+ .e-bigger.e-ribbon-keytip,
2270
+ .e-bigger .e-ribbon-keytip {
2271
+ font-size: 14px;
2272
+ line-height: 18px;
2273
+ min-width: 20px;
2274
+ height: 20px;
2275
+ }
2276
+
2277
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
2278
+ border-color: unset;
2279
+ 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));
2280
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2281
+ }
2282
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-ribbon-contextual-tab {
2283
+ background: rgba(var(--color-sf-primary-container));
2284
+ }
2285
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-ribbon-contextual-tab .e-tab-wrap .e-tab-text {
2286
+ color: rgba(var(--color-sf-primary));
2287
+ }
2288
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
2289
+ color: rgba(var(--color-sf-on-surface));
2290
+ }
2291
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
2292
+ color: rgba(var(--color-sf-primary));
2293
+ }
2294
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
2295
+ color: rgba(var(--color-sf-primary));
2296
+ }
2297
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-indicator {
2298
+ background: rgba(var(--color-sf-primary));
2299
+ }
2300
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav {
2301
+ border-color: rgba(var(--color-sf-outline));
2302
+ background: rgba(var(--color-sf-surface));
2303
+ }
2304
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
2305
+ color: rgba(var(--color-sf-on-surface-variant));
2306
+ }
2307
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:hover {
2308
+ border-color: rgba(var(--color-sf-outline));
2309
+ background: rgba(var(--color-sf-surface));
2310
+ }
2311
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:hover .e-nav-arrow {
2312
+ color: rgba(var(--color-sf-on-surface-variant));
2313
+ }
2314
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:active {
2315
+ border-color: rgba(var(--color-sf-outline));
2316
+ background: rgba(var(--color-sf-surface));
2317
+ }
2318
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:active .e-nav-arrow {
2319
+ color: rgba(var(--color-sf-on-surface-variant));
2320
+ }
2321
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:focus {
2322
+ border-color: rgba(var(--color-sf-outline));
2323
+ background: rgba(var(--color-sf-surface));
2324
+ }
2325
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:focus .e-nav-arrow {
2326
+ color: rgba(var(--color-sf-on-surface-variant));
2327
+ }
2328
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
2329
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage {
2330
+ 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));
2331
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2332
+ color: rgba(var(--color-sf-on-surface));
2333
+ border-color: unset;
2334
+ }
2335
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active,
2336
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage.e-active {
2337
+ color: rgba(var(--color-sf-surface));
2338
+ background: rgba(var(--color-sf-primary));
2339
+ }
2340
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu:hover:not(.e-active),
2341
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage:hover:not(.e-active) {
2342
+ color: rgba(var(--color-sf-primary));
2343
+ }
2344
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu:focus-visible,
2345
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage:focus-visible {
2346
+ color: rgba(var(--color-sf-primary));
2347
+ }
2348
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template {
2349
+ border-color: unset;
2350
+ 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));
2351
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2352
+ }
2353
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-template:focus-visible {
2354
+ background: rgba(var(--color-sf-on-surface), 0.05);
2355
+ color: rgba(var(--color-sf-on-surface-variant));
2356
+ border-color: unset;
2357
+ }
2358
+ .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-tab-wrap:focus .e-tab-text {
2359
+ color: rgba(var(--color-sf-primary));
2360
+ }
2361
+ .e-ribbon.e-rbn .e-ribbon-collapse-btn {
2362
+ 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));
2363
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2364
+ color: rgba(var(--color-sf-on-surface-variant));
2365
+ border-color: transparent;
2366
+ }
2367
+ .e-ribbon.e-rbn .e-ribbon-collapse-btn:hover, .e-ribbon.e-rbn .e-ribbon-collapse-btn:focus-visible {
2368
+ background: rgba(var(--color-sf-on-surface), 0.05);
2369
+ color: rgba(var(--color-sf-on-surface-variant));
2370
+ border-color: unset;
2371
+ }
2372
+
2373
+ .e-ribbon-backstage-popup {
2374
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2375
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2376
+ }
2377
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper {
2378
+ background: rgba(var(--color-sf-primary));
2379
+ }
2380
+ .e-ribbon-backstage-popup .e-btn {
2381
+ background: rgba(var(--color-sf-primary));
2382
+ color: rgba(var(--color-sf-surface));
2383
+ font-weight: 400;
2384
+ }
2385
+ .e-ribbon-backstage-popup .e-btn:focus {
2386
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
2387
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
2388
+ color: rgba(var(--color-sf-surface));
2389
+ border-color: unset;
2390
+ }
2391
+ .e-ribbon-backstage-popup .e-btn:hover {
2392
+ 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));
2393
+ 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));
2394
+ color: rgba(var(--color-sf-surface));
2395
+ border-color: unset;
2396
+ }
2397
+ .e-ribbon-backstage-popup .e-btn:hover:focus {
2398
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
2399
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
2400
+ color: rgba(var(--color-sf-surface));
2401
+ border-color: unset;
2402
+ }
2403
+ .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper:not(.e-menu-popup), .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-container:not(.e-menu-popup) {
2404
+ background: rgba(var(--color-sf-primary));
2405
+ }
2406
+ .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul.e-menu {
2407
+ background: rgba(var(--color-sf-primary));
2408
+ }
2409
+ .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item {
2410
+ color: rgba(var(--color-sf-surface));
2411
+ }
2412
+ .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
2413
+ color: rgba(var(--color-sf-surface));
2414
+ }
2415
+ .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-separator, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-separator {
2416
+ background: rgba(var(--color-sf-outline-variant));
2417
+ }
2418
+ .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:focus, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:focus {
2419
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
2420
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
2421
+ color: rgba(var(--color-sf-surface));
2422
+ border-color: unset;
2423
+ }
2424
+ .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 {
2425
+ color: rgba(var(--color-sf-surface));
2426
+ }
2427
+ .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 {
2428
+ 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));
2429
+ 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));
2430
+ color: rgba(var(--color-sf-surface));
2431
+ border-color: unset;
2432
+ }
2433
+ .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 {
2434
+ color: rgba(var(--color-sf-surface));
2435
+ }
2436
+ .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 {
2437
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
2438
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
2439
+ color: rgba(var(--color-sf-surface));
2440
+ border-color: unset;
2441
+ }
2442
+ .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-selected:focus .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-selected:focus .e-menu-icon {
2443
+ color: rgba(var(--color-sf-surface));
2444
+ }
2445
+ .e-ribbon-backstage-popup .e-ribbon-backstage-template,
2446
+ .e-ribbon-backstage-popup .e-ribbon-backstage-content {
2447
+ 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));
2448
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2449
+ }
2450
+
2451
+ .e-ribbon.e-rbn,
2452
+ .e-ribbon-group-overflow-ddb {
2453
+ 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));
2454
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2455
+ border-color: unset;
2456
+ }
2457
+ .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper .e-label,
2458
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper .e-label {
2459
+ color: rgba(var(--color-sf-on-surface));
2460
+ }
2461
+ .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper.e-checkbox-disabled .e-label,
2462
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper.e-checkbox-disabled .e-label {
2463
+ color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface));
2464
+ }
2465
+ .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-colorpicker-wrapper.e-ribbon-hover, .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-colorpicker-wrapper.e-ribbon-open,
2466
+ .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-hover,
2467
+ .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-open,
2468
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-colorpicker-wrapper.e-ribbon-hover,
2469
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-colorpicker-wrapper.e-ribbon-open,
2470
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-hover,
2471
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-open {
2472
+ border-color: rgba(var(--color-sf-on-surface), 0.05);
2473
+ }
2474
+ .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-vertical:hover .e-split-btn:not(:hover),
2475
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-vertical:hover .e-split-btn:not(:hover) {
2476
+ border-color: transparent;
2477
+ }
2478
+ .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled,
2479
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
2480
+ border-color: transparent;
2481
+ }
2482
+ .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container),
2483
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container) {
2484
+ border-color: rgba(var(--color-sf-outline-variant));
2485
+ background: rgba(var(--color-sf-surface));
2486
+ }
2487
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
2488
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
2489
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
2490
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn,
2491
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu),
2492
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
2493
+ .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),
2494
+ .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),
2495
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button,
2496
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
2497
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn,
2498
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
2499
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
2500
+ .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),
2501
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn,
2502
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu),
2503
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
2504
+ .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),
2505
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn,
2506
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu),
2507
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button,
2508
+ .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),
2509
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn {
2510
+ 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));
2511
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2512
+ color: rgba(var(--color-sf-on-surface));
2513
+ border-color: transparent;
2514
+ }
2515
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
2516
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
2517
+ .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,
2518
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn .e-btn-icon,
2519
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
2520
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
2521
+ .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,
2522
+ .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,
2523
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
2524
+ .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,
2525
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
2526
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
2527
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
2528
+ .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,
2529
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn .e-btn-icon,
2530
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
2531
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
2532
+ .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,
2533
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn .e-btn-icon,
2534
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
2535
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
2536
+ .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,
2537
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon {
2538
+ color: rgba(var(--color-sf-on-surface-variant));
2539
+ }
2540
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover,
2541
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover,
2542
+ .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,
2543
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:hover,
2544
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover,
2545
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
2546
+ .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,
2547
+ .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,
2548
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
2549
+ .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,
2550
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:hover,
2551
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover,
2552
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover,
2553
+ .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,
2554
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:hover,
2555
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover,
2556
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
2557
+ .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,
2558
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover,
2559
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover,
2560
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
2561
+ .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,
2562
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:hover {
2563
+ background: rgba(var(--color-sf-on-surface), 0.05);
2564
+ color: rgba(var(--color-sf-on-surface-variant));
2565
+ border-color: unset;
2566
+ }
2567
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
2568
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
2569
+ .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,
2570
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:hover .e-btn-icon,
2571
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
2572
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
2573
+ .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,
2574
+ .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,
2575
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
2576
+ .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,
2577
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:hover .e-btn-icon,
2578
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
2579
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
2580
+ .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,
2581
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:hover .e-btn-icon,
2582
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
2583
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
2584
+ .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,
2585
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover .e-btn-icon,
2586
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
2587
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
2588
+ .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,
2589
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:hover .e-btn-icon {
2590
+ color: rgba(var(--color-sf-on-surface-variant));
2591
+ }
2592
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active,
2593
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active,
2594
+ .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,
2595
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn.e-active,
2596
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
2597
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
2598
+ .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,
2599
+ .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,
2600
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
2601
+ .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,
2602
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-active,
2603
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active,
2604
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active,
2605
+ .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,
2606
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn.e-active,
2607
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
2608
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
2609
+ .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,
2610
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active,
2611
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
2612
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
2613
+ .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,
2614
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn.e-active {
2615
+ background: rgba(var(--color-sf-on-surface), 0.05);
2616
+ color: rgba(var(--color-sf-on-surface-variant));
2617
+ }
2618
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
2619
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
2620
+ .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,
2621
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn.e-active .e-btn-icon,
2622
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
2623
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
2624
+ .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,
2625
+ .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,
2626
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
2627
+ .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,
2628
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
2629
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
2630
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
2631
+ .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,
2632
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn.e-active .e-btn-icon,
2633
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
2634
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
2635
+ .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,
2636
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
2637
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
2638
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
2639
+ .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,
2640
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon {
2641
+ color: rgba(var(--color-sf-on-surface-variant));
2642
+ }
2643
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active,
2644
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active,
2645
+ .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,
2646
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:active,
2647
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active,
2648
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
2649
+ .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,
2650
+ .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,
2651
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
2652
+ .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,
2653
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:active,
2654
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active,
2655
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active,
2656
+ .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,
2657
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:active,
2658
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active,
2659
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
2660
+ .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,
2661
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:active,
2662
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active,
2663
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
2664
+ .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,
2665
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:active {
2666
+ background: rgba(var(--color-sf-on-surface), 0.05);
2667
+ color: rgba(var(--color-sf-on-surface-variant));
2668
+ }
2669
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
2670
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
2671
+ .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,
2672
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:active .e-btn-icon,
2673
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
2674
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
2675
+ .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,
2676
+ .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,
2677
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
2678
+ .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,
2679
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:active .e-btn-icon,
2680
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
2681
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
2682
+ .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,
2683
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:active .e-btn-icon,
2684
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
2685
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
2686
+ .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,
2687
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:active .e-btn-icon,
2688
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
2689
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
2690
+ .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,
2691
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:active .e-btn-icon {
2692
+ color: rgba(var(--color-sf-on-surface-variant));
2693
+ }
2694
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible,
2695
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2696
+ .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,
2697
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:focus-visible,
2698
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
2699
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2700
+ .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,
2701
+ .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,
2702
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2703
+ .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,
2704
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible,
2705
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible,
2706
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2707
+ .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,
2708
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:focus-visible,
2709
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
2710
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2711
+ .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,
2712
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible,
2713
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
2714
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
2715
+ .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,
2716
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible {
2717
+ background: rgba(var(--color-sf-on-surface), 0.05);
2718
+ color: rgba(var(--color-sf-on-surface-variant));
2719
+ border-color: unset;
2720
+ -webkit-box-shadow: none;
2721
+ box-shadow: none;
2722
+ }
2723
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
2724
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2725
+ .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,
2726
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
2727
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
2728
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2729
+ .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,
2730
+ .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,
2731
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2732
+ .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,
2733
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
2734
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
2735
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2736
+ .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,
2737
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
2738
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
2739
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2740
+ .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,
2741
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
2742
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
2743
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2744
+ .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,
2745
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon {
2746
+ color: rgba(var(--color-sf-on-surface-variant));
2747
+ }
2748
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled,
2749
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2750
+ .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,
2751
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:disabled,
2752
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
2753
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2754
+ .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,
2755
+ .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,
2756
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2757
+ .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,
2758
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:disabled,
2759
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled,
2760
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2761
+ .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,
2762
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:disabled,
2763
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
2764
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2765
+ .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,
2766
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled,
2767
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
2768
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
2769
+ .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,
2770
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:disabled {
2771
+ color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface));
2772
+ }
2773
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2774
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2775
+ .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,
2776
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:disabled .e-btn-icon,
2777
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2778
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2779
+ .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,
2780
+ .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,
2781
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2782
+ .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,
2783
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon,
2784
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2785
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2786
+ .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,
2787
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:disabled .e-btn-icon,
2788
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2789
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2790
+ .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,
2791
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon,
2792
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2793
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
2794
+ .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,
2795
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon {
2796
+ color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface));
2797
+ }
2798
+ .e-ribbon.e-rbn .e-ribbon-group-header,
2799
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-header {
2800
+ color: rgba(var(--color-sf-on-surface));
2801
+ }
2802
+ .e-ribbon.e-rbn .e-ribbon-launcher-icon,
2803
+ .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon {
2804
+ border-color: transparent;
2805
+ }
2806
+ .e-ribbon.e-rbn .e-ribbon-launcher-icon:hover, .e-ribbon.e-rbn .e-ribbon-launcher-icon:focus-visible,
2807
+ .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon:hover,
2808
+ .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon:focus-visible {
2809
+ background: rgba(var(--color-sf-on-surface), 0.05);
2810
+ color: rgba(var(--color-sf-on-surface-variant));
2811
+ border-color: unset;
2812
+ }
2813
+ .e-ribbon.e-rbn .e-input-group,
2814
+ .e-ribbon-group-overflow-ddb .e-input-group {
2815
+ border-color: rgba(var(--color-sf-outline));
2816
+ background: transparent;
2817
+ }
2818
+ .e-ribbon.e-rbn .e-input-group input.e-input,
2819
+ .e-ribbon-group-overflow-ddb .e-input-group input.e-input {
2820
+ color: rgba(var(--color-sf-on-surface));
2821
+ }
2822
+ .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
2823
+ .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
2824
+ color: rgba(var(--color-sf-on-surface-variant));
2825
+ }
2826
+ .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon:hover,
2827
+ .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon:hover {
2828
+ background: rgba(var(--color-sf-on-surface), 0.05);
2829
+ color: rgba(var(--color-sf-on-surface-variant));
2830
+ }
2831
+ .e-ribbon.e-rbn .e-input-group.e-disabled, .e-ribbon.e-rbn .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
2832
+ .e-ribbon-group-overflow-ddb .e-input-group.e-disabled,
2833
+ .e-ribbon-group-overflow-ddb .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled {
2834
+ border-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface));
2835
+ }
2836
+ .e-ribbon.e-rbn .e-ribbon-group::after,
2837
+ .e-ribbon-group-overflow-ddb .e-ribbon-group::after {
2838
+ border-color: rgba(var(--color-sf-outline-variant));
2839
+ }
2840
+
2841
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-combobox-label,
2842
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-colorpicker-label {
2843
+ color: rgba(var(--color-sf-on-surface));
2844
+ }
2845
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-template:focus-visible {
2846
+ background: rgba(var(--color-sf-on-surface), 0.05);
2847
+ color: rgba(var(--color-sf-on-surface-variant));
2848
+ border-color: unset;
2849
+ }
2850
+
2851
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn,
2852
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn,
2853
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn,
2854
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn {
2855
+ 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));
2856
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2857
+ }
2858
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:hover,
2859
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:hover,
2860
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:hover,
2861
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:hover {
2862
+ background: rgba(var(--color-sf-on-surface), 0.05);
2863
+ }
2864
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn.e-active, .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:active,
2865
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn.e-active,
2866
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:active,
2867
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn.e-active,
2868
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:active,
2869
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn.e-active,
2870
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:active {
2871
+ background: rgba(var(--color-sf-on-surface), 0.05);
2872
+ }
2873
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:focus,
2874
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:focus,
2875
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:focus,
2876
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:focus {
2877
+ background: rgba(var(--color-sf-on-surface), 0.05);
2878
+ }
2879
+
2880
+ .e-ribbon-file-menu.e-dropdown-popup,
2881
+ .e-ribbon-vertical-center.e-dropdown-popup,
2882
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup,
2883
+ .e-ribbon-dropdown-group-button.e-dropdown-popup {
2884
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
2885
+ background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2886
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2887
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2888
+ border-color: var(--color-sf-outline-variant);
2889
+ }
2890
+ .e-ribbon-file-menu.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2891
+ .e-ribbon-file-menu.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2892
+ .e-ribbon-file-menu.e-dropdown-popup .e-ribbon-group-of-btn,
2893
+ .e-ribbon-vertical-center.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2894
+ .e-ribbon-vertical-center.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2895
+ .e-ribbon-vertical-center.e-dropdown-popup .e-ribbon-group-of-btn,
2896
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2897
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2898
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-ribbon-group-of-btn,
2899
+ .e-ribbon-dropdown-group-button.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2900
+ .e-ribbon-dropdown-group-button.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2901
+ .e-ribbon-dropdown-group-button.e-dropdown-popup .e-ribbon-group-of-btn {
2902
+ background: transparent;
2903
+ }
2904
+
2905
+ .e-ribbon-gallery-button {
2906
+ border-color: rgba(var(--color-sf-outline-variant));
2907
+ background: transparent;
2908
+ color: rgba(var(--color-sf-on-surface-variant));
2909
+ }
2910
+ .e-ribbon-gallery-button.e-gallery-button-active {
2911
+ background: rgba(var(--color-sf-primary-container));
2912
+ color: rgba(var(--color-sf-on-surface-variant));
2913
+ }
2914
+
2915
+ .e-ribbon-gallery-item {
2916
+ background: transparent;
2917
+ border-color: transparent;
2918
+ }
2919
+ .e-ribbon-gallery-item .e-ribbon-gallery-text {
2920
+ color: rgba(var(--color-sf-on-surface));
2921
+ }
2922
+ .e-ribbon-gallery-item .e-ribbon-gallery-icons {
2923
+ color: rgba(var(--color-sf-on-surface-variant));
2924
+ }
2925
+
2926
+ .e-ribbon-gallery-popup.e-popup,
2927
+ .e-dropdown-popup.e-ribbon-gallery-dropdown {
2928
+ background: rgba(var(--color-sf-surface));
2929
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2930
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2931
+ }
2932
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-header,
2933
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-header {
2934
+ color: rgba(var(--color-sf-on-surface-variant));
2935
+ }
2936
+
2937
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item:hover,
2938
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item:hover,
2939
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item:hover {
2940
+ background: rgba(var(--color-sf-on-surface), 0.05);
2941
+ }
2942
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-ribbon-gallery-selected,
2943
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-ribbon-gallery-selected,
2944
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-ribbon-gallery-selected {
2945
+ background: rgba(var(--color-sf-primary-container));
2946
+ }
2947
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-text,
2948
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-text,
2949
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-text {
2950
+ color: rgba(var(--color-sf-on-surface));
2951
+ }
2952
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-icons,
2953
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-icons,
2954
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-icons {
2955
+ color: rgba(var(--color-sf-on-surface-variant));
2956
+ }
2957
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-disabled,
2958
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-disabled,
2959
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-disabled {
2960
+ background: transparent;
2961
+ }
2962
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-text,
2963
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-text,
2964
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-text {
2965
+ color: rgba(var(--color-sf-on-surface), 0.38);
2966
+ }
2967
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-icons,
2968
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-icons,
2969
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-icons {
2970
+ color: rgba(var(--color-sf-on-surface), 0.38);
2971
+ }
2972
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item:focus, .e-ribbon-gallery-wrapper .e-ribbon-gallery-item:focus-visible,
2973
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item:focus,
2974
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item:focus-visible,
2975
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item:focus,
2976
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item:focus-visible {
2977
+ border-color: rgba(var(--color-sf-outline-variant));
2978
+ }
2979
+
2980
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-icon {
2981
+ color: rgba(var(--color-sf-on-surface-variant));
2982
+ }
2983
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button {
2984
+ color: rgba(var(--color-sf-on-surface));
2985
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
2986
+ background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2987
+ }
2988
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:hover, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:focus {
2989
+ background: rgba(var(--color-sf-on-surface), 0.05);
2990
+ }
2991
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:hover .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn:focus .e-btn-icon {
2992
+ color: var(--color-sf-on-surface);
2993
+ }
2994
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:hover, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:focus {
2995
+ background: rgba(var(--color-sf-on-surface), 0.05);
2996
+ color: var(--color-sf-on-surface);
2997
+ }
2998
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:hover .e-btn-icon, .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button:focus .e-btn-icon {
2999
+ color: var(--color-sf-on-surface);
3000
+ }
3001
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active {
3002
+ background: rgba(var(--color-sf-primary-container));
3003
+ }
3004
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active .e-btn-icon {
3005
+ color: rgba(var(--color-sf-on-surface-variant));
3006
+ }
3007
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active {
3008
+ background: rgba(var(--color-sf-primary-container));
3009
+ color: var(--color-sf-on-surface);
3010
+ }
3011
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active .e-btn-icon {
3012
+ color: rgba(var(--color-sf-on-surface-variant));
3013
+ }
3014
+ .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 {
3015
+ background: rgba(var(--color-sf-primary-container));
3016
+ }
3017
+ .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 {
3018
+ color: rgba(var(--color-sf-on-surface-variant));
3019
+ }
3020
+
3021
+ .e-ribbon-tooltip.e-tooltip-wrap.e-popup {
3022
+ background: rgba(var(--color-sf-inverse-surface));
3023
+ }
3024
+ .e-ribbon-tooltip.e-tooltip-wrap .e-tip-content {
3025
+ color: rgba(var(--color-sf-inverse-on-surface));
3026
+ }
3027
+ .e-ribbon-tooltip.e-tooltip-wrap .e-arrow-tip .e-arrow-tip-inner.e-tip-top {
3028
+ color: rgba(var(--color-sf-inverse-surface));
3029
+ }
3030
+
3031
+ .e-ribbon-keytip {
3032
+ background-color: rgba(var(--color-sf-inverse-surface));
3033
+ color: rgba(var(--color-sf-inverse-on-surface));
3034
+ }
3035
+
3036
+ .e-ribbon-menu.e-menu-wrapper:not(.e-menu-popup), .e-ribbon-menu.e-menu-container:not(.e-menu-popup) {
3037
+ background: rgba(var(--color-sf-surface));
3038
+ }
3039
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu {
3040
+ border-color: rgba(var(--color-sf-outline-variant));
3041
+ background: rgba(var(--color-sf-surface));
3042
+ }
3043
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item {
3044
+ color: rgba(var(--color-sf-on-surface));
3045
+ }
3046
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
3047
+ .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,
3048
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-caret {
3049
+ color: rgba(var(--color-sf-on-surface-variant));
3050
+ }
3051
+ .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 {
3052
+ 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));
3053
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
3054
+ color: rgba(var(--color-sf-on-surface));
3055
+ }