@prom-ui/core 2.4.1 → 2.5.0-alpha.0

package/Body/cjs/style.development.css

@@ -1,843 +1,683 @@
-/* stylelint-disable comment-empty-line-before */
-:root {
-    /* base */
-    /* prop 'body-indent' */
-    /* prop 'body-width', 'body-width-min', 'body-width-max' */
-    /* DEPRECATED prop 'body-size' */
-}
+@charset "UTF-8";
+/* =======================
+   Base body
+======================= */
 .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;
+  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;
+  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
+ * - ek-body_display_none
  *
- * */
+ **/
 .ek-body_display_block {
-        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;
+  display: none;
 }
 /**
  * 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 ... ek-body_width_5xl
+ * - ek-body_width-min_*
+ * - ek-body_width-max_*
  *
- * */
+ **/
 .ek-body_width_none {
-            min-width: 0;
+  min-width: 0;
 }
 .ek-body_width_none .ek-body__section {
-                min-width: 0;
-                max-width: none;
+  min-width: 0;
+  max-width: none;
 }
 .ek-body_width-min_none {
-            min-width: 0;
+  min-width: 0;
 }
 .ek-body_width-min_none .ek-body__section {
-                min-width: 0;
+  min-width: 0;
 }
 .ek-body_width-max_none .ek-body__section {
-                max-width: none;
+  max-width: none;
 }
 .ek-body_width_xxs {
-            min-width: 320px;
+  min-width: 320px;
 }
 .ek-body_width_xxs .ek-body__section {
-                min-width: 320px;
-                max-width: 320px;
+  min-width: 320px;
+  max-width: 320px;
 }
 .ek-body_width-min_xxs {
-            min-width: 320px;
+  min-width: 320px;
 }
 .ek-body_width-min_xxs .ek-body__section {
-                min-width: 320px;
+  min-width: 320px;
 }
 .ek-body_width-max_xxs .ek-body__section {
-                max-width: 320px;
+  max-width: 320px;
 }
 .ek-body_width_xs {
-            min-width: 480px;
+  min-width: 480px;
 }
 .ek-body_width_xs .ek-body__section {
-                min-width: 480px;
-                max-width: 480px;
+  min-width: 480px;
+  max-width: 480px;
 }
 .ek-body_width-min_xs {
-            min-width: 480px;
+  min-width: 480px;
 }
 .ek-body_width-min_xs .ek-body__section {
-                min-width: 480px;
+  min-width: 480px;
 }
 .ek-body_width-max_xs .ek-body__section {
-                max-width: 480px;
+  max-width: 480px;
 }
 .ek-body_width_s {
-            min-width: 768px;
+  min-width: 768px;
 }
 .ek-body_width_s .ek-body__section {
-                min-width: 768px;
-                max-width: 768px;
+  min-width: 768px;
+  max-width: 768px;
 }
 .ek-body_width-min_s {
-            min-width: 768px;
+  min-width: 768px;
 }
 .ek-body_width-min_s .ek-body__section {
-                min-width: 768px;
+  min-width: 768px;
 }
 .ek-body_width-max_s .ek-body__section {
-                max-width: 768px;
+  max-width: 768px;
 }
 .ek-body_width_m {
-            min-width: 900px;
+  min-width: 900px;
 }
 .ek-body_width_m .ek-body__section {
-                min-width: 900px;
-                max-width: 900px;
+  min-width: 900px;
+  max-width: 900px;
 }
 .ek-body_width-min_m {
-            min-width: 900px;
+  min-width: 900px;
 }
 .ek-body_width-min_m .ek-body__section {
-                min-width: 900px;
+  min-width: 900px;
 }
 .ek-body_width-max_m .ek-body__section {
-                max-width: 900px;
+  max-width: 900px;
 }
 .ek-body_width_l {
-            min-width: 1024px;
+  min-width: 1024px;
 }
 .ek-body_width_l .ek-body__section {
-                min-width: 1024px;
-                max-width: 1024px;
+  min-width: 1024px;
+  max-width: 1024px;
 }
 .ek-body_width-min_l {
-            min-width: 1024px;
+  min-width: 1024px;
 }
 .ek-body_width-min_l .ek-body__section {
-                min-width: 1024px;
+  min-width: 1024px;
 }
 .ek-body_width-max_l .ek-body__section {
-                max-width: 1024px;
+  max-width: 1024px;
 }
 .ek-body_width_xl {
-            min-width: 1280px;
+  min-width: 1280px;
 }
 .ek-body_width_xl .ek-body__section {
-                min-width: 1280px;
-                max-width: 1280px;
+  min-width: 1280px;
+  max-width: 1280px;
 }
 .ek-body_width-min_xl {
-            min-width: 1280px;
+  min-width: 1280px;
 }
 .ek-body_width-min_xl .ek-body__section {
-                min-width: 1280px;
+  min-width: 1280px;
 }
 .ek-body_width-max_xl .ek-body__section {
-                max-width: 1280px;
+  max-width: 1280px;
 }
 .ek-body_width_xxl {
-            min-width: 1366px;
+  min-width: 1366px;
 }
 .ek-body_width_xxl .ek-body__section {
-                min-width: 1366px;
-                max-width: 1366px;
+  min-width: 1366px;
+  max-width: 1366px;
 }
 .ek-body_width-min_xxl {
-            min-width: 1366px;
+  min-width: 1366px;
 }
 .ek-body_width-min_xxl .ek-body__section {
-                min-width: 1366px;
+  min-width: 1366px;
 }
 .ek-body_width-max_xxl .ek-body__section {
-                max-width: 1366px;
+  max-width: 1366px;
 }
 .ek-body_width_3xl {
-            min-width: 1460px;
+  min-width: 1460px;
 }
 .ek-body_width_3xl .ek-body__section {
-                min-width: 1460px;
-                max-width: 1460px;
+  min-width: 1460px;
+  max-width: 1460px;
 }
 .ek-body_width-min_3xl {
-            min-width: 1460px;
+  min-width: 1460px;
 }
 .ek-body_width-min_3xl .ek-body__section {
-                min-width: 1460px;
+  min-width: 1460px;
 }
 .ek-body_width-max_3xl .ek-body__section {
-                max-width: 1460px;
+  max-width: 1460px;
 }
 .ek-body_width_4xl {
-            min-width: 1600px;
+  min-width: 1600px;
 }
 .ek-body_width_4xl .ek-body__section {
-                min-width: 1600px;
-                max-width: 1600px;
+  min-width: 1600px;
+  max-width: 1600px;
 }
 .ek-body_width-min_4xl {
-            min-width: 1600px;
+  min-width: 1600px;
 }
 .ek-body_width-min_4xl .ek-body__section {
-                min-width: 1600px;
+  min-width: 1600px;
 }
 .ek-body_width-max_4xl .ek-body__section {
-                max-width: 1600px;
+  max-width: 1600px;
 }
 .ek-body_width_5xl {
-            min-width: 1920px;
+  min-width: 1920px;
 }
 .ek-body_width_5xl .ek-body__section {
-                min-width: 1920px;
-                max-width: 1920px;
+  min-width: 1920px;
+  max-width: 1920px;
 }
 .ek-body_width-min_5xl {
-            min-width: 1920px;
+  min-width: 1920px;
 }
 .ek-body_width-min_5xl .ek-body__section {
-                min-width: 1920px;
+  min-width: 1920px;
 }
 .ek-body_width-max_5xl .ek-body__section {
-                max-width: 1920px;
+  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_indent_5xl
  *
- * */
+ **/
 .ek-body_indent_none .ek-body__section {
-                padding-left: 0;
-                padding-right: 0;
+  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);
+  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);
+  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);
+  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);
+  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);
+  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);
+  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);
+  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);
+  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);
+  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);
+  padding-left: var(--pds-spacing-5xl);
+  padding-right: var(--pds-spacing-5xl);
 }
 /**
  * Overflow:
  *
- *  - body_overflow_*
- *  - body_overflow-x_*
- *  - body_overflow-y_*
+ * - ek-body_overflow_*
+ * - ek-body_overflow-x_*
+ * - ek-body_overflow-y_*
  *
- * */
+ **/
 .ek-body_overflow_auto {
-        overflow: auto;
+  overflow: auto;
 }
 .ek-body_overflow-x_auto {
-        overflow-x: auto;
+  overflow-x: auto;
 }
 .ek-body_overflow-y_auto {
-        overflow-y: auto;
+  overflow-y: auto;
 }
 .ek-body_overflow_hidden {
-        overflow: hidden;
+  overflow: hidden;
 }
 .ek-body_overflow-x_hidden {
-        overflow-x: hidden;
+  overflow-x: hidden;
 }
 .ek-body_overflow-y_hidden {
-        overflow-y: hidden;
+  overflow-y: hidden;
 }
 .ek-body_overflow_scroll {
-        overflow: scroll;
+  overflow: scroll;
 }
 .ek-body_overflow-x_scroll {
-        overflow-x: scroll;
+  overflow-x: scroll;
 }
 .ek-body_overflow-y_scroll {
-        overflow-y: scroll;
+  overflow-y: scroll;
 }
 .ek-body_overflow_visible {
-        overflow: visible;
+  overflow: visible;
 }
 .ek-body_overflow-x_visible {
-        overflow-x: visible;
+  overflow-x: visible;
 }
 .ek-body_overflow-y_visible {
-        overflow-y: visible;
+  overflow-y: visible;
 }
 /**
  * body-overflow-anchor:
  *
- *  - body_overflow-anchor_none
- *  - body_overflow-anchor_auto
+ * - ek-body_overflow-anchor_none
+ * - ek-body_overflow-anchor_auto
  *
- * */
+ **/
 .ek-body_overflow-anchor_none {
-        overflow-anchor: none;
+  overflow-anchor: none;
 }
 .ek-body_overflow-anchor_auto {
-        overflow-anchor: auto;
+  overflow-anchor: auto;
 }
 /**
  * Section display:
  *
- *  - body__section_display_block
- *  - body__section_display_none
+ * - ek-body__section_display_block
+ * - ek-body__section_display_none
  *
- * */
+ **/
 .ek-body__section_display_block {
-        display: block;
+  display: block;
 }
 .ek-body__section_display_none {
-        display: none;
+  display: none;
 }
 /**
  * Section height:
  *
- *  - body__section_height_auto
- *  - body__section_height_inherit
- *  - body__section_height_1-1
+ * - ek-body__section_height_auto
+ * - ek-body__section_height_inherit
+ * - ek-body__section_height_1-1
  *
- * */
+ **/
 .ek-body__section_height_auto {
-            height: auto;
+  height: auto;
 }
 .ek-body__section_height_inherit {
-            height: inherit;
+  height: inherit;
 }
 .ek-body__section_height_1-1 {
-            height: 100%;
+  height: 100%;
+}
+/* =======================
+   Themes (вызов в конце файла)
+======================= */
+.ek-body_background_white {
+  background: var(--white);
+}
+.ek-body_color_white {
+  color: var(--white);
 }
