@prom-ui/core 2.2.0 → 2.3.0

package/Body/cjs/style.development.v2.css

@@ -1 +1,865 @@
-.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)}}
+/* stylelint-disable comment-empty-line-before */
+:root {
+    /* base */
+    /* prop 'body-indent' */
+    /* prop 'body-width', 'body-width-min', 'body-width-max' */
+    /* DEPRECATED prop 'body-size' */
+}
+.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;
+}
+/**
+ * Body display:
+ *
+ *  - body_display_block
+ *  - body_display_none
+ *
+ * */
+.ek-body_display_block {
+        display: block;
+}
+.ek-body_display_none {
+        display: none;
+}
+/**
+ * body-size:
+ *
+ *  - body_size_[xl|xxl|xxxl]
+ *
+ * */
+.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;
+}
+/**
+ * body-width:
+ *
+ *  - body_width_none
+ *  - body_width_xxs
+ *  - body_width_xs
+ *  - body_width_s
+ *  - body_width_m
+ *  - body_width_l
+ *  - body_width_xl
+ *  - body_width_xxl
+ *  - body_width_3xl
+ *  - body_width_4xl
+ *  - body_width_5xl
+ *
+ * */
+.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;
+}
+/**
+ * body-indent:
+ *
+ *  - body_indent_none
+ *  - body_indent_xxs
+ *  - body_indent_xs
+ *  - body_indent_s
+ *  - body_indent_m
+ *  - body_indent_l
+ *  - body_indent_xl
+ *  - body_indent_xxl
+ *  - body_indent_3xl
+ *  - body_indent_4xl
+ *  - body_indent_5xl
+ *
+ * */
+.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);
+}
+/**
+ * Overflow:
+ *
+ *  - body_overflow_*
+ *  - body_overflow-x_*
+ *  - body_overflow-y_*
+ *
+ * */
+.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;
+}
+/**
+ * body-overflow-anchor:
+ *
+ *  - body_overflow-anchor_none
+ *  - body_overflow-anchor_auto
+ *
+ * */
+.ek-body_overflow-anchor_none {
+        overflow-anchor: none;
+}
+.ek-body_overflow-anchor_auto {
+        overflow-anchor: auto;
+}
+/**
+ * Section display:
+ *
+ *  - body__section_display_block
+ *  - body__section_display_none
+ *
+ * */
+.ek-body__section_display_block {
+        display: block;
+}
+.ek-body__section_display_none {
+        display: none;
+}
+/**
+ * Section height:
+ *
+ *  - body__section_height_auto
+ *  - body__section_height_inherit
+ *  - body__section_height_1-1
+ *
+ * */
+.ek-body__section_height_auto {
+            height: auto;
+}
+.ek-body__section_height_inherit {
+            height: inherit;
+}
+.ek-body__section_height_1-1 {
+            height: 100%;
+}
+/* @import "evokit-body/style@small.css"; */
+/* @import "evokit-body/style@medium.css"; */
+@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%;
+        }
+}
+/* @import "evokit-body/style@wide.css"; */
+/* @import "evokit-body/style@huge.css"; */
+/* stylelint-disable */
+.ek-body_background_black-100 {
+    background: var(--black-100);
+}
+.ek-body_color_black-100 {
+    color: var(--black-100);
+}
+@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);
+    }
+}
+@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);
+    }
+}
+@media only screen and (min-width: 960px) {
+    .ek-body_background_black-100\@large {
+        background: var(--black-100);
+    }
+    .ek-body_color_black-100\@large {
+        color: var(--black-100);
+    }
+}
+@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);
+    }
+}
+@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);
+    }
+}
+/* stylelint-disable */
+.ek-body_background_black-900 {
+    background: var(--black-900);
+}
+.ek-body_color_black-900 {
+    color: var(--black-900);
+}
+@media only screen and (min-width: 480px) {
+    .ek-body_background_black-900\@small {
+        background: var(--black-900);
+    }
+    .ek-body_color_black-900\@small {
+        color: var(--black-900);
+    }
+}
+@media only screen and (min-width: 768px) {
+    .ek-body_background_black-900\@medium {
+        background: var(--black-900);
+    }
+    .ek-body_color_black-900\@medium {
+        color: var(--black-900);
+    }
+}
+@media only screen and (min-width: 960px) {
+    .ek-body_background_black-900\@large {
+        background: var(--black-900);
+    }
+    .ek-body_color_black-900\@large {
+        color: var(--black-900);
+    }
+}
+@media only screen and (min-width: 1200px) {
+    .ek-body_background_black-900\@wide {
+        background: var(--black-900);
+    }
+    .ek-body_color_black-900\@wide {
+        color: var(--black-900);
+    }
+}
+@media only screen and (min-width: 1400px) {
+    .ek-body_background_black-900\@huge {
+        background: var(--black-900);
+    }
+    .ek-body_color_black-900\@huge {
+        color: var(--black-900);
+    }
+}
+/* stylelint-disable */
+.ek-body_background_white {
+    background: var(--white);
+}
+.ek-body_color_white {
+    color: var(--white);
+}
+@media only screen and (min-width: 480px) {
+    .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_white\@medium {
+        background: var(--white);
+    }
+    .ek-body_color_white\@medium {
+        color: var(--white);
+    }
+}
+@media only screen and (min-width: 960px) {
+    .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_white\@wide {
+        background: var(--white);
+    }
+    .ek-body_color_white\@wide {
+        color: var(--white);
+    }
+}
+@media only screen and (min-width: 1400px) {
+    .ek-body_background_white\@huge {
+        background: var(--white);
+    }
+    .ek-body_color_white\@huge {
+        color: var(--white);
+    }
+}
+:root {
+    /* base */
+
+    /* prop 'body-indent' */
+
+    /* prop 'body-width', 'body-width-min', 'body-width-max' */
+
+    /* DEPRECATED prop 'body-size' */
+}