@prom-ui/core 0.0.13 → 0.0.16

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 (76) hide show
  1. package/Body/index.js +1 -1
  2. package/Body/package.json +2 -2
  3. package/Body/style.css +741 -1
  4. package/Box/index.js +1 -1
  5. package/Box/package.json +2 -2
  6. package/Box/style.css +9676 -1
  7. package/Button/index.js +1 -1
  8. package/Button/package.json +2 -2
  9. package/Button/style.css +3393 -1
  10. package/ButtonPageUp/index.js +0 -2
  11. package/ButtonPageUp/package.json +3 -3
  12. package/Checkbox/index.js +1 -1
  13. package/Checkbox/package.json +3 -3
  14. package/Checkbox/style.css +133 -1
  15. package/Flex/index.js +1 -1
  16. package/Flex/package.json +2 -2
  17. package/Flex/style.css +786 -1
  18. package/Grid/index.js +1 -1
  19. package/Grid/package.json +2 -2
  20. package/Grid/style.css +7350 -1
  21. package/Icon/index.js +1 -1
  22. package/Icon/package.json +2 -2
  23. package/Icon/style.css +46 -1
  24. package/Image/index.js +1 -1
  25. package/Image/package.json +2 -2
  26. package/Image/style.css +664 -1
  27. package/ImageEmoji/package.json +2 -2
  28. package/Input/index.js +1 -1
  29. package/Input/package.json +2 -2
  30. package/Input/style.css +345 -1
  31. package/KeyPress/package.json +1 -1
  32. package/Line/index.js +1 -1
  33. package/Line/package.json +2 -2
  34. package/Line/style.css +138 -1
  35. package/Link/index.js +1 -1
  36. package/Link/package.json +2 -2
  37. package/Link/style.css +259 -1
  38. package/List/index.js +1 -1
  39. package/List/package.json +2 -2
  40. package/List/style.css +312 -1
  41. package/OutsideClick/package.json +1 -1
  42. package/Picture/index.js +1 -1
  43. package/Picture/package.json +2 -2
  44. package/Picture/style.css +1426 -1
  45. package/Portal/package.json +1 -1
  46. package/Rating/index.js +1 -1
  47. package/Rating/package.json +2 -2
  48. package/Rating/style.css +26 -1
  49. package/Scroll/index.js +1 -1
  50. package/Scroll/package.json +2 -2
  51. package/Scroll/style.css +169 -1
  52. package/ScrollControls/ScrollControlsButton.d.ts +12 -0
  53. package/ScrollControls/index.d.ts +8 -0
  54. package/ScrollControls/index.js +250 -0
  55. package/ScrollControls/package.json +11 -0
  56. package/ScrollControls/style.css +67 -0
  57. package/Skeleton/index.js +1 -1
  58. package/Skeleton/package.json +2 -2
  59. package/Skeleton/style.css +145 -1
  60. package/Spinner/index.js +1 -1
  61. package/Spinner/package.json +2 -2
  62. package/Spinner/style.css +80 -1
  63. package/Text/index.js +1 -1
  64. package/Text/package.json +2 -2
  65. package/Text/style.css +840 -1
  66. package/TextEmoji/package.json +2 -2
  67. package/Tumbler/index.js +1 -1
  68. package/Tumbler/package.json +3 -3
  69. package/Tumbler/style.css +118 -1
  70. package/base/colors.css +80 -0
  71. package/base/media.css +5 -0
  72. package/base/reset.css +120 -0
  73. package/base/round.css +12 -0
  74. package/base/spacing.css +12 -0
  75. package/base/typography.css +12 -0
  76. package/package.json +21 -21
package/Body/style.css CHANGED
@@ -1 +1,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)}}
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
+ }