@prom-ui/core 0.0.10 → 0.0.13

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 (55) hide show
  1. package/Body/package.json +1 -1
  2. package/Body/style.css +1 -741
  3. package/Box/package.json +1 -1
  4. package/Box/style.css +1 -9676
  5. package/Button/index.d.ts +3 -6
  6. package/Button/index.js +5 -8
  7. package/Button/package.json +1 -1
  8. package/Button/style.css +1 -3393
  9. package/ButtonPageUp/index.d.ts +11 -0
  10. package/ButtonPageUp/index.js +174 -0
  11. package/ButtonPageUp/package.json +11 -0
  12. package/Checkbox/package.json +1 -1
  13. package/Checkbox/style.css +1 -133
  14. package/Flex/package.json +1 -1
  15. package/Flex/style.css +1 -786
  16. package/Grid/package.json +1 -1
  17. package/Grid/style.css +1 -7350
  18. package/Icon/package.json +1 -1
  19. package/Icon/style.css +1 -46
  20. package/Image/package.json +1 -1
  21. package/Image/style.css +1 -664
  22. package/ImageEmoji/package.json +1 -1
  23. package/Input/package.json +1 -1
  24. package/Input/style.css +1 -345
  25. package/KeyPress/index.d.ts +11 -0
  26. package/KeyPress/index.js +55 -0
  27. package/KeyPress/package.json +9 -0
  28. package/Line/package.json +1 -1
  29. package/Line/style.css +1 -138
  30. package/Link/package.json +1 -1
  31. package/Link/style.css +1 -259
  32. package/List/package.json +1 -1
  33. package/List/style.css +1 -312
  34. package/OutsideClick/index.d.ts +8 -0
  35. package/OutsideClick/index.js +77 -0
  36. package/OutsideClick/package.json +9 -0
  37. package/Picture/package.json +1 -1
  38. package/Picture/style.css +1 -1426
  39. package/Portal/index.d.ts +8 -0
  40. package/Portal/index.js +54 -0
  41. package/Portal/package.json +9 -0
  42. package/Rating/package.json +1 -1
  43. package/Rating/style.css +1 -26
  44. package/Scroll/package.json +1 -1
  45. package/Scroll/style.css +1 -169
  46. package/Skeleton/package.json +1 -1
  47. package/Skeleton/style.css +1 -145
  48. package/Spinner/package.json +1 -1
  49. package/Spinner/style.css +1 -80
  50. package/Text/package.json +1 -1
  51. package/Text/style.css +1 -840
  52. package/TextEmoji/package.json +1 -1
  53. package/Tumbler/package.json +1 -1
  54. package/Tumbler/style.css +1 -118
  55. package/package.json +12 -5
