@megafon/ui-shared 8.8.1 → 9.0.0-alpha.0

package/dist/es/components/SidePictureCards/SidePictureCards.js

@@ -1,66 +1,44 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.map.js";
 import * as React from 'react';
-import { Carousel, Grid, GridColumn } from '@megafon/ui-core';
-import { breakpoints, cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
+import { Grid, GridColumn } from '@megafon/ui-core';
+import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import SidePictureCard from "./components/SidePictureCard";
-var slidesSettings = _defineProperty(_defineProperty({}, breakpoints.MOBILE_SMALL_START, {
-  slidesPerView: 1,
-  spaceBetween: 16
-}), breakpoints.MOBILE_BIG_START, {
-  slidesPerView: 2,
-  spaceBetween: 20
-});
 var MIN_ITEMS_COUNT = 2;
-var cn = cnCreate('mfui-side-picture-cards');
+var cn = cnCreate('mfui-9-side-picture-cards');
 var SidePictureCards = function SidePictureCards(_ref) {
   var items = _ref.items,
     _ref$background = _ref.background,
     background = _ref$background === void 0 ? 'gray' : _ref$background,
-    _ref$hasCarousel = _ref.hasCarousel,
-    hasCarousel = _ref$hasCarousel === void 0 ? false : _ref$hasCarousel,
     className = _ref.className,
     _ref$classes = _ref.classes,
     classes = _ref$classes === void 0 ? {} : _ref$classes,
-    dataAttrs = _ref.dataAttrs,
-    rootRef = _ref.rootRef;
+    dataAttrs = _ref.dataAttrs;
   if (items.length < MIN_ITEMS_COUNT) {
     return null;
   }
-  var renderItem = function renderItem(item, index) {
-    return /*#__PURE__*/React.createElement(SidePictureCard, _extends({}, item, {
+  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+    className: cn([className, classes.root])
+  }), /*#__PURE__*/React.createElement(Grid, {
+    className: cn(),
+    guttersLeft: "medium",
+    guttersBottom: "medium"
+  }, items.map(function (item, i) {
+    return /*#__PURE__*/React.createElement(GridColumn, {
+      all: "6",
+      mobile: "12",
+      key: "".concat(item === null || item === void 0 ? void 0 : item.title, "_").concat(i)
+    }, /*#__PURE__*/React.createElement(SidePictureCard, _extends({}, item, {
       background: background,
-      key: "".concat(item === null || item === void 0 ? void 0 : item.title, "_").concat(index),
+      key: "".concat(item === null || item === void 0 ? void 0 : item.title, "_").concat(i),
       classes: {
         root: classes.item
       },
       dataAttrs: {
-        root: _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, index + 1))
+        root: _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1))
       }
-    }));
-  };
-  var renderContent = function renderContent() {
-    if (hasCarousel) {
-      return /*#__PURE__*/React.createElement(Carousel, {
-        slidesSettings: slidesSettings
-      }, items.map(renderItem));
-    }
-    return /*#__PURE__*/React.createElement(Grid, {
-      guttersLeft: "medium",
-      guttersBottom: "medium"
-    }, items.map(function (item, i) {
-      return /*#__PURE__*/React.createElement(GridColumn, {
-        all: "6",
-        mobile: "12",
-        key: "".concat(item === null || item === void 0 ? void 0 : item.title, "_").concat(i)
-      }, renderItem(item, i));
-    }));
-  };
-  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn([className, classes.root]),
-    ref: rootRef
-  }), renderContent());
+    })));
+  })));
 };
 export default SidePictureCards;

package/dist/es/components/SidePictureCards/components/SidePictureCard.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-side-picture-card{background-color:var(--base);border-radius:24px;color:var(--content);display:grid;gap:20px;grid-template-columns:auto;grid-template-rows:1fr auto;min-height:100%;padding:12px;text-decoration:none;-webkit-transition:background-color,-webkit-box-shadow;transition:background-color,-webkit-box-shadow;transition:background-color,box-shadow;transition:background-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.3s;transition-duration:.3s}@media screen and (min-width:1280px){.mfui-side-picture-card{grid-template-columns:1fr 1fr;grid-template-rows:none}}.mfui-side-picture-card:hover{text-decoration:none}.mfui-side-picture-card__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding:12px}@media screen and (min-width:1280px){.mfui-side-picture-card__content{padding:12px 0 12px 12px}}.mfui-side-picture-card__title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:16px}@media screen and (min-width:1280px){.mfui-side-picture-card__title{margin-bottom:24px}}.mfui-side-picture-card__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;margin-bottom:auto}@media screen and (min-width:1280px){.mfui-side-picture-card__items{gap:16px}}.mfui-side-picture-card__item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.mfui-side-picture-card__item-icon{display:block;max-height:32px;min-width:32px;width:32px}.mfui-side-picture-card__item-icon svg{display:block;height:100%;width:100%;fill:var(--brandGreen)}.mfui-side-picture-card__item-description{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-side-picture-card__item-text{-webkit-line-clamp:3;font-size:15px;font-weight:400}.mfui-side-picture-card__item-info,.mfui-side-picture-card__item-text{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;line-height:24px}.mfui-side-picture-card__item-info{-webkit-line-clamp:2;font-size:18px;font-weight:500;letter-spacing:.5px}@media screen and (min-width:1280px){.mfui-side-picture-card__item-info{font-size:20px;line-height:28px}}.mfui-side-picture-card__button{margin-top:32px}.mfui-side-picture-card__picture{height:172px;position:relative}@media screen and (min-width:768px) and (max-width:1023px){.mfui-side-picture-card__picture{height:197px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-side-picture-card__picture{height:270px}}@media screen and (min-width:1280px){.mfui-side-picture-card__picture{height:100%}}.mfui-side-picture-card__image{border-radius:24px;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.mfui-side-picture-card_active:hover:not(.mfui-side-picture-card_background_gray){-webkit-box-shadow:0 8px 28px rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.1)}.mfui-side-picture-card_background_gray{background-color:var(--spbSky0)}.mfui-side-picture-card_background_gray.mfui-side-picture-card_active:hover{background-color:var(--spbSky1)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-side-picture-card{background-color:var(--base);border-radius:24px;color:var(--content);display:grid;gap:20px;grid-template-columns:auto;grid-template-rows:1fr auto;min-height:100%;padding:12px;text-decoration:none;-webkit-transition:background-color,-webkit-box-shadow;transition:background-color,-webkit-box-shadow;transition:background-color,box-shadow;transition:background-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.3s;transition-duration:.3s}@media screen and (min-width:1280px){.mfui-9-side-picture-card{grid-template-columns:1fr 1fr;grid-template-rows:none}}.mfui-9-side-picture-card:hover{text-decoration:none}.mfui-9-side-picture-card__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding:12px}@media screen and (min-width:1280px){.mfui-9-side-picture-card__content{padding:12px 0 12px 12px}}.mfui-9-side-picture-card__title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:16px}@media screen and (min-width:1280px){.mfui-9-side-picture-card__title{margin-bottom:24px}}.mfui-9-side-picture-card__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;margin-bottom:auto}@media screen and (min-width:1280px){.mfui-9-side-picture-card__items{gap:16px}}.mfui-9-side-picture-card__item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.mfui-9-side-picture-card__item-icon{display:block;max-height:32px;min-width:32px;width:32px}.mfui-9-side-picture-card__item-icon svg{display:block;height:100%;width:100%;fill:var(--brandGreen)}.mfui-9-side-picture-card__item-description{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-9-side-picture-card__item-text{-webkit-line-clamp:3;font-size:15px;font-weight:400}.mfui-9-side-picture-card__item-info,.mfui-9-side-picture-card__item-text{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;line-height:24px}.mfui-9-side-picture-card__item-info{-webkit-line-clamp:2;font-size:18px;font-weight:500;letter-spacing:.5px}@media screen and (min-width:1280px){.mfui-9-side-picture-card__item-info{font-size:20px;line-height:28px}}.mfui-9-side-picture-card__button{margin-top:32px}.mfui-9-side-picture-card__picture{height:172px;position:relative}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-side-picture-card__picture{height:197px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-side-picture-card__picture{height:270px}}@media screen and (min-width:1280px){.mfui-9-side-picture-card__picture{height:100%}}.mfui-9-side-picture-card__image{border-radius:24px;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.mfui-9-side-picture-card_active:hover:not(.mfui-9-side-picture-card_background_gray){-webkit-box-shadow:0 8px 28px rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.1)}.mfui-9-side-picture-card_background_gray{background-color:var(--spbSky0)}.mfui-9-side-picture-card_background_gray.mfui-9-side-picture-card_active:hover{background-color:var(--spbSky1)}

package/dist/es/components/SidePictureCards/components/SidePictureCard.js

@@ -8,25 +8,25 @@ import { breakpoints, cnCreate, convert } from '@megafon/ui-helpers';
 import { setRelAttribute } from "../../../helpers/setRelAttribute";
 import "./SidePictureCard.css";
 var MAX_ICON_ITEMS_COUNT = 4;
-var cn = cnCreate('mfui-side-picture-card');
+var cn = cnCreate('mfui-9-side-picture-card');
 var SidePictureCard = function SidePictureCard(_ref) {
   var background = _ref.background,
     title = _ref.title,
     image = _ref.image,
     _ref$iconItems = _ref.iconItems,
     iconItems = _ref$iconItems === void 0 ? [] : _ref$iconItems,
-    button = _ref.button,
+    _ref$button = _ref.button,
+    button = _ref$button === void 0 ? {} : _ref$button,
     href = _ref.href,
     target = _ref.target,
     rel = _ref.rel,
     _ref$classes = _ref.classes,
     classes = _ref$classes === void 0 ? {} : _ref$classes,
     dataAttrs = _ref.dataAttrs;
-  var _ref2 = button || {},
-    buttonTitle = _ref2.title,
-    buttonHref = _ref2.href,
-    buttonTarget = _ref2.target,
-    buttonRel = _ref2.rel;
+  var buttonTitle = button.title,
+    buttonHref = button.href,
+    buttonTarget = button.target,
+    buttonRel = button.rel;
   var isLink = !!href && !buttonHref;
   var ElementType = isLink ? 'a' : 'div';
   var currentRel = setRelAttribute(rel, target);

package/dist/es/components/Stepper/Stepper.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-stepper{gap:16px}.mfui-stepper,.mfui-stepper__items-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-stepper__items-wrap{gap:12px;overflow-x:auto}.mfui-stepper::-webkit-scrollbar{height:8px}.mfui-stepper::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:8px}.mfui-stepper_is-horizontal .mfui-stepper__items-wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-stepper{gap:16px}.mfui-9-stepper,.mfui-9-stepper__items-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-9-stepper__items-wrap{gap:12px;overflow-x:auto}.mfui-9-stepper::-webkit-scrollbar{height:8px}.mfui-9-stepper::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:8px}.mfui-9-stepper_is-horizontal .mfui-9-stepper__items-wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}

