@epam/assets 5.12.0-rc.1 → 5.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/css/theme/no-fonts/theme_electric.css +900 -0
  2. package/css/theme/no-fonts/theme_electric.css.map +1 -0
  3. package/css/theme/no-fonts/theme_loveship.css +963 -0
  4. package/css/theme/no-fonts/theme_loveship.css.map +1 -0
  5. package/css/theme/no-fonts/theme_loveship_dark.css +1131 -0
  6. package/css/theme/no-fonts/theme_loveship_dark.css.map +1 -0
  7. package/css/theme/no-fonts/theme_promo.css +976 -0
  8. package/css/theme/no-fonts/theme_promo.css.map +1 -0
  9. package/css/theme/theme_eduverse_dark.css +25 -4
  10. package/css/theme/theme_eduverse_dark.css.map +1 -1
  11. package/css/theme/theme_eduverse_light.css +26 -3
  12. package/css/theme/theme_eduverse_light.css.map +1 -1
  13. package/css/theme/theme_electric.css +18 -2
  14. package/css/theme/theme_electric.css.map +1 -1
  15. package/css/theme/theme_loveship.css +18 -2
  16. package/css/theme/theme_loveship.css.map +1 -1
  17. package/css/theme/theme_loveship_dark.css +18 -2
  18. package/css/theme/theme_loveship_dark.css.map +1 -1
  19. package/css/theme/theme_promo.css +18 -2
  20. package/css/theme/theme_promo.css.map +1 -1
  21. package/css/theme/theme_vanilla_thunder.css +18 -1
  22. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  23. package/package.json +3 -3
  24. package/theme/theme_eduverse_dark.scss +5 -0
  25. package/theme/theme_eduverse_light.scss +10 -0
  26. package/theme/variables/6px_grid.scss +27 -1
  27. package/theme/variables/tokens/_theme_eduverse_dark.scss +3 -3
  28. package/theme/variables/tokens/_theme_eduverse_light.scss +2 -2
  29. package/theme/variables/tokens/_theme_electric.scss +0 -3
  30. package/theme/variables/tokens/_theme_loveship_dark.scss +0 -3
  31. package/theme/variables/tokens/_theme_loveship_light.scss +0 -3
  32. package/theme/variables/tokens/_theme_promo.scss +0 -3