package/Body/style.css CHANGED
@@ -1,741 +1 @@
1
- /* stylelint-disable comment-empty-line-before */
2
- :root {
3
- /* base */
4
- /* prop 'body-indent' */
5
- /* prop 'body-width', 'body-width-min', 'body-width-max' */
6
- /* DEPRECATED prop 'body-size' */
7
- }
8
- .ek-body {
9
- display: block;
10
- font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
11
- font-size: var(--pds-font-size-default);
12
- line-height: var(--pds-line-height);
13
- font-weight: 400;
14
- min-width: 1000px;
15
- margin: 0;
16
- -webkit-text-size-adjust: 100%;
17
- -moz-text-size-adjust: 100%;
18
- text-size-adjust: 100%;
19
- -webkit-font-smoothing: subpixel-antialiased;
20
- }
21
- .ek-body__section {
22
- display: block;
23
- box-sizing: border-box;
24
- margin-left: auto;
25
- margin-right: auto;
26
- min-width: 1000px;
27
- max-width: 1260px;
28
- }
29
- /**
30
- * Body display:
31
- *
32
- * - body_display_block
33
- * - body_display_none
34
- *
35
- * */
36
- .ek-body_display_block {
37
- display: block;
38
- }
39
- .ek-body_display_none {
40
- display: none;
41
- }
42
- /**
43
- * body-size:
44
- *
45
- * - body_size_[xl|xxl|xxxl]
46
- *
47
- * */
48
- .ek-body_size_xl .ek-body__section {
49
- max-width: 1502px;
50
- }
51
- .ek-body_size_xxl .ek-body__section {
52
- max-width: 1640px;
53
- }
54
- .ek-body_size_xxxl .ek-body__section {
55
- max-width: 1840px;
56
- }
57
- /**
58
- * body-width:
59
- *
60
- * - body_width_none
61
- * - body_width_xxs
62
- * - body_width_xs
63
- * - body_width_s
64
- * - body_width_m
65
- * - body_width_l
66
- * - body_width_xl
67
- * - body_width_xxl
68
- * - body_width_3xl
69
- * - body_width_4xl
70
- * - body_width_5xl
71
- *
72
- * */
73
- .ek-body_width_none {
74
- min-width: 0;
75
- }
76
- .ek-body_width_none .ek-body__section {
77
- min-width: 0;
78
- max-width: none;
79
- }
80
- .ek-body_width-min_none {
81
- min-width: 0;
82
- }
83
- .ek-body_width-min_none .ek-body__section {
84
- min-width: 0;
85
- }
86
- .ek-body_width-max_none .ek-body__section {
87
- max-width: none;
88
- }
89
- .ek-body_width_xxs {
90
- min-width: 320px;
91
- }
92
- .ek-body_width_xxs .ek-body__section {
93
- min-width: 320px;
94
- max-width: 320px;
95
- }
96
- .ek-body_width-min_xxs {
97
- min-width: 320px;
98
- }
99
- .ek-body_width-min_xxs .ek-body__section {
100
- min-width: 320px;
101
- }
102
- .ek-body_width-max_xxs .ek-body__section {
103
- max-width: 320px;
104
- }
105
- .ek-body_width_xs {
106
- min-width: 480px;
107
- }
108
- .ek-body_width_xs .ek-body__section {
109
- min-width: 480px;
110
- max-width: 480px;
111
- }
112
- .ek-body_width-min_xs {
113
- min-width: 480px;
114
- }
115
- .ek-body_width-min_xs .ek-body__section {
116
- min-width: 480px;
117
- }
118
- .ek-body_width-max_xs .ek-body__section {
119
- max-width: 480px;
120
- }
121
- .ek-body_width_s {
122
- min-width: 768px;
123
- }
124
- .ek-body_width_s .ek-body__section {
125
- min-width: 768px;
126
- max-width: 768px;
127
- }
128
- .ek-body_width-min_s {
129
- min-width: 768px;
130
- }
131
- .ek-body_width-min_s .ek-body__section {
132
- min-width: 768px;
133
- }
134
- .ek-body_width-max_s .ek-body__section {
135
- max-width: 768px;
136
- }
137
- .ek-body_width_m {
138
- min-width: 900px;
139
- }
140
- .ek-body_width_m .ek-body__section {
141
- min-width: 900px;
142
- max-width: 900px;
143
- }
144
- .ek-body_width-min_m {
145
- min-width: 900px;
146
- }
147
- .ek-body_width-min_m .ek-body__section {
148
- min-width: 900px;
149
- }
150
- .ek-body_width-max_m .ek-body__section {
151
- max-width: 900px;
152
- }
153
- .ek-body_width_l {
154
- min-width: 1024px;
155
- }
156
- .ek-body_width_l .ek-body__section {
157
- min-width: 1024px;
158
- max-width: 1024px;
159
- }
160
- .ek-body_width-min_l {
161
- min-width: 1024px;
162
- }
163
- .ek-body_width-min_l .ek-body__section {
164
- min-width: 1024px;
165
- }
166
- .ek-body_width-max_l .ek-body__section {
167
- max-width: 1024px;
168
- }
169
- .ek-body_width_xl {
170
- min-width: 1280px;
171
- }
172
- .ek-body_width_xl .ek-body__section {
173
- min-width: 1280px;
174
- max-width: 1280px;
175
- }
176
- .ek-body_width-min_xl {
177
- min-width: 1280px;
178
- }
179
- .ek-body_width-min_xl .ek-body__section {
180
- min-width: 1280px;
181
- }
182
- .ek-body_width-max_xl .ek-body__section {
183
- max-width: 1280px;
184
- }
185
- .ek-body_width_xxl {
186
- min-width: 1366px;
187
- }
188
- .ek-body_width_xxl .ek-body__section {
189
- min-width: 1366px;
190
- max-width: 1366px;
191
- }
192
- .ek-body_width-min_xxl {
193
- min-width: 1366px;
194
- }
195
- .ek-body_width-min_xxl .ek-body__section {
196
- min-width: 1366px;
197
- }
198
- .ek-body_width-max_xxl .ek-body__section {
199
- max-width: 1366px;
200
- }
201
- .ek-body_width_3xl {
202
- min-width: 1460px;
203
- }
204
- .ek-body_width_3xl .ek-body__section {
205
- min-width: 1460px;
206
- max-width: 1460px;
207
- }
208
- .ek-body_width-min_3xl {
209
- min-width: 1460px;
210
- }
211
- .ek-body_width-min_3xl .ek-body__section {
212
- min-width: 1460px;
213
- }
214
- .ek-body_width-max_3xl .ek-body__section {
215
- max-width: 1460px;
216
- }
217
- .ek-body_width_4xl {
218
- min-width: 1600px;
219
- }
220
- .ek-body_width_4xl .ek-body__section {
221
- min-width: 1600px;
222
- max-width: 1600px;
223
- }
224
- .ek-body_width-min_4xl {
225
- min-width: 1600px;
226
- }
227
- .ek-body_width-min_4xl .ek-body__section {
228
- min-width: 1600px;
229
- }
230
- .ek-body_width-max_4xl .ek-body__section {
231
- max-width: 1600px;
232
- }
233
- .ek-body_width_5xl {
234
- min-width: 1920px;
235
- }
236
- .ek-body_width_5xl .ek-body__section {
237
- min-width: 1920px;
238
- max-width: 1920px;
239
- }
240
- .ek-body_width-min_5xl {
241
- min-width: 1920px;
242
- }
243
- .ek-body_width-min_5xl .ek-body__section {
244
- min-width: 1920px;
245
- }
246
- .ek-body_width-max_5xl .ek-body__section {
247
- max-width: 1920px;
248
- }
249
- /**
250
- * body-indent:
251
- *
252
- * - body_indent_none
253
- * - body_indent_xxs
254
- * - body_indent_xs
255
- * - body_indent_s
256
- * - body_indent_m
257
- * - body_indent_l
258
- * - body_indent_xl
259
- * - body_indent_xxl
260
- * - body_indent_3xl
261
- * - body_indent_4xl
262
- * - body_indent_5xl
263
- *
264
- * */
265
- .ek-body_indent_none .ek-body__section {
266
- padding-left: 0;
267
- padding-right: 0;
268
- }
269
- .ek-body_indent_xxs .ek-body__section {
270
- padding-left: var(--pds-spacing-xxs);
271
- padding-right: var(--pds-spacing-xxs);
272
- }
273
- .ek-body_indent_xs .ek-body__section {
274
- padding-left: var(--pds-spacing-xs);
275
- padding-right: var(--pds-spacing-xs);
276
- }
277
- .ek-body_indent_s .ek-body__section {
278
- padding-left: var(--pds-spacing-s);
279
- padding-right: var(--pds-spacing-s);
280
- }
281
- .ek-body_indent_m .ek-body__section {
282
- padding-left: var(--pds-spacing-m);
283
- padding-right: var(--pds-spacing-m);
284
- }
285
- .ek-body_indent_l .ek-body__section {
286
- padding-left: var(--pds-spacing-l);
287
- padding-right: var(--pds-spacing-l);
288
- }
289
- .ek-body_indent_xl .ek-body__section {
290
- padding-left: var(--pds-spacing-xl);
291
- padding-right: var(--pds-spacing-xl);
292
- }
293
- .ek-body_indent_xxl .ek-body__section {
294
- padding-left: var(--pds-spacing-xxl);
295
- padding-right: var(--pds-spacing-xxl);
296
- }
297
- .ek-body_indent_3xl .ek-body__section {
298
- padding-left: var(--pds-spacing-3xl);
299
- padding-right: var(--pds-spacing-3xl);
300
- }
301
- .ek-body_indent_4xl .ek-body__section {
302
- padding-left: var(--pds-spacing-4xl);
303
- padding-right: var(--pds-spacing-4xl);
304
- }
305
- .ek-body_indent_5xl .ek-body__section {
306
- padding-left: var(--pds-spacing-5xl);
307
- padding-right: var(--pds-spacing-5xl);
308
- }
309
- /**
310
- * Overflow:
311
- *
312
- * - body_overflow_*
313
- * - body_overflow-x_*
314
- * - body_overflow-y_*
315
- *
316
- * */
317
- .ek-body_overflow_auto {
318
- overflow: auto;
319
- }
320
- .ek-body_overflow-x_auto {
321
- overflow-x: auto;
322
- }
323
- .ek-body_overflow-y_auto {
324
- overflow-y: auto;
325
- }
326
- .ek-body_overflow_hidden {
327
- overflow: hidden;
328
- }
329
- .ek-body_overflow-x_hidden {
330
- overflow-x: hidden;
331
- }
332
- .ek-body_overflow-y_hidden {
333
- overflow-y: hidden;
334
- }
335
- .ek-body_overflow_scroll {
336
- overflow: scroll;
337
- }
338
- .ek-body_overflow-x_scroll {
339
- overflow-x: scroll;
340
- }
341
- .ek-body_overflow-y_scroll {
342
- overflow-y: scroll;
343
- }
344
- .ek-body_overflow_visible {
345
- overflow: visible;
346
- }
347
- .ek-body_overflow-x_visible {
348
- overflow-x: visible;
349
- }
350
- .ek-body_overflow-y_visible {
351
- overflow-y: visible;
352
- }
353
- /**
354
- * body-overflow-anchor:
355
- *
356
- * - body_overflow-anchor_none
357
- * - body_overflow-anchor_auto
358
- *
359
- * */
360
- .ek-body_overflow-anchor_none {
361
- overflow-anchor: none;
362
- }
363
- .ek-body_overflow-anchor_auto {
364
- overflow-anchor: auto;
365
- }
366
- /**
367
- * Section display:
368
- *
369
- * - body__section_display_block
370
- * - body__section_display_none
371
- *
372
- * */
373
- .ek-body__section_display_block {
374
- display: block;
375
- }
376
- .ek-body__section_display_none {
377
- display: none;
378
- }
379
- /**
380
- * Section height:
381
- *
382
- * - body__section_height_auto
383
- * - body__section_height_inherit
384
- * - body__section_height_1-1
385
- *
386
- * */
387
- .ek-body__section_height_auto {
388
- height: auto;
389
- }
390
- .ek-body__section_height_inherit {
391
- height: inherit;
392
- }
393
- .ek-body__section_height_1-1 {
394
- height: 100%;
395
- }
396
- /* @import "evokit-body/style@small.css"; */
397
- /* @import "evokit-body/style@medium.css"; */
398
- /* @import "evokit-body/style@wide.css"; */
399
- /* @import "evokit-body/style@huge.css"; */
400
- /* stylelint-disable */
401
- .ek-body_background_black-100{background:var(--black-100)}
402
- .ek-body_color_black-100{color:var(--black-100)}
403
- /* stylelint-disable */
404
- .ek-body_background_black-900{background:var(--black-900)}
405
- .ek-body_color_black-900{color:var(--black-900)}
406
- /* stylelint-disable */
407
- .ek-body_background_white{background:var(--white)}
408
- .ek-body_color_white{color:var(--white)}
409
- :root {
410
- /* base */
411
-
412
- /* prop 'body-indent' */
413
-
414
- /* prop 'body-width', 'body-width-min', 'body-width-max' */
415
-
416
- /* DEPRECATED prop 'body-size' */
417
- }
418
- @media only screen and (min-width: 480px) {.ek-body_background_black-100\@small{background:var(--black-100)}.ek-body_color_black-100\@small{color:var(--black-100)}.ek-body_background_black-900\@small{background:var(--black-900)}.ek-body_color_black-900\@small{color:var(--black-900)}.ek-body_background_white\@small{background:var(--white)}.ek-body_color_white\@small{color:var(--white)}
419
- }
420
- @media only screen and (min-width: 768px) {.ek-body_background_black-100\@medium{background:var(--black-100)}.ek-body_color_black-100\@medium{color:var(--black-100)}.ek-body_background_black-900\@medium{background:var(--black-900)}.ek-body_color_black-900\@medium{color:var(--black-900)}.ek-body_background_white\@medium{background:var(--white)}.ek-body_color_white\@medium{color:var(--white)}
421
- }
422
- @media only screen and (min-width: 960px) {
423
- .ek-body_display_block\@large {
424
- display: block;
425
- }
426
- .ek-body_display_none\@large {
427
- display: none;
428
- }
429
- .ek-body_size_xl\@large .ek-body__section {
430
- max-width: 1502px;
431
- }
432
- .ek-body_size_xxl\@large .ek-body__section {
433
- max-width: 1640px;
434
- }
435
- .ek-body_size_xxxl\@large .ek-body__section {
436
- max-width: 1840px;
437
- }
438
- .ek-body_width_none\@large {
439
- min-width: 0;
440
- }
441
-
442
- .ek-body_width_none\@large .ek-body__section {
443
- min-width: 0;
444
- max-width: none;
445
- }
446
- .ek-body_width-min_none\@large {
447
- min-width: 0;
448
- }
449
-
450
- .ek-body_width-min_none\@large .ek-body__section {
451
- min-width: 0;
452
- }
453
- .ek-body_width-max_none\@large .ek-body__section {
454
- max-width: none;
455
- }
456
- .ek-body_width_xxs\@large {
457
- min-width: 320px;
458
- }
459
-
460
- .ek-body_width_xxs\@large .ek-body__section {
461
- min-width: 320px;
462
- max-width: 320px;
463
- }
464
- .ek-body_width-min_xxs\@large {
465
- min-width: 320px;
466
- }
467
-
468
- .ek-body_width-min_xxs\@large .ek-body__section {
469
- min-width: 320px;
470
- }
471
- .ek-body_width-max_xxs\@large .ek-body__section {
472
- max-width: 320px;
473
- }
474
- .ek-body_width_xs\@large {
475
- min-width: 480px;
476
- }
477
-
478
- .ek-body_width_xs\@large .ek-body__section {
479
- min-width: 480px;
480
- max-width: 480px;
481
- }
482
- .ek-body_width-min_xs\@large {
483
- min-width: 480px;
484
- }
485
-
486
- .ek-body_width-min_xs\@large .ek-body__section {
487
- min-width: 480px;
488
- }
489
- .ek-body_width-max_xs\@large .ek-body__section {
490
- max-width: 480px;
491
- }
492
- .ek-body_width_s\@large {
493
- min-width: 768px;
494
- }
495
-
496
- .ek-body_width_s\@large .ek-body__section {
497
- min-width: 768px;
498
- max-width: 768px;
499
- }
500
- .ek-body_width-min_s\@large {
501
- min-width: 768px;
502
- }
503
-
504
- .ek-body_width-min_s\@large .ek-body__section {
505
- min-width: 768px;
506
- }
507
- .ek-body_width-max_s\@large .ek-body__section {
508
- max-width: 768px;
509
- }
510
- .ek-body_width_m\@large {
511
- min-width: 900px;
512
- }
513
-
514
- .ek-body_width_m\@large .ek-body__section {
515
- min-width: 900px;
516
- max-width: 900px;
517
- }
518
- .ek-body_width-min_m\@large {
519
- min-width: 900px;
520
- }
521
-
522
- .ek-body_width-min_m\@large .ek-body__section {
523
- min-width: 900px;
524
- }
525
- .ek-body_width-max_m\@large .ek-body__section {
526
- max-width: 900px;
527
- }
528
- .ek-body_width_l\@large {
529
- min-width: 1024px;
530
- }
531
-
532
- .ek-body_width_l\@large .ek-body__section {
533
- min-width: 1024px;
534
- max-width: 1024px;
535
- }
536
- .ek-body_width-min_l\@large {
537
- min-width: 1024px;
538
- }
539
-
540
- .ek-body_width-min_l\@large .ek-body__section {
541
- min-width: 1024px;
542
- }
543
- .ek-body_width-max_l\@large .ek-body__section {
544
- max-width: 1024px;
545
- }
546
- .ek-body_width_xl\@large {
547
- min-width: 1280px;
548
- }
549
-
550
- .ek-body_width_xl\@large .ek-body__section {
551
- min-width: 1280px;
552
- max-width: 1280px;
553
- }
554
- .ek-body_width-min_xl\@large {
555
- min-width: 1280px;
556
- }
557
-
558
- .ek-body_width-min_xl\@large .ek-body__section {
559
- min-width: 1280px;
560
- }
561
- .ek-body_width-max_xl\@large .ek-body__section {
562
- max-width: 1280px;
563
- }
564
- .ek-body_width_xxl\@large {
565
- min-width: 1366px;
566
- }
567
-
568
- .ek-body_width_xxl\@large .ek-body__section {
569
- min-width: 1366px;
570
- max-width: 1366px;
571
- }
572
- .ek-body_width-min_xxl\@large {
573
- min-width: 1366px;
574
- }
575
-
576
- .ek-body_width-min_xxl\@large .ek-body__section {
577
- min-width: 1366px;
578
- }
579
- .ek-body_width-max_xxl\@large .ek-body__section {
580
- max-width: 1366px;
581
- }
582
- .ek-body_width_3xl\@large {
583
- min-width: 1460px;
584
- }
585
-
586
- .ek-body_width_3xl\@large .ek-body__section {
587
- min-width: 1460px;
588
- max-width: 1460px;
589
- }
590
- .ek-body_width-min_3xl\@large {
591
- min-width: 1460px;
592
- }
593
-
594
- .ek-body_width-min_3xl\@large .ek-body__section {
595
- min-width: 1460px;
596
- }
597
- .ek-body_width-max_3xl\@large .ek-body__section {
598
- max-width: 1460px;
599
- }
600
- .ek-body_width_4xl\@large {
601
- min-width: 1600px;
602
- }
603
-
604
- .ek-body_width_4xl\@large .ek-body__section {
605
- min-width: 1600px;
606
- max-width: 1600px;
607
- }
608
- .ek-body_width-min_4xl\@large {
609
- min-width: 1600px;
610
- }
611
-
612
- .ek-body_width-min_4xl\@large .ek-body__section {
613
- min-width: 1600px;
614
- }
615
- .ek-body_width-max_4xl\@large .ek-body__section {
616
- max-width: 1600px;
617
- }
618
- .ek-body_width_5xl\@large {
619
- min-width: 1920px;
620
- }
621
-
622
- .ek-body_width_5xl\@large .ek-body__section {
623
- min-width: 1920px;
624
- max-width: 1920px;
625
- }
626
- .ek-body_width-min_5xl\@large {
627
- min-width: 1920px;
628
- }
629
-
630
- .ek-body_width-min_5xl\@large .ek-body__section {
631
- min-width: 1920px;
632
- }
633
- .ek-body_width-max_5xl\@large .ek-body__section {
634
- max-width: 1920px;
635
- }
636
- .ek-body_indent_none\@large .ek-body__section {
637
- padding-left: 0;
638
- padding-right: 0;
639
- }
640
- .ek-body_indent_xxs\@large .ek-body__section {
641
- padding-left: var(--pds-spacing-xxs);
642
- padding-right: var(--pds-spacing-xxs);
643
- }
644
- .ek-body_indent_xs\@large .ek-body__section {
645
- padding-left: var(--pds-spacing-xs);
646
- padding-right: var(--pds-spacing-xs);
647
- }
648
- .ek-body_indent_s\@large .ek-body__section {
649
- padding-left: var(--pds-spacing-s);
650
- padding-right: var(--pds-spacing-s);
651
- }
652
- .ek-body_indent_m\@large .ek-body__section {
653
- padding-left: var(--pds-spacing-m);
654
- padding-right: var(--pds-spacing-m);
655
- }
656
- .ek-body_indent_l\@large .ek-body__section {
657
- padding-left: var(--pds-spacing-l);
658
- padding-right: var(--pds-spacing-l);
659
- }
660
- .ek-body_indent_xl\@large .ek-body__section {
661
- padding-left: var(--pds-spacing-xl);
662
- padding-right: var(--pds-spacing-xl);
663
- }
664
- .ek-body_indent_xxl\@large .ek-body__section {
665
- padding-left: var(--pds-spacing-xxl);
666
- padding-right: var(--pds-spacing-xxl);
667
- }
668
- .ek-body_indent_3xl\@large .ek-body__section {
669
- padding-left: var(--pds-spacing-3xl);
670
- padding-right: var(--pds-spacing-3xl);
671
- }
672
- .ek-body_indent_4xl\@large .ek-body__section {
673
- padding-left: var(--pds-spacing-4xl);
674
- padding-right: var(--pds-spacing-4xl);
675
- }
676
- .ek-body_indent_5xl\@large .ek-body__section {
677
- padding-left: var(--pds-spacing-5xl);
678
- padding-right: var(--pds-spacing-5xl);
679
- }
680
- .ek-body_overflow_auto\@large {
681
- overflow: auto;
682
- }
683
- .ek-body_overflow-x_auto\@large {
684
- overflow-x: auto;
685
- }
686
- .ek-body_overflow-y_auto\@large {
687
- overflow-y: auto;
688
- }
689
- .ek-body_overflow_hidden\@large {
690
- overflow: hidden;
691
- }
692
- .ek-body_overflow-x_hidden\@large {
693
- overflow-x: hidden;
694
- }
695
- .ek-body_overflow-y_hidden\@large {
696
- overflow-y: hidden;
697
- }
698
- .ek-body_overflow_scroll\@large {
699
- overflow: scroll;
700
- }
701
- .ek-body_overflow-x_scroll\@large {
702
- overflow-x: scroll;
703
- }
704
- .ek-body_overflow-y_scroll\@large {
705
- overflow-y: scroll;
706
- }
707
- .ek-body_overflow_visible\@large {
708
- overflow: visible;
709
- }
710
- .ek-body_overflow-x_visible\@large {
711
- overflow-x: visible;
712
- }
713
- .ek-body_overflow-y_visible\@large {
714
- overflow-y: visible;
715
- }
716
- .ek-body_overflow-anchor_none\@large {
717
- overflow-anchor: none;
718
- }
719
- .ek-body_overflow-anchor_auto\@large {
720
- overflow-anchor: auto;
721
- }
722
- .ek-body__section_display_block\@large {
723
- display: block;
724
- }
725
- .ek-body__section_display_none\@large {
726
- display: none;
727
- }
728
- .ek-body__section_height_auto\@large {
729
- height: auto;
730
- }
731
- .ek-body__section_height_inherit\@large {
732
- height: inherit;
733
- }
734
- .ek-body__section_height_1-1\@large {
735
- height: 100%;
736
- }.ek-body_background_black-100\@large{background:var(--black-100)}.ek-body_color_black-100\@large{color:var(--black-100)}.ek-body_background_black-900\@large{background:var(--black-900)}.ek-body_color_black-900\@large{color:var(--black-900)}.ek-body_background_white\@large{background:var(--white)}.ek-body_color_white\@large{color:var(--white)}
737
- }
738
- @media only screen and (min-width: 1200px) {.ek-body_background_black-100\@wide{background:var(--black-100)}.ek-body_color_black-100\@wide{color:var(--black-100)}.ek-body_background_black-900\@wide{background:var(--black-900)}.ek-body_color_black-900\@wide{color:var(--black-900)}.ek-body_background_white\@wide{background:var(--white)}.ek-body_color_white\@wide{color:var(--white)}
739
- }
740
- @media only screen and (min-width: 1400px) {.ek-body_background_black-100\@huge{background:var(--black-100)}.ek-body_color_black-100\@huge{color:var(--black-100)}.ek-body_background_black-900\@huge{background:var(--black-900)}.ek-body_color_black-900\@huge{color:var(--black-900)}.ek-body_background_white\@huge{background:var(--white)}.ek-body_color_white\@huge{color:var(--white)}
741
- }
1
+ .ek-body{display:block;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-size:var(--pds-font-size-default);line-height:var(--pds-line-height);font-weight:400;min-width:1000px;margin:0;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:subpixel-antialiased}.ek-body__section{display:block;box-sizing:border-box;margin-left:auto;margin-right:auto;min-width:1000px;max-width:1260px}.ek-body_display_block{display:block}.ek-body_display_none{display:none}.ek-body_size_xl .ek-body__section{max-width:1502px}.ek-body_size_xxl .ek-body__section{max-width:1640px}.ek-body_size_xxxl .ek-body__section{max-width:1840px}.ek-body_width_none{min-width:0}.ek-body_width_none .ek-body__section{min-width:0;max-width:none}.ek-body_width-min_none{min-width:0}.ek-body_width-min_none .ek-body__section{min-width:0}.ek-body_width-max_none .ek-body__section{max-width:none}.ek-body_width_xxs{min-width:320px}.ek-body_width_xxs .ek-body__section{min-width:320px;max-width:320px}.ek-body_width-min_xxs{min-width:320px}.ek-body_width-min_xxs .ek-body__section{min-width:320px}.ek-body_width-max_xxs .ek-body__section{max-width:320px}.ek-body_width_xs{min-width:480px}.ek-body_width_xs .ek-body__section{min-width:480px;max-width:480px}.ek-body_width-min_xs{min-width:480px}.ek-body_width-min_xs .ek-body__section{min-width:480px}.ek-body_width-max_xs .ek-body__section{max-width:480px}.ek-body_width_s{min-width:768px}.ek-body_width_s .ek-body__section{min-width:768px;max-width:768px}.ek-body_width-min_s{min-width:768px}.ek-body_width-min_s .ek-body__section{min-width:768px}.ek-body_width-max_s .ek-body__section{max-width:768px}.ek-body_width_m{min-width:900px}.ek-body_width_m .ek-body__section{min-width:900px;max-width:900px}.ek-body_width-min_m{min-width:900px}.ek-body_width-min_m .ek-body__section{min-width:900px}.ek-body_width-max_m .ek-body__section{max-width:900px}.ek-body_width_l{min-width:1024px}.ek-body_width_l .ek-body__section{min-width:1024px;max-width:1024px}.ek-body_width-min_l{min-width:1024px}.ek-body_width-min_l .ek-body__section{min-width:1024px}.ek-body_width-max_l .ek-body__section{max-width:1024px}.ek-body_width_xl{min-width:1280px}.ek-body_width_xl .ek-body__section{min-width:1280px;max-width:1280px}.ek-body_width-min_xl{min-width:1280px}.ek-body_width-min_xl .ek-body__section{min-width:1280px}.ek-body_width-max_xl .ek-body__section{max-width:1280px}.ek-body_width_xxl{min-width:1366px}.ek-body_width_xxl .ek-body__section{min-width:1366px;max-width:1366px}.ek-body_width-min_xxl{min-width:1366px}.ek-body_width-min_xxl .ek-body__section{min-width:1366px}.ek-body_width-max_xxl .ek-body__section{max-width:1366px}.ek-body_width_3xl{min-width:1460px}.ek-body_width_3xl .ek-body__section{min-width:1460px;max-width:1460px}.ek-body_width-min_3xl{min-width:1460px}.ek-body_width-min_3xl .ek-body__section{min-width:1460px}.ek-body_width-max_3xl .ek-body__section{max-width:1460px}.ek-body_width_4xl{min-width:1600px}.ek-body_width_4xl .ek-body__section{min-width:1600px;max-width:1600px}.ek-body_width-min_4xl{min-width:1600px}.ek-body_width-min_4xl .ek-body__section{min-width:1600px}.ek-body_width-max_4xl .ek-body__section{max-width:1600px}.ek-body_width_5xl{min-width:1920px}.ek-body_width_5xl .ek-body__section{min-width:1920px;max-width:1920px}.ek-body_width-min_5xl{min-width:1920px}.ek-body_width-min_5xl .ek-body__section{min-width:1920px}.ek-body_width-max_5xl .ek-body__section{max-width:1920px}.ek-body_indent_none .ek-body__section{padding-left:0;padding-right:0}.ek-body_indent_xxs .ek-body__section{padding-left:var(--pds-spacing-xxs);padding-right:var(--pds-spacing-xxs)}.ek-body_indent_xs .ek-body__section{padding-left:var(--pds-spacing-xs);padding-right:var(--pds-spacing-xs)}.ek-body_indent_s .ek-body__section{padding-left:var(--pds-spacing-s);padding-right:var(--pds-spacing-s)}.ek-body_indent_m .ek-body__section{padding-left:var(--pds-spacing-m);padding-right:var(--pds-spacing-m)}.ek-body_indent_l .ek-body__section{padding-left:var(--pds-spacing-l);padding-right:var(--pds-spacing-l)}.ek-body_indent_xl .ek-body__section{padding-left:var(--pds-spacing-xl);padding-right:var(--pds-spacing-xl)}.ek-body_indent_xxl .ek-body__section{padding-left:var(--pds-spacing-xxl);padding-right:var(--pds-spacing-xxl)}.ek-body_indent_3xl .ek-body__section{padding-left:var(--pds-spacing-3xl);padding-right:var(--pds-spacing-3xl)}.ek-body_indent_4xl .ek-body__section{padding-left:var(--pds-spacing-4xl);padding-right:var(--pds-spacing-4xl)}.ek-body_indent_5xl .ek-body__section{padding-left:var(--pds-spacing-5xl);padding-right:var(--pds-spacing-5xl)}.ek-body_overflow_auto{overflow:auto}.ek-body_overflow-x_auto{overflow-x:auto}.ek-body_overflow-y_auto{overflow-y:auto}.ek-body_overflow_hidden{overflow:hidden}.ek-body_overflow-x_hidden{overflow-x:hidden}.ek-body_overflow-y_hidden{overflow-y:hidden}.ek-body_overflow_scroll{overflow:scroll}.ek-body_overflow-x_scroll{overflow-x:scroll}.ek-body_overflow-y_scroll{overflow-y:scroll}.ek-body_overflow_visible{overflow:visible}.ek-body_overflow-x_visible{overflow-x:visible}.ek-body_overflow-y_visible{overflow-y:visible}.ek-body_overflow-anchor_none{overflow-anchor:none}.ek-body_overflow-anchor_auto{overflow-anchor:auto}.ek-body__section_display_block{display:block}.ek-body__section_display_none{display:none}.ek-body__section_height_auto{height:auto}.ek-body__section_height_inherit{height:inherit}.ek-body__section_height_1-1{height:100%}.ek-body_background_black-100{background:var(--black-100)}.ek-body_color_black-100{color:var(--black-100)}.ek-body_background_black-900{background:var(--black-900)}.ek-body_color_black-900{color:var(--black-900)}.ek-body_background_white{background:var(--white)}.ek-body_color_white{color:var(--white)}@media only screen and (min-width:480px){.ek-body_background_black-100\@small{background:var(--black-100)}.ek-body_color_black-100\@small{color:var(--black-100)}.ek-body_background_black-900\@small{background:var(--black-900)}.ek-body_color_black-900\@small{color:var(--black-900)}.ek-body_background_white\@small{background:var(--white)}.ek-body_color_white\@small{color:var(--white)}}@media only screen and (min-width:768px){.ek-body_background_black-100\@medium{background:var(--black-100)}.ek-body_color_black-100\@medium{color:var(--black-100)}.ek-body_background_black-900\@medium{background:var(--black-900)}.ek-body_color_black-900\@medium{color:var(--black-900)}.ek-body_background_white\@medium{background:var(--white)}.ek-body_color_white\@medium{color:var(--white)}}@media only screen and (min-width:960px){.ek-body_display_block\@large{display:block}.ek-body_display_none\@large{display:none}.ek-body_size_xl\@large .ek-body__section{max-width:1502px}.ek-body_size_xxl\@large .ek-body__section{max-width:1640px}.ek-body_size_xxxl\@large .ek-body__section{max-width:1840px}.ek-body_width_none\@large{min-width:0}.ek-body_width_none\@large .ek-body__section{min-width:0;max-width:none}.ek-body_width-min_none\@large{min-width:0}.ek-body_width-min_none\@large .ek-body__section{min-width:0}.ek-body_width-max_none\@large .ek-body__section{max-width:none}.ek-body_width_xxs\@large{min-width:320px}.ek-body_width_xxs\@large .ek-body__section{min-width:320px;max-width:320px}.ek-body_width-min_xxs\@large{min-width:320px}.ek-body_width-min_xxs\@large .ek-body__section{min-width:320px}.ek-body_width-max_xxs\@large .ek-body__section{max-width:320px}.ek-body_width_xs\@large{min-width:480px}.ek-body_width_xs\@large .ek-body__section{min-width:480px;max-width:480px}.ek-body_width-min_xs\@large{min-width:480px}.ek-body_width-min_xs\@large .ek-body__section{min-width:480px}.ek-body_width-max_xs\@large .ek-body__section{max-width:480px}.ek-body_width_s\@large{min-width:768px}.ek-body_width_s\@large .ek-body__section{min-width:768px;max-width:768px}.ek-body_width-min_s\@large{min-width:768px}.ek-body_width-min_s\@large .ek-body__section{min-width:768px}.ek-body_width-max_s\@large .ek-body__section{max-width:768px}.ek-body_width_m\@large{min-width:900px}.ek-body_width_m\@large .ek-body__section{min-width:900px;max-width:900px}.ek-body_width-min_m\@large{min-width:900px}.ek-body_width-min_m\@large .ek-body__section{min-width:900px}.ek-body_width-max_m\@large .ek-body__section{max-width:900px}.ek-body_width_l\@large{min-width:1024px}.ek-body_width_l\@large .ek-body__section{min-width:1024px;max-width:1024px}.ek-body_width-min_l\@large{min-width:1024px}.ek-body_width-min_l\@large .ek-body__section{min-width:1024px}.ek-body_width-max_l\@large .ek-body__section{max-width:1024px}.ek-body_width_xl\@large{min-width:1280px}.ek-body_width_xl\@large .ek-body__section{min-width:1280px;max-width:1280px}.ek-body_width-min_xl\@large{min-width:1280px}.ek-body_width-min_xl\@large .ek-body__section{min-width:1280px}.ek-body_width-max_xl\@large .ek-body__section{max-width:1280px}.ek-body_width_xxl\@large{min-width:1366px}.ek-body_width_xxl\@large .ek-body__section{min-width:1366px;max-width:1366px}.ek-body_width-min_xxl\@large{min-width:1366px}.ek-body_width-min_xxl\@large .ek-body__section{min-width:1366px}.ek-body_width-max_xxl\@large .ek-body__section{max-width:1366px}.ek-body_width_3xl\@large{min-width:1460px}.ek-body_width_3xl\@large .ek-body__section{min-width:1460px;max-width:1460px}.ek-body_width-min_3xl\@large{min-width:1460px}.ek-body_width-min_3xl\@large .ek-body__section{min-width:1460px}.ek-body_width-max_3xl\@large .ek-body__section{max-width:1460px}.ek-body_width_4xl\@large{min-width:1600px}.ek-body_width_4xl\@large .ek-body__section{min-width:1600px;max-width:1600px}.ek-body_width-min_4xl\@large{min-width:1600px}.ek-body_width-min_4xl\@large .ek-body__section{min-width:1600px}.ek-body_width-max_4xl\@large .ek-body__section{max-width:1600px}.ek-body_width_5xl\@large{min-width:1920px}.ek-body_width_5xl\@large .ek-body__section{min-width:1920px;max-width:1920px}.ek-body_width-min_5xl\@large{min-width:1920px}.ek-body_width-min_5xl\@large .ek-body__section{min-width:1920px}.ek-body_width-max_5xl\@large .ek-body__section{max-width:1920px}.ek-body_indent_none\@large .ek-body__section{padding-left:0;padding-right:0}.ek-body_indent_xxs\@large .ek-body__section{padding-left:var(--pds-spacing-xxs);padding-right:var(--pds-spacing-xxs)}.ek-body_indent_xs\@large .ek-body__section{padding-left:var(--pds-spacing-xs);padding-right:var(--pds-spacing-xs)}.ek-body_indent_s\@large .ek-body__section{padding-left:var(--pds-spacing-s);padding-right:var(--pds-spacing-s)}.ek-body_indent_m\@large .ek-body__section{padding-left:var(--pds-spacing-m);padding-right:var(--pds-spacing-m)}.ek-body_indent_l\@large .ek-body__section{padding-left:var(--pds-spacing-l);padding-right:var(--pds-spacing-l)}.ek-body_indent_xl\@large .ek-body__section{padding-left:var(--pds-spacing-xl);padding-right:var(--pds-spacing-xl)}.ek-body_indent_xxl\@large .ek-body__section{padding-left:var(--pds-spacing-xxl);padding-right:var(--pds-spacing-xxl)}.ek-body_indent_3xl\@large .ek-body__section{padding-left:var(--pds-spacing-3xl);padding-right:var(--pds-spacing-3xl)}.ek-body_indent_4xl\@large .ek-body__section{padding-left:var(--pds-spacing-4xl);padding-right:var(--pds-spacing-4xl)}.ek-body_indent_5xl\@large .ek-body__section{padding-left:var(--pds-spacing-5xl);padding-right:var(--pds-spacing-5xl)}.ek-body_overflow_auto\@large{overflow:auto}.ek-body_overflow-x_auto\@large{overflow-x:auto}.ek-body_overflow-y_auto\@large{overflow-y:auto}.ek-body_overflow_hidden\@large{overflow:hidden}.ek-body_overflow-x_hidden\@large{overflow-x:hidden}.ek-body_overflow-y_hidden\@large{overflow-y:hidden}.ek-body_overflow_scroll\@large{overflow:scroll}.ek-body_overflow-x_scroll\@large{overflow-x:scroll}.ek-body_overflow-y_scroll\@large{overflow-y:scroll}.ek-body_overflow_visible\@large{overflow:visible}.ek-body_overflow-x_visible\@large{overflow-x:visible}.ek-body_overflow-y_visible\@large{overflow-y:visible}.ek-body_overflow-anchor_none\@large{overflow-anchor:none}.ek-body_overflow-anchor_auto\@large{overflow-anchor:auto}.ek-body__section_display_block\@large{display:block}.ek-body__section_display_none\@large{display:none}.ek-body__section_height_auto\@large{height:auto}.ek-body__section_height_inherit\@large{height:inherit}.ek-body__section_height_1-1\@large{height:100%}.ek-body_background_black-100\@large{background:var(--black-100)}.ek-body_color_black-100\@large{color:var(--black-100)}.ek-body_background_black-900\@large{background:var(--black-900)}.ek-body_color_black-900\@large{color:var(--black-900)}.ek-body_background_white\@large{background:var(--white)}.ek-body_color_white\@large{color:var(--white)}}@media only screen and (min-width:1200px){.ek-body_background_black-100\@wide{background:var(--black-100)}.ek-body_color_black-100\@wide{color:var(--black-100)}.ek-body_background_black-900\@wide{background:var(--black-900)}.ek-body_color_black-900\@wide{color:var(--black-900)}.ek-body_background_white\@wide{background:var(--white)}.ek-body_color_white\@wide{color:var(--white)}}@media only screen and (min-width:1400px){.ek-body_background_black-100\@huge{background:var(--black-100)}.ek-body_color_black-100\@huge{color:var(--black-100)}.ek-body_background_black-900\@huge{background:var(--black-900)}.ek-body_color_black-900\@huge{color:var(--black-900)}.ek-body_background_white\@huge{background:var(--white)}.ek-body_color_white\@huge{color:var(--white)}}