package/dist/es/components/Stepper/Stepper.js

@@ -14,7 +14,7 @@ var CheckedIcon = function CheckedIcon(props) {
     d: "M8.832 11.547L6.619 9.335l-1.414 1.413 2.462 2.462 1.445 1.446 5.932-8.486-1.638-1.148-4.574 6.525z"
   }));
 };
-var cn = cnCreate('mfui-stepper');
+var cn = cnCreate('mfui-9-stepper');
 var Stepper = function Stepper(_ref) {
   var className = _ref.className,
     _ref$classes = _ref.classes,

package/dist/es/components/Stepper/StepperItem.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-stepper-item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:16px}.mfui-stepper-item_is-horizontal{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-stepper-item_is-horizontal .mfui-stepper-item__separator{-o-border-image:url(img/separator-mobile.png) 2 round;border-image:url(img/separator-mobile.png) 2 round;border-left:none;border-radius:100px;border-top:2px solid transparent;height:2px;left:calc(50% + 22px);min-height:2px;position:absolute;top:19px;width:calc(100% - 32px)}@media screen and (min-width:768px){.mfui-stepper-item_is-horizontal .mfui-stepper-item__separator{-o-border-image:url(img/separator.png) 2 repeat;border-image:url(img/separator.png) 2 repeat}}@media screen and (min-width:1024px){.mfui-stepper-item_is-horizontal .mfui-stepper-item__separator{left:calc(50% + 32px);width:calc(100% - 52px)}}.mfui-stepper-item_theme_active .mfui-stepper-item__icon-button{background-color:var(--night20)}.mfui-stepper-item_theme_active .mfui-stepper-item__icon{background-color:var(--night)}.mfui-stepper-item_theme_checked .mfui-stepper-item__icon-button{background-color:var(--brandGreen20)}.mfui-stepper-item_theme_checked .mfui-stepper-item__icon{background-color:var(--brandGreen)}.mfui-stepper-item_theme_checked .mfui-stepper-item__separator{border-color:var(--brandGreen);-o-border-image:none;border-image:none}.mfui-stepper-item_align_left{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-stepper-item_align_left .mfui-stepper-item__separator{left:42px;right:0}@media screen and (min-width:1024px){.mfui-stepper-item_align_left .mfui-stepper-item__separator{left:auto}}.mfui-stepper-item_align_left .mfui-stepper-item__content,.mfui-stepper-item_align_left .mfui-stepper-item__icon-button-area{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-stepper-item__icon-button-area{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-ms-flex-align:center;-ms-flex-item-align:stretch;align-self:stretch}.mfui-stepper-item__icon-button,.mfui-stepper-item__icon-button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.mfui-stepper-item__icon-button{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--spbSky0);border:none;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;justify-content:center;outline:none;-webkit-transition:background-color .25s ease-out;transition:background-color .25s ease-out;width:40px}.mfui-stepper-item__icon-button:disabled{cursor:default}.mfui-stepper-item__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--spbSky2);border-radius:100%;color:var(--stcWhite);font-weight:500;height:24px;justify-content:center;-webkit-transition:background-color .25s ease-out;transition:background-color .25s ease-out;width:24px}.mfui-stepper-item__icon svg{height:20px;width:20px;fill:var(--stcWhite)}.mfui-stepper-item__separator{-o-border-image:url(img/separator-vertical.png) 2 repeat;border-image:url(img/separator-vertical.png) 2 repeat;border-left:2px solid transparent;border-top:none;height:100%;min-height:20px;position:static;-webkit-transition:border-color .25s ease-out;transition:border-color .25s ease-out;width:2px}.mfui-stepper-item__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:160px;padding-bottom:20px}.mfui-stepper-item__link{margin-top:13px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-stepper-item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:16px}.mfui-9-stepper-item_is-horizontal{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-stepper-item_is-horizontal .mfui-9-stepper-item__separator{-o-border-image:url(img/separator-mobile.png) 2 round;border-image:url(img/separator-mobile.png) 2 round;border-left:none;border-radius:100px;border-top:2px solid transparent;height:2px;left:calc(50% + 22px);min-height:2px;position:absolute;top:19px;width:calc(100% - 32px)}@media screen and (min-width:768px){.mfui-9-stepper-item_is-horizontal .mfui-9-stepper-item__separator{-o-border-image:url(img/separator.png) 2 repeat;border-image:url(img/separator.png) 2 repeat}}@media screen and (min-width:1024px){.mfui-9-stepper-item_is-horizontal .mfui-9-stepper-item__separator{left:calc(50% + 32px);width:calc(100% - 52px)}}.mfui-9-stepper-item_theme_active .mfui-9-stepper-item__icon-button{background-color:var(--night20)}.mfui-9-stepper-item_theme_active .mfui-9-stepper-item__icon{background-color:var(--night)}.mfui-9-stepper-item_theme_checked .mfui-9-stepper-item__icon-button{background-color:var(--brandGreen20)}.mfui-9-stepper-item_theme_checked .mfui-9-stepper-item__icon{background-color:var(--brandGreen)}.mfui-9-stepper-item_theme_checked .mfui-9-stepper-item__separator{border-color:var(--brandGreen);-o-border-image:none;border-image:none}.mfui-9-stepper-item_align_left{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-9-stepper-item_align_left .mfui-9-stepper-item__separator{left:42px;right:0}@media screen and (min-width:1024px){.mfui-9-stepper-item_align_left .mfui-9-stepper-item__separator{left:auto}}.mfui-9-stepper-item_align_left .mfui-9-stepper-item__content,.mfui-9-stepper-item_align_left .mfui-9-stepper-item__icon-button-area{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-9-stepper-item__icon-button-area{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-ms-flex-align:center;-ms-flex-item-align:stretch;align-self:stretch}.mfui-9-stepper-item__icon-button,.mfui-9-stepper-item__icon-button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.mfui-9-stepper-item__icon-button{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--spbSky0);border:none;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;justify-content:center;outline:none;-webkit-transition:background-color .25s ease-out;transition:background-color .25s ease-out;width:40px}.mfui-9-stepper-item__icon-button:disabled{cursor:default}.mfui-9-stepper-item__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--spbSky2);border-radius:100%;color:var(--stcWhite);font-weight:500;height:24px;justify-content:center;-webkit-transition:background-color .25s ease-out;transition:background-color .25s ease-out;width:24px}.mfui-9-stepper-item__icon svg{height:20px;width:20px;fill:var(--stcWhite)}.mfui-9-stepper-item__separator{-o-border-image:url(img/separator-vertical.png) 2 repeat;border-image:url(img/separator-vertical.png) 2 repeat;border-left:2px solid transparent;border-top:none;height:100%;min-height:20px;position:static;-webkit-transition:border-color .25s ease-out;transition:border-color .25s ease-out;width:2px}.mfui-9-stepper-item__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:160px;padding-bottom:20px}.mfui-9-stepper-item__link{margin-top:13px}

package/dist/es/components/Stepper/StepperItem.js

@@ -16,7 +16,7 @@ export var STEPPER_ITEM_VIEW_ENUM;
   STEPPER_ITEM_VIEW_ENUM["CONTENT"] = "content";
   STEPPER_ITEM_VIEW_ENUM["DEFAULT"] = "default";
 })(STEPPER_ITEM_VIEW_ENUM || (STEPPER_ITEM_VIEW_ENUM = {}));