-/* @import "evokit-body/style@small.css"; */
-/* @import "evokit-body/style@medium.css"; */
-/* @import "evokit-body/style@wide.css"; */
-/* @import "evokit-body/style@huge.css"; */
-/* stylelint-disable */
 .ek-body_background_black-100 {
-    background: var(--black-100);
+  background: var(--black-100);
 }
 .ek-body_color_black-100 {
-    color: var(--black-100);
+  color: var(--black-100);
 }
-/* stylelint-disable */
 .ek-body_background_black-900 {
-    background: var(--black-900);
+  background: var(--black-900);
 }
 .ek-body_color_black-900 {
-    color: var(--black-900);
+  color: var(--black-900);
 }
-/* stylelint-disable */
-.ek-body_background_white {
+@media only screen and (min-width: 960px){
+  .ek-body_display_block\@large {
+    display: block;
+  }
+  .ek-body_display_none\@large {
+    display: none;
+  }
+  .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_white\@large {
     background: var(--white);
-}
-.ek-body_color_white {
+  }
+  .ek-body_color_white\@large {
     color: var(--white);
-}
-:root {
-    /* base */
-
-    /* prop 'body-indent' */
-
-    /* prop 'body-width', 'body-width-min', 'body-width-max' */
-
-    /* DEPRECATED prop 'body-size' */
-}
-@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);
-    }
-}
+  }
+  .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);
+  }
+}