@syncfusion/ej2-react-ribbon 25.2.5 → 26.1.35

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 +2723 -1
  8. package/styles/bootstrap.css +2725 -1
  9. package/styles/bootstrap4.css +2789 -1
  10. package/styles/bootstrap5-dark.css +2816 -1
  11. package/styles/bootstrap5.css +2816 -1
  12. package/styles/fabric-dark.css +2698 -1
  13. package/styles/fabric.css +2692 -1
  14. package/styles/fluent-dark.css +2795 -1
  15. package/styles/fluent.css +2795 -1
  16. package/styles/fluent2.css +3868 -0
  17. package/styles/fluent2.scss +1 -0
  18. package/styles/highcontrast-light.css +2705 -1
  19. package/styles/highcontrast.css +2710 -1
  20. package/styles/material-dark.css +2842 -1
  21. package/styles/material.css +2869 -1
  22. package/styles/material3-dark.css +2918 -1
  23. package/styles/material3.css +3030 -1
  24. package/styles/ribbon/bootstrap-dark.css +2723 -1
  25. package/styles/ribbon/bootstrap.css +2725 -1
  26. package/styles/ribbon/bootstrap4.css +2789 -1
  27. package/styles/ribbon/bootstrap5-dark.css +2816 -1
  28. package/styles/ribbon/bootstrap5.css +2816 -1
  29. package/styles/ribbon/fabric-dark.css +2698 -1
  30. package/styles/ribbon/fabric.css +2692 -1
  31. package/styles/ribbon/fluent-dark.css +2795 -1
  32. package/styles/ribbon/fluent.css +2795 -1
  33. package/styles/ribbon/fluent2.css +3868 -0
  34. package/styles/ribbon/fluent2.scss +1 -0
  35. package/styles/ribbon/highcontrast-light.css +2705 -1
  36. package/styles/ribbon/highcontrast.css +2710 -1
  37. package/styles/ribbon/material-dark.css +2842 -1
  38. package/styles/ribbon/material.css +2869 -1
  39. package/styles/ribbon/material3-dark.css +2918 -1
  40. package/styles/ribbon/material3.css +3030 -1
  41. package/styles/ribbon/tailwind-dark.css +2823 -1
  42. package/styles/ribbon/tailwind.css +2823 -1
  43. package/styles/tailwind-dark.css +2823 -1
  44. package/styles/tailwind.css +2823 -1
  45. package/CHANGELOG.md +0 -115