-var cn = cnCreate('mfui-stepper-item');
+var cn = cnCreate('mfui-9-stepper-item');
 var StepperItem = function StepperItem(_ref) {
   var className = _ref.className,
     _ref$classes = _ref.classes,

package/dist/es/components/Steps/Steps.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-steps{margin-left:auto;margin-right:auto;width:100%}@media screen and (min-width:768px){.mfui-steps{width:66%}}@media screen and (min-width:1280px){.mfui-steps{width:49%}}.mfui-steps__title{margin-bottom:24px}@media screen and (min-width:1024px){.mfui-steps__title{margin-bottom:40px}}.mfui-steps__list{list-style:none;margin:0;padding:0}.mfui-steps__item{border-radius:24px;margin-bottom:12px;padding:16px}.mfui-steps__item:last-child{margin-bottom:0}.mfui-steps_theme_gray .mfui-steps__item{background-color:var(--spbSky0)}.mfui-steps_theme_white .mfui-steps__item{background-color:var(--base)}.mfui-steps_theme_none .mfui-steps__title{margin-bottom:40px}.mfui-steps_theme_none .mfui-steps__item{border-radius:0;margin-bottom:48px;padding:0}@media screen and (max-width:767px){.mfui-steps_theme_none .mfui-steps__item{margin-bottom:24px}}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-steps{margin-left:auto;margin-right:auto;width:66%}@media screen and (min-width:1280px){.mfui-9-steps{width:49%}}@media screen and (max-width:767px){.mfui-9-steps{width:100%}}.mfui-9-steps__title{margin-bottom:40px}.mfui-9-steps__list{list-style:none;margin:0;padding:0}.mfui-9-steps__item{margin-bottom:48px}@media screen and (max-width:767px){.mfui-9-steps__item{margin-bottom:24px}}.mfui-9-steps__item:last-child{margin-bottom:0}

package/dist/es/components/Steps/Steps.d.ts

@@ -13,8 +13,6 @@ export interface ISteps {
     rootRef?: React.Ref<HTMLDivElement>;
     /** Заголовок */
     title?: string;
-    /** Цветовая тема. DEPRECATED: 'none' */
-    theme?: 'none' | 'white' | 'gray';
     children: React.ReactNode;
 }
 declare const Steps: React.FC<ISteps>;

package/dist/es/components/Steps/Steps.js

@@ -3,19 +3,15 @@ import * as React from 'react';
 import { Header } from '@megafon/ui-core';
 import { cnCreate, convert, titleConvertConfig } from '@megafon/ui-helpers';
 import "./Steps.css";
-var cn = cnCreate('mfui-steps');
+var cn = cnCreate('mfui-9-steps');
 var Steps = function Steps(_ref) {
   var className = _ref.className,
     classes = _ref.classes,
     title = _ref.title,
     rootRef = _ref.rootRef,
-    _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? 'none' : _ref$theme,
     children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: cn({
-      theme: theme
-    }, [className]),
+    className: cn([className]),
     ref: rootRef
   }, !!title && /*#__PURE__*/React.createElement(Header, {
     as: "h2",

package/dist/es/components/Steps/StepsItem.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-steps-item,.mfui-steps-item__step-number{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-steps-item__step-number{font-size:15px;font-weight:500;line-height:24px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--brandGreen);border-radius:12px;color:var(--stcWhite);height:40px;justify-content:center;width:40px}.mfui-steps-item__text-wrapper{padding-left:16px;padding-top:8px}.mfui-steps-item__nodes{font-size:15px;font-weight:400;line-height:24px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-steps-item,.mfui-9-steps-item__step-number{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-steps-item__step-number{font-size:15px;font-weight:500;line-height:24px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--brandGreen);border-radius:50%;color:var(--stcWhite);height:40px;justify-content:center;width:40px}.mfui-9-steps-item__text-wrapper{padding-left:16px;padding-top:8px}.mfui-9-steps-item__nodes{font-size:15px;font-weight:400;line-height:24px}

package/dist/es/components/Steps/StepsItem.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Paragraph } from '@megafon/ui-core';
 import { cnCreate, convert, textConvertConfig } from '@megafon/ui-helpers';
 import "./StepsItem.css";
-var cn = cnCreate('mfui-steps-item');
+var cn = cnCreate('mfui-9-steps-item');
 var StepsItem = function StepsItem(_ref) {
   var index = _ref.index,
     text = _ref.text;

package/dist/es/components/StoreBanner/StoreBanner.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-store-banner_theme_default .mfui-store-banner__grid{background-color:var(--base)}.mfui-store-banner_theme_default .mfui-store-banner__content{color:var(--content)}.mfui-store-banner_theme_green .mfui-store-banner__grid{background-color:var(--brandGreen);border:0}.mfui-store-banner_theme_green .mfui-store-banner__content{color:var(--stcWhite)}.mfui-store-banner_theme_spbSky1 .mfui-store-banner__grid{background-color:var(--spbSky1);border-color:transparent}.mfui-store-banner_theme_spbSky1 .mfui-store-banner__content{color:var(--content)}.mfui-store-banner_theme_spbSky0 .mfui-store-banner__grid{background-color:var(--spbSky0);border-color:transparent}.mfui-store-banner_theme_spbSky0 .mfui-store-banner__content{color:var(--content)}.mfui-store-banner_mask_new-iphone .mfui-store-banner__device-mask{background-image:url(img/new-iphone.png);position:relative;z-index:2}.mfui-store-banner_mask_new-iphone .mfui-store-banner__screen{border-radius:14px;top:9px;width:90%;z-index:1}@media screen and (min-width:768px) and (max-width:1023px){.mfui-store-banner_mask_new-iphone .mfui-store-banner__screen{top:8px}}@media screen and (max-width:767px){.mfui-store-banner_mask_new-iphone .mfui-store-banner__screen{top:30px}}.mfui-store-banner_mask_android .mfui-store-banner__device-mask{background-image:url(img/android.png);position:relative;z-index:2}.mfui-store-banner_mask_android .mfui-store-banner__screen{border-radius:14px;top:9px;width:92%}@media screen and (min-width:768px) and (max-width:1023px){.mfui-store-banner_mask_android .mfui-store-banner__screen{top:8px}}@media screen and (max-width:767px){.mfui-store-banner_mask_android .mfui-store-banner__screen{top:30px}}.mfui-store-banner_mask_white-iphone .mfui-store-banner__device-mask{background-image:url(img/white-iphone.png)}.mfui-store-banner_mask_black-iphone .mfui-store-banner__device-mask{background-image:url(img/black-iphone.png)}.mfui-store-banner_mask_black-iphone .mfui-store-banner__screen,.mfui-store-banner_mask_white-iphone .mfui-store-banner__screen{top:57px;width:87%}@media screen and (min-width:768px) and (max-width:1023px){.mfui-store-banner_mask_black-iphone .mfui-store-banner__screen,.mfui-store-banner_mask_white-iphone .mfui-store-banner__screen{top:47px}}@media screen and (max-width:767px){.mfui-store-banner_mask_black-iphone .mfui-store-banner__screen,.mfui-store-banner_mask_white-iphone .mfui-store-banner__screen{top:63px}}.mfui-store-banner_mask_iphone-12 .mfui-store-banner__device-mask{background-image:url(img/iphone12.png);position:relative;z-index:2}.mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen{border-radius:4px;top:16px;width:87%;z-index:1}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen{top:17px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen{top:13px}}@media screen and (max-width:767px){.mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen{top:35px}.mfui-store-banner_content-left-mobile .mfui-store-banner__content{text-align:left}.mfui-store-banner_content-left-mobile .mfui-store-banner__stores{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mfui-store-banner_content-left-mobile .mfui-store-banner__button{margin:0}}@media screen and (min-width:1024px){.mfui-store-banner__container{padding-top:30px}}.mfui-store-banner__grid{border:1px solid var(--spbSky2);border-radius:24px;padding-bottom:32px;padding-top:32px}@media screen and (max-width:767px){.mfui-store-banner__grid{padding-bottom:0;padding-top:24px}}.mfui-store-banner__content{padding-left:32px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-store-banner__content{padding-right:10px}}@media screen and (max-width:767px){.mfui-store-banner__content{padding-bottom:32px;padding-left:15px;padding-right:15px;text-align:center}}.mfui-store-banner__device-mask{background-repeat:no-repeat;background-size:cover;height:100%}.mfui-store-banner__device-wrapper{bottom:62px;height:calc(100% + 94px);margin-left:auto;margin-right:auto;overflow:hidden;position:relative;width:235px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-store-banner__device-wrapper{width:260px}}@media screen and (max-width:1023px){.mfui-store-banner__device-wrapper{bottom:0}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-store-banner__device-wrapper{height:calc(100% + 32px);width:196px}}@media screen and (max-width:767px){.mfui-store-banner__device-wrapper{height:222px;padding-top:24px;width:163px}}.mfui-store-banner__links{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-store-banner__qr-code{-ms-flex-item-align:center;align-self:center;background-color:var(--base);border:1px solid var(--spbSky1);border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;height:90px;margin-right:16px;width:90px}@media screen and (max-width:767px){.mfui-store-banner__qr-code{display:none}}@media screen and (min-width:768px){.mfui-store-banner__qr-code+.mfui-store-banner__stores{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.mfui-store-banner__store-link{height:40px;margin-bottom:10px;margin-left:8px;margin-right:8px;width:136px}@media screen and (max-width:767px){.mfui-store-banner__store-link{height:35px;width:119px}}.mfui-store-banner__store-link:last-child{margin-bottom:0}.mfui-store-banner__stores{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:767px){.mfui-store-banner__stores{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width:768px){.mfui-store-banner__stores{margin-left:-8px}}.mfui-store-banner__text{margin-bottom:32px}.mfui-store-banner__title{margin-bottom:16px}.mfui-store-banner__screen{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (max-width:767px){.mfui-store-banner__button{margin:0 auto}}.mfui-store-banner__links_three .mfui-store-banner__qr-code{-o-object-fit:contain;object-fit:contain}@media screen and (min-width:1280px){.mfui-store-banner__links_three .mfui-store-banner__qr-code{max-height:90px;max-width:90px}}.mfui-store-banner__links_three .mfui-store-banner__qr-code+.mfui-store-banner__stores{max-width:305px}@media screen and (min-width:1024px){.mfui-store-banner__links_three .mfui-store-banner__qr-code+.mfui-store-banner__stores{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}@media screen and (max-width:767px){.mfui-store-banner__links_three .mfui-store-banner__qr-code+.mfui-store-banner__stores{margin:0 auto}}.mfui-store-banner__links_three .mfui-store-banner__store-link{height:40px;width:136px}@media screen and (max-width:1023px){.mfui-store-banner__links_three .mfui-store-banner__store-link{height:35px;width:119px}}.mfui-store-banner__links_three .mfui-store-banner__store-link:not(:last-child){margin-bottom:8px}@media screen and (max-width:767px){.mfui-store-banner__links_three .mfui-store-banner__store-link:not(:last-child){margin-bottom:16px}}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-store-banner_theme_default .mfui-9-store-banner__grid{background-color:var(--base)}.mfui-9-store-banner_theme_default .mfui-9-store-banner__content{color:var(--content)}.mfui-9-store-banner_theme_green .mfui-9-store-banner__grid{background-color:var(--brandGreen);border:0}.mfui-9-store-banner_theme_green .mfui-9-store-banner__content{color:var(--stcWhite)}.mfui-9-store-banner_theme_spbSky1 .mfui-9-store-banner__grid{background-color:var(--spbSky1);border-color:transparent}.mfui-9-store-banner_theme_spbSky1 .mfui-9-store-banner__content{color:var(--content)}.mfui-9-store-banner_theme_spbSky0 .mfui-9-store-banner__grid{background-color:var(--spbSky0);border-color:transparent}.mfui-9-store-banner_theme_spbSky0 .mfui-9-store-banner__content{color:var(--content)}.mfui-9-store-banner_mask_new-iphone .mfui-9-store-banner__device-mask{background-image:url(img/new-iphone.png);position:relative;z-index:2}.mfui-9-store-banner_mask_new-iphone .mfui-9-store-banner__screen{border-radius:14px;top:9px;width:90%;z-index:1}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-banner_mask_new-iphone .mfui-9-store-banner__screen{top:8px}}@media screen and (max-width:767px){.mfui-9-store-banner_mask_new-iphone .mfui-9-store-banner__screen{top:30px}}.mfui-9-store-banner_mask_android .mfui-9-store-banner__device-mask{background-image:url(img/android.png);position:relative;z-index:2}.mfui-9-store-banner_mask_android .mfui-9-store-banner__screen{border-radius:14px;top:9px;width:92%}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-banner_mask_android .mfui-9-store-banner__screen{top:8px}}@media screen and (max-width:767px){.mfui-9-store-banner_mask_android .mfui-9-store-banner__screen{top:30px}}.mfui-9-store-banner_mask_white-iphone .mfui-9-store-banner__device-mask{background-image:url(img/white-iphone.png)}.mfui-9-store-banner_mask_black-iphone .mfui-9-store-banner__device-mask{background-image:url(img/black-iphone.png)}.mfui-9-store-banner_mask_black-iphone .mfui-9-store-banner__screen,.mfui-9-store-banner_mask_white-iphone .mfui-9-store-banner__screen{top:57px;width:87%}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-banner_mask_black-iphone .mfui-9-store-banner__screen,.mfui-9-store-banner_mask_white-iphone .mfui-9-store-banner__screen{top:47px}}@media screen and (max-width:767px){.mfui-9-store-banner_mask_black-iphone .mfui-9-store-banner__screen,.mfui-9-store-banner_mask_white-iphone .mfui-9-store-banner__screen{top:63px}}.mfui-9-store-banner_mask_iphone-12 .mfui-9-store-banner__device-mask{background-image:url(img/iphone12.png);position:relative;z-index:2}.mfui-9-store-banner_mask_iphone-12 .mfui-9-store-banner__screen{border-radius:4px;top:16px;width:87%;z-index:1}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-store-banner_mask_iphone-12 .mfui-9-store-banner__screen{top:17px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-banner_mask_iphone-12 .mfui-9-store-banner__screen{top:13px}}@media screen and (max-width:767px){.mfui-9-store-banner_mask_iphone-12 .mfui-9-store-banner__screen{top:35px}.mfui-9-store-banner_content-left-mobile .mfui-9-store-banner__content{text-align:left}.mfui-9-store-banner_content-left-mobile .mfui-9-store-banner__stores{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mfui-9-store-banner_content-left-mobile .mfui-9-store-banner__button{margin:0}}@media screen and (min-width:1024px){.mfui-9-store-banner__container{padding-top:30px}}.mfui-9-store-banner__grid{border:1px solid var(--spbSky2);border-radius:24px;padding-bottom:32px;padding-top:32px}@media screen and (max-width:767px){.mfui-9-store-banner__grid{padding-bottom:0;padding-top:24px}}.mfui-9-store-banner__content{padding-left:32px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-banner__content{padding-right:10px}}@media screen and (max-width:767px){.mfui-9-store-banner__content{padding-bottom:32px;padding-left:15px;padding-right:15px;text-align:center}}.mfui-9-store-banner__device-mask{background-repeat:no-repeat;background-size:cover;height:100%}.mfui-9-store-banner__device-wrapper{bottom:62px;height:calc(100% + 94px);margin-left:auto;margin-right:auto;overflow:hidden;position:relative;width:235px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-store-banner__device-wrapper{width:260px}}@media screen and (max-width:1023px){.mfui-9-store-banner__device-wrapper{bottom:0}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-banner__device-wrapper{height:calc(100% + 32px);width:196px}}@media screen and (max-width:767px){.mfui-9-store-banner__device-wrapper{height:222px;padding-top:24px;width:163px}}.mfui-9-store-banner__links{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-store-banner__qr-code{-ms-flex-item-align:center;align-self:center;background-color:var(--base);border:1px solid var(--spbSky1);border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;height:90px;margin-right:16px;width:90px}@media screen and (max-width:767px){.mfui-9-store-banner__qr-code{display:none}}@media screen and (min-width:768px){.mfui-9-store-banner__qr-code+.mfui-9-store-banner__stores{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.mfui-9-store-banner__store-link{height:40px;margin-bottom:10px;margin-left:8px;margin-right:8px;width:136px}@media screen and (max-width:767px){.mfui-9-store-banner__store-link{height:35px;width:119px}}.mfui-9-store-banner__store-link:last-child{margin-bottom:0}.mfui-9-store-banner__stores{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:767px){.mfui-9-store-banner__stores{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width:768px){.mfui-9-store-banner__stores{margin-left:-8px}}.mfui-9-store-banner__text{margin-bottom:32px}.mfui-9-store-banner__title{margin-bottom:16px}.mfui-9-store-banner__screen{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (max-width:767px){.mfui-9-store-banner__button{margin:0 auto}}.mfui-9-store-banner__links_three .mfui-9-store-banner__qr-code{-o-object-fit:contain;object-fit:contain}@media screen and (min-width:1280px){.mfui-9-store-banner__links_three .mfui-9-store-banner__qr-code{max-height:90px;max-width:90px}}.mfui-9-store-banner__links_three .mfui-9-store-banner__qr-code+.mfui-9-store-banner__stores{max-width:305px}@media screen and (min-width:1024px){.mfui-9-store-banner__links_three .mfui-9-store-banner__qr-code+.mfui-9-store-banner__stores{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}@media screen and (max-width:767px){.mfui-9-store-banner__links_three .mfui-9-store-banner__qr-code+.mfui-9-store-banner__stores{margin:0 auto}}.mfui-9-store-banner__links_three .mfui-9-store-banner__store-link{height:40px;width:136px}@media screen and (max-width:1023px){.mfui-9-store-banner__links_three .mfui-9-store-banner__store-link{height:35px;width:119px}}.mfui-9-store-banner__links_three .mfui-9-store-banner__store-link:not(:last-child){margin-bottom:8px}@media screen and (max-width:767px){.mfui-9-store-banner__links_three .mfui-9-store-banner__store-link:not(:last-child){margin-bottom:16px}}

package/dist/es/components/StoreBanner/StoreBanner.js

@@ -19,7 +19,7 @@ export var DeviceMask = {
   IPHONE_12: 'iphone-12'
 };
 var testIdPrefix = 'StoreBanner';
-var cn = cnCreate('mfui-store-banner');
+var cn = cnCreate('mfui-9-store-banner');
 var StoreBanner = function StoreBanner(_ref) {
   var className = _ref.className,
     _ref$classes = _ref.classes,

package/dist/es/components/StoreButton/StoreButton.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-store-button{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;display:inline-block}.mfui-store-button_size-all_small{height:35px;width:119px}.mfui-store-button_size-all_medium{height:40px;width:136px}.mfui-store-button_size-all_large{height:70px;width:238px}.mfui-store-button_size-all_medium.mfui-store-button_theme_app-store,.mfui-store-button_size-all_small.mfui-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-store-button_size-all_medium.mfui-store-button_theme_galaxy-store,.mfui-store-button_size-all_small.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-store-button_size-all_medium.mfui-store-button_theme_google-play,.mfui-store-button_size-all_small.mfui-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-store-button_size-all_medium.mfui-store-button_theme_huawei-store,.mfui-store-button_size-all_small.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-store-button_size-all_medium.mfui-store-button_theme_mi-store,.mfui-store-button_size-all_small.mfui-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-store-button_size-all_medium.mfui-store-button_theme_ru-store,.mfui-store-button_size-all_small.mfui-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-store-button_size-all_medium.mfui-store-button_theme_v-appstore,.mfui-store-button_size-all_small.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-store-button_size-all_large.mfui-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-store-button_size-all_large.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-store-button_size-all_large.mfui-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-store-button_size-all_large.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-store-button_size-all_large.mfui-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-store-button_size-all_large.mfui-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-store-button_size-all_large.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}@media screen and (min-width:1024px){.mfui-store-button_size-desktop_small{height:35px;width:119px}.mfui-store-button_size-desktop_medium{height:40px;width:136px}.mfui-store-button_size-desktop_large{height:70px;width:238px}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_app-store,.mfui-store-button_size-desktop_small.mfui-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_galaxy-store,.mfui-store-button_size-desktop_small.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_google-play,.mfui-store-button_size-desktop_small.mfui-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_huawei-store,.mfui-store-button_size-desktop_small.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_mi-store,.mfui-store-button_size-desktop_small.mfui-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_ru-store,.mfui-store-button_size-desktop_small.mfui-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_v-appstore,.mfui-store-button_size-desktop_small.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-store-button_size-desktop_large.mfui-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-store-button_size-desktop_large.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-store-button_size-desktop_large.mfui-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-store-button_size-desktop_large.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-store-button_size-desktop_large.mfui-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-store-button_size-desktop_large.mfui-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-store-button_size-desktop_large.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (min-width:1280px){.mfui-store-button_size-wide_small{height:35px;width:119px}.mfui-store-button_size-wide_medium{height:40px;width:136px}.mfui-store-button_size-wide_large{height:70px;width:238px}.mfui-store-button_size-wide_medium.mfui-store-button_theme_app-store,.mfui-store-button_size-wide_small.mfui-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-store-button_size-wide_medium.mfui-store-button_theme_galaxy-store,.mfui-store-button_size-wide_small.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-store-button_size-wide_medium.mfui-store-button_theme_google-play,.mfui-store-button_size-wide_small.mfui-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-store-button_size-wide_medium.mfui-store-button_theme_huawei-store,.mfui-store-button_size-wide_small.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-store-button_size-wide_medium.mfui-store-button_theme_mi-store,.mfui-store-button_size-wide_small.mfui-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-store-button_size-wide_medium.mfui-store-button_theme_ru-store,.mfui-store-button_size-wide_small.mfui-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-store-button_size-wide_medium.mfui-store-button_theme_v-appstore,.mfui-store-button_size-wide_small.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-store-button_size-wide_large.mfui-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-store-button_size-wide_large.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-store-button_size-wide_large.mfui-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-store-button_size-wide_large.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-store-button_size-wide_large.mfui-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-store-button_size-wide_large.mfui-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-store-button_size-wide_large.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-store-button_size-tablet_small{height:35px;width:119px}.mfui-store-button_size-tablet_medium{height:40px;width:136px}.mfui-store-button_size-tablet_large{height:70px;width:238px}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_app-store,.mfui-store-button_size-tablet_small.mfui-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_galaxy-store,.mfui-store-button_size-tablet_small.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_google-play,.mfui-store-button_size-tablet_small.mfui-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_huawei-store,.mfui-store-button_size-tablet_small.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_mi-store,.mfui-store-button_size-tablet_small.mfui-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_ru-store,.mfui-store-button_size-tablet_small.mfui-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_v-appstore,.mfui-store-button_size-tablet_small.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-store-button_size-tablet_large.mfui-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-store-button_size-tablet_large.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-store-button_size-tablet_large.mfui-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-store-button_size-tablet_large.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-store-button_size-tablet_large.mfui-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-store-button_size-tablet_large.mfui-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-store-button_size-tablet_large.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (max-width:767px){.mfui-store-button_size-mobile_small{height:35px;width:119px}.mfui-store-button_size-mobile_medium{height:40px;width:136px}.mfui-store-button_size-mobile_large{height:70px;width:238px}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_app-store,.mfui-store-button_size-mobile_small.mfui-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_galaxy-store,.mfui-store-button_size-mobile_small.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_google-play,.mfui-store-button_size-mobile_small.mfui-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_huawei-store,.mfui-store-button_size-mobile_small.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_mi-store,.mfui-store-button_size-mobile_small.mfui-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_ru-store,.mfui-store-button_size-mobile_small.mfui-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_v-appstore,.mfui-store-button_size-mobile_small.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-store-button{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;display:inline-block}.mfui-9-store-button_size-all_small{height:35px;width:119px}.mfui-9-store-button_size-all_medium{height:40px;width:136px}.mfui-9-store-button_size-all_large{height:70px;width:238px}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}@media screen and (min-width:1024px){.mfui-9-store-button_size-desktop_small{height:35px;width:119px}.mfui-9-store-button_size-desktop_medium{height:40px;width:136px}.mfui-9-store-button_size-desktop_large{height:70px;width:238px}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (min-width:1280px){.mfui-9-store-button_size-wide_small{height:35px;width:119px}.mfui-9-store-button_size-wide_medium{height:40px;width:136px}.mfui-9-store-button_size-wide_large{height:70px;width:238px}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-button_size-tablet_small{height:35px;width:119px}.mfui-9-store-button_size-tablet_medium{height:40px;width:136px}.mfui-9-store-button_size-tablet_large{height:70px;width:238px}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (max-width:767px){.mfui-9-store-button_size-mobile_small{height:35px;width:119px}.mfui-9-store-button_size-mobile_medium{height:40px;width:136px}.mfui-9-store-button_size-mobile_large{height:70px;width:238px}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}

package/dist/es/components/StoreButton/StoreButton.js

@@ -29,7 +29,7 @@ export var Theme;
   Theme["RU_STORE"] = "ru-store";
   Theme["V_APPSTORE"] = "v-appstore";
 })(Theme || (Theme = {}));
-var cn = cnCreate('mfui-store-button');
+var cn = cnCreate('mfui-9-store-button');
 var StoreButton = function StoreButton(_a) {
   var href = _a.href,
     rel = _a.rel,

package/dist/es/components/Table/Table.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-table{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:15px;line-height:24px}.mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar{height:8px;width:8px}.mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-track{background-color:var(--spbSky1)}.mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:4px}.mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-corner{background-color:var(--base)}.mfui-table:not(.mfui-table_touch) .mfui-table__scroll{scrollbar-color:var(--spbSky2) var(--spbSky1);scrollbar-width:thin}.mfui-table__scroll{border:1px solid var(--spbSky2);display:grid;grid-template-columns:auto auto auto;max-width:100%;overflow:auto;position:relative}@media screen and (min-width:1024px){.mfui-table__scroll_limit{max-height:500px}}.mfui-table__top-shadow{background:linear-gradient(359.94deg,transparent .06%,rgba(0,0,0,.03) 38.08%,rgba(0,0,0,.08) 74.98%);display:block;grid-column-end:4;grid-column-start:1;height:6px;margin-bottom:-6px;position:sticky;top:0;width:100%;z-index:2}.mfui-table__left-shadow{background:-webkit-gradient(linear,right top,left top,color-stop(16.3%,transparent),color-stop(51.81%,rgba(0,0,0,.03)),color-stop(86.27%,rgba(0,0,0,.08)));background:linear-gradient(270deg,transparent 16.3%,rgba(0,0,0,.03) 51.81%,rgba(0,0,0,.08) 86.27%);bottom:0;left:0;margin-right:-6px;position:sticky;top:0;width:6px;z-index:2}.mfui-table__bottom-gradient{background:-webkit-gradient(linear,left bottom,left top,color-stop(25%,var(--base)),to(hsla(0,0%,100%,0)));background:linear-gradient(to top,var(--base) 25%,hsla(0,0%,100%,0));bottom:0;display:block;grid-column-end:4;grid-column-start:1;height:48px;margin-top:-48px;position:sticky;width:100%;z-index:1}.mfui-table__right-gradient{background:-webkit-gradient(linear,right top,left top,color-stop(25%,var(--base)),to(hsla(0,0%,100%,0)));background:linear-gradient(to left,var(--base) 25%,hsla(0,0%,100%,0));display:block;height:100%;margin-left:-48px;position:sticky;right:0;width:48px;z-index:1}.mfui-table__table{background-color:var(--base);border-collapse:separate;border-spacing:0;border-width:0}.mfui-table__cell{background-color:var(--base);-webkit-box-sizing:border-box;box-sizing:border-box;padding:24px}@media screen and (max-width:767px){.mfui-table__cell{padding-left:16px;padding-right:16px}}.mfui-table__cell:first-child{border-right:1px solid var(--spbSky2);left:0;min-width:144px;position:relative;width:144px}.mfui-table__cell:not(:first-child){max-width:288px}.mfui-table__row_head .mfui-table__cell{background-color:var(--spbSky0);color:var(--spbSky3);font-size:12px;height:72px;line-height:18px;padding-bottom:12px;vertical-align:bottom}.mfui-table__row:not(:last-child) .mfui-table__cell{border-bottom:1px solid var(--spbSky2)}.mfui-table__row_align_bottom .mfui-table__cell{vertical-align:bottom}.mfui-table__row_align_top .mfui-table__cell{vertical-align:top}.mfui-table__row_align_top.mfui-table__row_head .mfui-table__cell{padding-top:12px}.mfui-table_min-cell-size_small .mfui-table__cell:not(:first-child){min-width:72px}.mfui-table_min-cell-size_large .mfui-table__cell:not(:first-child){min-width:144px}.mfui-table_fix-column .mfui-table__cell:first-child{position:sticky}.mfui-table_fix-column .mfui-table__left-shadow{left:144px}.mfui-table_fix-column .mfui-table__bottom-gradient{z-index:3}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-table{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:15px;line-height:24px}.mfui-9-table:not(.mfui-9-table_touch) ::-webkit-scrollbar{height:8px;width:8px}.mfui-9-table:not(.mfui-9-table_touch) ::-webkit-scrollbar-track{background-color:var(--spbSky1)}.mfui-9-table:not(.mfui-9-table_touch) ::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:4px}.mfui-9-table:not(.mfui-9-table_touch) ::-webkit-scrollbar-corner{background-color:var(--base)}.mfui-9-table:not(.mfui-9-table_touch) .mfui-9-table__scroll{scrollbar-color:var(--spbSky2) var(--spbSky1);scrollbar-width:thin}.mfui-9-table__scroll{border:1px solid var(--spbSky2);display:grid;grid-template-columns:auto auto auto;max-width:100%;overflow:auto;position:relative}@media screen and (min-width:1024px){.mfui-9-table__scroll_limit{max-height:500px}}.mfui-9-table__top-shadow{background:linear-gradient(359.94deg,transparent .06%,rgba(0,0,0,.03) 38.08%,rgba(0,0,0,.08) 74.98%);display:block;grid-column-end:4;grid-column-start:1;height:6px;margin-bottom:-6px;position:sticky;top:0;width:100%;z-index:2}.mfui-9-table__left-shadow{background:-webkit-gradient(linear,right top,left top,color-stop(16.3%,transparent),color-stop(51.81%,rgba(0,0,0,.03)),color-stop(86.27%,rgba(0,0,0,.08)));background:linear-gradient(270deg,transparent 16.3%,rgba(0,0,0,.03) 51.81%,rgba(0,0,0,.08) 86.27%);bottom:0;left:0;margin-right:-6px;position:sticky;top:0;width:6px;z-index:2}.mfui-9-table__bottom-gradient{background:-webkit-gradient(linear,left bottom,left top,color-stop(25%,var(--base)),to(hsla(0,0%,100%,0)));background:linear-gradient(to top,var(--base) 25%,hsla(0,0%,100%,0));bottom:0;display:block;grid-column-end:4;grid-column-start:1;height:48px;margin-top:-48px;position:sticky;width:100%;z-index:1}.mfui-9-table__right-gradient{background:-webkit-gradient(linear,right top,left top,color-stop(25%,var(--base)),to(hsla(0,0%,100%,0)));background:linear-gradient(to left,var(--base) 25%,hsla(0,0%,100%,0));display:block;height:100%;margin-left:-48px;position:sticky;right:0;width:48px;z-index:1}.mfui-9-table__table{background-color:var(--base);border-collapse:separate;border-spacing:0;border-width:0}.mfui-9-table__cell{background-color:var(--base);-webkit-box-sizing:border-box;box-sizing:border-box;padding:24px}@media screen and (max-width:767px){.mfui-9-table__cell{padding-left:16px;padding-right:16px}}.mfui-9-table__cell:first-child{border-right:1px solid var(--spbSky2);left:0;min-width:144px;position:relative;width:144px}.mfui-9-table__cell:not(:first-child){max-width:288px}.mfui-9-table__row_head .mfui-9-table__cell{background-color:var(--spbSky0);color:var(--spbSky3);font-size:12px;height:72px;line-height:18px;padding-bottom:12px;vertical-align:bottom}.mfui-9-table__row:not(:last-child) .mfui-9-table__cell{border-bottom:1px solid var(--spbSky2)}.mfui-9-table__row_align_bottom .mfui-9-table__cell{vertical-align:bottom}.mfui-9-table__row_align_top .mfui-9-table__cell{vertical-align:top}.mfui-9-table__row_align_top.mfui-9-table__row_head .mfui-9-table__cell{padding-top:12px}.mfui-9-table_min-cell-size_small .mfui-9-table__cell:not(:first-child){min-width:72px}.mfui-9-table_min-cell-size_large .mfui-9-table__cell:not(:first-child){min-width:144px}.mfui-9-table_fix-column .mfui-9-table__cell:first-child{position:sticky}.mfui-9-table_fix-column .mfui-9-table__left-shadow{left:144px}.mfui-9-table_fix-column .mfui-9-table__bottom-gradient{z-index:3}

package/dist/es/components/Table/Table.js

@@ -5,7 +5,7 @@ import { cnCreate, detectTouch } from '@megafon/ui-helpers';
 import convert from 'htmr';
 import throttle from 'lodash.throttle';
 import "./Table.css";
-var cn = cnCreate('mfui-table');
+var cn = cnCreate('mfui-9-table');
 var Table = function Table(_ref) {
   var className = _ref.className,
     _ref$fixColumn = _ref.fixColumn,

package/dist/es/components/TabsBox/TabsBox.js

@@ -11,7 +11,7 @@ var __rest = this && this.__rest || function (s, e) {
 import * as React from 'react';
 import { Tabs } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';
-var cn = cnCreate('mfui-tabs-box');
+var cn = cnCreate('mfui-9-tabs-box');
 var TabsBox = function TabsBox(_a) {
   var rootRef = _a.rootRef,
     children = _a.children,

package/dist/es/components/TextBox/TextBox.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-text-box__content :first-child{margin-top:0!important}.mfui-text-box__content :last-child{margin-bottom:0!important}.mfui-text-box_text-center{text-align:center}.mfui-text-box .mfui-text-with-icon{margin:24px 0}.mfui-text-box .mfui-text-with-icon+.mfui-header{margin-top:32px}.mfui-text-box .mfui-text-box-picture+.mfui-text-with-icon{margin:32px 0 24px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-text-box__content :first-child{margin-top:0!important}.mfui-9-text-box__content :last-child{margin-bottom:0!important}.mfui-9-text-box_text-center{text-align:center}.mfui-9-text-box .mfui-9-text-with-icon{margin:24px 0}.mfui-9-text-box .mfui-9-text-with-icon+.mfui-9-header{margin-top:32px}.mfui-9-text-box .mfui-9-text-box-picture+.mfui-9-text-with-icon{margin:32px 0 24px}

package/dist/es/components/TextBox/TextBox.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Grid, GridColumn } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';
 import "./TextBox.css";
-var cn = cnCreate('mfui-text-box');
+var cn = cnCreate('mfui-9-text-box');
 var TextBox = function TextBox(_ref) {
   var _ref$textCenter = _ref.textCenter,
     textCenter = _ref$textCenter === void 0 ? false : _ref$textCenter,

package/dist/es/components/TextBox/TextBoxPicture.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-text-box-picture_margin_default{margin:16px 0}.mfui-text-box-picture_margin_big-top{margin:24px 0 16px}.mfui-text-box-picture_margin_big-bottom{margin:16px 0 24px}.mfui-text-box-picture_margin_big-vertical{margin:24px 0}.mfui-text-box-picture__img{border:1px solid var(--spbSky1);display:block;max-width:100%}.mfui-text-box-picture__img_no-border{border:none}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-text-box-picture_margin_default{margin:16px 0}.mfui-9-text-box-picture_margin_big-top{margin:24px 0 16px}.mfui-9-text-box-picture_margin_big-bottom{margin:16px 0 24px}.mfui-9-text-box-picture_margin_big-vertical{margin:24px 0}.mfui-9-text-box-picture__img{border:1px solid var(--spbSky1);display:block;max-width:100%}.mfui-9-text-box-picture__img_no-border{border:none}

package/dist/es/components/TextBox/TextBoxPicture.js

@@ -7,7 +7,7 @@ export var pictureMarginTypes = {
   BIG_BOTTOM: 'big-bottom',
   BIG_VERTICAL: 'big-vertical'
 };
-var cn = cnCreate('mfui-text-box-picture');
+var cn = cnCreate('mfui-9-text-box-picture');
 var TextBoxPicture = function TextBoxPicture(_ref) {
   var url = _ref.url,
     _ref$margin = _ref.margin,

package/dist/es/components/TextWithIcon/TextWithIcon.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-text-with-icon__header{margin-bottom:24px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-text-with-icon__header{margin-bottom:24px}

package/dist/es/components/TextWithIcon/TextWithIcon.js

@@ -4,7 +4,7 @@ import { Header, Grid, GridColumn } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import "./TextWithIcon.css";
 var testIdPrefix = 'TextWithIcon';
-var cn = cnCreate('mfui-text-with-icon');
+var cn = cnCreate('mfui-9-text-with-icon');
 var TextWithIcon = function TextWithIcon(_ref) {
   var title = _ref.title,
     rootRef = _ref.rootRef,

package/dist/es/components/TextWithIcon/TextWithIconItem.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-text-with-icon-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-text-with-icon-item:not(:first-of-type){margin-top:12px}.mfui-text-with-icon-item__svg-icon{-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;margin-right:12px;min-height:40px;min-width:40px;overflow:hidden;width:40px}.mfui-text-with-icon-item_icon-background_stroke .mfui-text-with-icon-item__svg-icon{border:1px solid var(--spbSky2);border-radius:50%;padding:3px}.mfui-text-with-icon-item_icon-background_gray .mfui-text-with-icon-item__svg-icon{background-color:var(--spbSky0);border-radius:50%;padding:4px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-text-with-icon-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-text-with-icon-item:not(:first-of-type){margin-top:12px}.mfui-9-text-with-icon-item__svg-icon{-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;margin-right:12px;min-height:40px;min-width:40px;overflow:hidden;width:40px}.mfui-9-text-with-icon-item_icon-background_stroke .mfui-9-text-with-icon-item__svg-icon{border:1px solid var(--spbSky2);border-radius:50%;padding:3px}.mfui-9-text-with-icon-item_icon-background_gray .mfui-9-text-with-icon-item__svg-icon{background-color:var(--spbSky0);border-radius:50%;padding:4px}

package/dist/es/components/TextWithIcon/TextWithIconItem.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { cnCreate, convert, filterDataAttrs, textConvertConfig } from '@megafon/ui-helpers';
 import "./TextWithIconItem.css";
 var testIdPrefix = 'TextWithIconItem';
-var cn = cnCreate('mfui-text-with-icon-item');
+var cn = cnCreate('mfui-9-text-with-icon-item');
 var TextWithIconItem = function TextWithIconItem(_ref) {
   var className = _ref.className,
     _ref$classes = _ref.classes,

package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-title-description-box{color:var(--content),.mfui-title-description-box __item_header;font-family:inherit;color-white-space:pre-wrap}.mfui-title-description-box__item:not(:last-child){margin-bottom:16px}.mfui-title-description-box_text-color_white{color:var(--stcWhite)}.mfui-title-description-box_h-align_center{text-align:center}.mfui-title-description-box__description{font-size:15px;font-weight:400;line-height:24px}.mfui-title-description-box__description :last-child{margin-bottom:0!important}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-title-description-box{color:var(--content),.mfui-9-title-description-box __item_header;font-family:inherit;color-white-space:pre-wrap}.mfui-9-title-description-box__item:not(:last-child){margin-bottom:16px}.mfui-9-title-description-box_text-color_white{color:var(--stcWhite)}.mfui-9-title-description-box_h-align_center{text-align:center}.mfui-9-title-description-box__description{font-size:15px;font-weight:400;line-height:24px}.mfui-9-title-description-box__description :last-child{margin-bottom:0!important}

package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js

@@ -6,7 +6,7 @@ import { Header, Paragraph, Grid, GridColumn } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import "./TitleDescriptionBox.css";
 var testIdPrefix = 'TitleDescriptionBox';
-var cn = cnCreate('mfui-title-description-box');
+var cn = cnCreate('mfui-9-title-description-box');
 var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
   var dataAttrs = _ref.dataAttrs,
     title = _ref.title,

package/dist/es/components/VideoBanner/VideoBanner.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-video-banner{overflow:hidden;position:relative}@media screen and (min-width:1280px){.mfui-video-banner{margin-left:-80px;margin-right:-80px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-video-banner{margin-left:-64px;margin-right:-64px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-video-banner{margin-left:-48px;margin-right:-48px}}@media screen and (max-width:767px){.mfui-video-banner{margin-left:-16px;margin-right:-16px}}.mfui-video-banner_bottom-shadow:after{background:-webkit-gradient(linear,left top,left bottom,color-stop(95.25%,hsla(0,0%,100%,0)),to(rgba(0,0,0,.024)));background:linear-gradient(180deg,hsla(0,0%,100%,0) 95.25%,rgba(0,0,0,.024));bottom:0;content:"";height:100%;position:absolute;right:0;width:100%}.mfui-video-banner__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:400px}@media screen and (min-width:1440px){.mfui-video-banner__wrapper{height:562px}}@media screen and (min-width:1280px) and (max-width:1439px){.mfui-video-banner__wrapper{height:500px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-video-banner__wrapper{max-height:440px;padding-bottom:52px;padding-top:52px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-video-banner__wrapper{max-height:440px;padding-bottom:64px;padding-top:64px}}@media screen and (max-width:767px){.mfui-video-banner__wrapper{max-height:488px;padding-bottom:42px;padding-top:42px}}.mfui-video-banner__background-image,.mfui-video-banner__video{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mfui-video-banner__background-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mfui-video-banner__content{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}@media screen and (min-width:1440px){.mfui-video-banner__content{max-height:422px}}@media screen and (min-width:1280px) and (max-width:1439px){.mfui-video-banner__content{max-height:360px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-video-banner__content{max-height:336px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-video-banner__content{max-height:312px}}@media screen and (max-width:767px){.mfui-video-banner__content{max-height:404px}}.mfui-video-banner__content_text-color_black{color:var(--stcBlack)}.mfui-video-banner__content_text-color_white{color:var(--stcWhite)}@media screen and (max-width:767px){.mfui-video-banner__content_text-color-mobile_black{color:var(--stcBlack)}.mfui-video-banner__content_text-color-mobile_white{color:var(--stcWhite)}}.mfui-video-banner__description{margin-bottom:32px;white-space:pre-wrap}.mfui-video-banner__title{margin-bottom:24px}@media screen and (max-width:767px){.mfui-video-banner__title{margin-bottom:20px}}.mfui-video-banner__text,.mfui-video-banner__title{white-space:pre-wrap}@media screen and (max-width:767px){.mfui-video-banner__text,.mfui-video-banner__title{text-align:center}}.mfui-video-banner__btns-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:-24px -10px 0}@media screen and (max-width:767px){.mfui-video-banner__btns-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width:479px){.mfui-video-banner__btns-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.mfui-video-banner__button,.mfui-video-banner__link{margin:24px 10px 0}.mfui-video-banner__cost{font-size:12px;line-height:18px;margin-bottom:18px}.mfui-video-banner__value{display:inline;margin:0 3px}.mfui-video-banner__breadcrumbs,.mfui-video-banner__content{z-index:1}.mfui-video-banner__breadcrumbs{position:absolute;top:32px}.mfui-video-banner__grid{width:100%}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-video-banner{overflow:hidden;position:relative}@media screen and (min-width:1280px){.mfui-9-video-banner{margin-left:-80px;margin-right:-80px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-video-banner{margin-left:-64px;margin-right:-64px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-video-banner{margin-left:-48px;margin-right:-48px}}@media screen and (max-width:767px){.mfui-9-video-banner{margin-left:-16px;margin-right:-16px}}.mfui-9-video-banner_bottom-shadow:after{background:-webkit-gradient(linear,left top,left bottom,color-stop(95.25%,hsla(0,0%,100%,0)),to(rgba(0,0,0,.024)));background:linear-gradient(180deg,hsla(0,0%,100%,0) 95.25%,rgba(0,0,0,.024));bottom:0;content:"";height:100%;position:absolute;right:0;width:100%}.mfui-9-video-banner__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:400px}@media screen and (min-width:1440px){.mfui-9-video-banner__wrapper{height:562px}}@media screen and (min-width:1280px) and (max-width:1439px){.mfui-9-video-banner__wrapper{height:500px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-video-banner__wrapper{max-height:440px;padding-bottom:52px;padding-top:52px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-video-banner__wrapper{max-height:440px;padding-bottom:64px;padding-top:64px}}@media screen and (max-width:767px){.mfui-9-video-banner__wrapper{max-height:488px;padding-bottom:42px;padding-top:42px}}.mfui-9-video-banner__background-image,.mfui-9-video-banner__video{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mfui-9-video-banner__background-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mfui-9-video-banner__content{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}@media screen and (min-width:1440px){.mfui-9-video-banner__content{max-height:422px}}@media screen and (min-width:1280px) and (max-width:1439px){.mfui-9-video-banner__content{max-height:360px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-video-banner__content{max-height:336px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-video-banner__content{max-height:312px}}@media screen and (max-width:767px){.mfui-9-video-banner__content{max-height:404px}}.mfui-9-video-banner__content_text-color_black{color:var(--stcBlack)}.mfui-9-video-banner__content_text-color_white{color:var(--stcWhite)}@media screen and (max-width:767px){.mfui-9-video-banner__content_text-color-mobile_black{color:var(--stcBlack)}.mfui-9-video-banner__content_text-color-mobile_white{color:var(--stcWhite)}}.mfui-9-video-banner__description{margin-bottom:32px;white-space:pre-wrap}.mfui-9-video-banner__title{margin-bottom:24px}@media screen and (max-width:767px){.mfui-9-video-banner__title{margin-bottom:20px}}.mfui-9-video-banner__text,.mfui-9-video-banner__title{white-space:pre-wrap}@media screen and (max-width:767px){.mfui-9-video-banner__text,.mfui-9-video-banner__title{text-align:center}}.mfui-9-video-banner__btns-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:-24px -10px 0}@media screen and (max-width:767px){.mfui-9-video-banner__btns-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width:479px){.mfui-9-video-banner__btns-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.mfui-9-video-banner__button,.mfui-9-video-banner__link{margin:24px 10px 0}.mfui-9-video-banner__cost{font-size:12px;line-height:18px;margin-bottom:18px}.mfui-9-video-banner__value{display:inline;margin:0 3px}.mfui-9-video-banner__breadcrumbs,.mfui-9-video-banner__content{z-index:1}.mfui-9-video-banner__breadcrumbs{position:absolute;top:32px}.mfui-9-video-banner__grid{width:100%}

package/dist/es/components/VideoBanner/VideoBanner.js

@@ -12,7 +12,7 @@ import throttleTime from "../../constants/throttleTime";
 import Breadcrumbs from "../Breadcrumbs/Breadcrumbs";
 import "./VideoBanner.css";
 export var testIdPrefix = 'VideoBanner';
-var cn = cnCreate('mfui-video-banner');
+var cn = cnCreate('mfui-9-video-banner');
 export var ClassName;
 (function (ClassName) {
   ClassName["BUTTON"] = "button";

package/dist/es/components/VideoBlock/VideoBlock.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-video-block{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-video-block,.mfui-video-block__content{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-video-block__content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:767px){.mfui-video-block__content{margin-top:24px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-video-block__content{margin-top:32px}}@media screen and (min-width:1024px){.mfui-video-block__content{height:100%;margin-right:20px;padding-right:20px}.mfui-video-block__content_position-right{margin:0 0 0 20px;padding:0 0 0 20px}}.mfui-video-block__header{margin-bottom:24px}@media screen and (max-width:1023px){.mfui-video-block__header{margin-bottom:16px}}.mfui-video-block__description{font-size:15px;font-weight:400;line-height:24px}.mfui-video-block__button{-ms-flex-item-align:start;align-self:flex-start;margin-top:32px;max-width:100%}@media screen and (max-width:767px){.mfui-video-block__button{-ms-flex-item-align:center;align-self:center}}.mfui-video-block__video{-o-object-fit:contain;object-fit:contain;width:100%}.mfui-video-block__video_fix-background{-webkit-filter:brightness(108.5%);filter:brightness(108.5%)}.mfui-video-block__rutube,.mfui-video-block__vk,.mfui-video-block__youtube{padding-bottom:56.25%;position:relative}.mfui-video-block__iframe{left:0;position:absolute;top:0}.mfui-video-block__grid{width:100%}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-video-block{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-video-block,.mfui-9-video-block__content{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-video-block__content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:767px){.mfui-9-video-block__content{margin-top:24px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-video-block__content{margin-top:32px}}@media screen and (min-width:1024px){.mfui-9-video-block__content{height:100%;margin-right:20px;padding-right:20px}.mfui-9-video-block__content_position-right{margin:0 0 0 20px;padding:0 0 0 20px}}.mfui-9-video-block__header{margin-bottom:24px}@media screen and (max-width:1023px){.mfui-9-video-block__header{margin-bottom:16px}}.mfui-9-video-block__description{font-size:15px;font-weight:400;line-height:24px}.mfui-9-video-block__button{-ms-flex-item-align:start;align-self:flex-start;margin-top:32px;max-width:100%}@media screen and (max-width:767px){.mfui-9-video-block__button{-ms-flex-item-align:center;align-self:center}}.mfui-9-video-block__video{-o-object-fit:contain;object-fit:contain;width:100%}.mfui-9-video-block__video_fix-background{-webkit-filter:brightness(108.5%);filter:brightness(108.5%)}.mfui-9-video-block__rutube,.mfui-9-video-block__vk,.mfui-9-video-block__youtube{padding-bottom:56.25%;position:relative}.mfui-9-video-block__iframe{left:0;position:absolute;top:0}.mfui-9-video-block__grid{width:100%}

package/dist/es/components/VideoBlock/VideoBlock.js

@@ -16,7 +16,7 @@ export var VideoTypes = {
   VIDEO: 'video'
 };
 export var testIdPrefix = 'VideoBlock';
-var cn = cnCreate('mfui-video-block');
+var cn = cnCreate('mfui-9-video-block');
 var VideoBlock = function VideoBlock(_ref) {
   var dataAttrs = _ref.dataAttrs,
     className = _ref.className,

package/dist/lib/components/AccordionBox/AccordionBox.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-accordion-box+.mfui-accordion-box{margin-top:8px}@media screen and (min-width:768px){.mfui-accordion-box+.mfui-accordion-box{margin-top:12px}}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-accordion-box+.mfui-9-accordion-box{margin-top:8px}@media screen and (min-width:768px){.mfui-9-accordion-box+.mfui-9-accordion-box{margin-top:12px}}

package/dist/lib/components/AccordionBox/AccordionBox.js

@@ -24,7 +24,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 var testIdPrefix = 'AccordionBox';
-var cn = (0, _uiHelpers.cnCreate)('mfui-accordion-box');
+var cn = (0, _uiHelpers.cnCreate)('mfui-9-accordion-box');
 var AccordionBox = function AccordionBox(_a) {
   var _a$hCenterAlignWide = _a.hCenterAlignWide,
     hCenterAlignWide = _a$hCenterAlignWide === void 0 ? false : _a$hCenterAlignWide,

package/dist/lib/components/AudioPlayer/AudioPlayer.js

@@ -29,7 +29,7 @@ var IconPlay = function IconPlay(props) {
     d: "M11.5 22.13V9.87a.5.5 0 01.752-.431l10.508 6.13a.5.5 0 010 .863l-10.508 6.13a.5.5 0 01-.752-.433z"
   }));
 };
-var cn = (0, _uiHelpers.cnCreate)('mfui-audio-player');
+var cn = (0, _uiHelpers.cnCreate)('mfui-9-audio-player');
 var AudioPlayer = function AudioPlayer(_ref) {
   var audioSrc = _ref.audioSrc,
     audioTitle = _ref.audioTitle,

package/dist/lib/components/AudioPlayer/AudioProgress.js

@@ -14,7 +14,7 @@ var _useTrackDuration = _interopRequireDefault(require("./hooks/useTrackDuration
 var _timerFormatUtil = _interopRequireDefault(require("./timerFormatUtil"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var INTERVAL_DELAY = exports.INTERVAL_DELAY = 1000;
-var cn = (0, _uiHelpers.cnCreate)('mfui-audio-progress');
+var cn = (0, _uiHelpers.cnCreate)('mfui-9-audio-progress');
 var AudioProgress = function AudioProgress(_ref) {
   var audioRef = _ref.audioRef,
     audioTitle = _ref.audioTitle,

package/dist/lib/components/AudioPlayer/AudioRange.js

@@ -8,7 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _uiHelpers = require("@megafon/ui-helpers");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var cn = (0, _uiHelpers.cnCreate)('mfui-audio-range');
+var cn = (0, _uiHelpers.cnCreate)('mfui-9-audio-range');
 var AudioRange = function AudioRange(_ref) {
   var className = _ref.className,
     maxValue = _ref.maxValue,

package/dist/lib/components/AudioPlayer/AudioVolume.js

@@ -30,7 +30,7 @@ var VolumeIcon = function VolumeIcon(props) {
     d: "M16.5 12c0 1.426-.7 2.701-1.8 3.548-.3.23-.7-.004-.7-.382V8.834c0-.378.4-.613.7-.382 1.1.847 1.8 2.122 1.8 3.548z"
   }));
 };
-var cn = (0, _uiHelpers.cnCreate)('mfui-audio-volume');
+var cn = (0, _uiHelpers.cnCreate)('mfui-9-audio-volume');
 var AudioVolume = function AudioVolume(_ref) {
   var onChangeAudioVolume = _ref.onChangeAudioVolume;
   var tooltipTrigger = _react["default"].useRef(null);