package/css/theme/no-fonts/theme_electric.css ADDED
@@ -0,0 +1,900 @@
1
+ .uui-theme-electric{
2
+ --uui-font:"Source Sans Pro", sans-serif;
3
+ --uui-font-mono:"Roboto Mono", monospace;
4
+ --font-museo-sans:"Museo Sans", "Source Sans Pro", Arial, sans-serif;
5
+ --gradient-1:linear-gradient(90deg, #00FFD3 0%, #00F6FF 44.22%, #B896FF 90%);
6
+ --gradient-2:linear-gradient(152deg, #0078C2 8.13%, #0047FF 59.98%, #8453D2 91.87%);
7
+ --gradient-3:linear-gradient(135deg, #1294E2 14.78%, #0A68F1 57.36%, #8453D2 95%);
8
+ --gradient-4:linear-gradient(315deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);
9
+ --gradient-5:linear-gradient(90deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);
10
+ --uui-shadow-level-1:0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);
11
+ --uui-shadow-level-2:0 6px 12px rgba(29, 30, 38, 0.05), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);
12
+ --uui-shadow-level-3:0 0 10px rgba(29, 30, 38, 0.05), 0 6px 36px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.05);
13
+ --black:#000000;
14
+ --white:#FFFFFF;
15
+ --cobalt-5:#F8FAFF;
16
+ --cobalt-10:#D9E2FC;
17
+ --cobalt-20:#AEC0F5;
18
+ --cobalt-50:#0F98FF;
19
+ --cobalt-60:#006FE5;
20
+ --cobalt-70:#0954A5;
21
+ --cyan-5:#F6FEFE;
22
+ --cyan-10:#D1FAFA;
23
+ --cyan-20:#AAEEEE;
24
+ --cyan-50:#14CCCC;
25
+ --cyan-60:#12B5B5;
26
+ --cyan-70:#0B6F6F;
27
+ --electric-5:#F3F8FE;
28
+ --electric-10:#CEE1FC;
29
+ --electric-20:#85B4F8;
30
+ --electric-50:#0A68F1;
31
+ --electric-60:#095ED9;
32
+ --electric-70:#0853C1;
33
+ --emerald-5:#F3FBF7;
34
+ --emerald-10:#CDEEDD;
35
+ --emerald-20:#97D9B7;
36
+ --emerald-50:#07A956;
37
+ --emerald-60:#06984D;
38
+ --emerald-70:#068745;
39
+ --fire-5:#FEF6F6;
40
+ --fire-10:#FDE1E1;
41
+ --fire-20:#FBB6B6;
42
+ --fire-50:#FF4242;
43
+ --fire-60:#E22A2A;
44
+ --fire-70:#AD0000;
45
+ --fuchsia-5:#FFF7FB;
46
+ --fuchsia-10:#F9D8E7;
47
+ --fuchsia-20:#EDADC8;
48
+ --fuchsia-50:#EA4386;
49
+ --fuchsia-60:#D61E68;
50
+ --fuchsia-70:#AE1955;
51
+ --mint-5:#F2FCF5;
52
+ --mint-10:#DDF3E4;
53
+ --mint-20:#B4DFC4;
54
+ --mint-50:#4FC48C;
55
+ --mint-60:#31AA70;
56
+ --mint-70:#236E4A;
57
+ --night50:#FAFAFC;
58
+ --night100:#F5F6FA;
59
+ --night200:#EBEDF5;
60
+ --night300:#E1E3EB;
61
+ --night400:#CED0DB;
62
+ --night500:#ACAFBF;
63
+ --night600:#6C6F80;
64
+ --night700:#474A59;
65
+ --night800:#303240;
66
+ --night900:#1D1E26;
67
+ --night950:#111111;
68
+ --orange-5:#FEF8F4;
69
+ --orange-10:#FFE8D7;
70
+ --orange-20:#FFCCA7;
71
+ --orange-50:#FF8B3E;
72
+ --orange-60:#F76B0D;
73
+ --orange-70:#BD4B00;
74
+ --purple-5:#FDF6FE;
75
+ --purple-10:#F2CCFA;
76
+ --purple-20:#E79DF5;
77
+ --purple-50:#B114D1;
78
+ --purple-60:#860F9E;
79
+ --purple-70:#5E0B6F;
80
+ --sun-5:#FFFCF5;
81
+ --sun-10:#FFEDC9;
82
+ --sun-20:#FFD785;
83
+ --sun-50:#FCAA00;
84
+ --sun-60:#FF9000;
85
+ --sun-70:#BD5800;
86
+ --violet-5:#F8F6FE;
87
+ --violet-10:#DBCCFA;
88
+ --violet-20:#BB9DF5;
89
+ --violet-50:#773CEC;
90
+ --violet-60:#5514D6;
91
+ --violet-70:#40109E;
92
+ --yellow-5:#FFFFF5;
93
+ --yellow-10:#FFFFE5;
94
+ --yellow-20:#FFFCA4;
95
+ --yellow-50:#FDD63B;
96
+ --yellow-60:#EDBE02;
97
+ --yellow-70:#BC7E02;
98
+ --uui-accent-5:var(--emerald-5);
99
+ --uui-accent-10:var(--emerald-10);
100
+ --uui-accent-20:var(--emerald-20);
101
+ --uui-accent-50:var(--emerald-50);
102
+ --uui-accent-60:var(--emerald-60);
103
+ --uui-accent-70:var(--emerald-70);
104
+ --uui-accent-contrast:var(--white);
105
+ --uui-critical-5:var(--fire-5);
106
+ --uui-critical-10:var(--fire-10);
107
+ --uui-critical-20:var(--fire-20);
108
+ --uui-critical-50:var(--fire-50);
109
+ --uui-critical-60:var(--fire-60);
110
+ --uui-critical-70:var(--fire-70);
111
+ --uui-critical-contrast:var(--white);
112
+ --uui-error-5:var(--fire-5);
113
+ --uui-error-10:var(--fire-10);
114
+ --uui-error-20:var(--fire-20);
115
+ --uui-error-50:var(--fire-50);
116
+ --uui-error-60:var(--fire-60);
117
+ --uui-error-70:var(--fire-70);
118
+ --uui-error-contrast:var(--white);
119
+ --uui-info-5:var(--electric-5);
120
+ --uui-info-10:var(--electric-10);
121
+ --uui-info-20:var(--electric-20);
122
+ --uui-info-50:var(--electric-50);
123
+ --uui-info-60:var(--electric-60);
124
+ --uui-info-70:var(--electric-70);
125
+ --uui-info-contrast:var(--white);
126
+ --uui-primary-5:var(--electric-5);
127
+ --uui-primary-10:var(--electric-10);
128
+ --uui-primary-20:var(--electric-20);
129
+ --uui-primary-50:var(--electric-50);
130
+ --uui-primary-60:var(--electric-60);
131
+ --uui-primary-70:var(--electric-70);
132
+ --uui-primary-contrast:var(--white);
133
+ --uui-secondary-5:var(--night100);
134
+ --uui-secondary-10:var(--night200);
135
+ --uui-secondary-20:var(--night300);
136
+ --uui-secondary-50:var(--night600);
137
+ --uui-secondary-60:var(--night700);
138
+ --uui-secondary-70:var(--night800);
139
+ --uui-secondary-contrast:var(--white);
140
+ --uui-success-5:var(--emerald-5);
141
+ --uui-success-10:var(--emerald-10);
142
+ --uui-success-20:var(--emerald-20);
143
+ --uui-success-50:var(--emerald-50);
144
+ --uui-success-60:var(--emerald-60);
145
+ --uui-success-70:var(--emerald-70);
146
+ --uui-success-contrast:var(--white);
147
+ --uui-warning-5:var(--sun-5);
148
+ --uui-warning-10:var(--sun-10);
149
+ --uui-warning-20:var(--sun-20);
150
+ --uui-warning-50:var(--sun-50);
151
+ --uui-warning-60:var(--sun-60);
152
+ --uui-warning-70:var(--sun-70);
153
+ --uui-warning-contrast:var(--uui-neutral-80);
154
+ --uui-neutral-0:var(--white);
155
+ --uui-neutral-5:var(--night50);
156
+ --uui-neutral-10:var(--night100);
157
+ --uui-neutral-20:var(--night200);
158
+ --uui-neutral-30:var(--night300);
159
+ --uui-neutral-40:var(--night400);
160
+ --uui-neutral-50:var(--night500);
161
+ --uui-neutral-60:var(--night600);
162
+ --uui-neutral-70:var(--night700);
163
+ --uui-neutral-80:var(--night800);
164
+ --uui-neutral-90:var(--night900);
165
+ --uui-neutral-95:var(--night950);
166
+ --uui-neutral-100:var(--black);
167
+ --uui-app-bg:var(--uui-neutral-10);
168
+ --uui-divider:var(--uui-neutral-40);
169
+ --uui-divider-light:var(--uui-neutral-30);
170
+ --uui-overlay:#1D1E26CC;
171
+ --uui-surface-higher:var(--uui-neutral-10);
172
+ --uui-surface-highest:var(--uui-neutral-20);
173
+ --uui-surface-main:var(--uui-neutral-0);
174
+ --uui-surface-sunken:var(--uui-neutral-20);
175
+ --uui-control-bg:var(--uui-surface-main);
176
+ --uui-control-bg-disabled:var(--uui-neutral-5);
177
+ --uui-control-bg-hover:var(--uui-neutral-60);
178
+ --uui-control-border:var(--uui-neutral-40);
179
+ --uui-control-border-disabled:var(--uui-neutral-30);
180
+ --uui-control-border-focus:var(--uui-primary-50);
181
+ --uui-control-border-hover:var(--uui-neutral-60);
182
+ --uui-control-icon:var(--uui-neutral-50);
183
+ --uui-control-icon-disabled:var(--uui-neutral-50);
184
+ --uui-control-placeholder:var(--uui-neutral-50);
185
+ --uui-control-placeholder-disabled:var(--uui-text-disabled);
186
+ --uui-control-text:var(--uui-neutral-95);
187
+ --uui-control-text-disabled:var(--uui-text-tertiary);
188
+ --uui-icon:var(--uui-neutral-95);
189
+ --uui-icon-active:var(--uui-neutral-100);
190
+ --uui-icon-disabled:var(--uui-neutral-50);
191
+ --uui-icon-hover:var(--uui-neutral-100);
192
+ --uui-link:var(--uui-primary-50);
193
+ --uui-link-hover:var(--uui-primary-60);
194
+ --uui-link-visited:var(--purple-60);
195
+ --uui-link-visited-hover:var(--purple-70);
196
+ --uui-outline-focus:#0A68F17F;
197
+ --uui-skeleton:var(--uui-neutral-40);
198
+ --uui-text-bg-highlight:var(--uui-warning-10);
199
+ --uui-text-critical:var(--uui-critical-70);
200
+ --uui-text-disabled:var(--uui-neutral-50);
201
+ --uui-text-info:var(--uui-info-70);
202
+ --uui-text-primary:var(--uui-neutral-95);
203
+ --uui-text-secondary:var(--uui-neutral-70);
204
+ --uui-text-success:var(--uui-success-70);
205
+ --uui-text-tertiary:var(--uui-neutral-60);
206
+ --uui-text-warning:var(--uui-warning-70);
207
+ }
208
+ .uui-theme-electric .uui-color-primary{
209
+ --uui-color-5:var(--uui-primary-5);
210
+ --uui-color-10:var(--uui-primary-10);
211
+ --uui-color-20:var(--uui-primary-20);
212
+ --uui-color-50:var(--uui-primary-50);
213
+ --uui-color-60:var(--uui-primary-60);
214
+ --uui-color-70:var(--uui-primary-70);
215
+ --uui-color-contrast:var(--uui-primary-contrast);
216
+ }
217
+ .uui-theme-electric .uui-color-secondary{
218
+ --uui-color-5:var(--uui-secondary-5);
219
+ --uui-color-10:var(--uui-secondary-10);
220
+ --uui-color-20:var(--uui-secondary-20);
221
+ --uui-color-50:var(--uui-secondary-50);
222
+ --uui-color-60:var(--uui-secondary-60);
223
+ --uui-color-70:var(--uui-secondary-70);
224
+ --uui-color-contrast:var(--uui-secondary-contrast);
225
+ }
226
+ .uui-theme-electric .uui-color-accent{
227
+ --uui-color-5:var(--uui-accent-5);
228
+ --uui-color-10:var(--uui-accent-10);
229
+ --uui-color-20:var(--uui-accent-20);
230
+ --uui-color-50:var(--uui-accent-50);
231
+ --uui-color-60:var(--uui-accent-60);
232
+ --uui-color-70:var(--uui-accent-70);
233
+ --uui-color-contrast:var(--uui-accent-contrast);
234
+ }
235
+ .uui-theme-electric .uui-color-info{
236
+ --uui-color-5:var(--uui-info-5);
237
+ --uui-color-10:var(--uui-info-10);
238
+ --uui-color-20:var(--uui-info-20);
239
+ --uui-color-50:var(--uui-info-50);
240
+ --uui-color-60:var(--uui-info-60);
241
+ --uui-color-70:var(--uui-info-70);
242
+ --uui-color-contrast:var(--uui-info-contrast);
243
+ }
244
+ .uui-theme-electric .uui-color-success{
245
+ --uui-color-5:var(--uui-success-5);
246
+ --uui-color-10:var(--uui-success-10);
247
+ --uui-color-20:var(--uui-success-20);
248
+ --uui-color-50:var(--uui-success-50);
249
+ --uui-color-60:var(--uui-success-60);
250
+ --uui-color-70:var(--uui-success-70);
251
+ --uui-color-contrast:var(--uui-success-contrast);
252
+ }
253
+ .uui-theme-electric .uui-color-warning{
254
+ --uui-color-5:var(--uui-warning-5);
255
+ --uui-color-10:var(--uui-warning-10);
256
+ --uui-color-20:var(--uui-warning-20);
257
+ --uui-color-50:var(--uui-warning-50);
258
+ --uui-color-60:var(--uui-warning-60);
259
+ --uui-color-70:var(--uui-warning-70);
260
+ --uui-color-contrast:var(--uui-warning-contrast);
261
+ }
262
+ .uui-theme-electric .uui-color-error{
263
+ --uui-color-5:var(--uui-error-5);
264
+ --uui-color-10:var(--uui-error-10);
265
+ --uui-color-20:var(--uui-error-20);
266
+ --uui-color-50:var(--uui-error-50);
267
+ --uui-color-60:var(--uui-error-60);
268
+ --uui-color-70:var(--uui-error-70);
269
+ --uui-color-contrast:var(--uui-error-contrast);
270
+ }
271
+ .uui-theme-electric .uui-color-critical{
272
+ --uui-color-5:var(--uui-critical-5);
273
+ --uui-color-10:var(--uui-critical-10);
274
+ --uui-color-20:var(--uui-critical-20);
275
+ --uui-color-50:var(--uui-critical-50);
276
+ --uui-color-60:var(--uui-critical-60);
277
+ --uui-color-70:var(--uui-critical-70);
278
+ --uui-color-contrast:var(--uui-critical-contrast);
279
+ }
280
+ .uui-theme-electric .uui-color-white{
281
+ --uui-color-5:color-mix(in srgb, #FFFFFF 15%, transparent);
282
+ --uui-color-10:color-mix(in srgb, #FFFFFF 22%, transparent);
283
+ --uui-color-20:color-mix(in srgb, #FFFFFF 29%, transparent);
284
+ --uui-color-50:var(--uui-neutral-0);
285
+ --uui-color-60:var(--uui-neutral-10);
286
+ --uui-color-70:var(--uui-neutral-20);
287
+ --uui-color-contrast:var(--uui-neutral-70);
288
+ }
289
+ .uui-theme-electric .uui-color-neutral{
290
+ --uui-color-5:var(--uui-secondary-5);
291
+ --uui-color-10:var(--uui-secondary-10);
292
+ --uui-color-20:var(--uui-secondary-20);
293
+ --uui-color-50:var(--uui-secondary-50);
294
+ --uui-color-60:var(--uui-secondary-60);
295
+ --uui-color-70:var(--uui-secondary-70);
296
+ --uui-color-contrast:var(--uui-secondary-contrast);
297
+ }
298
+ .uui-theme-electric{
299
+ --uui-border-radius:3px;
300
+ }
301
+ .uui-theme-electric .uui-color-fire{
302
+ --uui-color-5:var(--uui-critical-5);
303
+ --uui-color-10:var(--uui-critical-10);
304
+ --uui-color-20:var(--uui-critical-20);
305
+ --uui-color-50:var(--uui-critical-50);
306
+ --uui-color-60:var(--uui-critical-60);
307
+ --uui-color-70:var(--uui-critical-70);
308
+ --uui-color-contrast:var(--white);
309
+ }
310
+ .uui-theme-electric .uui-color-night100{
311
+ --uui-color-5:var(--white);
312
+ --uui-color-10:var(--white);
313
+ --uui-color-20:var(--night50);
314
+ --uui-color-50:var(--night100);
315
+ --uui-color-60:var(--night200);
316
+ --uui-color-70:var(--night300);
317
+ --uui-color-contrast:var(--uui-neutral-70);
318
+ }
319
+ .uui-theme-electric .uui-color-night300{
320
+ --uui-color-5:var(--night50);
321
+ --uui-color-10:var(--night100);
322
+ --uui-color-20:var(--night200);
323
+ --uui-color-50:var(--night300);
324
+ --uui-color-60:var(--night400);
325
+ --uui-color-70:var(--night500);
326
+ --uui-color-contrast:var(--uui-neutral-80);
327
+ }
328
+ .uui-theme-electric .uui-color-night600{
329
+ --uui-color-5:var(--uui-secondary-5);
330
+ --uui-color-10:var(--uui-secondary-10);
331
+ --uui-color-20:var(--uui-secondary-20);
332
+ --uui-color-50:var(--uui-secondary-50);
333
+ --uui-color-60:var(--uui-secondary-60);
334
+ --uui-color-70:var(--uui-secondary-70);
335
+ --uui-color-contrast:var(--white);
336
+ }
337
+ .uui-theme-electric .uui-color-night700{
338
+ --uui-color-5:var(--night400);
339
+ --uui-color-10:var(--night500);
340
+ --uui-color-20:var(--night600);
341
+ --uui-color-50:var(--night700);
342
+ --uui-color-60:var(--night800);
343
+ --uui-color-70:var(--night900);
344
+ --uui-color-contrast:var(--white);
345
+ }
346
+ .uui-theme-electric .uui-color-sun{
347
+ --uui-color-5:var(--sun-5);
348
+ --uui-color-10:var(--sun-10);
349
+ --uui-color-20:var(--sun-20);
350
+ --uui-color-50:var(--sun-50);
351
+ --uui-color-60:var(--sun-60);
352
+ --uui-color-70:var(--sun-70);
353
+ --uui-color-contrast:var(--uui-neutral-80);
354
+ }
355
+ .uui-theme-electric .uui-color-yellow{
356
+ --uui-color-5:var(--yellow-5);
357
+ --uui-color-10:var(--yellow-10);
358
+ --uui-color-20:var(--yellow-20);
359
+ --uui-color-50:var(--yellow-50);
360
+ --uui-color-60:var(--yellow-60);
361
+ --uui-color-70:var(--yellow-70);
362
+ --uui-color-contrast:var(--uui-neutral-80);
363
+ }
364
+ .uui-theme-electric .uui-color-orange{
365
+ --uui-color-5:var(--orange-5);
366
+ --uui-color-10:var(--orange-10);
367
+ --uui-color-20:var(--orange-20);
368
+ --uui-color-50:var(--orange-50);
369
+ --uui-color-60:var(--orange-60);
370
+ --uui-color-70:var(--orange-70);
371
+ --uui-color-contrast:var(--uui-neutral-80);
372
+ }
373
+ .uui-theme-electric .uui-color-fuchsia{
374
+ --uui-color-5:var(--fuchsia-5);
375
+ --uui-color-10:var(--fuchsia-10);
376
+ --uui-color-20:var(--fuchsia-20);
377
+ --uui-color-50:var(--fuchsia-50);
378
+ --uui-color-60:var(--fuchsia-60);
379
+ --uui-color-70:var(--fuchsia-70);
380
+ --uui-color-contrast:var(--white);
381
+ }
382
+ .uui-theme-electric .uui-color-purple{
383
+ --uui-color-5:var(--purple-5);
384
+ --uui-color-10:var(--purple-10);
385
+ --uui-color-20:var(--purple-20);
386
+ --uui-color-50:var(--purple-50);
387
+ --uui-color-60:var(--purple-60);
388
+ --uui-color-70:var(--purple-70);
389
+ --uui-color-contrast:var(--white);
390
+ }
391
+ .uui-theme-electric .uui-color-violet{
392
+ --uui-color-5:var(--violet-5);
393
+ --uui-color-10:var(--violet-10);
394
+ --uui-color-20:var(--violet-20);
395
+ --uui-color-50:var(--violet-50);
396
+ --uui-color-60:var(--violet-60);
397
+ --uui-color-70:var(--violet-70);
398
+ --uui-color-contrast:var(--white);
399
+ }
400
+ .uui-theme-electric .uui-color-cobalt{
401
+ --uui-color-5:var(--cobalt-5);
402
+ --uui-color-10:var(--cobalt-10);
403
+ --uui-color-20:var(--cobalt-20);
404
+ --uui-color-50:var(--cobalt-50);
405
+ --uui-color-60:var(--cobalt-60);
406
+ --uui-color-70:var(--cobalt-70);
407
+ --uui-color-contrast:var(--white);
408
+ }
409
+ .uui-theme-electric .uui-color-cyan{
410
+ --uui-color-5:var(--cyan-5);
411
+ --uui-color-10:var(--cyan-10);
412
+ --uui-color-20:var(--cyan-20);
413
+ --uui-color-50:var(--cyan-50);
414
+ --uui-color-60:var(--cyan-60);
415
+ --uui-color-70:var(--cyan-70);
416
+ --uui-color-contrast:var(--uui-neutral-80);
417
+ }
418
+ .uui-theme-electric .uui-color-mint{
419
+ --uui-color-5:var(--mint-5);
420
+ --uui-color-10:var(--mint-10);
421
+ --uui-color-20:var(--mint-20);
422
+ --uui-color-50:var(--mint-50);
423
+ --uui-color-60:var(--mint-60);
424
+ --uui-color-70:var(--mint-70);
425
+ --uui-color-contrast:var(--uui-neutral-80);
426
+ }
427
+ .uui-theme-electric .uui-accordion-container{
428
+ --uui-accordion-border-radius:6px;
429
+ }
430
+ .uui-theme-electric .uui-file_card{
431
+ --uui-file_card-border-radius:6px;
432
+ }
433
+ .uui-theme-electric .uui-badge.uui-color-white.uui-fill-solid{
434
+ --uui-badge-bg-hover:var(--uui-neutral-30);
435
+ --uui-badge-border-hover:var(--uui-neutral-30);
436
+ }
437
+ .uui-theme-electric .uui-badge.uui-color-white.uui-fill-outline{
438
+ --uui-badge-bg:var(--uui-neutral-0);
439
+ --uui-badge-border:var(--uui-neutral-30);
440
+ --uui-badge-bg-hover:var(--uui-neutral-10);
441
+ --uui-badge-border-hover:var(--uui-neutral-30);
442
+ --uui-badge-caption:var(--uui-neutral-70);
443
+ --uui-badge-caption-hover:var(--uui-neutral-70);
444
+ }
445
+ .uui-theme-electric .uui-badge.uui-color-white.uui-fill-outline .uui-count_indicator{
446
+ --uui-count_indicator-bg:color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);
447
+ --uui-count_indicator-border:color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);
448
+ }
449
+ .uui-theme-electric .uui-badge.uui-color-neutral{
450
+ --uui-badge-caption:var(--uui-neutral-95);
451
+ }
452
+ .uui-theme-electric .uui-badge.uui-color-neutral.uui-fill-solid{
453
+ --uui-badge-bg:var(--uui-neutral-30);
454
+ --uui-badge-bg-hover:var(--uui-neutral-40);
455
+ --uui-badge-border:var(--uui-neutral-30);
456
+ --uui-badge-border-hover:var(--uui-neutral-40);
457
+ --uui-color-contrast:var(--uui-neutral-80);
458
+ }
459
+ .uui-theme-electric .uui-badge.uui-color-neutral.uui-fill-solid .uui-count_indicator{
460
+ --uui-count_indicator-bg:var(--uui-neutral-0);
461
+ --uui-count_indicator-border:var(--uui-neutral-0);
462
+ }
463
+ .uui-theme-electric .uui-badge.uui-color-neutral.uui-fill-outline{
464
+ --uui-badge-bg:var(--uui-neutral-20);
465
+ --uui-badge-border:var(--uui-neutral-40);
466
+ --uui-badge-border-hover:var(--uui-neutral-40);
467
+ --uui-badge-bg-hover:var(--uui-neutral-30);
468
+ --uui-badge-caption-hover:var(--uui-neutral-80);
469
+ }
470
+ .uui-theme-electric .uui-badge.uui-color-night100.uui-fill-solid{
471
+ --uui-badge-bg-hover:var(--uui-neutral-20);
472
+ --uui-badge-border-hover:var(--uui-neutral-20);
473
+ }
474
+ .uui-theme-electric .uui-badge.uui-color-night100.uui-fill-outline{
475
+ --uui-badge-bg:var(--uui-neutral-10);
476
+ --uui-badge-bg-hover:var(--uui-neutral-20);
477
+ --uui-badge-border:var(--uui-neutral-30);
478
+ --uui-badge-border-hover:var(--uui-neutral-30);
479
+ --uui-badge-caption:var(--uui-neutral-70);
480
+ --uui-badge-caption-hover:var(--uui-neutral-70);
481
+ }
482
+ .uui-theme-electric .uui-badge.uui-color-night100.uui-fill-outline .uui-count_indicator{
483
+ --uui-count_indicator-bg:color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);
484
+ --uui-count_indicator-border:color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);
485
+ }
486
+ .uui-theme-electric .uui-badge.uui-color-night600.uui-fill-outline{
487
+ --uui-badge-border:var(--uui-neutral-60);
488
+ --uui-badge-border-hover:var(--uui-neutral-60);
489
+ --uui-badge-caption:var(--uui-neutral-95);
490
+ --uui-badge-caption-hover:var(--uui-neutral-80);
491
+ }
492
+ .uui-theme-electric .uui-badge.uui-color-yellow.uui-fill-outline{
493
+ --uui-badge-border:var(--yellow-20);
494
+ }
495
+ .uui-theme-electric .uui-button:is(.uui-color-secondary, .uui-color-neutral):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost){
496
+ --uui-btn-caption:var(--uui-neutral-70);
497
+ }
498
+ .uui-theme-electric .uui-icon_button.uui-color-white{
499
+ --uui-icon_btn-hover:var(--uui-neutral-20);
500
+ --uui-icon_btn-active:var(--uui-neutral-30);
501
+ }
502
+ .uui-theme-electric .uui-link_button.uui-color-contrast{
503
+ --uui-link_btn-text:var(--uui-neutral-5);
504
+ --uui-link_btn-text-hover:var(--uui-neutral-10);
505
+ --uui-link_btn-text-active:var(--uui-neutral-20);
506
+ }
507
+ .uui-theme-electric .uui-link_button.uui-color-white{
508
+ --uui-link_btn-text:var(--uui-neutral-5);
509
+ --uui-link_btn-text-hover:var(--uui-neutral-30);
510
+ --uui-link_btn-text-active:var(--uui-neutral-40);
511
+ --uui-link_btn-text-disabled:color-mix(in srgb, var(--white) 40%, transparent);
512
+ }
513
+ .uui-theme-electric .uui-count_indicator.uui-color-neutral{
514
+ --uui-count_indicator-bg:var(--uui-neutral-30);
515
+ --uui-count_indicator-border:var(--uui-neutral-30);
516
+ }
517
+ .uui-theme-electric .uui-count_indicator:is(.uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning){
518
+ --uui-count_indicator-caption:var(--uui-neutral-70);
519
+ }
520
+ .uui-theme-electric .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator-dot{
521
+ background-color:color-mix(in srgb, var(--white) 20%, transparent);
522
+ border:1px solid var(--uui-neutral-40);
523
+ }
524
+ .uui-theme-electric .uui-main_menu{
525
+ --uui-main_menu-bg:var(--uui-neutral-95);
526
+ --uui-main_menu-hover:var(--uui-neutral-90);
527
+ --uui-main_menu-border-active-gradient:var(--gradient-1);
528
+ }
529
+ .uui-theme-electric .uui-main_menu-dropdown{
530
+ --uui-main_menu-dropdown-bg-hover:var(--uui-neutral-95);
531
+ }
532
+ .uui-theme-electric .uui-burger{
533
+ --uui-burger_menu-bg:var(--uui-neutral-95);
534
+ --uui-burger_menu-bg-hover:var(--uui-neutral-95);
535
+ --uui-burger_menu-item:var(--uui-neutral-95);
536
+ }
537
+ .uui-theme-electric .uui-tag.uui-fill-outline{
538
+ --uui-tag-fill:var(--uui-neutral-95);
539
+ --uui-tag-caption:var(--uui-text-primary);
540
+ }
541
+ .uui-theme-electric .uui-tag.uui-color-white.uui-fill-solid{
542
+ --uui-tag-fill:var(--uui-neutral-95);
543
+ }
544
+ .uui-theme-electric .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator{
545
+ --uui-count_indicator-bg:var(--uui-neutral-30);
546
+ --uui-count_indicator-border:var(--uui-neutral-30);
547
+ }
548
+ .uui-theme-electric .uui-tag.uui-color-white.uui-fill-outline{
549
+ --uui-tag-bg:var(--uui-neutral-0);
550
+ --uui-tag-border:var(--uui-neutral-30);
551
+ --uui-tag-bg-hover:var(--uui-neutral-10);
552
+ --uui-tag-border-hover:var(--uui-neutral-30);
553
+ }
554
+ .uui-theme-electric .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator{
555
+ --uui-count_indicator-bg:var(--uui-neutral-30);
556
+ --uui-count_indicator-border:var(--uui-neutral-30);
557
+ }
558
+ .uui-theme-electric .uui-tag.uui-color-night100.uui-fill-solid{
559
+ --uui-tag-fill:var(--uui-neutral-95);
560
+ }
561
+ .uui-theme-electric .uui-tag.uui-color-night100.uui-fill-solid .uui-count_indicator{
562
+ --uui-count_indicator-bg:var(--uui-neutral-30);
563
+ --uui-count_indicator-border:var(--uui-neutral-30);
564
+ --uui-count_indicator-caption:var(--uui-neutral-70);
565
+ }
566
+ .uui-theme-electric .uui-tag.uui-color-night100.uui-fill-outline{
567
+ --uui-tag-bg:var(--uui-neutral-5);
568
+ --uui-tag-bg-hover:var(--uui-neutral-10);
569
+ --uui-tag-border:var(--uui-neutral-30);
570
+ --uui-tag-border-hover:var(--uui-neutral-30);
571
+ }
572
+ .uui-theme-electric .uui-tag.uui-color-night100.uui-fill-outline .uui-count_indicator{
573
+ --uui-count_indicator-bg:var(--uui-neutral-30);
574
+ --uui-count_indicator-border:var(--uui-neutral-30);
575
+ }
576
+ .uui-theme-electric .uui-tag.uui-color-night700.uui-fill-solid .uui-count_indicator{
577
+ --uui-count_indicator-border:color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);
578
+ --uui-count_indicator-bg:color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);
579
+ }
580
+ .uui-theme-electric .uui-tag.uui-color-night700.uui-fill-outline{
581
+ --uui-tag-bg:var(--uui-neutral-20);
582
+ --uui-tag-bg-hover:var(--uui-neutral-30);
583
+ --uui-tag-border:var(--uui-neutral-50);
584
+ --uui-tag-border-hover:var(--uui-neutral-50);
585
+ }
586
+ .uui-theme-electric .uui-tag.uui-color-warning, .uui-theme-electric .uui-tag.uui-color-sun{
587
+ --uui-tag-fill:var(--uui-neutral-100);
588
+ }
589
+ .uui-theme-electric .uui-tag.uui-color-warning.uui-fill-solid, .uui-theme-electric .uui-tag.uui-color-sun.uui-fill-solid{
590
+ --uui-tag-caption:var(--uui-neutral-80);
591
+ }
592
+ .uui-theme-electric .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-electric .uui-tag.uui-color-sun.uui-fill-solid .uui-count_indicator{
593
+ --uui-count_indicator-bg:color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);
594
+ --uui-count_indicator-border:color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);
595
+ --uui-count_indicator-caption:var(--uui-neutral-80);
596
+ }
597
+ .uui-theme-electric .uui-tag.uui-color-warning.uui-fill-outline, .uui-theme-electric .uui-tag.uui-color-sun.uui-fill-outline{
598
+ --uui-tag-caption:var(--uui-neutral-95);
599
+ }
600
+ .uui-theme-electric .uui-tag.uui-color-warning.uui-fill-outline .uui-count_indicator, .uui-theme-electric .uui-tag.uui-color-sun.uui-fill-outline .uui-count_indicator{
601
+ --uui-count_indicator-bg:var(--uui-neutral-0);
602
+ --uui-count_indicator-border:var(--uui-neutral-40);
603
+ }
604
+ .uui-theme-electric .uui-tag.uui-color-neutral.uui-fill-solid{
605
+ --uui-tag-bg:var(--uui-neutral-30);
606
+ --uui-tag-bg-hover:var(--uui-neutral-40);
607
+ --uui-tag-border:var(--uui-neutral-30);
608
+ --uui-tag-border-hover:var(--uui-neutral-40);
609
+ --uui-tag-caption:var(--uui-text-primary);
610
+ --uui-tag-fill:var(--uui-neutral-95);
611
+ }
612
+ .uui-theme-electric .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator{
613
+ --uui-count_indicator-bg:var(--uui-neutral-0);
614
+ --uui-count_indicator-border:var(--uui-neutral-0);
615
+ --uui-count_indicator-caption:var(--uui-neutral-70);
616
+ }
617
+ .uui-theme-electric .uui-tag.uui-color-neutral.uui-fill-outline{
618
+ --uui-tag-bg:var(--uui-neutral-20);
619
+ --uui-tag-bg-hover:var(--uui-neutral-30);
620
+ --uui-tag-fill:var(--uui-neutral-95);
621
+ }
622
+ .uui-theme-electric .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator{
623
+ --uui-count_indicator-bg:var(--uui-neutral-30);
624
+ --uui-count_indicator-border:var(--uui-neutral-30);
625
+ }
626
+ .uui-theme-electric .uui-typography h1{
627
+ font-weight:400;
628
+ }
629
+ .uui-theme-electric .uui-typography h2, .uui-theme-electric .uui-typography h3, .uui-theme-electric .uui-typography h4, .uui-theme-electric .uui-typography h5{
630
+ font-weight:600;
631
+ }
632
+ .uui-theme-electric .uui-typography .promo-header:is(h1, h2, h3, h4, h5, h6){
633
+ font-family:var(--font-museo-sans);
634
+ }
635
+ .uui-theme-electric .uui-typography h1.promo-header{
636
+ font-size:72px;
637
+ font-weight:400;
638
+ }
639
+ .uui-theme-electric .uui-typography h2.promo-header{
640
+ font-size:44px;
641
+ font-weight:600;
642
+ }
643
+ .uui-theme-electric .uui-typography h3.promo-header{
644
+ font-size:36px;
645
+ }
646
+ .uui-theme-electric .uui-typography h4.promo-header{
647
+ font-size:30px;
648
+ }
649
+ .uui-theme-electric .uui-typography h5.promo-header{
650
+ font-size:24px;
651
+ }
652
+ .uui-theme-electric .uui-typography h6.promo-header{
653
+ font-size:18px;
654
+ }
655
+ .uui-theme-electric{
656
+ --uui-grid-unit:6px;
657
+ --uui-focus-outline-width:2px;
658
+ --uui-focus-outline-offset:2px;
659
+ --uui-focus-radius:2px;
660
+ --uui-tab-line-width:3px;
661
+ --uui-notify-size:6px;
662
+ }
663
+ .uui-theme-electric .uui-size-12{
664
+ --uui-size:12px;
665
+ --uui-border-width:1px;
666
+ --uui-horizontal-gap:6px;
667
+ --uui-vertical-gap:3px;
668
+ --uui-horizontal-padding:6px;
669
+ --uui-vertical-padding:3px;
670
+ --uui-icon-size:12px;
671
+ --uui-line-height:12px;
672
+ --uui-font-size:12px;
673
+ --uui-dot-size:6px;
674
+ }
675
+ .uui-theme-electric .uui-size-18{
676
+ --uui-size:18px;
677
+ --uui-border-width:1px;
678
+ --uui-horizontal-gap:3px;
679
+ --uui-vertical-gap:3px;
680
+ --uui-horizontal-padding:3px;
681
+ --uui-vertical-padding:3px;
682
+ --uui-icon-size:12px;
683
+ --uui-line-height:12px;
684
+ --uui-font-size:10px;
685
+ --uui-dot-size:6px;
686
+ }
687
+ .uui-theme-electric .uui-size-24{
688
+ --uui-size:24px;
689
+ --uui-border-width:1px;
690
+ --uui-horizontal-gap:6px;
691
+ --uui-vertical-gap:3px;
692
+ --uui-horizontal-padding:6px;
693
+ --uui-vertical-padding:3px;
694
+ --uui-icon-size:12px;
695
+ --uui-line-height:18px;
696
+ --uui-font-size:12px;
697
+ --uui-dot-size:8px;
698
+ }
699
+ .uui-theme-electric .uui-size-30{
700
+ --uui-size:30px;
701
+ --uui-border-width:1px;
702
+ --uui-horizontal-gap:6px;
703
+ --uui-vertical-gap:3px;
704
+ --uui-horizontal-padding:6px;
705
+ --uui-vertical-padding:6px;
706
+ --uui-icon-size:18px;
707
+ --uui-line-height:18px;
708
+ --uui-font-size:14px;
709
+ --uui-dot-size:8px;
710
+ }
711
+ .uui-theme-electric .uui-size-36{
712
+ --uui-size:36px;
713
+ --uui-border-width:1px;
714
+ --uui-horizontal-gap:6px;
715
+ --uui-vertical-gap:3px;
716
+ --uui-horizontal-padding:6px;
717
+ --uui-vertical-padding:9px;
718
+ --uui-icon-size:18px;
719
+ --uui-line-height:18px;
720
+ --uui-font-size:14px;
721
+ --uui-dot-size:8px;
722
+ }
723
+ .uui-theme-electric .uui-size-42{
724
+ --uui-size:42px;
725
+ --uui-border-width:1px;
726
+ --uui-horizontal-gap:6px;
727
+ --uui-vertical-gap:3px;
728
+ --uui-horizontal-padding:12px;
729
+ --uui-vertical-padding:9px;
730
+ --uui-icon-size:18px;
731
+ --uui-line-height:24px;
732
+ --uui-font-size:16px;
733
+ --uui-dot-size:10px;
734
+ }
735
+ .uui-theme-electric .uui-size-48{
736
+ --uui-size:48px;
737
+ --uui-border-width:1px;
738
+ --uui-horizontal-gap:6px;
739
+ --uui-vertical-gap:3px;
740
+ --uui-horizontal-padding:12px;
741
+ --uui-vertical-padding:12px;
742
+ --uui-icon-size:24px;
743
+ --uui-line-height:24px;
744
+ --uui-font-size:16px;
745
+ --uui-dot-size:12px;
746
+ }
747
+ .uui-theme-electric .uui-size-60{
748
+ --uui-size:60px;
749
+ --uui-border-width:1px;
750
+ --uui-horizontal-gap:6px;
751
+ --uui-vertical-gap:3px;
752
+ --uui-horizontal-padding:12px;
753
+ --uui-vertical-padding:18px;
754
+ --uui-icon-size:24px;
755
+ --uui-line-height:24px;
756
+ --uui-font-size:20px;
757
+ --uui-dot-size:12px;
758
+ }
759
+ .uui-theme-electric .uui-input-box.uui-size-42{
760
+ --uui-horizontal-padding:6px;
761
+ }
762
+ .uui-theme-electric .uui-input-box.uui-size-48{
763
+ --uui-horizontal-padding:6px;
764
+ }
765
+ .uui-theme-electric .uui-input-box.uui-textarea{
766
+ --uui-horizontal-padding:12px;
767
+ }
768
+ .uui-theme-electric .uui-input-box.uui-textarea.uui-size-24{
769
+ --uui-line-height:12px;
770
+ }
771
+ .uui-theme-electric .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60){
772
+ --uui-horizontal-padding:6px;
773
+ --uui-horizontal-gap:3px;
774
+ --uui-icon-size:18px;
775
+ --uui-line-height:18px;
776
+ --uui-font-size:14px;
777
+ }
778
+ .uui-theme-electric .uui-tab-button.uui-vertical-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60){
779
+ --uui-horizontal-padding:12px;
780
+ --uui-horizontal-gap:6px;
781
+ }
782
+ .uui-theme-electric .uui-tag.uui-size-18{
783
+ --uui-font-size:12px;
784
+ }
785
+ .uui-theme-electric .uui-tag.uui-size-18 .uui-caption{
786
+ --uui-tag-horizontal-gap:0;
787
+ }
788
+ .uui-theme-electric .uui-tag.uui-size-24{
789
+ --uui-icon-size:18px;
790
+ }
791
+ .uui-theme-electric .uui-tag.uui-size-42{
792
+ --uui-icon-size:24px;
793
+ }
794
+ .uui-theme-electric .uui-tag.uui-size-24, .uui-theme-electric .uui-tag.uui-size-30, .uui-theme-electric .uui-tag.uui-size-36, .uui-theme-electric .uui-tag.uui-size-42{
795
+ --uui-horizontal-gap:3px;
796
+ }
797
+ .uui-theme-electric .uui-tag.uui-size-24, .uui-theme-electric .uui-tag.uui-size-30{
798
+ --uui-horizontal-padding:3px;
799
+ }
800
+ .uui-theme-electric .uui-tag.uui-size-42, .uui-theme-electric .uui-tag.uui-size-48{
801
+ --uui-horizontal-padding:9px;
802
+ }
803
+ .uui-theme-electric .uui-checkbox-container.uui-size-18, .uui-theme-electric .uui-radio-input-container.uui-size-18{
804
+ --uui-horizontal-gap:12px;
805
+ --uui-line-height:18px;
806
+ --uui-font-size:14px;
807
+ }
808
+ .uui-theme-electric .uui-switch.uui-size-18{
809
+ --uui-horizontal-gap:12px;
810
+ --uui-line-height:18px;
811
+ --uui-font-size:14px;
812
+ }
813
+ .uui-theme-electric .uui-switch.uui-size-24{
814
+ --uui-horizontal-gap:12px;
815
+ --uui-line-height:24px;
816
+ --uui-font-size:16px;
817
+ }
818
+ .uui-theme-electric .uui-labeled-input.uui-size-30{
819
+ --uui-icon-size:12px;
820
+ --uui-font-size:12px;
821
+ }
822
+ .uui-theme-electric .uui-labeled-input.uui-size-42{
823
+ --uui-line-height:18px;
824
+ --uui-font-size:14px;
825
+ }
826
+ .uui-theme-electric .uui-labeled-input.uui-size-48{
827
+ --uui-icon-size:18px;
828
+ --uui-line-height:18px;
829
+ --uui-font-size:14px;
830
+ }
831
+ .uui-theme-electric .uui-badge.uui-size-18{
832
+ --uui-font-size:12px;
833
+ --uui-horizontal-padding:6px;
834
+ --uui-badge-caption-horizontal-padding:0;
835
+ --uui-badge-indicator-padding:3px;
836
+ }
837
+ .uui-theme-electric .uui-badge.uui-size-24{
838
+ --uui-icon-size:18px;
839
+ --uui-line-height:12px;
840
+ }
841
+ .uui-theme-electric .uui-badge.uui-size-36{
842
+ --uui-horizontal-padding:9px;
843
+ }
844
+ .uui-theme-electric .uui-badge.uui-size-42{
845
+ --uui-icon-size:24px;
846
+ --uui-horizontal-padding:15px;
847
+ }
848
+ .uui-theme-electric .uui-badge.uui-size-48{
849
+ --uui-horizontal-padding:15px;
850
+ }
851
+ .uui-theme-electric .uui-badge.uui-size-24, .uui-theme-electric .uui-badge.uui-size-30, .uui-theme-electric .uui-badge.uui-size-36, .uui-theme-electric .uui-badge.uui-size-42, .uui-theme-electric .uui-badge.uui-size-48{
852
+ --uui-horizontal-gap:3px;
853
+ }
854
+ .uui-theme-electric .uui-status_indicator.uui-size-12{
855
+ --uui-horizontal-gap:4px;
856
+ }
857
+ .uui-theme-electric .uui-status_indicator.uui-size-18{
858
+ --uui-horizontal-gap:6px;
859
+ --uui-line-height:18px;
860
+ --uui-font-size:14px;
861
+ --uui-dot-size:8px;
862
+ }
863
+ .uui-theme-electric .uui-status_indicator.uui-size-24{
864
+ --uui-font-size:14px;
865
+ --uui-dot-size:10px;
866
+ }
867
+ .uui-theme-electric .uui-count_indicator.uui-size-12{
868
+ --uui-horizontal-padding:3px;
869
+ --uui-line-height:10px;
870
+ --uui-font-size:8px;
871
+ }
872
+ .uui-theme-electric .uui-count_indicator.uui-size-18{
873
+ --uui-horizontal-padding:6px;
874
+ --uui-line-height:16px;
875
+ --uui-font-size:12px;
876
+ }
877
+ .uui-theme-electric .uui-count_indicator.uui-size-24{
878
+ --uui-line-height:22px;
879
+ --uui-font-size:14px;
880
+ }
881
+ .uui-theme-electric .uui-table-header-cell.uui-size-36{
882
+ --uui-horizontal-gap:12px;
883
+ }
884
+ .uui-theme-electric .uui-table-header-cell.uui-size-48{
885
+ --uui-horizontal-gap:12px;
886
+ }
887
+ .uui-theme-electric .uui-table-header-cell.uui-size-60{
888
+ --uui-horizontal-gap:12px;
889
+ }
890
+ .uui-theme-electric .uui-picker_toggler.uui-size-30, .uui-theme-electric .uui-picker_toggler.uui-size-36, .uui-theme-electric .uui-picker_toggler.uui-size-42, .uui-theme-electric .uui-picker_toggler.uui-size-48{
891
+ --uui-vertical-padding:3px;
892
+ }
893
+ .uui-theme-electric .uui-alert.uui-size-36{
894
+ --uui-alert-indicator-border-width:3px;
895
+ --uui-alert-gap-h:12px;
896
+ --uui-alert-gap-v:3px;
897
+ --uui-alert-padding-h:9px;
898
+ --uui-alert-padding-v:3px;
899
+ --uui-alert-caption-gap-h:9px;
900
+ }