@@ -1 +1,3030 @@
1
- @import '@syncfusion/ej2-ribbon/styles/ribbon/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-group {
683
+ position: relative;
684
+ padding-top: 4px;
685
+ height: 107px;
686
+ }
687
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
688
+ display: none;
689
+ }
690
+ .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
691
+ pointer-events: none;
692
+ }
693
+ .e-ribbon.e-rbn .e-ribbon-group::after {
694
+ border-right: 1px solid;
695
+ content: "";
696
+ height: calc(100% - 16px);
697
+ position: absolute;
698
+ top: 8px;
699
+ }
700
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-collapse-btn,
701
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-help-template,
702
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-group::after {
703
+ right: 0;
704
+ }
705
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-overall-of-btn {
706
+ right: 0;
707
+ }
708
+ .e-ribbon.e-rbn:not(.e-rtl).e-ribbon-collapsible .e-ribbon-overall-of-btn {
709
+ right: 25px;
710
+ }
711
+ .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
712
+ left: var(--fileMenuWidth);
713
+ }
714
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
715
+ padding-right: 30px;
716
+ }
717
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
718
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
719
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
720
+ left: 0;
721
+ }
722
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-overall-of-btn {
723
+ left: 0;
724
+ }
725
+ .e-ribbon.e-rbn.e-rtl.e-ribbon-collapsible .e-ribbon-overall-of-btn {
726
+ left: 25px;
727
+ }
728
+ .e-ribbon.e-rbn.e-rtl .e-tab-header {
729
+ right: var(--fileMenuWidth);
730
+ }
731
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
732
+ padding-left: 30px;
733
+ }
734
+
735
+ .e-ribbon-backstage-popup.e-ribbon-backstage-open {
736
+ display: -webkit-box;
737
+ display: -ms-flexbox;
738
+ display: flex;
739
+ }
740
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper {
741
+ display: -webkit-box;
742
+ display: -ms-flexbox;
743
+ display: flex;
744
+ -webkit-box-orient: vertical;
745
+ -webkit-box-direction: normal;
746
+ -ms-flex-direction: column;
747
+ flex-direction: column;
748
+ }
749
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-items-wrapper {
750
+ display: -webkit-box;
751
+ display: -ms-flexbox;
752
+ display: flex;
753
+ -webkit-box-orient: vertical;
754
+ -webkit-box-direction: normal;
755
+ -ms-flex-direction: column;
756
+ flex-direction: column;
757
+ -webkit-box-pack: justify;
758
+ -ms-flex-pack: justify;
759
+ justify-content: space-between;
760
+ height: 100%;
761
+ }
762
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
763
+ border: none;
764
+ border-radius: unset;
765
+ -webkit-box-shadow: none;
766
+ box-shadow: none;
767
+ padding: unset;
768
+ text-align: start;
769
+ width: 100%;
770
+ height: 38px;
771
+ line-height: 38px;
772
+ }
773
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn .e-btn-icon {
774
+ font-size: 20px;
775
+ line-height: 20px;
776
+ width: auto;
777
+ margin: 0;
778
+ padding: 9px 16px 9px 14px;
779
+ }
780
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn:focus {
781
+ border-style: solid;
782
+ border-width: 0;
783
+ }
784
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn:hover {
785
+ border-style: solid;
786
+ border-width: 0;
787
+ }
788
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn:focus:hover {
789
+ border-style: solid;
790
+ border-width: 0;
791
+ }
792
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu {
793
+ border: unset;
794
+ border-radius: unset;
795
+ }
796
+ .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 {
797
+ min-width: 135px;
798
+ }
799
+ .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 {
800
+ margin: 4px 20px;
801
+ }
802
+ .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) {
803
+ height: 38px;
804
+ line-height: 38px;
805
+ padding: 0;
806
+ }
807
+ .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 {
808
+ border-style: solid;
809
+ border-width: 0;
810
+ }
811
+ .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 {
812
+ border-style: solid;
813
+ border-width: 0;
814
+ }
815
+ .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 {
816
+ border-style: solid;
817
+ border-width: 0;
818
+ }
819
+ .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 {
820
+ font-size: 20px;
821
+ line-height: 20px;
822
+ width: auto;
823
+ margin-right: unset;
824
+ padding: 9px 16px 9px 14px;
825
+ }
826
+ .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 {
827
+ padding-left: 50px !important; /* stylelint-disable-line declaration-no-important */
828
+ }
829
+ .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,
830
+ .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 {
831
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
832
+ padding-right: 50px !important; /* stylelint-disable-line declaration-no-important */
833
+ }
834
+ .e-ribbon-backstage-popup .e-ribbon-backstage-content {
835
+ overflow: auto;
836
+ }
837
+
838
+ .e-ribbon.e-rbn,
839
+ .e-ribbon-group-overflow-ddb {
840
+ border: none;
841
+ }
842
+ .e-ribbon.e-rbn .e-disabled,
843
+ .e-ribbon-group-overflow-ddb .e-disabled {
844
+ opacity: 0.35;
845
+ }
846
+ .e-ribbon.e-rbn .e-input-group,
847
+ .e-ribbon-group-overflow-ddb .e-input-group {
848
+ height: 24px;
849
+ border-radius: unset;
850
+ margin: 0 0 4px;
851
+ }
852
+ .e-ribbon.e-rbn .e-input-group input.e-input,
853
+ .e-ribbon-group-overflow-ddb .e-input-group input.e-input {
854
+ font-size: 12px;
855
+ font-weight: 400;
856
+ line-height: 16px;
857
+ height: auto;
858
+ min-height: auto;
859
+ padding: 4px 0 4px 8px;
860
+ }
861
+ .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
862
+ .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
863
+ font-size: 16px;
864
+ font-weight: 400;
865
+ line-height: 16px;
866
+ height: auto;
867
+ min-height: auto;
868
+ padding: 4px;
869
+ margin: 0;
870
+ border: none;
871
+ min-width: auto;
872
+ border-radius: unset;
873
+ }
874
+ .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
875
+ .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon {
876
+ font-size: 16px;
877
+ }
878
+ .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
879
+ .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
880
+ min-width: auto;
881
+ min-height: auto;
882
+ border-radius: unset;
883
+ }
884
+ .e-ribbon.e-rbn .e-input-group .e-clear-icon,
885
+ .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
886
+ min-width: auto;
887
+ }
888
+ .e-ribbon.e-rbn .e-ribbon-group-content,
889
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-content {
890
+ padding: 0 10px;
891
+ }
892
+ .e-ribbon.e-rbn .e-ribbon-content-height,
893
+ .e-ribbon-group-overflow-ddb .e-ribbon-content-height {
894
+ height: 84px;
895
+ }
896
+ .e-ribbon.e-rbn .e-ribbon-group-header,
897
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-header {
898
+ font-size: 10px;
899
+ line-height: 12px;
900
+ -webkit-box-align: center;
901
+ -ms-flex-align: center;
902
+ align-items: center;
903
+ display: -webkit-box;
904
+ display: -ms-flexbox;
905
+ display: flex;
906
+ -webkit-box-pack: center;
907
+ -ms-flex-pack: center;
908
+ justify-content: center;
909
+ white-space: nowrap;
910
+ padding: 6px 11px 1px 11px;
911
+ }
912
+ .e-ribbon.e-rbn .e-ribbon-launcher-icon,
913
+ .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon {
914
+ position: absolute;
915
+ bottom: 0;
916
+ margin: 0 2px 2px 0;
917
+ cursor: pointer;
918
+ border: none;
919
+ }
920
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-launcher .e-ribbon-group-header,
921
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-launcher .e-ribbon-group-header {
922
+ margin-right: 16px;
923
+ }
924
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-launcher .e-ribbon-launcher-icon,
925
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-launcher .e-ribbon-launcher-icon {
926
+ right: 0;
927
+ }
928
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-launcher .e-ribbon-group-header,
929
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher .e-ribbon-group-header {
930
+ margin-left: 16px;
931
+ }
932
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-launcher .e-ribbon-launcher-icon,
933
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher .e-ribbon-launcher-icon {
934
+ left: 0;
935
+ margin: 0 2px 2px 0;
936
+ }
937
+ .e-ribbon.e-rbn .e-ribbon-column,
938
+ .e-ribbon-group-overflow-ddb .e-ribbon-column {
939
+ display: -webkit-inline-box;
940
+ display: -ms-inline-flexbox;
941
+ display: inline-flex;
942
+ -webkit-box-orient: horizontal;
943
+ -webkit-box-direction: normal;
944
+ -ms-flex-direction: row;
945
+ flex-direction: row;
946
+ }
947
+ .e-ribbon.e-rbn .e-ribbon-row,
948
+ .e-ribbon-group-overflow-ddb .e-ribbon-row {
949
+ display: -webkit-inline-box;
950
+ display: -ms-inline-flexbox;
951
+ display: inline-flex;
952
+ -webkit-box-orient: vertical;
953
+ -webkit-box-direction: normal;
954
+ -ms-flex-direction: column;
955
+ flex-direction: column;
956
+ }
957
+ .e-ribbon.e-rbn .e-ribbon-group-overflow,
958
+ .e-ribbon.e-rbn .e-ribbon-item,
959
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow,
960
+ .e-ribbon-group-overflow-ddb .e-ribbon-item {
961
+ display: -webkit-box;
962
+ display: -ms-flexbox;
963
+ display: flex;
964
+ padding: 1px;
965
+ vertical-align: middle;
966
+ }
967
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-gallery-wrapper,
968
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-wrapper,
969
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-gallery-wrapper,
970
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-gallery-wrapper {
971
+ display: -webkit-box;
972
+ display: -ms-flexbox;
973
+ display: flex;
974
+ margin: 0;
975
+ }
976
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item,
977
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item,
978
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item,
979
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item {
980
+ max-height: 83px;
981
+ margin: 0;
982
+ border-radius: 4px;
983
+ }
984
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-gallery-button,
985
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-button,
986
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-gallery-button,
987
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-gallery-button {
988
+ padding: 0 2px;
989
+ border-width: 0 0 0 1px;
990
+ border-radius: 0 4px 4px 0;
991
+ line-height: 12px;
992
+ font-weight: 400;
993
+ font-size: 12px;
994
+ }
995
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-hidden,
996
+ .e-ribbon.e-rbn .e-ribbon-item.e-hidden,
997
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-hidden,
998
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-hidden {
999
+ display: none;
1000
+ }
1001
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn,
1002
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn,
1003
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn,
1004
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn {
1005
+ border: none;
1006
+ border-radius: 4px;
1007
+ font-weight: 400;
1008
+ font-size: 12px;
1009
+ text-transform: none;
1010
+ -webkit-box-shadow: none;
1011
+ box-shadow: none;
1012
+ }
1013
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
1014
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
1015
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:focus,
1016
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:focus {
1017
+ outline: none;
1018
+ }
1019
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1020
+ .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),
1021
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
1022
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
1023
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
1024
+ .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),
1025
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
1026
+ .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) {
1027
+ border: none;
1028
+ }
1029
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1030
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
1031
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1032
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn {
1033
+ height: 100%;
1034
+ min-height: inherit;
1035
+ display: -webkit-box;
1036
+ display: -ms-flexbox;
1037
+ display: flex;
1038
+ -webkit-box-orient: vertical;
1039
+ -webkit-box-direction: normal;
1040
+ -ms-flex-direction: column;
1041
+ flex-direction: column;
1042
+ max-width: 10ch;
1043
+ min-width: -webkit-fit-content;
1044
+ min-width: -moz-fit-content;
1045
+ min-width: fit-content;
1046
+ white-space: normal;
1047
+ padding: 0 2px;
1048
+ line-height: 15px;
1049
+ -webkit-box-pack: start;
1050
+ -ms-flex-pack: start;
1051
+ justify-content: flex-start;
1052
+ -webkit-box-align: center;
1053
+ -ms-flex-align: center;
1054
+ align-items: center;
1055
+ }
1056
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
1057
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
1058
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb,
1059
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-ribbon-group-overflow-ddb {
1060
+ max-width: 100%;
1061
+ }
1062
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1063
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1064
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1065
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
1066
+ font-size: 32px;
1067
+ font-weight: 400;
1068
+ padding: 4px 3px;
1069
+ }
1070
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-icon-top,
1071
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-icon-top,
1072
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-icon-top,
1073
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-icon-top {
1074
+ height: 50%;
1075
+ }
1076
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
1077
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
1078
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
1079
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn {
1080
+ gap: 4px;
1081
+ }
1082
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
1083
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
1084
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn,
1085
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn {
1086
+ -webkit-box-pack: space-evenly;
1087
+ -ms-flex-pack: space-evenly;
1088
+ justify-content: space-evenly;
1089
+ height: 50%;
1090
+ }
1091
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
1092
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
1093
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top,
1094
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item > .e-split-btn-wrapper.e-vertical .e-btn .e-icon-top {
1095
+ height: 100%;
1096
+ }
1097
+ .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1098
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
1099
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1100
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret {
1101
+ font-size: 12px;
1102
+ line-height: 12px;
1103
+ padding: 0 5px;
1104
+ }
1105
+ .e-ribbon.e-rbn .e-ribbon-group-overflow,
1106
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow {
1107
+ height: 84px;
1108
+ padding: 2px 10px;
1109
+ }
1110
+ .e-ribbon.e-rbn .e-ribbon-item,
1111
+ .e-ribbon-group-overflow-ddb .e-ribbon-item {
1112
+ min-height: 33%;
1113
+ padding: 2px;
1114
+ }
1115
+ .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container),
1116
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container) {
1117
+ padding: 0;
1118
+ border-style: solid;
1119
+ border-width: 1px;
1120
+ }
1121
+ .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)),
1122
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)) {
1123
+ height: 84px;
1124
+ border-radius: 4px;
1125
+ }
1126
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group,
1127
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group {
1128
+ -webkit-box-shadow: none;
1129
+ box-shadow: none;
1130
+ }
1131
+ .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
1132
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper {
1133
+ height: -webkit-fit-content;
1134
+ height: -moz-fit-content;
1135
+ height: fit-content;
1136
+ margin: auto 0;
1137
+ width: -webkit-max-content;
1138
+ width: -moz-max-content;
1139
+ width: max-content;
1140
+ padding: 0 4px;
1141
+ }
1142
+ .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
1143
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label {
1144
+ font-size: 12px;
1145
+ }
1146
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn,
1147
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn {
1148
+ -webkit-box-shadow: none;
1149
+ box-shadow: none;
1150
+ }
1151
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:disabled,
1152
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:disabled {
1153
+ pointer-events: none;
1154
+ }
1155
+ .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
1156
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
1157
+ border: 1px solid transparent;
1158
+ border-radius: 4px;
1159
+ }
1160
+ .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
1161
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
1162
+ padding: 0;
1163
+ }
1164
+ .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper,
1165
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
1166
+ border: 1px solid transparent;
1167
+ border-radius: 4px;
1168
+ -webkit-box-shadow: none;
1169
+ box-shadow: none;
1170
+ }
1171
+ .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
1172
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
1173
+ border-radius: 0;
1174
+ }
1175
+ .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1176
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret {
1177
+ font-size: 12px;
1178
+ padding: 0 5px;
1179
+ }
1180
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item,
1181
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item {
1182
+ min-height: 100%;
1183
+ }
1184
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical,
1185
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical {
1186
+ height: 100%;
1187
+ }
1188
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
1189
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
1190
+ margin: auto;
1191
+ }
1192
+ .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,
1193
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn,
1194
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn {
1195
+ white-space: nowrap;
1196
+ padding: 0;
1197
+ line-height: 15px;
1198
+ }
1199
+ .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,
1200
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
1201
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon {
1202
+ font-size: 16px;
1203
+ line-height: 16px;
1204
+ margin: 4px;
1205
+ }
1206
+ .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,
1207
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
1208
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
1209
+ border: none;
1210
+ }
1211
+ .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,
1212
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
1213
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon {
1214
+ height: 16px;
1215
+ width: 16px;
1216
+ }
1217
+ .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,
1218
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-split-preview,
1219
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview {
1220
+ border-radius: unset;
1221
+ }
1222
+ .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,
1223
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
1224
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret {
1225
+ font-size: 12px;
1226
+ line-height: 12px;
1227
+ padding: 2px 5px;
1228
+ margin: 0;
1229
+ width: auto;
1230
+ }
1231
+ .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,
1232
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper .e-btn,
1233
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper .e-btn {
1234
+ margin: 0;
1235
+ }
1236
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
1237
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn {
1238
+ -webkit-box-align: center;
1239
+ -ms-flex-align: center;
1240
+ align-items: center;
1241
+ display: -webkit-box;
1242
+ display: -ms-flexbox;
1243
+ display: flex;
1244
+ }
1245
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1246
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1247
+ width: auto;
1248
+ }
1249
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret,
1250
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn.e-dropdown-btn:not(.e-icon-btn) .e-caret {
1251
+ margin: 4px;
1252
+ padding: 0;
1253
+ }
1254
+ .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),
1255
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
1256
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
1257
+ padding: 0 4px 0 0;
1258
+ }
1259
+ .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1260
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1261
+ padding: 0 2px 0 0;
1262
+ }
1263
+ .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),
1264
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-small-item .e-btn:not(.e-icon-btn, .e-dropdown-btn),
1265
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn:not(.e-icon-btn, .e-dropdown-btn) {
1266
+ padding: 0 0 0 4px;
1267
+ }
1268
+ .e-ribbon.e-rbn.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
1269
+ .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1270
+ padding: 0 0 0 2px;
1271
+ }
1272
+
1273
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup:has(.e-ribbon-overflow-target) {
1274
+ min-width: 190px;
1275
+ }
1276
+ .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
1277
+ display: none;
1278
+ }
1279
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-ribbon-gallery-container) {
1280
+ border: 0;
1281
+ }
1282
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-input-group) {
1283
+ margin: 5px 0;
1284
+ }
1285
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-dropdown.e-btn {
1286
+ padding: 0;
1287
+ display: -webkit-box;
1288
+ display: -ms-flexbox;
1289
+ display: flex;
1290
+ -webkit-box-align: center;
1291
+ -ms-flex-align: center;
1292
+ align-items: center;
1293
+ -webkit-box-pack: start;
1294
+ -ms-flex-pack: start;
1295
+ justify-content: flex-start;
1296
+ width: 100%;
1297
+ }
1298
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-dropdown.e-btn .e-btn-icon {
1299
+ margin: 0;
1300
+ }
1301
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-wrapper.e-hidden,
1302
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-container.e-hidden,
1303
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-button.e-hidden,
1304
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden,
1305
+ .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 {
1306
+ display: none;
1307
+ }
1308
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled,
1309
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
1310
+ pointer-events: none;
1311
+ }
1312
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-dropdown-btn .e-caret {
1313
+ font-size: 14px;
1314
+ }
1315
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-input-group {
1316
+ height: 32px;
1317
+ }
1318
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1319
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1320
+ white-space: nowrap;
1321
+ display: -webkit-box;
1322
+ display: -ms-flexbox;
1323
+ display: flex;
1324
+ -webkit-box-align: center;
1325
+ -ms-flex-align: center;
1326
+ align-items: center;
1327
+ font-weight: 400;
1328
+ font-size: 14px;
1329
+ }
1330
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-colorpicker-wrapper) {
1331
+ -webkit-box-align: center;
1332
+ -ms-flex-align: center;
1333
+ align-items: center;
1334
+ }
1335
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1336
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1337
+ margin: 3px 4px;
1338
+ }
1339
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
1340
+ font-size: 16px;
1341
+ }
1342
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
1343
+ margin: 8px 0 8px 12px;
1344
+ padding: 0;
1345
+ }
1346
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1347
+ padding: 0;
1348
+ width: 100%;
1349
+ height: 32px;
1350
+ }
1351
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
1352
+ margin: 0;
1353
+ }
1354
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-btn,
1355
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
1356
+ line-height: 20px;
1357
+ overflow: hidden;
1358
+ }
1359
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper {
1360
+ width: inherit;
1361
+ }
1362
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-split-btn,
1363
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
1364
+ width: 100%;
1365
+ -webkit-box-pack: start;
1366
+ -ms-flex-pack: start;
1367
+ justify-content: flex-start;
1368
+ }
1369
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
1370
+ font-size: 14px;
1371
+ font-weight: 500;
1372
+ line-height: 18px;
1373
+ padding: 6px 0 6px 12px;
1374
+ height: 26px;
1375
+ }
1376
+
1377
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1378
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1379
+ margin-left: 36px;
1380
+ }
1381
+ .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 {
1382
+ padding: 8px 8px 8px 12px;
1383
+ }
1384
+ .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)) {
1385
+ padding-left: 36px;
1386
+ }
1387
+ .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 {
1388
+ margin-left: 36px;
1389
+ }
1390
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1391
+ .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1392
+ -webkit-transform: rotate(-90deg);
1393
+ transform: rotate(-90deg);
1394
+ padding: 0 12px;
1395
+ margin: 0 0 0 auto;
1396
+ }
1397
+
1398
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
1399
+ padding: 6px 12px 6px 0;
1400
+ }
1401
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
1402
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
1403
+ margin-right: 36px;
1404
+ }
1405
+ .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 {
1406
+ padding: 8px 12px 8px 8px;
1407
+ }
1408
+ .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)) {
1409
+ padding-right: 36px;
1410
+ }
1411
+ .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 {
1412
+ margin-right: 36px;
1413
+ }
1414
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1415
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1416
+ -webkit-transform: rotate(90deg);
1417
+ transform: rotate(90deg);
1418
+ padding: 0 12px;
1419
+ margin: 0 auto 0 0;
1420
+ }
1421
+ .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
1422
+ margin: 8px 12px 8px 0;
1423
+ }
1424
+
1425
+ .e-dropdown-popup.e-ribbon-dropdown-group-button {
1426
+ border-radius: 4px;
1427
+ border: none;
1428
+ padding: 4px 9px;
1429
+ }
1430
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-ribbon-groupbutton-header {
1431
+ padding-bottom: 3px;
1432
+ font-weight: 500;
1433
+ line-height: 18px;
1434
+ white-space: nowrap;
1435
+ }
1436
+ .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) {
1437
+ width: 100%;
1438
+ display: -webkit-box;
1439
+ display: -ms-flexbox;
1440
+ display: flex;
1441
+ -webkit-box-align: center;
1442
+ -ms-flex-align: center;
1443
+ align-items: center;
1444
+ -webkit-box-pack: start;
1445
+ -ms-flex-pack: start;
1446
+ justify-content: flex-start;
1447
+ }
1448
+ .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 {
1449
+ border-top-right-radius: 4px;
1450
+ border-top-left-radius: 4px;
1451
+ border-bottom-right-radius: 0;
1452
+ border-bottom-left-radius: 0;
1453
+ }
1454
+ .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 {
1455
+ border-top-right-radius: 0;
1456
+ border-top-left-radius: 0;
1457
+ border-bottom-right-radius: 4px;
1458
+ border-bottom-left-radius: 4px;
1459
+ }
1460
+ .e-dropdown-popup.e-ribbon-dropdown-group-button.e-ribbon-group-button-overflow-popup .e-btn-group:not(.e-icon-btn) {
1461
+ -webkit-box-orient: vertical;
1462
+ -webkit-box-direction: normal;
1463
+ -ms-flex-direction: column;
1464
+ flex-direction: column;
1465
+ }
1466
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group {
1467
+ -webkit-box-shadow: none;
1468
+ box-shadow: none;
1469
+ border-radius: 4px;
1470
+ }
1471
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon {
1472
+ font-size: 16px;
1473
+ font-weight: 400;
1474
+ line-height: 16px;
1475
+ margin: 5px;
1476
+ width: auto;
1477
+ }
1478
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
1479
+ padding: 0 1px 0 0;
1480
+ }
1481
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button {
1482
+ padding: 0;
1483
+ font-weight: 400;
1484
+ font-size: 12px;
1485
+ border: 1px solid rgba(var(--color-sf-outline));
1486
+ text-transform: none;
1487
+ }
1488
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn) {
1489
+ padding: 0 5px 0 0;
1490
+ }
1491
+ .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 {
1492
+ outline: none;
1493
+ -webkit-box-shadow: none !important;
1494
+ box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
1495
+ }
1496
+
1497
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-popup-container .e-ribbon-gallery-header:first-child,
1498
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-popup-container .e-ribbon-gallery-header:first-child {
1499
+ padding-top: 0;
1500
+ }
1501
+
1502
+ .e-ribbon-gallery-popup.e-popup,
1503
+ .e-ribbon-gallery-dropdown.e-popup {
1504
+ border-radius: 4px;
1505
+ padding: 8px 12px 12px;
1506
+ overflow: auto;
1507
+ }
1508
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-header,
1509
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-header {
1510
+ font-size: 12px;
1511
+ font-weight: 500;
1512
+ line-height: 18px;
1513
+ padding: 8px 0;
1514
+ }
1515
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item,
1516
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item {
1517
+ margin: 2px;
1518
+ height: 54px;
1519
+ width: 73px;
1520
+ }
1521
+
1522
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item {
1523
+ width: 95px;
1524
+ }
1525
+
1526
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container,
1527
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container,
1528
+ .e-ribbon-group-overflow .e-ribbon-gallery-container,
1529
+ .e-ribbon-item .e-ribbon-gallery-container {
1530
+ padding: 0;
1531
+ margin: 0;
1532
+ display: -webkit-box;
1533
+ display: -ms-flexbox;
1534
+ display: flex;
1535
+ -ms-flex-line-pack: distribute;
1536
+ align-content: space-around;
1537
+ }
1538
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item,
1539
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item,
1540
+ .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item,
1541
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item {
1542
+ display: inherit;
1543
+ -webkit-box-orient: vertical;
1544
+ -webkit-box-direction: normal;
1545
+ -ms-flex-direction: column;
1546
+ flex-direction: column;
1547
+ -webkit-box-align: center;
1548
+ -ms-flex-align: center;
1549
+ align-items: center;
1550
+ -webkit-box-pack: center;
1551
+ -ms-flex-pack: center;
1552
+ justify-content: center;
1553
+ text-align: center;
1554
+ list-style-type: none;
1555
+ padding: 5px 0;
1556
+ cursor: pointer;
1557
+ border-width: 2px;
1558
+ border-style: solid;
1559
+ border-radius: 4px;
1560
+ }
1561
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled,
1562
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled,
1563
+ .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled,
1564
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled {
1565
+ pointer-events: none;
1566
+ }
1567
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-hidden,
1568
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-hidden,
1569
+ .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item.e-hidden,
1570
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item.e-hidden {
1571
+ display: none;
1572
+ }
1573
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-icons,
1574
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-icons,
1575
+ .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-icons,
1576
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-icons {
1577
+ font-size: 20px;
1578
+ font-weight: 400;
1579
+ line-height: 20px;
1580
+ padding: 3px;
1581
+ background-size: cover;
1582
+ }
1583
+ .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,
1584
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
1585
+ .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected,
1586
+ .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
1587
+ .e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected,
1588
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
1589
+ .e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected {
1590
+ border-radius: 4px;
1591
+ }
1592
+
1593
+ .e-ribbon-gallery-text {
1594
+ font-size: 14px;
1595
+ font-weight: 400;
1596
+ line-height: 20px;
1597
+ width: inherit;
1598
+ overflow: hidden;
1599
+ white-space: nowrap;
1600
+ text-overflow: ellipsis;
1601
+ }
1602
+
1603
+ .e-ribbon-keytip {
1604
+ font-size: 14px;
1605
+ line-height: 18px;
1606
+ min-width: 20px;
1607
+ height: 20px;
1608
+ border-radius: unset;
1609
+ }
1610
+ .e-ribbon-keytip.e-popup-open {
1611
+ display: -webkit-box;
1612
+ display: -ms-flexbox;
1613
+ display: flex;
1614
+ -webkit-box-pack: center;
1615
+ -ms-flex-pack: center;
1616
+ justify-content: center;
1617
+ -webkit-box-align: center;
1618
+ -ms-flex-align: center;
1619
+ align-items: center;
1620
+ }
1621
+
1622
+ .e-ribbon-menu {
1623
+ display: block;
1624
+ }
1625
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu {
1626
+ border: 1px solid;
1627
+ border-radius: 4px;
1628
+ }
1629
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item {
1630
+ border-radius: unset;
1631
+ }
1632
+ .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 {
1633
+ width: auto;
1634
+ }
1635
+ .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 {
1636
+ padding-left: 38px !important; /* stylelint-disable-line declaration-no-important */
1637
+ }
1638
+
1639
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
1640
+ font-size: 12px;
1641
+ height: 24px;
1642
+ -webkit-box-align: center;
1643
+ -ms-flex-align: center;
1644
+ align-items: center;
1645
+ }
1646
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1647
+ font-size: 16px;
1648
+ line-height: 16px;
1649
+ }
1650
+
1651
+ .e-ribbon-tooltip .e-tip-content {
1652
+ padding: 4px;
1653
+ }
1654
+ .e-ribbon-tooltip .e-tip-content .e-ribbon-tooltip-title {
1655
+ font-size: 12px;
1656
+ line-height: 18px;
1657
+ padding: 4px 4px 0;
1658
+ }
1659
+ .e-ribbon-tooltip .e-tip-content .e-ribbon-text-container {
1660
+ padding: 4px;
1661
+ display: -webkit-box;
1662
+ display: -ms-flexbox;
1663
+ display: flex;
1664
+ }
1665
+ .e-ribbon-tooltip .e-tip-content .e-ribbon-text-container .e-ribbon-tooltip-content {
1666
+ font-size: 10px;
1667
+ line-height: 15px;
1668
+ }
1669
+ .e-ribbon-tooltip .e-tip-content .e-ribbon-text-container .e-ribbon-tooltip-icon {
1670
+ font-size: 32px;
1671
+ line-height: 32px;
1672
+ padding-right: 8px;
1673
+ }
1674
+
1675
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group,
1676
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group {
1677
+ height: 149px;
1678
+ }
1679
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
1680
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage,
1681
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
1682
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage {
1683
+ font-size: 16px;
1684
+ line-height: 20px;
1685
+ padding: 14px 15px;
1686
+ }
1687
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template,
1688
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template {
1689
+ padding-right: 16px;
1690
+ height: 48px;
1691
+ }
1692
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
1693
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
1694
+ min-height: auto;
1695
+ }
1696
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
1697
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
1698
+ height: 48px;
1699
+ min-height: 48px;
1700
+ }
1701
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items,
1702
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-items {
1703
+ height: 48px;
1704
+ }
1705
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item,
1706
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item {
1707
+ margin-right: 0;
1708
+ }
1709
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-text,
1710
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-text {
1711
+ font-size: 16px;
1712
+ line-height: 20px;
1713
+ padding: 14px 15px;
1714
+ }
1715
+ .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,
1716
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus,
1717
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
1718
+ height: 48px;
1719
+ }
1720
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-content,
1721
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-content {
1722
+ width: calc(100% - 24px);
1723
+ }
1724
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-ribbon-collapse-btn,
1725
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-ribbon-collapse-btn {
1726
+ font-size: 14px;
1727
+ line-height: 14px;
1728
+ padding: 5px;
1729
+ }
1730
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-content,
1731
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-content {
1732
+ width: calc(100% - 24px - 40px);
1733
+ }
1734
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn,
1735
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn,
1736
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn,
1737
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn {
1738
+ height: 36px;
1739
+ }
1740
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
1741
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon,
1742
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
1743
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
1744
+ font-size: 20px;
1745
+ line-height: 20px;
1746
+ padding: 7px;
1747
+ }
1748
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn,
1749
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn {
1750
+ bottom: 2px;
1751
+ }
1752
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow:not(.e-rtl) .e-ribbon-overall-of-btn,
1753
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow:not(.e-rtl) .e-ribbon-overall-of-btn {
1754
+ right: 28px;
1755
+ }
1756
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow.e-rtl .e-ribbon-overall-of-btn,
1757
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow.e-rtl .e-ribbon-overall-of-btn {
1758
+ left: 28px;
1759
+ }
1760
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)),
1761
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)) {
1762
+ height: 120px;
1763
+ }
1764
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container),
1765
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container) {
1766
+ padding: 0;
1767
+ }
1768
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item,
1769
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item {
1770
+ max-height: 119px;
1771
+ width: 119px;
1772
+ }
1773
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)),
1774
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item:has(.e-ribbon-gallery-container:not(.e-hidden)) {
1775
+ height: 38px;
1776
+ }
1777
+ .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,
1778
+ .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 {
1779
+ max-height: 30px;
1780
+ }
1781
+
1782
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-header,
1783
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-header,
1784
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-header,
1785
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-header {
1786
+ font-size: 10px;
1787
+ line-height: 12px;
1788
+ padding: 12px 11px 1px;
1789
+ }
1790
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-launcher-icon,
1791
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-launcher-icon,
1792
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon,
1793
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon {
1794
+ margin: 0 2px 2px 0;
1795
+ }
1796
+ .e-bigger.e-ribbon.e-rbn.e-rtl .e-ribbon-launcher-icon,
1797
+ .e-bigger .e-ribbon.e-rbn.e-rtl .e-ribbon-launcher-icon,
1798
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher-icon,
1799
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-launcher-icon {
1800
+ margin: 0 2px 2px 0;
1801
+ }
1802
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group,
1803
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group,
1804
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group,
1805
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
1806
+ height: auto;
1807
+ }
1808
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
1809
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
1810
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
1811
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
1812
+ margin-bottom: 0;
1813
+ }
1814
+ .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
1815
+ .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
1816
+ .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
1817
+ .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content {
1818
+ height: 40px;
1819
+ }
1820
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-content-height,
1821
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-content-height,
1822
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-content-height,
1823
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-content-height {
1824
+ height: 120px;
1825
+ }
1826
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow,
1827
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow,
1828
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow,
1829
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow {
1830
+ height: 120px;
1831
+ }
1832
+ .e-bigger.e-ribbon.e-rbn .e-input-group,
1833
+ .e-bigger .e-ribbon.e-rbn .e-input-group,
1834
+ .e-bigger .e-ribbon-group-overflow-ddb .e-input-group,
1835
+ .e-bigger.e-ribbon-group-overflow-ddb .e-input-group {
1836
+ height: 36px;
1837
+ margin: 0 0 4px;
1838
+ }
1839
+ .e-bigger.e-ribbon.e-rbn .e-input-group:not(.e-float-input) .e-input,
1840
+ .e-bigger .e-ribbon.e-rbn .e-input-group:not(.e-float-input) .e-input,
1841
+ .e-bigger .e-ribbon-group-overflow-ddb .e-input-group:not(.e-float-input) .e-input,
1842
+ .e-bigger.e-ribbon-group-overflow-ddb .e-input-group:not(.e-float-input) .e-input {
1843
+ min-height: auto;
1844
+ }
1845
+ .e-bigger.e-ribbon.e-rbn .e-input-group input.e-input,
1846
+ .e-bigger .e-ribbon.e-rbn .e-input-group input.e-input,
1847
+ .e-bigger .e-ribbon-group-overflow-ddb .e-input-group input.e-input,
1848
+ .e-bigger.e-ribbon-group-overflow-ddb .e-input-group input.e-input {
1849
+ font-size: 14px;
1850
+ line-height: 18px;
1851
+ padding: 9px 0 9px 8px;
1852
+ height: auto;
1853
+ }
1854
+ .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
1855
+ .e-bigger .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
1856
+ .e-bigger .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon,
1857
+ .e-bigger.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
1858
+ font-size: 16px;
1859
+ line-height: 16px;
1860
+ padding: 10px 10px 10px 2px;
1861
+ }
1862
+ .e-bigger.e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
1863
+ .e-bigger .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
1864
+ .e-bigger .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon,
1865
+ .e-bigger.e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon.e-ddl-icon {
1866
+ font-size: 16px;
1867
+ }
1868
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item,
1869
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item,
1870
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item,
1871
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item {
1872
+ padding: 2px;
1873
+ }
1874
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
1875
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper,
1876
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper,
1877
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper {
1878
+ padding: 0 8px;
1879
+ }
1880
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
1881
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-checkbox-wrapper .e-label,
1882
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label,
1883
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-checkbox-wrapper .e-label {
1884
+ font-size: 14px;
1885
+ }
1886
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1887
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
1888
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1889
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn,
1890
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1891
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn,
1892
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn,
1893
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn {
1894
+ font-size: 14px;
1895
+ line-height: 18px;
1896
+ padding: 0 3px;
1897
+ max-width: 10ch;
1898
+ }
1899
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1900
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1901
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1902
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1903
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1904
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1905
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
1906
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
1907
+ font-size: 36px;
1908
+ padding: 8px 3px 4px;
1909
+ }
1910
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
1911
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
1912
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
1913
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
1914
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
1915
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn,
1916
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn.e-top-icon-btn,
1917
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn.e-top-icon-btn {
1918
+ gap: 9px;
1919
+ }
1920
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1921
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
1922
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1923
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
1924
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1925
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret,
1926
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-dropdown-btn .e-caret,
1927
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-dropdown-btn .e-caret {
1928
+ font-size: 12px;
1929
+ line-height: 12px;
1930
+ padding: 0 6px;
1931
+ }
1932
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1933
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1934
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1935
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1936
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1937
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1938
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-split-btn-wrapper .e-dropdown-btn .e-caret,
1939
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-dropdown-btn .e-caret {
1940
+ font-size: 12px;
1941
+ line-height: 12px;
1942
+ padding: 0 6px;
1943
+ }
1944
+ .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,
1945
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
1946
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn,
1947
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
1948
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
1949
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn,
1950
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn,
1951
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
1952
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
1953
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn,
1954
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn,
1955
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn,
1956
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn,
1957
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn,
1958
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn {
1959
+ font-size: 14px;
1960
+ line-height: 18px;
1961
+ }
1962
+ .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,
1963
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
1964
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
1965
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
1966
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
1967
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
1968
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
1969
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
1970
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
1971
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
1972
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon,
1973
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon,
1974
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon,
1975
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon,
1976
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon {
1977
+ font-size: 20px;
1978
+ line-height: 20px;
1979
+ margin: 8px;
1980
+ }
1981
+ .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,
1982
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1983
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1984
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1985
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1986
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1987
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1988
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1989
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1990
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1991
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1992
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1993
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
1994
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
1995
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn {
1996
+ padding: 0;
1997
+ border: none;
1998
+ }
1999
+ .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,
2000
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2001
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2002
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2003
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2004
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2005
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2006
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2007
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2008
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2009
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2010
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2011
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2012
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-btn-icon,
2013
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn .e-btn-icon {
2014
+ height: 20px;
2015
+ width: 20px;
2016
+ }
2017
+ .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,
2018
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2019
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
2020
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2021
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
2022
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2023
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
2024
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2025
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
2026
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2027
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
2028
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2029
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
2030
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
2031
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret {
2032
+ font-size: 12px;
2033
+ line-height: 12px;
2034
+ padding: 2px 4px;
2035
+ margin: 0;
2036
+ }
2037
+
2038
+ .e-ribbon-vertical-center.e-dropdown-popup,
2039
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup {
2040
+ border-radius: 4px;
2041
+ }
2042
+ .e-ribbon-vertical-center.e-ribbon-filemenu.e-dropdown-popup,
2043
+ .e-ribbon-group-overflow-ddb.e-ribbon-filemenu.e-dropdown-popup {
2044
+ border-radius: 4px;
2045
+ }
2046
+
2047
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header,
2048
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
2049
+ font-size: 16px;
2050
+ line-height: 20px;
2051
+ height: 36px;
2052
+ }
2053
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-dropdown-btn .e-caret,
2054
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-dropdown-btn .e-caret {
2055
+ font-size: 16px;
2056
+ }
2057
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-input-group,
2058
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-input-group {
2059
+ height: 40px;
2060
+ }
2061
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item,
2062
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
2063
+ height: 40px;
2064
+ }
2065
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon,
2066
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
2067
+ font-size: 20px;
2068
+ }
2069
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
2070
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
2071
+ margin: 0;
2072
+ }
2073
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-colorpicker-wrapper),
2074
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-colorpicker-wrapper) {
2075
+ -webkit-box-align: center;
2076
+ -ms-flex-align: center;
2077
+ align-items: center;
2078
+ }
2079
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2080
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
2081
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2082
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
2083
+ font-size: 16px;
2084
+ }
2085
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
2086
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
2087
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
2088
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
2089
+ margin: 3px 8px;
2090
+ }
2091
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
2092
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
2093
+ margin: 10px 0 10px 16px;
2094
+ padding: 0;
2095
+ }
2096
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-overflow-header,
2097
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-overflow-header {
2098
+ padding: 10px 0 10px 16px;
2099
+ }
2100
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2101
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
2102
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2103
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
2104
+ margin-left: 48px;
2105
+ }
2106
+ .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,
2107
+ .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 {
2108
+ padding: 10px 12px 10px 16px;
2109
+ }
2110
+ .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)),
2111
+ .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)) {
2112
+ padding-left: 48px;
2113
+ }
2114
+ .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,
2115
+ .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,
2116
+ .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 {
2117
+ margin-left: 48px;
2118
+ }
2119
+ .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,
2120
+ .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
2121
+ .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,
2122
+ .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
2123
+ padding: 0 12px;
2124
+ }
2125
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-overflow-header,
2126
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-overflow-header {
2127
+ padding: 10px 16px 10px 0;
2128
+ }
2129
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2130
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
2131
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
2132
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
2133
+ margin-right: 48px;
2134
+ }
2135
+ .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,
2136
+ .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 {
2137
+ padding: 10px 16px 10px 12px;
2138
+ }
2139
+ .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)),
2140
+ .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)) {
2141
+ padding-right: 48px;
2142
+ }
2143
+ .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,
2144
+ .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,
2145
+ .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 {
2146
+ margin-right: 48px;
2147
+ }
2148
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
2149
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
2150
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
2151
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
2152
+ padding: 0 12px;
2153
+ }
2154
+ .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
2155
+ .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
2156
+ margin: 10px 16px 10px 0;
2157
+ }
2158
+
2159
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
2160
+ font-size: 14px;
2161
+ height: 32px;
2162
+ }
2163
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
2164
+ font-size: 20px;
2165
+ line-height: 20px;
2166
+ }
2167
+
2168
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
2169
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
2170
+ .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
2171
+ .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
2172
+ padding-left: 50px !important; /* stylelint-disable-line declaration-no-important */
2173
+ }
2174
+
2175
+ .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
2176
+ height: 48px;
2177
+ line-height: 48px;
2178
+ }
2179
+ .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn .e-btn-icon {
2180
+ font-size: 24px;
2181
+ line-height: 24px;
2182
+ padding: 12px 12px 12px 16px;
2183
+ }
2184
+
2185
+ .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),
2186
+ .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),
2187
+ .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),
2188
+ .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) {
2189
+ height: 48px;
2190
+ }
2191
+ .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,
2192
+ .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,
2193
+ .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,
2194
+ .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 {
2195
+ font-size: 24px;
2196
+ line-height: 24px;
2197
+ padding: 12px 12px 12px 16px;
2198
+ }
2199
+ .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,
2200
+ .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,
2201
+ .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,
2202
+ .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 {
2203
+ padding-left: 52px !important; /* stylelint-disable-line declaration-no-important */
2204
+ }
2205
+
2206
+ .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button,
2207
+ .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button {
2208
+ padding: 4px 9px;
2209
+ }
2210
+ .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon,
2211
+ .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon {
2212
+ font-size: 20px;
2213
+ line-height: 20px;
2214
+ margin: 8px;
2215
+ }
2216
+ .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
2217
+ .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {
2218
+ padding: 0;
2219
+ }
2220
+ .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button,
2221
+ .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button {
2222
+ font-size: 14px;
2223
+ }
2224
+ .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn),
2225
+ .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn) {
2226
+ padding: 0 8px 0 0;
2227
+ }
2228
+
2229
+ .e-bigger.e-ribbon-gallery-popup.e-popup,
2230
+ .e-bigger .e-ribbon-gallery-popup.e-popup,
2231
+ .e-bigger.e-ribbon-gallery-dropdown.e-popup,
2232
+ .e-bigger .e-ribbon-gallery-dropdown.e-popup {
2233
+ padding: 12px 16px 16px;
2234
+ }
2235
+ .e-bigger.e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-header,
2236
+ .e-bigger .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-header,
2237
+ .e-bigger.e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-header,
2238
+ .e-bigger .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-header {
2239
+ font-size: 14px;
2240
+ line-height: 20px;
2241
+ padding: 12px 0 8px;
2242
+ }
2243
+
2244
+ .e-bigger.e-ribbon-keytip,
2245
+ .e-bigger .e-ribbon-keytip {
2246
+ font-size: 14px;
2247
+ line-height: 18px;
2248
+ min-width: 20px;
2249
+ height: 20px;
2250
+ }
2251
+
2252
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
2253
+ border-color: unset;
2254
+ 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));
2255
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2256
+ }
2257
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-ribbon-contextual-tab {
2258
+ background: rgba(var(--color-sf-primary-container));
2259
+ }
2260
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-ribbon-contextual-tab .e-tab-wrap .e-tab-text {
2261
+ color: rgba(var(--color-sf-primary));
2262
+ }
2263
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
2264
+ color: rgba(var(--color-sf-on-surface));
2265
+ }
2266
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
2267
+ color: rgba(var(--color-sf-primary));
2268
+ }
2269
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
2270
+ color: rgba(var(--color-sf-primary));
2271
+ }
2272
+ .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-indicator {
2273
+ background: rgba(var(--color-sf-primary));
2274
+ }
2275
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav {
2276
+ border-color: rgba(var(--color-sf-outline));
2277
+ background: rgba(var(--color-sf-surface));
2278
+ }
2279
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
2280
+ color: rgba(var(--color-sf-on-surface-variant));
2281
+ }
2282
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:hover {
2283
+ border-color: rgba(var(--color-sf-outline));
2284
+ background: rgba(var(--color-sf-surface));
2285
+ }
2286
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:hover .e-nav-arrow {
2287
+ color: rgba(var(--color-sf-on-surface-variant));
2288
+ }
2289
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:active {
2290
+ border-color: rgba(var(--color-sf-outline));
2291
+ background: rgba(var(--color-sf-surface));
2292
+ }
2293
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:active .e-nav-arrow {
2294
+ color: rgba(var(--color-sf-on-surface-variant));
2295
+ }
2296
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:focus {
2297
+ border-color: rgba(var(--color-sf-outline));
2298
+ background: rgba(var(--color-sf-surface));
2299
+ }
2300
+ .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav:focus .e-nav-arrow {
2301
+ color: rgba(var(--color-sf-on-surface-variant));
2302
+ }
2303
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu,
2304
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage {
2305
+ 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));
2306
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2307
+ color: rgba(var(--color-sf-on-surface));
2308
+ border-color: unset;
2309
+ }
2310
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active,
2311
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage.e-active {
2312
+ color: rgba(var(--color-sf-surface));
2313
+ background: rgba(var(--color-sf-primary));
2314
+ }
2315
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu:hover:not(.e-active),
2316
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage:hover:not(.e-active) {
2317
+ color: rgba(var(--color-sf-primary));
2318
+ }
2319
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu:focus-visible,
2320
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-backstage:focus-visible {
2321
+ color: rgba(var(--color-sf-primary));
2322
+ }
2323
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-help-template {
2324
+ border-color: unset;
2325
+ 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));
2326
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2327
+ }
2328
+ .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-template:focus-visible {
2329
+ background: rgba(var(--color-sf-on-surface), 0.05);
2330
+ color: rgba(var(--color-sf-on-surface-variant));
2331
+ border-color: unset;
2332
+ }
2333
+ .e-ribbon.e-rbn .e-ribbon-tab.e-focused .e-tab-header .e-tab-wrap:focus .e-tab-text {
2334
+ color: rgba(var(--color-sf-primary));
2335
+ }
2336
+ .e-ribbon.e-rbn .e-ribbon-collapse-btn {
2337
+ 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));
2338
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2339
+ color: rgba(var(--color-sf-on-surface-variant));
2340
+ border-color: transparent;
2341
+ }
2342
+ .e-ribbon.e-rbn .e-ribbon-collapse-btn:hover, .e-ribbon.e-rbn .e-ribbon-collapse-btn:focus-visible {
2343
+ background: rgba(var(--color-sf-on-surface), 0.05);
2344
+ color: rgba(var(--color-sf-on-surface-variant));
2345
+ border-color: unset;
2346
+ }
2347
+
2348
+ .e-ribbon-backstage-popup {
2349
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2350
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2351
+ }
2352
+ .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper {
2353
+ background: rgba(var(--color-sf-primary));
2354
+ }
2355
+ .e-ribbon-backstage-popup .e-btn {
2356
+ background: rgba(var(--color-sf-primary));
2357
+ color: rgba(var(--color-sf-surface));
2358
+ font-weight: 400;
2359
+ }
2360
+ .e-ribbon-backstage-popup .e-btn:focus {
2361
+ 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));
2362
+ 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));
2363
+ color: rgba(var(--color-sf-surface));
2364
+ border-color: unset;
2365
+ }
2366
+ .e-ribbon-backstage-popup .e-btn:hover {
2367
+ 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));
2368
+ 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));
2369
+ color: rgba(var(--color-sf-surface));
2370
+ border-color: unset;
2371
+ }
2372
+ .e-ribbon-backstage-popup .e-btn:hover:focus {
2373
+ 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));
2374
+ 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));
2375
+ color: rgba(var(--color-sf-surface));
2376
+ border-color: unset;
2377
+ }
2378
+ .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) {
2379
+ background: rgba(var(--color-sf-primary));
2380
+ }
2381
+ .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 {
2382
+ background: rgba(var(--color-sf-primary));
2383
+ }
2384
+ .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 {
2385
+ color: rgba(var(--color-sf-surface));
2386
+ }
2387
+ .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 {
2388
+ color: rgba(var(--color-sf-surface));
2389
+ }
2390
+ .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 {
2391
+ background: rgba(var(--color-sf-outline-variant));
2392
+ }
2393
+ .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 {
2394
+ 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));
2395
+ 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));
2396
+ color: rgba(var(--color-sf-surface));
2397
+ border-color: unset;
2398
+ }
2399
+ .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 {
2400
+ color: rgba(var(--color-sf-surface));
2401
+ }
2402
+ .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 {
2403
+ 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));
2404
+ 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));
2405
+ color: rgba(var(--color-sf-surface));
2406
+ border-color: unset;
2407
+ }
2408
+ .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 {
2409
+ color: rgba(var(--color-sf-surface));
2410
+ }
2411
+ .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 {
2412
+ 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));
2413
+ 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));
2414
+ color: rgba(var(--color-sf-surface));
2415
+ border-color: unset;
2416
+ }
2417
+ .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 {
2418
+ color: rgba(var(--color-sf-surface));
2419
+ }
2420
+ .e-ribbon-backstage-popup .e-ribbon-backstage-template,
2421
+ .e-ribbon-backstage-popup .e-ribbon-backstage-content {
2422
+ 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));
2423
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2424
+ }
2425
+
2426
+ .e-ribbon.e-rbn,
2427
+ .e-ribbon-group-overflow-ddb {
2428
+ 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));
2429
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2430
+ border-color: unset;
2431
+ }
2432
+ .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper .e-label,
2433
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper .e-label {
2434
+ color: rgba(var(--color-sf-on-surface));
2435
+ }
2436
+ .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper.e-checkbox-disabled .e-label,
2437
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-checkbox-wrapper.e-checkbox-disabled .e-label {
2438
+ color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface));
2439
+ }
2440
+ .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,
2441
+ .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-hover,
2442
+ .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-open,
2443
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-colorpicker-wrapper.e-ribbon-hover,
2444
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-colorpicker-wrapper.e-ribbon-open,
2445
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-hover,
2446
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-ribbon-open {
2447
+ border-color: rgba(var(--color-sf-on-surface), 0.05);
2448
+ }
2449
+ .e-ribbon.e-rbn .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-vertical:hover .e-split-btn:not(:hover),
2450
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(.e-disabled) .e-split-btn-wrapper.e-vertical:hover .e-split-btn:not(:hover) {
2451
+ border-color: transparent;
2452
+ }
2453
+ .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled,
2454
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
2455
+ border-color: transparent;
2456
+ }
2457
+ .e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container),
2458
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container) {
2459
+ border-color: rgba(var(--color-sf-outline-variant));
2460
+ background: rgba(var(--color-sf-surface));
2461
+ }
2462
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
2463
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
2464
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
2465
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn,
2466
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu),
2467
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
2468
+ .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),
2469
+ .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),
2470
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button,
2471
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
2472
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn,
2473
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
2474
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
2475
+ .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),
2476
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn,
2477
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu),
2478
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button,
2479
+ .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),
2480
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn,
2481
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu),
2482
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button,
2483
+ .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),
2484
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn {
2485
+ 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));
2486
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2487
+ color: rgba(var(--color-sf-on-surface));
2488
+ border-color: transparent;
2489
+ }
2490
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
2491
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
2492
+ .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,
2493
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn .e-btn-icon,
2494
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
2495
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
2496
+ .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,
2497
+ .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,
2498
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
2499
+ .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,
2500
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
2501
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
2502
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
2503
+ .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,
2504
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn .e-btn-icon,
2505
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
2506
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
2507
+ .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,
2508
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn .e-btn-icon,
2509
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu) .e-btn-icon,
2510
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button .e-btn-icon,
2511
+ .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,
2512
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon {
2513
+ color: rgba(var(--color-sf-on-surface-variant));
2514
+ }
2515
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover,
2516
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover,
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):hover,
2518
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:hover,
2519
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover,
2520
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
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):hover,
2522
+ .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,
2523
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
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):hover,
2525
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:hover,
2526
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover,
2527
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover,
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):hover,
2529
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:hover,
2530
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover,
2531
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
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):hover,
2533
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover,
2534
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover,
2535
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover,
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):hover,
2537
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:hover {
2538
+ background: rgba(var(--color-sf-on-surface), 0.05);
2539
+ color: rgba(var(--color-sf-on-surface-variant));
2540
+ border-color: unset;
2541
+ }
2542
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
2543
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
2544
+ .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,
2545
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:hover .e-btn-icon,
2546
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
2547
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
2548
+ .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,
2549
+ .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,
2550
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
2551
+ .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,
2552
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:hover .e-btn-icon,
2553
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
2554
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
2555
+ .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,
2556
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:hover .e-btn-icon,
2557
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
2558
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
2559
+ .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,
2560
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:hover .e-btn-icon,
2561
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):hover .e-btn-icon,
2562
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:hover .e-btn-icon,
2563
+ .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,
2564
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:hover .e-btn-icon {
2565
+ color: rgba(var(--color-sf-on-surface-variant));
2566
+ }
2567
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active,
2568
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active,
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).e-active,
2570
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn.e-active,
2571
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
2572
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
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).e-active,
2574
+ .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,
2575
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
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).e-active,
2577
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-active,
2578
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active,
2579
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active,
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).e-active,
2581
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn.e-active,
2582
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
2583
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
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).e-active,
2585
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active,
2586
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active,
2587
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active,
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).e-active,
2589
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn.e-active {
2590
+ background: rgba(var(--color-sf-on-surface), 0.05);
2591
+ color: rgba(var(--color-sf-on-surface-variant));
2592
+ }
2593
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
2594
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
2595
+ .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,
2596
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn.e-active .e-btn-icon,
2597
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
2598
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
2599
+ .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,
2600
+ .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,
2601
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
2602
+ .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,
2603
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
2604
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
2605
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
2606
+ .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,
2607
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn.e-active .e-btn-icon,
2608
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
2609
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
2610
+ .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,
2611
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon,
2612
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu).e-active .e-btn-icon,
2613
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button.e-active .e-btn-icon,
2614
+ .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,
2615
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn.e-active .e-btn-icon {
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):active,
2619
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active,
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):active,
2621
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:active,
2622
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active,
2623
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
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):active,
2625
+ .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,
2626
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
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):active,
2628
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:active,
2629
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active,
2630
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active,
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):active,
2632
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:active,
2633
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active,
2634
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
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):active,
2636
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:active,
2637
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active,
2638
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active,
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):active,
2640
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:active {
2641
+ background: rgba(var(--color-sf-on-surface), 0.05);
2642
+ color: rgba(var(--color-sf-on-surface-variant));
2643
+ }
2644
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
2645
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
2646
+ .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,
2647
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:active .e-btn-icon,
2648
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
2649
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
2650
+ .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,
2651
+ .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,
2652
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
2653
+ .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,
2654
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:active .e-btn-icon,
2655
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
2656
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
2657
+ .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,
2658
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:active .e-btn-icon,
2659
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
2660
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
2661
+ .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,
2662
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:active .e-btn-icon,
2663
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):active .e-btn-icon,
2664
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:active .e-btn-icon,
2665
+ .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,
2666
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:active .e-btn-icon {
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):focus-visible,
2670
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
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):focus-visible,
2672
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:focus-visible,
2673
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
2674
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
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):focus-visible,
2676
+ .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,
2677
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
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):focus-visible,
2679
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible,
2680
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible,
2681
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
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):focus-visible,
2683
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:focus-visible,
2684
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
2685
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
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):focus-visible,
2687
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible,
2688
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible,
2689
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible,
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):focus-visible,
2691
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible {
2692
+ background: rgba(var(--color-sf-on-surface), 0.05);
2693
+ color: rgba(var(--color-sf-on-surface-variant));
2694
+ border-color: unset;
2695
+ -webkit-box-shadow: none;
2696
+ box-shadow: none;
2697
+ }
2698
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
2699
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2700
+ .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,
2701
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
2702
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
2703
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2704
+ .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,
2705
+ .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,
2706
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2707
+ .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,
2708
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
2709
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
2710
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2711
+ .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,
2712
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
2713
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
2714
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2715
+ .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,
2716
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon,
2717
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):focus-visible .e-btn-icon,
2718
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:focus-visible .e-btn-icon,
2719
+ .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,
2720
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:focus-visible .e-btn-icon {
2721
+ color: rgba(var(--color-sf-on-surface-variant));
2722
+ }
2723
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled,
2724
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled,
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):disabled,
2726
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:disabled,
2727
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
2728
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
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):disabled,
2730
+ .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,
2731
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
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):disabled,
2733
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:disabled,
2734
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled,
2735
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled,
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):disabled,
2737
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:disabled,
2738
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
2739
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
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):disabled,
2741
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled,
2742
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled,
2743
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled,
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):disabled,
2745
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:disabled {
2746
+ color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface));
2747
+ }
2748
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2749
+ .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
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 .e-btn-icon,
2751
+ .e-ribbon.e-rbn .e-ribbon-item .e-ribbon-group-of-btn:disabled .e-btn-icon,
2752
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2753
+ .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
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 .e-btn-icon,
2755
+ .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,
2756
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
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 .e-btn-icon,
2758
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon,
2759
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2760
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
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 .e-btn-icon,
2762
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-group-of-btn:disabled .e-btn-icon,
2763
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2764
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
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 .e-btn-icon,
2766
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon,
2767
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn:not(.e-ribbon-file-menu):disabled .e-btn-icon,
2768
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-btn-group .e-btn.e-ribbon-group-button:disabled .e-btn-icon,
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 .e-btn-icon,
2770
+ .e-ribbon-group-overflow-ddb.e-ribbon-overflow .e-ribbon-group-of-btn:disabled .e-btn-icon {
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-group-header,
2774
+ .e-ribbon-group-overflow-ddb .e-ribbon-group-header {
2775
+ color: rgba(var(--color-sf-on-surface));
2776
+ }
2777
+ .e-ribbon.e-rbn .e-ribbon-launcher-icon,
2778
+ .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon {
2779
+ border-color: transparent;
2780
+ }
2781
+ .e-ribbon.e-rbn .e-ribbon-launcher-icon:hover, .e-ribbon.e-rbn .e-ribbon-launcher-icon:focus-visible,
2782
+ .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon:hover,
2783
+ .e-ribbon-group-overflow-ddb .e-ribbon-launcher-icon:focus-visible {
2784
+ background: rgba(var(--color-sf-on-surface), 0.05);
2785
+ color: rgba(var(--color-sf-on-surface-variant));
2786
+ border-color: unset;
2787
+ }
2788
+ .e-ribbon.e-rbn .e-input-group,
2789
+ .e-ribbon-group-overflow-ddb .e-input-group {
2790
+ border-color: rgba(var(--color-sf-outline));
2791
+ background: transparent;
2792
+ }
2793
+ .e-ribbon.e-rbn .e-input-group input.e-input,
2794
+ .e-ribbon-group-overflow-ddb .e-input-group input.e-input {
2795
+ color: rgba(var(--color-sf-on-surface));
2796
+ }
2797
+ .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon,
2798
+ .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon {
2799
+ color: rgba(var(--color-sf-on-surface-variant));
2800
+ }
2801
+ .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-input-group-icon:hover,
2802
+ .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-input-group-icon:hover {
2803
+ background: rgba(var(--color-sf-on-surface), 0.05);
2804
+ color: rgba(var(--color-sf-on-surface-variant));
2805
+ }
2806
+ .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,
2807
+ .e-ribbon-group-overflow-ddb .e-input-group.e-disabled,
2808
+ .e-ribbon-group-overflow-ddb .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled {
2809
+ border-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface));
2810
+ }
2811
+ .e-ribbon.e-rbn .e-ribbon-group::after,
2812
+ .e-ribbon-group-overflow-ddb .e-ribbon-group::after {
2813
+ border-color: rgba(var(--color-sf-outline-variant));
2814
+ }
2815
+
2816
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-combobox-label,
2817
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-colorpicker-label {
2818
+ color: rgba(var(--color-sf-on-surface));
2819
+ }
2820
+ .e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-template:focus-visible {
2821
+ background: rgba(var(--color-sf-on-surface), 0.05);
2822
+ color: rgba(var(--color-sf-on-surface-variant));
2823
+ border-color: unset;
2824
+ }
2825
+
2826
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn,
2827
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn,
2828
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn,
2829
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn {
2830
+ 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));
2831
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2832
+ }
2833
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:hover,
2834
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:hover,
2835
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:hover,
2836
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:hover {
2837
+ background: rgba(var(--color-sf-on-surface), 0.05);
2838
+ }
2839
+ .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,
2840
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn.e-active,
2841
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:active,
2842
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn.e-active,
2843
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:active,
2844
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn.e-active,
2845
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:active {
2846
+ background: rgba(var(--color-sf-on-surface), 0.05);
2847
+ }
2848
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:focus,
2849
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item .e-split-colorpicker.e-split-btn:focus,
2850
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:focus,
2851
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-colorpicker.e-split-btn:focus {
2852
+ background: rgba(var(--color-sf-on-surface), 0.05);
2853
+ }
2854
+
2855
+ .e-ribbon-file-menu.e-dropdown-popup,
2856
+ .e-ribbon-vertical-center.e-dropdown-popup,
2857
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup,
2858
+ .e-ribbon-dropdown-group-button.e-dropdown-popup {
2859
+ 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));
2860
+ background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2861
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2862
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2863
+ border-color: var(--color-sf-outline-variant);
2864
+ }
2865
+ .e-ribbon-file-menu.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2866
+ .e-ribbon-file-menu.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2867
+ .e-ribbon-file-menu.e-dropdown-popup .e-ribbon-group-of-btn,
2868
+ .e-ribbon-vertical-center.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2869
+ .e-ribbon-vertical-center.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2870
+ .e-ribbon-vertical-center.e-dropdown-popup .e-ribbon-group-of-btn,
2871
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2872
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2873
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup .e-ribbon-group-of-btn,
2874
+ .e-ribbon-dropdown-group-button.e-dropdown-popup .e-btn:not(.e-ribbon-file-menu),
2875
+ .e-ribbon-dropdown-group-button.e-dropdown-popup .e-btn-group .e-btn.e-ribbon-group-button,
2876
+ .e-ribbon-dropdown-group-button.e-dropdown-popup .e-ribbon-group-of-btn {
2877
+ background: transparent;
2878
+ }
2879
+
2880
+ .e-ribbon-gallery-button {
2881
+ border-color: rgba(var(--color-sf-outline-variant));
2882
+ background: transparent;
2883
+ color: rgba(var(--color-sf-on-surface-variant));
2884
+ }
2885
+ .e-ribbon-gallery-button.e-gallery-button-active {
2886
+ background: rgba(var(--color-sf-primary-container));
2887
+ color: rgba(var(--color-sf-on-surface-variant));
2888
+ }
2889
+
2890
+ .e-ribbon-gallery-item {
2891
+ background: transparent;
2892
+ border-color: transparent;
2893
+ }
2894
+ .e-ribbon-gallery-item .e-ribbon-gallery-text {
2895
+ color: rgba(var(--color-sf-on-surface));
2896
+ }
2897
+ .e-ribbon-gallery-item .e-ribbon-gallery-icons {
2898
+ color: rgba(var(--color-sf-on-surface-variant));
2899
+ }
2900
+
2901
+ .e-ribbon-gallery-popup.e-popup,
2902
+ .e-dropdown-popup.e-ribbon-gallery-dropdown {
2903
+ background: rgba(var(--color-sf-surface));
2904
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2905
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2906
+ }
2907
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-header,
2908
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-header {
2909
+ color: rgba(var(--color-sf-on-surface-variant));
2910
+ }
2911
+
2912
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item:hover,
2913
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item:hover,
2914
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item:hover {
2915
+ background: rgba(var(--color-sf-on-surface), 0.05);
2916
+ }
2917
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-ribbon-gallery-selected,
2918
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-ribbon-gallery-selected,
2919
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-ribbon-gallery-selected {
2920
+ background: rgba(var(--color-sf-primary-container));
2921
+ }
2922
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-text,
2923
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-text,
2924
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-text {
2925
+ color: rgba(var(--color-sf-on-surface));
2926
+ }
2927
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-icons,
2928
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-icons,
2929
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-icons {
2930
+ color: rgba(var(--color-sf-on-surface-variant));
2931
+ }
2932
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-disabled,
2933
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-disabled,
2934
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-disabled {
2935
+ background: transparent;
2936
+ }
2937
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-text,
2938
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-text,
2939
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-text {
2940
+ color: rgba(var(--color-sf-on-surface), 0.38);
2941
+ }
2942
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-icons,
2943
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-icons,
2944
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-icons {
2945
+ color: rgba(var(--color-sf-on-surface), 0.38);
2946
+ }
2947
+ .e-ribbon-gallery-wrapper .e-ribbon-gallery-item:focus, .e-ribbon-gallery-wrapper .e-ribbon-gallery-item:focus-visible,
2948
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item:focus,
2949
+ .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-item:focus-visible,
2950
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item:focus,
2951
+ .e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-item:focus-visible {
2952
+ border-color: rgba(var(--color-sf-outline-variant));
2953
+ }
2954
+
2955
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-icon {
2956
+ color: rgba(var(--color-sf-on-surface-variant));
2957
+ }
2958
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button {
2959
+ color: rgba(var(--color-sf-on-surface));
2960
+ 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));
2961
+ background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2962
+ }
2963
+ .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 {
2964
+ background: rgba(var(--color-sf-on-surface), 0.05);
2965
+ }
2966
+ .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 {
2967
+ color: var(--color-sf-on-surface);
2968
+ }
2969
+ .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 {
2970
+ background: rgba(var(--color-sf-on-surface), 0.05);
2971
+ color: var(--color-sf-on-surface);
2972
+ }
2973
+ .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 {
2974
+ color: var(--color-sf-on-surface);
2975
+ }
2976
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active {
2977
+ background: rgba(var(--color-sf-primary-container));
2978
+ }
2979
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-icon-btn.e-active .e-btn-icon {
2980
+ color: rgba(var(--color-sf-on-surface-variant));
2981
+ }
2982
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active {
2983
+ background: rgba(var(--color-sf-primary-container));
2984
+ color: var(--color-sf-on-surface);
2985
+ }
2986
+ .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn.e-ribbon-group-button.e-active .e-btn-icon {
2987
+ color: rgba(var(--color-sf-on-surface-variant));
2988
+ }
2989
+ .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 {
2990
+ background: rgba(var(--color-sf-primary-container));
2991
+ }
2992
+ .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 {
2993
+ color: rgba(var(--color-sf-on-surface-variant));
2994
+ }
2995
+
2996
+ .e-ribbon-tooltip.e-tooltip-wrap.e-popup {
2997
+ background: rgba(var(--color-sf-inverse-surface));
2998
+ }
2999
+ .e-ribbon-tooltip.e-tooltip-wrap .e-tip-content {
3000
+ color: rgba(var(--color-sf-inverse-on-surface));
3001
+ }
3002
+ .e-ribbon-tooltip.e-tooltip-wrap .e-arrow-tip .e-arrow-tip-inner.e-tip-top {
3003
+ color: rgba(var(--color-sf-inverse-surface));
3004
+ }
3005
+
3006
+ .e-ribbon-keytip {
3007
+ background-color: rgba(var(--color-sf-inverse-surface));
3008
+ color: rgba(var(--color-sf-inverse-on-surface));
3009
+ }
3010
+
3011
+ .e-ribbon-menu.e-menu-wrapper:not(.e-menu-popup), .e-ribbon-menu.e-menu-container:not(.e-menu-popup) {
3012
+ background: rgba(var(--color-sf-surface));
3013
+ }
3014
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical.e-menu, .e-ribbon-menu.e-menu-wrapper ul.e-ul.e-menu {
3015
+ border-color: rgba(var(--color-sf-outline-variant));
3016
+ background: rgba(var(--color-sf-surface));
3017
+ }
3018
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item {
3019
+ color: rgba(var(--color-sf-on-surface));
3020
+ }
3021
+ .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
3022
+ .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,
3023
+ .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-caret {
3024
+ color: rgba(var(--color-sf-on-surface-variant));
3025
+ }
3026
+ .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 {
3027
+ 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));
3028
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
3029
+ color: rgba(var(--color-sf-on-surface));
3030
+ }