@megafon/ui-core 8.9.0 → 9.0.0-alpha.0

package/dist/es/components/Accordion/Accordion.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-accordion{background:var(--spbSky0);border-radius:12px}.mfui-accordion+.mfui-accordion{margin-top:8px}@media screen and (min-width:768px){.mfui-accordion+.mfui-accordion{margin-top:12px}}.mfui-accordion__title-wrap{border-radius:12px;cursor:pointer;outline:none;padding:16px 44px 16px 16px;position:relative;-webkit-transition:background-color .3s;transition:background-color .3s}@media screen and (min-width:768px){.mfui-accordion__title-wrap{padding:24px 56px 24px 24px}}.mfui-accordion__title-wrap:hover{background-color:var(--spbSky1)}@media screen and (max-width:1023px){.mfui-accordion__title-wrap:focus{background-color:inherit}}.mfui-accordion__icon-box{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:20px;top:50%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--stcWhite);border-radius:50%;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08);height:24px;justify-content:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:24px}@media screen and (min-width:768px){.mfui-accordion__icon-box{height:32px;right:24px;width:32px}}.mfui-accordion__icon{height:20px;-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;width:20px}@media screen and (min-width:768px){.mfui-accordion__icon{height:32px;width:32px}}.mfui-accordion__content-inner{padding:4px 20px 20px 16px}@media screen and (min-width:768px){.mfui-accordion__content-inner{padding:4px 24px 20px}}.mfui-accordion_opened .mfui-accordion__icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-accordion{background:var(--spbSky0);border-radius:16px}.mfui-9-accordion+.mfui-9-accordion{margin-top:8px}@media screen and (min-width:768px){.mfui-9-accordion+.mfui-9-accordion{margin-top:12px}}.mfui-9-accordion__title-wrap{border-radius:inherit;cursor:pointer;outline:none;padding:16px 44px 16px 16px;position:relative;-webkit-transition:background-color .3s;transition:background-color .3s}@media screen and (min-width:768px){.mfui-9-accordion__title-wrap{padding:24px 56px 24px 24px}}.mfui-9-accordion__title-wrap:hover{background-color:var(--spbSky1)}@media screen and (max-width:1023px){.mfui-9-accordion__title-wrap:focus{background-color:inherit}}.mfui-9-accordion__icon-box{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:20px;top:50%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--stcWhite);border-radius:50%;height:24px;justify-content:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:24px}@media screen and (min-width:768px){.mfui-9-accordion__icon-box{height:32px;right:24px;width:32px}}.mfui-9-accordion__icon{height:20px;-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;width:20px}@media screen and (min-width:768px){.mfui-9-accordion__icon{height:32px;width:32px}}.mfui-9-accordion__content-inner{padding:4px 20px 20px 16px}@media screen and (min-width:768px){.mfui-9-accordion__content-inner{padding:4px 24px 20px}}.mfui-9-accordion_opened .mfui-9-accordion__icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}

package/dist/es/components/Accordion/Accordion.js

@@ -14,7 +14,7 @@ var ArrowDown = function ArrowDown(props) {
     clipRule: "evenodd"
   }));
 };
-var cn = cnCreate('mfui-accordion');
+var cn = cnCreate('mfui-9-accordion');
 var Accordion = function Accordion(_ref) {
   var rootRef = _ref.rootRef,
     title = _ref.title,

package/dist/es/components/Avatar/Avatar.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-avatar{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:15px;font-weight:500;height:40px;justify-content:center;overflow:hidden;width:40px}.mfui-avatar__text{display:block}.mfui-avatar__image{background-color:var(--base);height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mfui-avatar__placeholder{opacity:.3}.mfui-avatar_color_green{background-color:var(--brandGreen20);color:var(--brandGreen)}.mfui-avatar_color_green .mfui-avatar__placeholder{fill:var(--brandGreen)}.mfui-avatar_color_gray{background-color:var(--spbSky0);color:var(--spbSky3)}.mfui-avatar_color_gray .mfui-avatar__placeholder{fill:var(--spbSky3)}.mfui-avatar_size_auto{font-size:inherit;height:100%;width:100%}.mfui-avatar_default{display:block}.mfui-avatar_default svg{margin:auto}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-avatar{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:15px;font-weight:500;height:40px;justify-content:center;overflow:hidden;width:40px}.mfui-9-avatar__text{display:block}.mfui-9-avatar__image{background-color:var(--base);height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mfui-9-avatar__placeholder{opacity:.3}.mfui-9-avatar_color_green{background-color:var(--brandGreen20);color:var(--brandGreen)}.mfui-9-avatar_color_green .mfui-9-avatar__placeholder{fill:var(--brandGreen)}.mfui-9-avatar_color_gray{background-color:var(--spbSky0);color:var(--spbSky3)}.mfui-9-avatar_color_gray .mfui-9-avatar__placeholder{fill:var(--spbSky3)}.mfui-9-avatar_size_auto{font-size:inherit;height:100%;width:100%}.mfui-9-avatar_default{display:block}.mfui-9-avatar_default svg{margin:auto}

package/dist/es/components/Avatar/Avatar.js

@@ -10,7 +10,7 @@ var PlaceholderIcon = function PlaceholderIcon(props) {
     d: "M29.188 40.75l2.625-9.752-.42-.407A16.63 16.63 0 0020 26.312a16.642 16.642 0 00-11.393 4.292l-.42.394 2.626 9.752h18.374zM12.125 15.813a7.875 7.875 0 1015.75 0 7.875 7.875 0 00-15.75 0z"
   }));
 };
-var cn = cnCreate('mfui-avatar');
+var cn = cnCreate('mfui-9-avatar');
 var Avatar = function Avatar(_ref) {
   var src = _ref.src,
     _ref$alt = _ref.alt,

package/dist/es/components/Badges/CounterBadge/CounterBadge.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-counter-badge{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:24px;padding:5px 6px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:12px;font-size:12px;font-weight:500;justify-content:center;line-height:14px}.mfui-counter-badge_limited{padding:5px 12px}@media screen and (min-width:1024px){.mfui-counter-badge_adaptive{font-size:15px;line-height:18px;min-width:28px}}.mfui-counter-badge_icon{padding:2px 4px 2px 12px}.mfui-counter-badge_adaptive.mfui-counter-badge_icon{padding:4px 4px 4px 12px}.mfui-counter-badge__icon{height:20px;margin-left:4px;min-width:20px;width:20px}.mfui-counter-badge_theme_light-blue{background-color:var(--sky20)}.mfui-counter-badge_theme_light-blue .mfui-counter-badge__icon{fill:var(--sky)}.mfui-counter-badge_theme_purple{background-color:var(--brandPurple20)}.mfui-counter-badge_theme_purple .mfui-counter-badge__icon{fill:var(--brandPurple)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-counter-badge{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:24px;padding:5px 6px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:12px;font-size:12px;font-weight:500;justify-content:center;line-height:14px}.mfui-9-counter-badge_limited{padding:5px 12px}@media screen and (min-width:1024px){.mfui-9-counter-badge_adaptive{font-size:15px;line-height:18px;min-width:28px}}.mfui-9-counter-badge_icon{padding:2px 4px 2px 12px}.mfui-9-counter-badge_adaptive.mfui-9-counter-badge_icon{padding:4px 4px 4px 12px}.mfui-9-counter-badge__icon{height:20px;margin-left:4px;min-width:20px;width:20px}.mfui-9-counter-badge_theme_light-blue{background-color:var(--sky20)}.mfui-9-counter-badge_theme_light-blue .mfui-9-counter-badge__icon{fill:var(--sky)}.mfui-9-counter-badge_theme_purple{background-color:var(--brandPurple20)}.mfui-9-counter-badge_theme_purple .mfui-9-counter-badge__icon{fill:var(--brandPurple)}.mfui-9-counter-badge_theme_white{background-color:var(--base)}.mfui-9-counter-badge_theme_white .mfui-9-counter-badge__icon{fill:var(--brandPurple)}

package/dist/es/components/Badges/CounterBadge/CounterBadge.d.ts

@@ -3,6 +3,7 @@ import './CounterBadge.scss';
 export declare const CounterBadgeColorTheme: {
     readonly LIGHT_BLUE: "light-blue";
     readonly PURPLE: "purple";
+    readonly WHITE: "white";
 };
 type CounterBadgeColorThemeType = (typeof CounterBadgeColorTheme)[keyof typeof CounterBadgeColorTheme];
 export interface ICounterBadgeProps {

package/dist/es/components/Badges/CounterBadge/CounterBadge.js

@@ -12,9 +12,10 @@ var DefaultIcon = function DefaultIcon(props) {
 };
 export var CounterBadgeColorTheme = {
   LIGHT_BLUE: 'light-blue',
-  PURPLE: 'purple'
+  PURPLE: 'purple',
+  WHITE: 'white'
 };
-var cn = cnCreate('mfui-counter-badge');
+var cn = cnCreate('mfui-9-counter-badge');
 var CounterBadge = function CounterBadge(_ref) {
   var totalCount = _ref.totalCount,
     currentValue = _ref.currentValue,

package/dist/es/components/Badges/NotificationBadge/NotificationBadge.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-notification-badge{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;border-radius:50%;color:var(--stcWhite);height:24px;justify-content:center;overflow:hidden;width:24px}.mfui-notification-badge_theme_green{background-color:var(--brandGreen);-webkit-box-shadow:0 2px 4px 0 rgba(0,185,86,.5);box-shadow:0 2px 4px 0 rgba(0,185,86,.5)}.mfui-notification-badge_theme_red{background-color:var(--fury);-webkit-box-shadow:0 2px 4px 0 rgba(235,90,64,.5);box-shadow:0 2px 4px 0 rgba(235,90,64,.5)}.mfui-notification-badge_auto-width{border-radius:12px;min-width:24px;padding:5px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-notification-badge_size_small{border-radius:50%;height:8px;padding:0;width:8px}.mfui-notification-badge_size_small .mfui-notification-badge__text{display:none}.mfui-notification-badge_size_medium{border-radius:50%;height:16px;width:16px}.mfui-notification-badge_size_medium .mfui-notification-badge__text{font-size:10px;line-height:12px}.mfui-notification-badge__text{font-family:inherit;font-size:12px;font-weight:500;line-height:14px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-notification-badge{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;border-radius:50%;color:var(--stcWhite);height:24px;justify-content:center;overflow:hidden;width:24px}.mfui-9-notification-badge_theme_green{background:var(--gradientGreen2)}.mfui-9-notification-badge_theme_red{background-color:var(--fury)}.mfui-9-notification-badge_auto-width{border-radius:12px;min-width:24px;padding:5px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-9-notification-badge_size_small{border-radius:50%;height:8px;padding:0;width:8px}.mfui-9-notification-badge_size_small .mfui-9-notification-badge__text{display:none}.mfui-9-notification-badge_size_medium{border-radius:50%;height:16px;width:16px}.mfui-9-notification-badge_size_medium .mfui-9-notification-badge__text{font-size:10px;line-height:12px}.mfui-9-notification-badge__text{font-family:inherit;font-size:12px;font-weight:500;line-height:14px}

package/dist/es/components/Badges/NotificationBadge/NotificationBadge.js

@@ -11,7 +11,7 @@ export var NotificationBadgeSize = {
   MEDIUM: 'medium',
   BIG: 'big'
 };
-var cn = cnCreate('mfui-notification-badge');
+var cn = cnCreate('mfui-9-notification-badge');
 var NotificationBadge = function NotificationBadge(_ref) {
   var _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? 'green' : _ref$theme,

package/dist/es/components/Badges/PriceBadge/PriceBadge.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-price-badge{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;font-weight:500;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:2px 8px 2px 2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:1024px){.mfui-price-badge_adaptive{border-radius:12px;font-size:15px;line-height:24px;min-height:32px;padding:4px 8px 4px 4px}}.mfui-price-badge_theme_grey{background-color:var(--spbSky0)}.mfui-price-badge_theme_grey .mfui-price-badge__text{color:var(--spbSky3)}.mfui-price-badge_theme_grey .mfui-price-badge__icon{fill:var(--spbSky3)}.mfui-price-badge_theme_orange{background-color:var(--137C20)}.mfui-price-badge_theme_orange .mfui-price-badge__text{color:var(--137C)}.mfui-price-badge_theme_orange .mfui-price-badge__icon{fill:var(--137C)}.mfui-price-badge_theme_green{background-color:var(--brandGreen20)}.mfui-price-badge_theme_green .mfui-price-badge__text{color:var(--brandGreen)}.mfui-price-badge_theme_green .mfui-price-badge__icon{fill:var(--brandGreen)}.mfui-price-badge_theme_purple{background-color:var(--brandPurple80)}.mfui-price-badge_theme_purple .mfui-price-badge__text{color:var(--stcWhite)}.mfui-price-badge_theme_purple .mfui-price-badge__icon{fill:var(--stcWhite)}.mfui-price-badge_theme_red{background-color:var(--fury20)}.mfui-price-badge_theme_red .mfui-price-badge__text{color:var(--fury)}.mfui-price-badge_theme_red .mfui-price-badge__icon{fill:var(--fury)}.mfui-price-badge_theme_light{background-color:var(--stcWhite20)}.mfui-price-badge_theme_dark{background-color:var(--stcBlack20)}.mfui-price-badge_theme_dark .mfui-price-badge__text,.mfui-price-badge_theme_light .mfui-price-badge__text{color:var(--stcWhite);font-weight:400}.mfui-price-badge_theme_dark .mfui-price-badge__icon,.mfui-price-badge_theme_light .mfui-price-badge__icon{fill:var(--stcWhite)}.mfui-price-badge_size_big{font-size:15px;line-height:18px;padding:12px 12px 12px 4px}.mfui-price-badge__text{font-family:inherit;margin-left:2px}.mfui-price-badge__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-price-badge__icon{height:20px;min-width:20px;width:20px}.mfui-price-badge_size_big .mfui-price-badge__icon{height:32px;min-width:32px;width:32px}.mfui-price-badge_size_big .mfui-price-badge__sub-title{font-size:12px;line-height:18px;margin-top:2px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-price-badge{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;font-weight:500;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:2px 8px 2px 2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:1024px){.mfui-9-price-badge_adaptive{border-radius:12px;font-size:15px;line-height:24px;min-height:32px;padding:4px 8px 4px 4px}}.mfui-9-price-badge_theme_grey{background-color:var(--spbSky0)}.mfui-9-price-badge_theme_grey .mfui-9-price-badge__text{color:var(--spbSky3)}.mfui-9-price-badge_theme_grey .mfui-9-price-badge__icon{fill:var(--spbSky3)}.mfui-9-price-badge_theme_orange{background-color:var(--137C20)}.mfui-9-price-badge_theme_orange .mfui-9-price-badge__text{color:var(--137C)}.mfui-9-price-badge_theme_orange .mfui-9-price-badge__icon{fill:var(--137C)}.mfui-9-price-badge_theme_green{background-color:var(--brandGreen20)}.mfui-9-price-badge_theme_green .mfui-9-price-badge__text{color:var(--brandGreen)}.mfui-9-price-badge_theme_green .mfui-9-price-badge__icon{fill:var(--brandGreen)}.mfui-9-price-badge_theme_purple{background-color:var(--brandPurple80)}.mfui-9-price-badge_theme_purple .mfui-9-price-badge__text{color:var(--stcWhite)}.mfui-9-price-badge_theme_purple .mfui-9-price-badge__icon{fill:var(--stcWhite)}.mfui-9-price-badge_theme_red{background-color:var(--fury20)}.mfui-9-price-badge_theme_red .mfui-9-price-badge__text{color:var(--fury)}.mfui-9-price-badge_theme_red .mfui-9-price-badge__icon{fill:var(--fury)}.mfui-9-price-badge_theme_light{background-color:var(--stcWhite20)}.mfui-9-price-badge_theme_dark{background-color:var(--stcBlack20)}.mfui-9-price-badge_theme_dark .mfui-9-price-badge__text,.mfui-9-price-badge_theme_light .mfui-9-price-badge__text{color:var(--stcWhite);font-weight:400}.mfui-9-price-badge_theme_dark .mfui-9-price-badge__icon,.mfui-9-price-badge_theme_light .mfui-9-price-badge__icon{fill:var(--stcWhite)}.mfui-9-price-badge_size_big{font-size:15px;line-height:18px;padding:12px 12px 12px 4px}.mfui-9-price-badge__text{font-family:inherit;margin-left:2px}.mfui-9-price-badge__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-price-badge__icon{height:20px;min-width:20px;width:20px}.mfui-9-price-badge_size_big .mfui-9-price-badge__icon{height:32px;min-width:32px;width:32px}.mfui-9-price-badge_size_big .mfui-9-price-badge__sub-title{font-size:12px;line-height:18px;margin-top:2px}

package/dist/es/components/Badges/PriceBadge/PriceBadge.js

@@ -148,7 +148,7 @@ var getPriceBadgeIcon = function getPriceBadgeIcon(iconType, size) {
       return TimerIcon;
   }
 };
-var cn = cnCreate('mfui-price-badge');
+var cn = cnCreate('mfui-9-price-badge');
 var PriceBadge = function PriceBadge(_ref) {
   var _ref$iconType = _ref.iconType,
     iconType = _ref$iconType === void 0 ? 'timer' : _ref$iconType,

package/dist/es/components/Badges/PromoBadge/PromoBadge.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-promo-badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;color:var(--stcWhite);padding:4px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-promo-badge_color_berry{background-color:var(--berry)}.mfui-promo-badge_color_brand-purple-20{background-color:var(--brandPurple20);color:var(--brandPurple)}.mfui-promo-badge_color_brand-purple{background-color:var(--brandPurple)}.mfui-promo-badge_color_night{background-color:var(--night)}.mfui-promo-badge_color_sky{background-color:var(--sky)}.mfui-promo-badge_color_flamingo{background-color:var(--flamingo)}.mfui-promo-badge_color_gradient-purple{background:var(--gradientPurple1);color:var(--stcWhite)}.mfui-promo-badge_size_small{border-radius:8px;height:18px;padding:0 8px}.mfui-promo-badge__text{font-family:inherit;font-size:12px;font-weight:500;line-height:18px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-promo-badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;color:var(--stcWhite);padding:4px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-9-promo-badge_color_berry{background-color:var(--berry)}.mfui-9-promo-badge_color_brand-purple-20{background-color:var(--brandPurple20);color:var(--brandPurple)}.mfui-9-promo-badge_color_brand-purple{background-color:var(--brandPurple)}.mfui-9-promo-badge_color_night{background-color:var(--night)}.mfui-9-promo-badge_color_sky{background-color:var(--sky)}.mfui-9-promo-badge_color_flamingo{background-color:var(--flamingo)}.mfui-9-promo-badge_color_gradient-purple{background:var(--gradientPurple1);color:var(--stcWhite)}.mfui-9-promo-badge_size_small{border-radius:8px;height:18px;padding:0 8px}.mfui-9-promo-badge__text{font-family:inherit;font-size:12px;font-weight:500;line-height:18px}

package/dist/es/components/Badges/PromoBadge/PromoBadge.js

@@ -24,7 +24,7 @@ export var PromoBadgeTypes = {
   USER_CHOICE: 'user-choice',
   INTERESTS: 'interests'
 };
-var cn = cnCreate('mfui-promo-badge');
+var cn = cnCreate('mfui-9-promo-badge');
 var PromoBadge = function PromoBadge(_ref) {
   var color = _ref.color,
     _ref$size = _ref.size,

package/dist/es/components/Badges/StatusBadge/StatusBadge.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-status-badge__container{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--content);font-weight:400;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-status-badge__text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfui-status-badge__arrow,.mfui-status-badge__icon{height:20px;width:20px}.mfui-status-badge__icon{margin-right:2px}@media screen and (min-width:1024px){.mfui-status-badge_adaptive .mfui-status-badge__container{font-size:15px;line-height:24px}}.mfui-status-badge_tooltip .mfui-status-badge__container{cursor:pointer}.mfui-status-badge__tooltip{width:288px}.mfui-status-badge_view_dot .mfui-status-badge__container{gap:8px}.mfui-status-badge_view_dot .mfui-status-badge__container:before{border-radius:50%;content:"";height:8px;width:8px}.mfui-status-badge_view_dot.mfui-status-badge_tooltip .mfui-status-badge__text{-webkit-text-decoration:underline dashed var(--spbSky3);text-decoration:underline dashed var(--spbSky3);text-decoration-thickness:1px;text-underline-offset:3px;-webkit-transition:-webkit-text-decoration .3s ease-out;transition:-webkit-text-decoration .3s ease-out;transition:text-decoration .3s ease-out;transition:text-decoration .3s ease-out,-webkit-text-decoration .3s ease-out}@media (pointer:fine){.mfui-status-badge_view_dot.mfui-status-badge_tooltip .mfui-status-badge__container:hover .mfui-status-badge__text{-webkit-text-decoration:underline dashed var(--content);text-decoration:underline dashed var(--content);text-decoration-thickness:1px}.mfui-status-badge_view_dot.mfui-status-badge_tooltip .mfui-status-badge__container:hover:before{-webkit-animation:pulse .8s ease-out;animation:pulse .8s ease-out}}@media screen and (min-width:1024px){.mfui-status-badge_view_dot.mfui-status-badge_adaptive.mfui-status-badge_tooltip .mfui-status-badge__text{text-underline-offset:5px}}.mfui-status-badge_view_dot.mfui-status-badge_theme_green .mfui-status-badge__container:before{background-color:var(--brandGreen)}.mfui-status-badge_view_dot.mfui-status-badge_theme_blue .mfui-status-badge__container:before{background-color:var(--sky)}.mfui-status-badge_view_dot.mfui-status-badge_theme_gray .mfui-status-badge__container:before{background-color:var(--spbSky3)}.mfui-status-badge_view_dot.mfui-status-badge_theme_orange .mfui-status-badge__container:before{background-color:var(--137C)}.mfui-status-badge_view_dot.mfui-status-badge_theme_red .mfui-status-badge__container:before{background-color:var(--fury)}.mfui-status-badge_view_icon .mfui-status-badge__container{border:1px solid var(--spbSky1);border-radius:8px;padding:1px 7px 1px 1px}.mfui-status-badge_view_icon .mfui-status-badge__arrow{rotate:180deg;-webkit-transition:rotate .3s ease-out,fill .3s ease-out;transition:rotate .3s ease-out,fill .3s ease-out;fill:var(--spbSky3)}.mfui-status-badge_view_icon.mfui-status-badge_opened .mfui-status-badge__arrow{rotate:1turn}@media (pointer:fine){.mfui-status-badge_view_icon .mfui-status-badge__container:hover .mfui-status-badge__arrow{fill:var(--content)}}.mfui-status-badge_view_icon.mfui-status-badge_tooltip .mfui-status-badge__container{padding-right:1px}@media screen and (min-width:1024px){.mfui-status-badge_view_icon.mfui-status-badge_adaptive .mfui-status-badge__container{padding:3px 10px 3px 5px}.mfui-status-badge_view_icon.mfui-status-badge_adaptive .mfui-status-badge__icon{margin-right:4px}.mfui-status-badge_view_icon.mfui-status-badge_adaptive .mfui-status-badge__text{margin-top:-1px}.mfui-status-badge_view_icon.mfui-status-badge_adaptive.mfui-status-badge_tooltip .mfui-status-badge__container{padding-right:5px}}.mfui-status-badge_view_icon.mfui-status-badge_theme_green .mfui-status-badge__icon{fill:var(--brandGreen)}.mfui-status-badge_view_icon.mfui-status-badge_theme_blue .mfui-status-badge__icon{fill:var(--sky)}.mfui-status-badge_view_icon.mfui-status-badge_theme_gray .mfui-status-badge__icon{fill:var(--spbSky3)}.mfui-status-badge_view_icon.mfui-status-badge_theme_orange .mfui-status-badge__icon{fill:var(--137C)}.mfui-status-badge_view_icon.mfui-status-badge_theme_red .mfui-status-badge__icon{fill:var(--fury)}@-webkit-keyframes pulse{0%{opacity:1;scale:1}30%{opacity:.7}50%{opacity:1;scale:1.3}70%{opacity:.7}to{opacity:1;scale:1}}@keyframes pulse{0%{opacity:1;scale:1}30%{opacity:.7}50%{opacity:1;scale:1.3}70%{opacity:.7}to{opacity:1;scale:1}}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-status-badge__container{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--content);font-weight:400;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-9-status-badge__text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfui-9-status-badge__arrow,.mfui-9-status-badge__icon{height:20px;width:20px}.mfui-9-status-badge__icon{margin-right:2px}@media screen and (min-width:1024px){.mfui-9-status-badge_adaptive .mfui-9-status-badge__container{font-size:15px;line-height:24px}}.mfui-9-status-badge_tooltip .mfui-9-status-badge__container{cursor:pointer}.mfui-9-status-badge__tooltip{width:288px}.mfui-9-status-badge_view_dot .mfui-9-status-badge__container{gap:8px}.mfui-9-status-badge_view_dot .mfui-9-status-badge__container:before{border-radius:50%;content:"";height:8px;width:8px}.mfui-9-status-badge_view_dot.mfui-9-status-badge_tooltip .mfui-9-status-badge__text{-webkit-text-decoration:underline dashed var(--spbSky3);text-decoration:underline dashed var(--spbSky3);text-decoration-thickness:1px;text-underline-offset:3px;-webkit-transition:-webkit-text-decoration .3s ease-out;transition:-webkit-text-decoration .3s ease-out;transition:text-decoration .3s ease-out;transition:text-decoration .3s ease-out,-webkit-text-decoration .3s ease-out}@media (pointer:fine){.mfui-9-status-badge_view_dot.mfui-9-status-badge_tooltip .mfui-9-status-badge__container:hover .mfui-9-status-badge__text{-webkit-text-decoration:underline dashed var(--content);text-decoration:underline dashed var(--content);text-decoration-thickness:1px}.mfui-9-status-badge_view_dot.mfui-9-status-badge_tooltip .mfui-9-status-badge__container:hover:before{-webkit-animation:pulse .8s ease-out;animation:pulse .8s ease-out}}@media screen and (min-width:1024px){.mfui-9-status-badge_view_dot.mfui-9-status-badge_adaptive.mfui-9-status-badge_tooltip .mfui-9-status-badge__text{text-underline-offset:5px}}.mfui-9-status-badge_view_dot.mfui-9-status-badge_theme_green .mfui-9-status-badge__container:before{background-color:var(--brandGreen)}.mfui-9-status-badge_view_dot.mfui-9-status-badge_theme_blue .mfui-9-status-badge__container:before{background-color:var(--sky)}.mfui-9-status-badge_view_dot.mfui-9-status-badge_theme_gray .mfui-9-status-badge__container:before{background-color:var(--spbSky3)}.mfui-9-status-badge_view_dot.mfui-9-status-badge_theme_orange .mfui-9-status-badge__container:before{background-color:var(--137C)}.mfui-9-status-badge_view_dot.mfui-9-status-badge_theme_red .mfui-9-status-badge__container:before{background-color:var(--fury)}.mfui-9-status-badge_view_dot.mfui-9-status-badge_background_dark .mfui-9-status-badge__container,.mfui-9-status-badge_view_dot.mfui-9-status-badge_background_light .mfui-9-status-badge__container{background-color:var(--base);border:none}.mfui-9-status-badge_view_icon .mfui-9-status-badge__container{border:1px solid var(--spbSky1);border-radius:8px;padding:1px 7px 1px 1px}.mfui-9-status-badge_view_icon .mfui-9-status-badge__arrow{rotate:180deg;-webkit-transition:rotate .3s ease-out,fill .3s ease-out;transition:rotate .3s ease-out,fill .3s ease-out;fill:var(--spbSky3)}.mfui-9-status-badge_view_icon.mfui-9-status-badge_opened .mfui-9-status-badge__arrow{rotate:1turn}@media (pointer:fine){.mfui-9-status-badge_view_icon .mfui-9-status-badge__container:hover .mfui-9-status-badge__arrow{fill:var(--content)}}.mfui-9-status-badge_view_icon.mfui-9-status-badge_tooltip .mfui-9-status-badge__container{padding-right:1px}@media screen and (min-width:1024px){.mfui-9-status-badge_view_icon.mfui-9-status-badge_adaptive .mfui-9-status-badge__container{border-radius:12px;padding:3px 10px 3px 5px}.mfui-9-status-badge_view_icon.mfui-9-status-badge_adaptive .mfui-9-status-badge__icon{margin-right:4px}.mfui-9-status-badge_view_icon.mfui-9-status-badge_adaptive .mfui-9-status-badge__text{margin-top:-1px}.mfui-9-status-badge_view_icon.mfui-9-status-badge_adaptive.mfui-9-status-badge_tooltip .mfui-9-status-badge__container{padding-right:5px}}.mfui-9-status-badge_view_icon.mfui-9-status-badge_theme_green .mfui-9-status-badge__icon{fill:var(--brandGreen)}.mfui-9-status-badge_view_icon.mfui-9-status-badge_theme_blue .mfui-9-status-badge__icon{fill:var(--sky)}.mfui-9-status-badge_view_icon.mfui-9-status-badge_theme_gray .mfui-9-status-badge__icon{fill:var(--spbSky3)}.mfui-9-status-badge_view_icon.mfui-9-status-badge_theme_orange .mfui-9-status-badge__icon{fill:var(--137C)}.mfui-9-status-badge_view_icon.mfui-9-status-badge_theme_red .mfui-9-status-badge__icon{fill:var(--fury)}.mfui-9-status-badge_view_icon.mfui-9-status-badge_background_dark .mfui-9-status-badge__container,.mfui-9-status-badge_view_icon.mfui-9-status-badge_background_light .mfui-9-status-badge__container{background-color:var(--base);border:none}@-webkit-keyframes pulse{0%{opacity:1;scale:1}30%{opacity:.7}50%{opacity:1;scale:1.3}70%{opacity:.7}to{opacity:1;scale:1}}@keyframes pulse{0%{opacity:1;scale:1}30%{opacity:.7}50%{opacity:1;scale:1.3}70%{opacity:.7}to{opacity:1;scale:1}}

package/dist/es/components/Badges/StatusBadge/StatusBadge.d.ts

@@ -5,8 +5,10 @@ type TooltipPropsType = Pick<React.ComponentProps<typeof Tooltip>, 'title' | 'te
 export interface IStatusBadgeProps {
     /** Вид компонента */
     view?: 'icon' | 'dot';
+    /** Цвет компонента */
+    background?: 'dark' | 'light';
     /** Тема компонента */
-    theme?: 'green' | 'blue' | 'gray' | 'orange' | 'red';
+    theme?: 'green' | 'blue' | 'gray' | 'orange' | 'red' | 'white';
     /** Тип иконки (для view = icon) */
     iconType?: 'timer' | 'price' | 'checkInvert' | 'attention' | 'info' | 'profileFull';
     /** Адаптивный режим */

package/dist/es/components/Badges/StatusBadge/StatusBadge.js

@@ -67,12 +67,13 @@ var statusIconsMap = {
   profileFull: ProfileFullIcon,
   timer: TimerIcon
 };
-var cn = cnCreate('mfui-status-badge');
+var cn = cnCreate('mfui-9-status-badge');
 var StatusBadge = function StatusBadge(_ref) {
   var _ref$view = _ref.view,
     view = _ref$view === void 0 ? 'dot' : _ref$view,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? 'green' : _ref$theme,
+    background = _ref.background,
     _ref$isAdaptive = _ref.isAdaptive,
     isAdaptive = _ref$isAdaptive === void 0 ? false : _ref$isAdaptive,
     _ref$iconType = _ref.iconType,
@@ -109,6 +110,7 @@ var StatusBadge = function StatusBadge(_ref) {
     className: cn({
       view: view,
       theme: theme,
+      background: background,
       adaptive: isAdaptive,
       tooltip: !!tooltip,
       opened: isOpened

package/dist/es/components/Badges/TimerBadge/TimerBadge.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-timer-badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--base);border:1px solid var(--spbSky1);border-radius:12px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;padding:1px 8px 1px 2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-timer-badge_theme_grey .mfui-timer-badge__text{color:var(--spbSky3)}.mfui-timer-badge_theme_grey .mfui-timer-badge__icon{fill:var(--spbSky3)}.mfui-timer-badge_theme_red .mfui-timer-badge__text{color:var(--fury)}.mfui-timer-badge_theme_red .mfui-timer-badge__icon{fill:var(--fury)}.mfui-timer-badge__text{font-family:inherit;font-size:12px;font-weight:500;line-height:18px;margin-left:2px}.mfui-timer-badge__icon{height:20px;width:20px}.mfui-timer-badge__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.mfui-timer-badge__icon-container_shadow:before{border-radius:50%;-webkit-box-shadow:0 0 6px var(--fury);box-shadow:0 0 6px var(--fury);content:"";height:16px;left:2px;position:absolute;top:2px;width:16px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-timer-badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--base);border:1px solid var(--spbSky1);border-radius:12px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;padding:1px 8px 1px 2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-9-timer-badge_theme_grey .mfui-9-timer-badge__text{color:var(--spbSky3)}.mfui-9-timer-badge_theme_grey .mfui-9-timer-badge__icon{fill:var(--spbSky3)}.mfui-9-timer-badge_theme_red .mfui-9-timer-badge__text{color:var(--fury)}.mfui-9-timer-badge_theme_red .mfui-9-timer-badge__icon{fill:var(--fury)}.mfui-9-timer-badge__text{font-family:inherit;font-size:12px;font-weight:500;line-height:18px;margin-left:2px}.mfui-9-timer-badge__icon{height:20px;width:20px}.mfui-9-timer-badge__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.mfui-9-timer-badge__icon-container_shadow:before{border-radius:50%;-webkit-box-shadow:0 0 6px var(--fury);box-shadow:0 0 6px var(--fury);content:"";height:16px;left:2px;position:absolute;top:2px;width:16px}

package/dist/es/components/Badges/TimerBadge/TimerBadge.js

@@ -22,7 +22,7 @@ var TimerBadgeTheme = {
   RED: 'red',
   GREY: 'grey'
 };
-var cn = cnCreate('mfui-timer-badge');
+var cn = cnCreate('mfui-9-timer-badge');
 var TimerBadge = function TimerBadge(_ref) {
   var expirationDate = _ref.expirationDate,
     _ref$countdownStart = _ref.countdownStart,

package/dist/es/components/Badges/TimerBadge/components/Timer/Timer.js

@@ -55,7 +55,7 @@ export var getCountdownText = function getCountdownText() {
       }
   }
 };
-var cn = cnCreate('mfui-timer');
+var cn = cnCreate('mfui-9-timer');
 var Timer = function Timer(_ref) {
   var actualRemainingTime = _ref.actualRemainingTime,
     expirationDate = _ref.expirationDate,

package/dist/es/components/Banner/Banner.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-banner{position:relative}.mfui-banner .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-banner .mfui-banner__swiper-container{position:relative}.mfui-banner__swiper{overflow:hidden}.mfui-banner__slide{-ms-flex-negative:0;flex-shrink:0;height:500px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-banner__slide{height:420px}}@media screen and (min-width:1280px){.mfui-banner__slide{height:400px}}.mfui-banner__slide-content{border-right:1px solid transparent;margin-right:-1px}@media screen and (max-width:1023px){.mfui-banner__slide-content{height:100%}}.mfui-banner_auto-height .mfui-banner__slide{height:auto}.mfui-banner .mfui-banner__arrow{position:absolute;top:50%;-webkit-transition:scale .2s linear;transition:scale .2s linear;translate:0 -50%;z-index:10}@media screen and (max-width:767px){.mfui-banner .mfui-banner__arrow{display:none}}.mfui-banner .mfui-banner__arrow_theme_white{height:64px;width:64px}@media screen and (max-width:1023px){.mfui-banner .mfui-banner__arrow_theme_white{display:none}}.mfui-banner .mfui-banner__arrow_prev{left:12px}@media screen and (max-width:767px){.mfui-banner .mfui-banner__arrow_prev{left:8px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-banner .mfui-banner__arrow_prev{left:16px}}@media screen and (min-width:1280px){.mfui-banner .mfui-banner__arrow_prev{left:20px}}.mfui-banner .mfui-banner__arrow_next{right:12px}@media screen and (max-width:767px){.mfui-banner .mfui-banner__arrow_next{right:8px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-banner .mfui-banner__arrow_next{right:16px}}@media screen and (min-width:1280px){.mfui-banner .mfui-banner__arrow_next{right:20px}}.mfui-banner .mfui-banner__arrow_prev.mfui-banner__arrow_theme_white{left:0;translate:-50% -50%}.mfui-banner .mfui-banner__arrow_next.mfui-banner__arrow_theme_white{right:0;translate:50% -50%}.mfui-banner_no-touch .mfui-banner__arrow_theme_white:hover{scale:1.25}.mfui-banner_no-touch .mfui-banner__arrow_theme_white:active{scale:1.125}.mfui-banner__pagination{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;left:50%;z-index:10;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:center;margin-top:32px}.mfui-banner__pagination_position_top-in{left:0;margin-top:0;padding:0 24px;position:absolute;top:16px;width:100%}@media screen and (min-width:1280px){.mfui-banner__pagination_position_top-in{padding:0 80px}}.mfui-banner__pagination_type_flat{gap:4px}@media screen and (min-width:1280px){.mfui-banner__pagination_type_flat{gap:10px}}.mfui-banner__pagination_align_left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mfui-banner__pagination_bottom-offset{bottom:60px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10}@media screen and (min-width:768px) and (max-width:1023px){.mfui-banner__pagination_bottom-offset{bottom:89px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-banner__pagination_bottom-offset{bottom:90px}}@media screen and (min-width:1280px) and (max-width:1439px){.mfui-banner__pagination_bottom-offset{bottom:65px}}@media screen and (min-width:1440px){.mfui-banner__pagination_bottom-offset{bottom:72px}}.mfui-banner_margin-top{margin-top:24px}.mfui-banner_radius_rounded .mfui-banner__swiper{border-radius:24px}@media screen and (max-width:767px){.mfui-banner_show-next-slide .mfui-banner__swiper{border-radius:0;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:32px}.mfui-banner_show-next-slide .mfui-banner__slide-content{border-right:none;margin-right:0}.mfui-banner_show-next-slide.mfui-banner_radius_rounded .mfui-banner__slide-content{border-radius:24px}}.mfui-banner_background-color_green .mfui-banner__swiper{background-color:var(--brandGreen)}.mfui-banner_background-color_purple .mfui-banner__swiper{background-color:var(--brandPurple)}.mfui-banner_background-color_gradient .mfui-banner__swiper{background:-webkit-gradient(linear,right top,left top,from(#ada6ba),to(#f6f2f9));background:linear-gradient(270deg,#ada6ba,#f6f2f9)}.mfui-banner_background-color_light .mfui-banner__swiper{background-color:#f6f2f9}.mfui-banner_background-color_spbSky0 .mfui-banner__swiper{background-color:var(--spbSky0)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-banner{position:relative}.mfui-9-banner .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-banner .mfui-9-banner__swiper-container{position:relative}.mfui-9-banner__swiper{overflow:hidden}.mfui-9-banner__slide{-ms-flex-negative:0;flex-shrink:0;height:500px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-banner__slide{height:420px}}@media screen and (min-width:1280px){.mfui-9-banner__slide{height:400px}}.mfui-9-banner__slide-content{border-right:1px solid transparent;margin-right:-1px}@media screen and (max-width:1023px){.mfui-9-banner__slide-content{height:100%}}.mfui-9-banner_auto-height .mfui-9-banner__slide{height:auto}.mfui-9-banner .mfui-9-banner__arrow{position:absolute;top:50%;-webkit-transition:scale .2s linear;transition:scale .2s linear;translate:0 -50%;z-index:10}@media screen and (max-width:767px){.mfui-9-banner .mfui-9-banner__arrow{display:none}}.mfui-9-banner .mfui-9-banner__arrow_theme_white{height:64px;width:64px}@media screen and (max-width:1023px){.mfui-9-banner .mfui-9-banner__arrow_theme_white{display:none}}.mfui-9-banner .mfui-9-banner__arrow_prev{left:12px}@media screen and (max-width:767px){.mfui-9-banner .mfui-9-banner__arrow_prev{left:8px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-banner .mfui-9-banner__arrow_prev{left:16px}}@media screen and (min-width:1280px){.mfui-9-banner .mfui-9-banner__arrow_prev{left:20px}}.mfui-9-banner .mfui-9-banner__arrow_next{right:12px}@media screen and (max-width:767px){.mfui-9-banner .mfui-9-banner__arrow_next{right:8px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-banner .mfui-9-banner__arrow_next{right:16px}}@media screen and (min-width:1280px){.mfui-9-banner .mfui-9-banner__arrow_next{right:20px}}.mfui-9-banner .mfui-9-banner__arrow_prev.mfui-9-banner__arrow_theme_white{left:0;translate:-50% -50%}.mfui-9-banner .mfui-9-banner__arrow_next.mfui-9-banner__arrow_theme_white{right:0;translate:50% -50%}.mfui-9-banner_no-touch .mfui-9-banner__arrow_theme_white:hover{scale:1.25}.mfui-9-banner_no-touch .mfui-9-banner__arrow_theme_white:active{scale:1.125}.mfui-9-banner__pagination{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;left:50%;z-index:10;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:center;margin-top:32px}.mfui-9-banner__pagination_position_top-in{left:0;margin-top:0;padding:0 24px;position:absolute;top:16px;width:100%}@media screen and (min-width:1280px){.mfui-9-banner__pagination_position_top-in{padding:0 80px}}.mfui-9-banner__pagination_type_flat{gap:4px}@media screen and (min-width:1280px){.mfui-9-banner__pagination_type_flat{gap:10px}}.mfui-9-banner__pagination_align_left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mfui-9-banner__pagination_bottom-offset{bottom:60px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-banner__pagination_bottom-offset{bottom:89px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-banner__pagination_bottom-offset{bottom:90px}}@media screen and (min-width:1280px) and (max-width:1439px){.mfui-9-banner__pagination_bottom-offset{bottom:65px}}@media screen and (min-width:1440px){.mfui-9-banner__pagination_bottom-offset{bottom:72px}}.mfui-9-banner_margin-top{margin-top:24px}.mfui-9-banner_radius_rounded .mfui-9-banner__swiper{border-radius:24px}@media screen and (max-width:767px){.mfui-9-banner_show-next-slide .mfui-9-banner__swiper{border-radius:0;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:32px}.mfui-9-banner_show-next-slide .mfui-9-banner__slide-content{border-right:none;margin-right:0}.mfui-9-banner_show-next-slide.mfui-9-banner_radius_rounded .mfui-9-banner__slide-content{border-radius:24px}}.mfui-9-banner_background-color_green .mfui-9-banner__swiper{background-color:var(--brandGreen)}.mfui-9-banner_background-color_purple .mfui-9-banner__swiper{background-color:var(--brandPurple)}.mfui-9-banner_background-color_gradient .mfui-9-banner__swiper{background:-webkit-gradient(linear,right top,left top,from(#ada6ba),to(#f6f2f9));background:linear-gradient(270deg,#ada6ba,#f6f2f9)}.mfui-9-banner_background-color_light .mfui-9-banner__swiper{background-color:#f6f2f9}.mfui-9-banner_background-color_spbSky0 .mfui-9-banner__swiper{background-color:var(--spbSky0)}

package/dist/es/components/Banner/Banner.js

@@ -53,7 +53,15 @@ export var PaginationPositionType = {
   BOTTOM_OUT: 'bottom-out',
   TOP_IN: 'top-in'
 };
-var cn = cnCreate('mfui-banner');
+var getAutoPlayConfig = function getAutoPlayConfig(delay) {
+  return {
+    delay: delay,
+    waitForTransition: false,
+    disableOnInteraction: false,
+    stopOnLastSlide: true
+  };
+};
+var cn = cnCreate('mfui-9-banner');
 var Banner = function Banner(_ref) {
   var className = _ref.className,
     _ref$classes = _ref.classes,
@@ -286,12 +294,7 @@ var Banner = function Banner(_ref) {
   }, /*#__PURE__*/React.createElement(Swiper, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.swiper), {
     className: cn('swiper', [classes.swiper]),
     loop: loop,
-    autoplay: {
-      delay: delay,
-      waitForTransition: false,
-      disableOnInteraction: false,
-      stopOnLastSlide: true
-    },
+    autoplay: canAutoPlay ? getAutoPlayConfig(autoPlayDelay) : false,
     watchSlidesProgress: true,
     noSwipingClass: classes.noSwiping,
     breakpoints: showNextSlide ? SLIDES_SETTINGS : undefined,

package/dist/es/components/Banner/BannerDot.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-banner-dot{background-color:var(--spbSky2);border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:8px;position:relative;width:8px}.mfui-banner-dot_active{background-color:var(--brandGreen);cursor:default;-webkit-transition:background-color .2s linear;transition:background-color .2s linear;width:24px}.mfui-banner-dot_active .mfui-banner-dot__timer-inner{fill:var(--brandGreen)}.mfui-banner-dot_active.mfui-banner-dot_has-timer{background-color:var(--spbSky2)}.mfui-banner-dot_type_flat{-webkit-box-flex:1;border-radius:24px;-ms-flex:1 1 auto;flex:1 1 auto;height:2px;width:auto}.mfui-banner-dot_type_flat .mfui-banner-dot__timer{height:100%;width:100%}.mfui-banner-dot_type_flat .mfui-banner-dot__timer-inner{-webkit-animation:timer-reversed linear;animation:timer-reversed linear;height:100%;-webkit-transform:scale(1);transform:scale(1);width:100%}.mfui-banner-dot_theme_light,.mfui-banner-dot_theme_light .mfui-banner-dot__timer{background-color:var(--stcWhite50)}.mfui-banner-dot_theme_light .mfui-banner-dot__timer-inner{fill:var(--stcWhite)}.mfui-banner-dot_theme_light.mfui-banner-dot_active{background-color:var(--stcWhite)}.mfui-banner-dot_theme_light.mfui-banner-dot_has-timer{background-color:transparent}.mfui-banner-dot_theme_dark,.mfui-banner-dot_theme_dark .mfui-banner-dot__timer{background-color:var(--stcBlack10)}.mfui-banner-dot_theme_dark .mfui-banner-dot__timer-inner{fill:var(--stcBlack)}.mfui-banner-dot_theme_dark.mfui-banner-dot_active{background-color:var(--stcBlack)}.mfui-banner-dot_theme_dark.mfui-banner-dot_has-timer{background-color:transparent}.mfui-banner-dot__timer{border-radius:4px;display:block;height:8px;left:0;position:absolute;top:0;width:24px}.mfui-banner-dot__timer-inner{-webkit-animation:timer linear;animation:timer linear;-webkit-transform:scaleX(-1);transform:scaleX(-1);-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes timer{0%{width:100%}to{width:0}}@keyframes timer{0%{width:100%}to{width:0}}@-webkit-keyframes timer-reversed{0%{width:0}to{width:100%}}@keyframes timer-reversed{0%{width:0}to{width:100%}}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-banner-dot{background-color:var(--spbSky2);border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:8px;position:relative;width:8px}.mfui-9-banner-dot_active{background-color:var(--brandGreen);cursor:default;-webkit-transition:background-color .2s linear;transition:background-color .2s linear;width:24px}.mfui-9-banner-dot_active .mfui-9-banner-dot__timer-inner{fill:var(--brandGreen)}.mfui-9-banner-dot_active.mfui-9-banner-dot_has-timer{background-color:var(--spbSky2)}.mfui-9-banner-dot_type_flat{-webkit-box-flex:1;border-radius:24px;-ms-flex:1 1 auto;flex:1 1 auto;height:2px;width:auto}.mfui-9-banner-dot_type_flat .mfui-9-banner-dot__timer{height:100%;width:100%}.mfui-9-banner-dot_type_flat .mfui-9-banner-dot__timer-inner{-webkit-animation:timer-reversed linear;animation:timer-reversed linear;height:100%;-webkit-transform:scale(1);transform:scale(1);width:100%}.mfui-9-banner-dot_theme_light,.mfui-9-banner-dot_theme_light .mfui-9-banner-dot__timer{background-color:var(--stcWhite50)}.mfui-9-banner-dot_theme_light .mfui-9-banner-dot__timer-inner{fill:var(--stcWhite)}.mfui-9-banner-dot_theme_light.mfui-9-banner-dot_active{background-color:var(--stcWhite)}.mfui-9-banner-dot_theme_light.mfui-9-banner-dot_has-timer{background-color:transparent}.mfui-9-banner-dot_theme_dark,.mfui-9-banner-dot_theme_dark .mfui-9-banner-dot__timer{background-color:var(--stcBlack10)}.mfui-9-banner-dot_theme_dark .mfui-9-banner-dot__timer-inner{fill:var(--stcBlack)}.mfui-9-banner-dot_theme_dark.mfui-9-banner-dot_active{background-color:var(--stcBlack)}.mfui-9-banner-dot_theme_dark.mfui-9-banner-dot_has-timer{background-color:transparent}.mfui-9-banner-dot__timer{border-radius:4px;display:block;height:8px;left:0;position:absolute;top:0;width:24px}.mfui-9-banner-dot__timer-inner{-webkit-animation:timer linear;animation:timer linear;-webkit-transform:scaleX(-1);transform:scaleX(-1);-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes timer{0%{width:100%}to{width:0}}@keyframes timer{0%{width:100%}to{width:0}}@-webkit-keyframes timer-reversed{0%{width:0}to{width:100%}}@keyframes timer-reversed{0%{width:0}to{width:100%}}

package/dist/es/components/Banner/BannerDot.js

@@ -12,7 +12,7 @@ var DOT_RECT_PROPS = {
   rx: '50',
   ry: '50'
 };
-var cn = cnCreate('mfui-banner-dot');
+var cn = cnCreate('mfui-9-banner-dot');
 var BannerDot = function BannerDot(_ref) {
   var className = _ref.className,
     dataAttrs = _ref.dataAttrs,

package/dist/es/components/Button/Button.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:30px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--stcWhite);cursor:pointer;display:inline-block;font-family:inherit;font-size:15px;font-weight:500;line-height:24px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;outline:none;overflow:hidden;padding:0 32px;text-align:center;text-decoration:none;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfui-button svg{display:block;-webkit-transition:fill .3s;transition:fill .3s}.mfui-button_size-all_extra-small{font-size:12px;height:24px;line-height:14px;min-width:24px;padding:0 16px}.mfui-button_size-all_extra-small .mfui-button__icon,.mfui-button_size-all_extra-small .mfui-button__icon-arrow,.mfui-button_size-all_extra-small.mfui-button_content-type_icon-text .mfui-button__icon{height:20px;width:20px}.mfui-button_size-all_extra-small.mfui-button_content-type_icon-text .mfui-button__icon{margin-right:2px}.mfui-button_size-all_extra-small .mfui-button__icon-arrow{margin-left:0}.mfui-button_size-all_small{height:40px;min-width:40px;padding:0 24px}.mfui-button_size-all_small .mfui-button__icon,.mfui-button_size-all_small .mfui-button__icon-arrow{height:20px;width:20px}.mfui-button_size-all_small.mfui-button_content-type_icon-text .mfui-button__icon{height:32px;width:32px}.mfui-button_size-all_medium{height:52px;min-width:52px}.mfui-button_size-all_medium .mfui-button__icon,.mfui-button_size-all_medium .mfui-button__icon-arrow,.mfui-button_size-all_medium.mfui-button_content-type_icon-text .mfui-button__icon{height:32px;width:32px}.mfui-button_size-all_large{height:60px;min-width:60px}.mfui-button_size-all_large .mfui-button__icon,.mfui-button_size-all_large .mfui-button__icon-arrow,.mfui-button_size-all_large.mfui-button_content-type_icon-text .mfui-button__icon{height:32px;width:32px}.mfui-button_size-all_extra-small.mfui-buttonhas-arrow{padding:0 8px}.mfui-button_size-all_extra-small.mfui-buttonhas-arrow .mfui-button__content{padding-left:12px}.mfui-button_size-all_large.mfui-buttonhas-arrow,.mfui-button_size-all_medium.mfui-buttonhas-arrow{padding:0 24px}.mfui-button_size-all_large.mfui-buttonhas-arrow .mfui-button__content,.mfui-button_size-all_medium.mfui-buttonhas-arrow .mfui-button__content,.mfui-button_size-all_small.mfui-buttonhas-arrow .mfui-button__content{padding-left:16px}.mfui-button_type_text{padding:0}@media screen and (min-width:1024px){.mfui-button_size-desktop_extra-small{font-size:12px;height:24px;line-height:14px;min-width:24px;padding:0 16px}.mfui-button_size-desktop_extra-small .mfui-button__icon,.mfui-button_size-desktop_extra-small .mfui-button__icon-arrow,.mfui-button_size-desktop_extra-small.mfui-button_content-type_icon-text .mfui-button__icon{height:20px;width:20px}.mfui-button_size-desktop_extra-small.mfui-button_content-type_icon-text .mfui-button__icon{margin-right:2px}.mfui-button_size-desktop_extra-small .mfui-button__icon-arrow{margin-left:0}.mfui-button_size-desktop_small{height:40px;min-width:40px;padding:0 24px}.mfui-button_size-desktop_small .mfui-button__icon,.mfui-button_size-desktop_small .mfui-button__icon-arrow{height:20px;width:20px}.mfui-button_size-desktop_small.mfui-button_content-type_icon-text .mfui-button__icon{height:32px;width:32px}.mfui-button_size-desktop_medium{height:52px;min-width:52px}.mfui-button_size-desktop_medium .mfui-button__icon,.mfui-button_size-desktop_medium .mfui-button__icon-arrow,.mfui-button_size-desktop_medium.mfui-button_content-type_icon-text .mfui-button__icon{height:32px;width:32px}.mfui-button_size-desktop_large{height:60px;min-width:60px}.mfui-button_size-desktop_large .mfui-button__icon,.mfui-button_size-desktop_large .mfui-button__icon-arrow,.mfui-button_size-desktop_large.mfui-button_content-type_icon-text .mfui-button__icon{height:32px;width:32px}.mfui-button_size-desktop_extra-small.mfui-buttonhas-arrow{padding:0 8px}.mfui-button_size-desktop_extra-small.mfui-buttonhas-arrow .mfui-button__content{padding-left:12px}.mfui-button_size-desktop_large.mfui-buttonhas-arrow,.mfui-button_size-desktop_medium.mfui-buttonhas-arrow{padding:0 24px}.mfui-button_size-desktop_large.mfui-buttonhas-arrow .mfui-button__content,.mfui-button_size-desktop_medium.mfui-buttonhas-arrow .mfui-button__content,.mfui-button_size-desktop_small.mfui-buttonhas-arrow .mfui-button__content{padding-left:16px}.mfui-button_type_text{padding:0}}@media screen and (min-width:1280px){.mfui-button_size-wide_extra-small{font-size:12px;height:24px;line-height:14px;min-width:24px;padding:0 16px}.mfui-button_size-wide_extra-small .mfui-button__icon,.mfui-button_size-wide_extra-small .mfui-button__icon-arrow,.mfui-button_size-wide_extra-small.mfui-button_content-type_icon-text .mfui-button__icon{height:20px;width:20px}.mfui-button_size-wide_extra-small.mfui-button_content-type_icon-text .mfui-button__icon{margin-right:2px}.mfui-button_size-wide_extra-small .mfui-button__icon-arrow{margin-left:0}.mfui-button_size-wide_small{height:40px;min-width:40px;padding:0 24px}.mfui-button_size-wide_small .mfui-button__icon,.mfui-button_size-wide_small .mfui-button__icon-arrow{height:20px;width:20px}.mfui-button_size-wide_small.mfui-button_content-type_icon-text .mfui-button__icon{height:32px;width:32px}.mfui-button_size-wide_medium{height:52px;min-width:52px}.mfui-button_size-wide_medium .mfui-button__icon,.mfui-button_size-wide_medium .mfui-button__icon-arrow,.mfui-button_size-wide_medium.mfui-button_content-type_icon-text .mfui-button__icon{height:32px;width:32px}.mfui-button_size-wide_large{height:60px;min-width:60px}.mfui-button_size-wide_large .mfui-button__icon,.mfui-button_size-wide_large .mfui-button__icon-arrow,.mfui-button_size-wide_large.mfui-button_content-type_icon-text .mfui-button__icon{height:32px;width:32px}.mfui-button_size-wide_extra-small.mfui-buttonhas-arrow{padding:0 8px}.mfui-button_size-wide_extra-small.mfui-buttonhas-arrow .mfui-button__content{padding-left:12px}.mfui-button_size-wide_large.mfui-buttonhas-arrow,.mfui-button_size-wide_medium.mfui-buttonhas-arrow{padding:0 24px}.mfui-button_size-wide_large.mfui-buttonhas-arrow .mfui-button__content,.mfui-button_size-wide_medium.mfui-buttonhas-arrow .mfui-button__content,.mfui-button_size-wide_small.mfui-buttonhas-arrow .mfui-button__content{padding-left:16px}.mfui-button_type_text{padding:0}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-button_size-tablet_extra-small{font-size:12px;height:24px;line-height:14px;min-width:24px;padding:0 16px}.mfui-button_size-tablet_extra-small .mfui-button__icon,.mfui-button_size-tablet_extra-small .mfui-button__icon-arrow,.mfui-button_size-tablet_extra-small.mfui-button_content-type_icon-text .mfui-button__icon{height:20px;width:20px}.mfui-button_size-tablet_extra-small.mfui-button_content-type_icon-text .mfui-button__icon{margin-right:2px}.mfui-button_size-tablet_extra-small .mfui-button__icon-arrow{margin-left:0}.mfui-button_size-tablet_small{height:40px;min-width:40px;padding:0 24px}.mfui-button_size-tablet_small .mfui-button__icon,.mfui-button_size-tablet_small .mfui-button__icon-arrow{height:20px;width:20px}.mfui-button_size-tablet_small.mfui-button_content-type_icon-text .mfui-button__icon{height:32px;width:32px}.mfui-button_size-tablet_medium{height:52px;min-width:52px}.mfui-button_size-tablet_medium .mfui-button__icon,.mfui-button_size-tablet_medium .mfui-button__icon-arrow,.mfui-button_size-tablet_medium.mfui-button_content-type_icon-text .mfui-button__icon{height:32px;width:32px}.mfui-button_size-tablet_large{height:60px;min-width:60px}.mfui-button_size-tablet_large .mfui-button__icon,.mfui-button_size-tablet_large .mfui-button__icon-arrow,.mfui-button_size-tablet_large.mfui-button_content-type_icon-text .mfui-button__icon{height:32px;width:32px}.mfui-button_size-tablet_extra-small.mfui-buttonhas-arrow{padding:0 8px}.mfui-button_size-tablet_extra-small.mfui-buttonhas-arrow .mfui-button__content{padding-left:12px}.mfui-button_size-tablet_large.mfui-buttonhas-arrow,.mfui-button_size-tablet_medium.mfui-buttonhas-arrow{padding:0 24px}.mfui-button_size-tablet_large.mfui-buttonhas-arrow .mfui-button__content,.mfui-button_size-tablet_medium.mfui-buttonhas-arrow .mfui-button__content,.mfui-button_size-tablet_small.mfui-buttonhas-arrow .mfui-button__content{padding-left:16px}.mfui-button_type_text{padding:0}}@media screen and (max-width:767px){.mfui-button_size-mobile_extra-small{font-size:12px;height:24px;line-height:14px;min-width:24px;padding:0 16px}.mfui-button_size-mobile_extra-small .mfui-button__icon,.mfui-button_size-mobile_extra-small .mfui-button__icon-arrow,.mfui-button_size-mobile_extra-small.mfui-button_content-type_icon-text .mfui-button__icon{height:20px;width:20px}.mfui-button_size-mobile_extra-small.mfui-button_content-type_icon-text .mfui-button__icon{margin-right:2px}.mfui-button_size-mobile_extra-small .mfui-button__icon-arrow{margin-left:0}.mfui-button_size-mobile_small{height:40px;min-width:40px;padding:0 24px}.mfui-button_size-mobile_small .mfui-button__icon,.mfui-button_size-mobile_small .mfui-button__icon-arrow{height:20px;width:20px}.mfui-button_size-mobile_small.mfui-button_content-type_icon-text .mfui-button__icon{height:32px;width:32px}.mfui-button_size-mobile_medium{height:52px;min-width:52px}.mfui-button_size-mobile_medium .mfui-button__icon,.mfui-button_size-mobile_medium .mfui-button__icon-arrow,.mfui-button_size-mobile_medium.mfui-button_content-type_icon-text .mfui-button__icon{height:32px;width:32px}.mfui-button_size-mobile_large{height:60px;min-width:60px}.mfui-button_size-mobile_large .mfui-button__icon,.mfui-button_size-mobile_large .mfui-button__icon-arrow,.mfui-button_size-mobile_large.mfui-button_content-type_icon-text .mfui-button__icon{height:32px;width:32px}.mfui-button_size-mobile_extra-small.mfui-buttonhas-arrow{padding:0 8px}.mfui-button_size-mobile_extra-small.mfui-buttonhas-arrow .mfui-button__content{padding-left:12px}.mfui-button_size-mobile_large.mfui-buttonhas-arrow,.mfui-button_size-mobile_medium.mfui-buttonhas-arrow{padding:0 24px}.mfui-button_size-mobile_large.mfui-buttonhas-arrow .mfui-button__content,.mfui-button_size-mobile_medium.mfui-buttonhas-arrow .mfui-button__content,.mfui-button_size-mobile_small.mfui-buttonhas-arrow .mfui-button__content{padding-left:16px}.mfui-button_type_text{padding:0}}.mfui-button:hover{text-decoration:none;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s}.mfui-button:hover svg{-webkit-transition:fill .3s;transition:fill .3s}.mfui-button_disabled{cursor:default}.mfui-button__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:inherit;justify-content:center;vertical-align:top;width:100%}.mfui-button__text{margin-bottom:2px}.mfui-button__text_ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mfui-button__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-button__content_ellipsis{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;width:inherit}.mfui-button__content_show-loader{visibility:hidden}.mfui-button__preloader{position:absolute}.mfui-button__icon-arrow{height:32px;margin-left:4px;width:32px}.mfui-button_content-type_icon{padding:0}.mfui-button_content-type_icon-text .mfui-button__icon,.mfui-button_content-type_icon-text:not(.mfui-button_type_text) .mfui-button__text{margin-right:4px}.mfui-button_type_text.mfui-button_theme_green{background-color:transparent;color:var(--brandGreen);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-button_type_text.mfui-button_theme_green svg{fill:var(--brandGreen)}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_green:not(.mfui-button_loading):hover{color:var(--buttonHoverGreen)}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_green:not(.mfui-button_loading):hover svg{fill:var(--buttonHoverGreen)}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_green:not(.mfui-button_loading):active{color:var(--buttonDown)}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_green:not(.mfui-button_loading):active svg{fill:var(--buttonDown)}.mfui-button_type_text.mfui-button_theme_purple{background-color:transparent;color:var(--brandPurple);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-button_type_text.mfui-button_theme_purple svg{fill:var(--brandPurple)}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_purple:not(.mfui-button_loading):hover{color:var(--buttonHoverPurple)}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_purple:not(.mfui-button_loading):hover svg{fill:var(--buttonHoverPurple)}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_purple:not(.mfui-button_loading):active{color:var(--buttonDown)}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_purple:not(.mfui-button_loading):active svg{fill:var(--buttonDown)}.mfui-button_type_text.mfui-button_theme_white{background-color:transparent;color:var(--stcWhite);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-button_type_text.mfui-button_theme_white svg{fill:var(--stcWhite)}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_white:not(.mfui-button_loading):hover{color:var(--buttonHoverGrey)}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_white:not(.mfui-button_loading):hover svg{fill:var(--buttonHoverGrey)}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_white:not(.mfui-button_loading):active{color:var(--buttonDown)}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_white:not(.mfui-button_loading):active svg{fill:var(--buttonDown)}.mfui-button_type_text.mfui-button_theme_black{background-color:transparent;color:var(--stcBlack);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-button_type_text.mfui-button_theme_black svg{fill:var(--stcBlack)}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_black{--stcBlack7:#818181}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_black:not(.mfui-button_loading):hover{color:var(--stcBlack7)}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_black:not(.mfui-button_loading):hover svg{fill:var(--stcBlack7)}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_black:not(.mfui-button_loading):active{color:var(--buttonDown)}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_black:not(.mfui-button_loading):active svg{fill:var(--buttonDown)}.mfui-button_type_text.mfui-button_theme_danger{background-color:transparent;color:var(--fury);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-button_type_text.mfui-button_theme_danger svg{fill:var(--fury)}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_danger:not(.mfui-button_loading):hover{color:var(--fury80)}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_danger:not(.mfui-button_loading):hover svg{fill:var(--fury80)}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_danger:not(.mfui-button_loading):active{color:var(--buttonDown)}.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_danger:not(.mfui-button_loading):active svg{fill:var(--buttonDown)}.mfui-button_type_primary.mfui-button_theme_green{background-color:var(--brandGreen);color:var(--stcWhite)}.mfui-button_type_primary.mfui-button_theme_green svg{fill:var(--stcWhite)}.mfui-button_no-touch.mfui-button_type_primary.mfui-button_theme_green:not(.mfui-button_loading):hover{background-color:var(--buttonHoverGreen)}.mfui-button_no-touch.mfui-button_type_primary.mfui-button_theme_green:not(.mfui-button_loading):active{background-color:var(--buttonDown)}.mfui-button_type_primary.mfui-button_theme_green-soft{background-color:var(--brandGreen20);border:1px solid rgba(0,185,86,.2);color:var(--brandGreen)}.mfui-button_type_primary.mfui-button_theme_green-soft svg{fill:var(--brandGreen)}.mfui-button_no-touch.mfui-button_type_primary.mfui-button_theme_green-soft:not(.mfui-button_loading):hover{background-color:var(--buttonHoverGreenSoft)}.mfui-button_no-touch.mfui-button_type_primary.mfui-button_theme_green-soft:not(.mfui-button_loading):active{background-color:var(--buttonDown);color:var(--stcWhite)}.mfui-button_no-touch.mfui-button_type_primary.mfui-button_theme_green-soft:not(.mfui-button_loading):active svg{fill:var(--stcWhite)}.mfui-button_type_primary.mfui-button_theme_purple{background-color:var(--brandPurple);color:var(--stcWhite)}.mfui-button_type_primary.mfui-button_theme_purple svg{fill:var(--stcWhite)}.mfui-button_no-touch.mfui-button_type_primary.mfui-button_theme_purple:not(.mfui-button_loading):hover{background-color:var(--buttonHoverPurple)}.mfui-button_no-touch.mfui-button_type_primary.mfui-button_theme_purple:not(.mfui-button_loading):active{background-color:var(--buttonDown)}.mfui-button_type_primary.mfui-button_theme_purple-soft{background-color:var(--brandPurple20);border:1px solid rgba(115,25,130,.2);color:var(--brandPurple)}.mfui-button_type_primary.mfui-button_theme_purple-soft svg{fill:var(--brandPurple)}.mfui-button_no-touch.mfui-button_type_primary.mfui-button_theme_purple-soft:not(.mfui-button_loading):hover{background-color:var(--buttonHoverPurpleSoft)}.mfui-button_no-touch.mfui-button_type_primary.mfui-button_theme_purple-soft:not(.mfui-button_loading):active{background-color:var(--buttonDown);color:var(--stcWhite)}.mfui-button_no-touch.mfui-button_type_primary.mfui-button_theme_purple-soft:not(.mfui-button_loading):active svg{fill:var(--stcWhite)}.mfui-button_type_primary.mfui-button_theme_white{background-color:var(--stcWhite);color:var(--stcBlack)}.mfui-button_type_primary.mfui-button_theme_white svg{fill:var(--stcBlack)}.mfui-button_no-touch.mfui-button_type_primary.mfui-button_theme_white:not(.mfui-button_loading):hover{background-color:var(--buttonHoverGrey);color:var(--stcBlack)}.mfui-button_no-touch.mfui-button_type_primary.mfui-button_theme_white:not(.mfui-button_loading):hover svg{fill:var(--stcBlack)}.mfui-button_no-touch.mfui-button_type_primary.mfui-button_theme_white:not(.mfui-button_loading):active{background-color:var(--buttonDown);color:var(--stcWhite)}.mfui-button_no-touch.mfui-button_type_primary.mfui-button_theme_white:not(.mfui-button_loading):active svg{fill:var(--stcWhite)}.mfui-button_type_outline.mfui-button_theme_green{background-color:transparent;border:1px solid var(--brandGreen);color:var(--brandGreen)}.mfui-button_type_outline.mfui-button_theme_green svg{fill:var(--brandGreen)}.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_green{--brandGreen7:rgba(0,185,86,.07);--brandGreen14:rgba(0,185,86,.14)}.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_green:not(.mfui-button_loading):hover{background-color:var(--brandGreen7)}.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_green:not(.mfui-button_loading):active{background-color:var(--brandGreen14)}.mfui-button_type_outline.mfui-button_theme_green-soft{background-color:transparent;color:var(--brandGreen)}.mfui-button_type_outline.mfui-button_theme_green-soft svg{fill:var(--brandGreen)}.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_green-soft{--brandGreen7:rgba(0,185,86,.07);--brandGreen14:rgba(0,185,86,.14)}.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_green-soft:not(.mfui-button_loading):hover{background-color:var(--brandGreen7)}.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_green-soft:not(.mfui-button_loading):active{background-color:var(--brandGreen14)}.mfui-button_type_outline.mfui-button_theme_purple{background-color:transparent;border:1px solid var(--brandPurple);color:var(--brandPurple)}.mfui-button_type_outline.mfui-button_theme_purple svg{fill:var(--brandPurple)}.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_purple{--brandPurple7:rgba(115,25,130,.07);--brandPurple14:rgba(115,25,130,.14)}.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_purple:not(.mfui-button_loading):hover{background-color:var(--brandPurple7)}.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_purple:not(.mfui-button_loading):active{background-color:var(--brandPurple14)}.mfui-button_type_outline.mfui-button_theme_white{background-color:transparent;border:1px solid var(--stcWhite);color:var(--stcWhite)}.mfui-button_type_outline.mfui-button_theme_white svg{fill:var(--stcWhite)}.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_white{--stcWhite7:hsla(0,0%,100%,.07);--stcWhite14:hsla(0,0%,100%,.14)}.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_white:not(.mfui-button_loading):hover{background-color:var(--stcWhite7)}.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_white:not(.mfui-button_loading):active{background-color:var(--stcWhite14)}.mfui-button_type_outline.mfui-button_theme_black{background-color:transparent;border:1px solid var(--stcBlack);color:var(--stcBlack)}.mfui-button_type_outline.mfui-button_theme_black svg{fill:var(--stcBlack)}.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_black{--stcBlack7:rgba(51,51,51,.07);--stcBlack14:rgba(51,51,51,.14)}.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_black:not(.mfui-button_loading):hover{background-color:var(--stcBlack7)}.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_black:not(.mfui-button_loading):active{background-color:var(--stcBlack14)}.mfui-button_full-width{display:block;width:100%}@media screen and (max-width:767px){.mfui-button_full-width-mobile{display:block;width:100%}}.mfui-button.mfui-button_no-touch.mfui-button_type_primary.mfui-button_disabled,.mfui-button.mfui-button_no-touch.mfui-button_type_primary.mfui-button_disabled:active,.mfui-button.mfui-button_no-touch.mfui-button_type_primary.mfui-button_disabled:hover,.mfui-button.mfui-button_type_primary.mfui-button_disabled{background-color:var(--spbSky1);border:1px solid var(--spbSky2);color:var(--spbSky3)}.mfui-button.mfui-button_no-touch.mfui-button_type_primary.mfui-button_disabled svg,.mfui-button.mfui-button_no-touch.mfui-button_type_primary.mfui-button_disabled:active svg,.mfui-button.mfui-button_no-touch.mfui-button_type_primary.mfui-button_disabled:hover svg,.mfui-button.mfui-button_type_primary.mfui-button_disabled svg{fill:var(--spbSky3)}.mfui-button.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_white.mfui-button_disabled,.mfui-button.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_white.mfui-button_disabled:active,.mfui-button.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_white.mfui-button_disabled:hover,.mfui-button.mfui-button_type_outline.mfui-button_theme_white.mfui-button_disabled{background-color:transparent;border:1px solid var(--stcWhite);color:var(--stcWhite50)}.mfui-button.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_white.mfui-button_disabled svg,.mfui-button.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_white.mfui-button_disabled:active svg,.mfui-button.mfui-button_no-touch.mfui-button_type_outline.mfui-button_theme_white.mfui-button_disabled:hover svg,.mfui-button.mfui-button_type_outline.mfui-button_theme_white.mfui-button_disabled svg{fill:var(--stcWhite50)}.mfui-button.mfui-button_no-touch.mfui-button_type_outline.mfui-button_disabled,.mfui-button.mfui-button_no-touch.mfui-button_type_outline.mfui-button_disabled:active,.mfui-button.mfui-button_no-touch.mfui-button_type_outline.mfui-button_disabled:hover,.mfui-button.mfui-button_type_outline.mfui-button_disabled{background-color:transparent;border:1px solid var(--spbSky2);color:var(--spbSky3)}.mfui-button.mfui-button_no-touch.mfui-button_type_outline.mfui-button_disabled svg,.mfui-button.mfui-button_no-touch.mfui-button_type_outline.mfui-button_disabled:active svg,.mfui-button.mfui-button_no-touch.mfui-button_type_outline.mfui-button_disabled:hover svg,.mfui-button.mfui-button_type_outline.mfui-button_disabled svg{fill:var(--spbSky3)}.mfui-button.mfui-button_no-touch.mfui-button_type_text.mfui-button_disabled,.mfui-button.mfui-button_no-touch.mfui-button_type_text.mfui-button_disabled:active,.mfui-button.mfui-button_no-touch.mfui-button_type_text.mfui-button_disabled:hover,.mfui-button.mfui-button_type_text.mfui-button_disabled{color:var(--spbSky3)}.mfui-button.mfui-button_no-touch.mfui-button_type_text.mfui-button_disabled svg,.mfui-button.mfui-button_no-touch.mfui-button_type_text.mfui-button_disabled:active svg,.mfui-button.mfui-button_no-touch.mfui-button_type_text.mfui-button_disabled:hover svg,.mfui-button.mfui-button_type_text.mfui-button_disabled svg{fill:var(--spbSky3)}.mfui-button.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_white.mfui-button_disabled,.mfui-button.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_white.mfui-button_disabled:active,.mfui-button.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_white.mfui-button_disabled:hover,.mfui-button.mfui-button_type_text.mfui-button_theme_white.mfui-button_disabled{background-color:transparent;color:var(--stcWhite)}.mfui-button.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_white.mfui-button_disabled svg,.mfui-button.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_white.mfui-button_disabled:active svg,.mfui-button.mfui-button_no-touch.mfui-button_type_text.mfui-button_theme_white.mfui-button_disabled:hover svg,.mfui-button.mfui-button_type_text.mfui-button_theme_white.mfui-button_disabled svg{fill:var(--stcWhite)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:30px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--stcWhite);cursor:pointer;display:inline-block;font-family:inherit;font-size:15px;font-weight:500;line-height:24px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;outline:none;overflow:hidden;padding:0 32px;text-align:center;text-decoration:none;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfui-9-button svg{display:block;-webkit-transition:fill .3s;transition:fill .3s}.mfui-9-button_size-all_extra-small{font-size:12px;height:24px;line-height:14px;min-width:24px;padding:0 16px}.mfui-9-button_size-all_extra-small .mfui-9-button__icon,.mfui-9-button_size-all_extra-small .mfui-9-button__icon-arrow,.mfui-9-button_size-all_extra-small.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:20px;width:20px}.mfui-9-button_size-all_extra-small.mfui-9-button_content-type_icon-text .mfui-9-button__icon{margin-right:2px}.mfui-9-button_size-all_extra-small .mfui-9-button__icon-arrow{margin-left:0}.mfui-9-button_size-all_small{height:40px;min-width:40px;padding:0 24px}.mfui-9-button_size-all_small .mfui-9-button__icon,.mfui-9-button_size-all_small .mfui-9-button__icon-arrow{height:20px;width:20px}.mfui-9-button_size-all_small.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:32px;width:32px}.mfui-9-button_size-all_medium{height:52px;min-width:52px}.mfui-9-button_size-all_medium .mfui-9-button__icon,.mfui-9-button_size-all_medium .mfui-9-button__icon-arrow,.mfui-9-button_size-all_medium.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:32px;width:32px}.mfui-9-button_size-all_large{height:60px;min-width:60px}.mfui-9-button_size-all_large .mfui-9-button__icon,.mfui-9-button_size-all_large .mfui-9-button__icon-arrow,.mfui-9-button_size-all_large.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:32px;width:32px}.mfui-9-button_size-all_extra-small.mfui-9-buttonhas-arrow{padding:0 8px}.mfui-9-button_size-all_extra-small.mfui-9-buttonhas-arrow .mfui-9-button__content{padding-left:12px}.mfui-9-button_size-all_large.mfui-9-buttonhas-arrow,.mfui-9-button_size-all_medium.mfui-9-buttonhas-arrow{padding:0 24px}.mfui-9-button_size-all_large.mfui-9-buttonhas-arrow .mfui-9-button__content,.mfui-9-button_size-all_medium.mfui-9-buttonhas-arrow .mfui-9-button__content,.mfui-9-button_size-all_small.mfui-9-buttonhas-arrow .mfui-9-button__content{padding-left:16px}.mfui-9-button_type_text{padding:0}@media screen and (min-width:1024px){.mfui-9-button_size-desktop_extra-small{font-size:12px;height:24px;line-height:14px;min-width:24px;padding:0 16px}.mfui-9-button_size-desktop_extra-small .mfui-9-button__icon,.mfui-9-button_size-desktop_extra-small .mfui-9-button__icon-arrow,.mfui-9-button_size-desktop_extra-small.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:20px;width:20px}.mfui-9-button_size-desktop_extra-small.mfui-9-button_content-type_icon-text .mfui-9-button__icon{margin-right:2px}.mfui-9-button_size-desktop_extra-small .mfui-9-button__icon-arrow{margin-left:0}.mfui-9-button_size-desktop_small{height:40px;min-width:40px;padding:0 24px}.mfui-9-button_size-desktop_small .mfui-9-button__icon,.mfui-9-button_size-desktop_small .mfui-9-button__icon-arrow{height:20px;width:20px}.mfui-9-button_size-desktop_small.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:32px;width:32px}.mfui-9-button_size-desktop_medium{height:52px;min-width:52px}.mfui-9-button_size-desktop_medium .mfui-9-button__icon,.mfui-9-button_size-desktop_medium .mfui-9-button__icon-arrow,.mfui-9-button_size-desktop_medium.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:32px;width:32px}.mfui-9-button_size-desktop_large{height:60px;min-width:60px}.mfui-9-button_size-desktop_large .mfui-9-button__icon,.mfui-9-button_size-desktop_large .mfui-9-button__icon-arrow,.mfui-9-button_size-desktop_large.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:32px;width:32px}.mfui-9-button_size-desktop_extra-small.mfui-9-buttonhas-arrow{padding:0 8px}.mfui-9-button_size-desktop_extra-small.mfui-9-buttonhas-arrow .mfui-9-button__content{padding-left:12px}.mfui-9-button_size-desktop_large.mfui-9-buttonhas-arrow,.mfui-9-button_size-desktop_medium.mfui-9-buttonhas-arrow{padding:0 24px}.mfui-9-button_size-desktop_large.mfui-9-buttonhas-arrow .mfui-9-button__content,.mfui-9-button_size-desktop_medium.mfui-9-buttonhas-arrow .mfui-9-button__content,.mfui-9-button_size-desktop_small.mfui-9-buttonhas-arrow .mfui-9-button__content{padding-left:16px}.mfui-9-button_type_text{padding:0}}@media screen and (min-width:1280px){.mfui-9-button_size-wide_extra-small{font-size:12px;height:24px;line-height:14px;min-width:24px;padding:0 16px}.mfui-9-button_size-wide_extra-small .mfui-9-button__icon,.mfui-9-button_size-wide_extra-small .mfui-9-button__icon-arrow,.mfui-9-button_size-wide_extra-small.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:20px;width:20px}.mfui-9-button_size-wide_extra-small.mfui-9-button_content-type_icon-text .mfui-9-button__icon{margin-right:2px}.mfui-9-button_size-wide_extra-small .mfui-9-button__icon-arrow{margin-left:0}.mfui-9-button_size-wide_small{height:40px;min-width:40px;padding:0 24px}.mfui-9-button_size-wide_small .mfui-9-button__icon,.mfui-9-button_size-wide_small .mfui-9-button__icon-arrow{height:20px;width:20px}.mfui-9-button_size-wide_small.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:32px;width:32px}.mfui-9-button_size-wide_medium{height:52px;min-width:52px}.mfui-9-button_size-wide_medium .mfui-9-button__icon,.mfui-9-button_size-wide_medium .mfui-9-button__icon-arrow,.mfui-9-button_size-wide_medium.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:32px;width:32px}.mfui-9-button_size-wide_large{height:60px;min-width:60px}.mfui-9-button_size-wide_large .mfui-9-button__icon,.mfui-9-button_size-wide_large .mfui-9-button__icon-arrow,.mfui-9-button_size-wide_large.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:32px;width:32px}.mfui-9-button_size-wide_extra-small.mfui-9-buttonhas-arrow{padding:0 8px}.mfui-9-button_size-wide_extra-small.mfui-9-buttonhas-arrow .mfui-9-button__content{padding-left:12px}.mfui-9-button_size-wide_large.mfui-9-buttonhas-arrow,.mfui-9-button_size-wide_medium.mfui-9-buttonhas-arrow{padding:0 24px}.mfui-9-button_size-wide_large.mfui-9-buttonhas-arrow .mfui-9-button__content,.mfui-9-button_size-wide_medium.mfui-9-buttonhas-arrow .mfui-9-button__content,.mfui-9-button_size-wide_small.mfui-9-buttonhas-arrow .mfui-9-button__content{padding-left:16px}.mfui-9-button_type_text{padding:0}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-button_size-tablet_extra-small{font-size:12px;height:24px;line-height:14px;min-width:24px;padding:0 16px}.mfui-9-button_size-tablet_extra-small .mfui-9-button__icon,.mfui-9-button_size-tablet_extra-small .mfui-9-button__icon-arrow,.mfui-9-button_size-tablet_extra-small.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:20px;width:20px}.mfui-9-button_size-tablet_extra-small.mfui-9-button_content-type_icon-text .mfui-9-button__icon{margin-right:2px}.mfui-9-button_size-tablet_extra-small .mfui-9-button__icon-arrow{margin-left:0}.mfui-9-button_size-tablet_small{height:40px;min-width:40px;padding:0 24px}.mfui-9-button_size-tablet_small .mfui-9-button__icon,.mfui-9-button_size-tablet_small .mfui-9-button__icon-arrow{height:20px;width:20px}.mfui-9-button_size-tablet_small.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:32px;width:32px}.mfui-9-button_size-tablet_medium{height:52px;min-width:52px}.mfui-9-button_size-tablet_medium .mfui-9-button__icon,.mfui-9-button_size-tablet_medium .mfui-9-button__icon-arrow,.mfui-9-button_size-tablet_medium.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:32px;width:32px}.mfui-9-button_size-tablet_large{height:60px;min-width:60px}.mfui-9-button_size-tablet_large .mfui-9-button__icon,.mfui-9-button_size-tablet_large .mfui-9-button__icon-arrow,.mfui-9-button_size-tablet_large.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:32px;width:32px}.mfui-9-button_size-tablet_extra-small.mfui-9-buttonhas-arrow{padding:0 8px}.mfui-9-button_size-tablet_extra-small.mfui-9-buttonhas-arrow .mfui-9-button__content{padding-left:12px}.mfui-9-button_size-tablet_large.mfui-9-buttonhas-arrow,.mfui-9-button_size-tablet_medium.mfui-9-buttonhas-arrow{padding:0 24px}.mfui-9-button_size-tablet_large.mfui-9-buttonhas-arrow .mfui-9-button__content,.mfui-9-button_size-tablet_medium.mfui-9-buttonhas-arrow .mfui-9-button__content,.mfui-9-button_size-tablet_small.mfui-9-buttonhas-arrow .mfui-9-button__content{padding-left:16px}.mfui-9-button_type_text{padding:0}}@media screen and (max-width:767px){.mfui-9-button_size-mobile_extra-small{font-size:12px;height:24px;line-height:14px;min-width:24px;padding:0 16px}.mfui-9-button_size-mobile_extra-small .mfui-9-button__icon,.mfui-9-button_size-mobile_extra-small .mfui-9-button__icon-arrow,.mfui-9-button_size-mobile_extra-small.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:20px;width:20px}.mfui-9-button_size-mobile_extra-small.mfui-9-button_content-type_icon-text .mfui-9-button__icon{margin-right:2px}.mfui-9-button_size-mobile_extra-small .mfui-9-button__icon-arrow{margin-left:0}.mfui-9-button_size-mobile_small{height:40px;min-width:40px;padding:0 24px}.mfui-9-button_size-mobile_small .mfui-9-button__icon,.mfui-9-button_size-mobile_small .mfui-9-button__icon-arrow{height:20px;width:20px}.mfui-9-button_size-mobile_small.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:32px;width:32px}.mfui-9-button_size-mobile_medium{height:52px;min-width:52px}.mfui-9-button_size-mobile_medium .mfui-9-button__icon,.mfui-9-button_size-mobile_medium .mfui-9-button__icon-arrow,.mfui-9-button_size-mobile_medium.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:32px;width:32px}.mfui-9-button_size-mobile_large{height:60px;min-width:60px}.mfui-9-button_size-mobile_large .mfui-9-button__icon,.mfui-9-button_size-mobile_large .mfui-9-button__icon-arrow,.mfui-9-button_size-mobile_large.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:32px;width:32px}.mfui-9-button_size-mobile_extra-small.mfui-9-buttonhas-arrow{padding:0 8px}.mfui-9-button_size-mobile_extra-small.mfui-9-buttonhas-arrow .mfui-9-button__content{padding-left:12px}.mfui-9-button_size-mobile_large.mfui-9-buttonhas-arrow,.mfui-9-button_size-mobile_medium.mfui-9-buttonhas-arrow{padding:0 24px}.mfui-9-button_size-mobile_large.mfui-9-buttonhas-arrow .mfui-9-button__content,.mfui-9-button_size-mobile_medium.mfui-9-buttonhas-arrow .mfui-9-button__content,.mfui-9-button_size-mobile_small.mfui-9-buttonhas-arrow .mfui-9-button__content{padding-left:16px}.mfui-9-button_type_text{padding:0}}.mfui-9-button:hover{text-decoration:none;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s}.mfui-9-button:hover svg{-webkit-transition:fill .3s;transition:fill .3s}.mfui-9-button_disabled{cursor:default}.mfui-9-button__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:inherit;justify-content:center;vertical-align:top;width:100%}.mfui-9-button__text{margin-bottom:2px}.mfui-9-button__text_ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mfui-9-button__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-button__content_ellipsis{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;width:inherit}.mfui-9-button__content_show-loader{visibility:hidden}.mfui-9-button__preloader{position:absolute}.mfui-9-button__icon-arrow{height:32px;margin-left:4px;width:32px}.mfui-9-button_content-type_icon{padding:0}.mfui-9-button_content-type_icon-text .mfui-9-button__icon,.mfui-9-button_content-type_icon-text:not(.mfui-9-button_type_text) .mfui-9-button__text{margin-right:4px}.mfui-9-button_type_text.mfui-9-button_theme_green{background-color:transparent;color:var(--brandGreen);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-9-button_type_text.mfui-9-button_theme_green svg{fill:var(--brandGreen)}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_green:not(.mfui-9-button_loading):hover{color:var(--buttonHoverGreen)}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_green:not(.mfui-9-button_loading):hover svg{fill:var(--buttonHoverGreen)}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_green:not(.mfui-9-button_loading):active{color:var(--buttonDown)}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_green:not(.mfui-9-button_loading):active svg{fill:var(--buttonDown)}.mfui-9-button_type_text.mfui-9-button_theme_purple{background-color:transparent;color:var(--brandPurple);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-9-button_type_text.mfui-9-button_theme_purple svg{fill:var(--brandPurple)}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_purple:not(.mfui-9-button_loading):hover{color:var(--buttonHoverPurple)}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_purple:not(.mfui-9-button_loading):hover svg{fill:var(--buttonHoverPurple)}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_purple:not(.mfui-9-button_loading):active{color:var(--buttonDown)}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_purple:not(.mfui-9-button_loading):active svg{fill:var(--buttonDown)}.mfui-9-button_type_text.mfui-9-button_theme_white{background-color:transparent;color:var(--stcWhite);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-9-button_type_text.mfui-9-button_theme_white svg{fill:var(--stcWhite)}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_white:not(.mfui-9-button_loading):hover{color:var(--buttonHoverGrey)}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_white:not(.mfui-9-button_loading):hover svg{fill:var(--buttonHoverGrey)}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_white:not(.mfui-9-button_loading):active{color:var(--buttonDown)}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_white:not(.mfui-9-button_loading):active svg{fill:var(--buttonDown)}.mfui-9-button_type_text.mfui-9-button_theme_black{background-color:transparent;color:var(--stcBlack);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-9-button_type_text.mfui-9-button_theme_black svg{fill:var(--stcBlack)}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_black{--stcBlack7:#818181}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_black:not(.mfui-9-button_loading):hover{color:var(--stcBlack7)}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_black:not(.mfui-9-button_loading):hover svg{fill:var(--stcBlack7)}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_black:not(.mfui-9-button_loading):active{color:var(--buttonDown)}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_black:not(.mfui-9-button_loading):active svg{fill:var(--buttonDown)}.mfui-9-button_type_text.mfui-9-button_theme_danger{background-color:transparent;color:var(--fury);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-9-button_type_text.mfui-9-button_theme_danger svg{fill:var(--fury)}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_danger:not(.mfui-9-button_loading):hover{color:var(--fury80)}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_danger:not(.mfui-9-button_loading):hover svg{fill:var(--fury80)}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_danger:not(.mfui-9-button_loading):active{color:var(--buttonDown)}.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_danger:not(.mfui-9-button_loading):active svg{fill:var(--buttonDown)}.mfui-9-button_type_primary.mfui-9-button_theme_green{background-color:var(--brandGreen);color:var(--stcWhite)}.mfui-9-button_type_primary.mfui-9-button_theme_green svg{fill:var(--stcWhite)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_green:not(.mfui-9-button_loading):hover{background-color:var(--buttonHoverGreen)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_green:not(.mfui-9-button_loading):active{background-color:var(--buttonDown)}.mfui-9-button_type_primary.mfui-9-button_theme_green-soft{background-color:var(--brandGreen20);border:1px solid rgba(0,185,86,.2);color:var(--brandGreen)}.mfui-9-button_type_primary.mfui-9-button_theme_green-soft svg{fill:var(--brandGreen)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_green-soft:not(.mfui-9-button_loading):hover{background-color:var(--buttonHoverGreenSoft)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_green-soft:not(.mfui-9-button_loading):active{background-color:var(--buttonDown);color:var(--stcWhite)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_green-soft:not(.mfui-9-button_loading):active svg{fill:var(--stcWhite)}.mfui-9-button_type_primary.mfui-9-button_theme_purple{background-color:var(--brandPurple);color:var(--stcWhite)}.mfui-9-button_type_primary.mfui-9-button_theme_purple svg{fill:var(--stcWhite)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_purple:not(.mfui-9-button_loading):hover{background-color:var(--buttonHoverPurple)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_purple:not(.mfui-9-button_loading):active{background-color:var(--buttonDown)}.mfui-9-button_type_primary.mfui-9-button_theme_purple-soft{background-color:var(--brandPurple20);border:1px solid rgba(115,25,130,.2);color:var(--brandPurple)}.mfui-9-button_type_primary.mfui-9-button_theme_purple-soft svg{fill:var(--brandPurple)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_purple-soft:not(.mfui-9-button_loading):hover{background-color:var(--buttonHoverPurpleSoft)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_purple-soft:not(.mfui-9-button_loading):active{background-color:var(--buttonDown);color:var(--stcWhite)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_purple-soft:not(.mfui-9-button_loading):active svg{fill:var(--stcWhite)}.mfui-9-button_type_primary.mfui-9-button_theme_white{background-color:var(--stcWhite);color:var(--stcBlack)}.mfui-9-button_type_primary.mfui-9-button_theme_white svg{fill:var(--stcBlack)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_white:not(.mfui-9-button_loading):hover{background-color:var(--buttonHoverGrey);color:var(--stcBlack)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_white:not(.mfui-9-button_loading):hover svg{fill:var(--stcBlack)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_white:not(.mfui-9-button_loading):active{background-color:var(--buttonDown);color:var(--stcWhite)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_white:not(.mfui-9-button_loading):active svg{fill:var(--stcWhite)}.mfui-9-button_type_outline.mfui-9-button_theme_green{background-color:transparent;border:1px solid var(--brandGreen);color:var(--brandGreen)}.mfui-9-button_type_outline.mfui-9-button_theme_green svg{fill:var(--brandGreen)}.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_green{--brandGreen7:rgba(0,185,86,.07);--brandGreen14:rgba(0,185,86,.14)}.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_green:not(.mfui-9-button_loading):hover{background-color:var(--brandGreen7)}.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_green:not(.mfui-9-button_loading):active{background-color:var(--brandGreen14)}.mfui-9-button_type_outline.mfui-9-button_theme_green-soft{background-color:transparent;color:var(--brandGreen)}.mfui-9-button_type_outline.mfui-9-button_theme_green-soft svg{fill:var(--brandGreen)}.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_green-soft{--brandGreen7:rgba(0,185,86,.07);--brandGreen14:rgba(0,185,86,.14)}.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_green-soft:not(.mfui-9-button_loading):hover{background-color:var(--brandGreen7)}.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_green-soft:not(.mfui-9-button_loading):active{background-color:var(--brandGreen14)}.mfui-9-button_type_outline.mfui-9-button_theme_purple{background-color:transparent;border:1px solid var(--brandPurple);color:var(--brandPurple)}.mfui-9-button_type_outline.mfui-9-button_theme_purple svg{fill:var(--brandPurple)}.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_purple{--brandPurple7:rgba(115,25,130,.07);--brandPurple14:rgba(115,25,130,.14)}.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_purple:not(.mfui-9-button_loading):hover{background-color:var(--brandPurple7)}.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_purple:not(.mfui-9-button_loading):active{background-color:var(--brandPurple14)}.mfui-9-button_type_outline.mfui-9-button_theme_white{background-color:transparent;border:1px solid var(--stcWhite);color:var(--stcWhite)}.mfui-9-button_type_outline.mfui-9-button_theme_white svg{fill:var(--stcWhite)}.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_white{--stcWhite7:hsla(0,0%,100%,.07);--stcWhite14:hsla(0,0%,100%,.14)}.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_white:not(.mfui-9-button_loading):hover{background-color:var(--stcWhite7)}.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_white:not(.mfui-9-button_loading):active{background-color:var(--stcWhite14)}.mfui-9-button_type_outline.mfui-9-button_theme_black{background-color:transparent;border:1px solid var(--stcBlack);color:var(--stcBlack)}.mfui-9-button_type_outline.mfui-9-button_theme_black svg{fill:var(--stcBlack)}.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_black{--stcBlack7:rgba(51,51,51,.07);--stcBlack14:rgba(51,51,51,.14)}.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_black:not(.mfui-9-button_loading):hover{background-color:var(--stcBlack7)}.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_black:not(.mfui-9-button_loading):active{background-color:var(--stcBlack14)}.mfui-9-button_full-width{display:block;width:100%}@media screen and (max-width:767px){.mfui-9-button_full-width-mobile{display:block;width:100%}}.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_disabled,.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_disabled:active,.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_disabled:hover,.mfui-9-button.mfui-9-button_type_primary.mfui-9-button_disabled{background-color:var(--spbSky1);border:1px solid var(--spbSky2);color:var(--spbSky3)}.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_disabled svg,.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_disabled:active svg,.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_disabled:hover svg,.mfui-9-button.mfui-9-button_type_primary.mfui-9-button_disabled svg{fill:var(--spbSky3)}.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_white.mfui-9-button_disabled,.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_white.mfui-9-button_disabled:active,.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_white.mfui-9-button_disabled:hover,.mfui-9-button.mfui-9-button_type_outline.mfui-9-button_theme_white.mfui-9-button_disabled{background-color:transparent;border:1px solid var(--stcWhite);color:var(--stcWhite50)}.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_white.mfui-9-button_disabled svg,.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_white.mfui-9-button_disabled:active svg,.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_theme_white.mfui-9-button_disabled:hover svg,.mfui-9-button.mfui-9-button_type_outline.mfui-9-button_theme_white.mfui-9-button_disabled svg{fill:var(--stcWhite50)}.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_disabled,.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_disabled:active,.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_disabled:hover,.mfui-9-button.mfui-9-button_type_outline.mfui-9-button_disabled{background-color:transparent;border:1px solid var(--spbSky2);color:var(--spbSky3)}.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_disabled svg,.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_disabled:active svg,.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_outline.mfui-9-button_disabled:hover svg,.mfui-9-button.mfui-9-button_type_outline.mfui-9-button_disabled svg{fill:var(--spbSky3)}.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_disabled,.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_disabled:active,.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_disabled:hover,.mfui-9-button.mfui-9-button_type_text.mfui-9-button_disabled{color:var(--spbSky3)}.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_disabled svg,.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_disabled:active svg,.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_disabled:hover svg,.mfui-9-button.mfui-9-button_type_text.mfui-9-button_disabled svg{fill:var(--spbSky3)}.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_white.mfui-9-button_disabled,.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_white.mfui-9-button_disabled:active,.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_white.mfui-9-button_disabled:hover,.mfui-9-button.mfui-9-button_type_text.mfui-9-button_theme_white.mfui-9-button_disabled{background-color:transparent;color:var(--stcWhite)}.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_white.mfui-9-button_disabled svg,.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_white.mfui-9-button_disabled:active svg,.mfui-9-button.mfui-9-button_no-touch.mfui-9-button_type_text.mfui-9-button_theme_white.mfui-9-button_disabled:hover svg,.mfui-9-button.mfui-9-button_type_text.mfui-9-button_theme_white.mfui-9-button_disabled svg{fill:var(--stcWhite)}

package/dist/es/components/Button/Button.js

@@ -53,7 +53,7 @@ var Content;
 var getLoaderSize = function getLoaderSize(size) {
   return size === ButtonSizes.SMALL || size === ButtonSizes.EXTRA_SMALL ? ButtonSizes.SMALL : ButtonSizes.MEDIUM;
 };
-var cn = cnCreate('mfui-button');
+var cn = cnCreate('mfui-9-button');
 var Button = function Button(_a) {
   var _a$classes = _a.classes;
   _a$classes = _a$classes === void 0 ? {} : _a$classes;

package/dist/es/components/Calendar/Calendar.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-calendar{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mfui-calendar_modern{display:block;height:304px;overflow-x:hidden;overflow-y:scroll;width:100%}.mfui-calendar_modern::-webkit-scrollbar{width:4px}.mfui-calendar_modern::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d8d8d8;border-radius:16px}.mfui-calendar_modern::-webkit-scrollbar-thumb:hover{background-color:#999}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-calendar{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mfui-9-calendar_modern{display:block;height:304px;overflow-x:hidden;overflow-y:scroll;width:100%}.mfui-9-calendar_modern::-webkit-scrollbar{width:4px}.mfui-9-calendar_modern::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d8d8d8;border-radius:16px}.mfui-9-calendar_modern::-webkit-scrollbar-thumb:hover{background-color:#999}

package/dist/es/components/Calendar/Calendar.js

@@ -92,7 +92,7 @@ var generateMonthsData = function generateMonthsData(pastMonthsCount, futureMont
 - Should correctly highlights period if start date chosen and hover on possible end date
 
 */
-var cn = cnCreate('mfui-calendar');
+var cn = cnCreate('mfui-9-calendar');
 var Calendar = function Calendar(_ref) {
   var dataAttrs = _ref.dataAttrs,
     _ref$isSingleDate = _ref.isSingleDate,

package/dist/es/components/Calendar/components/_Day/Day.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-day{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;-webkit-box-sizing:content-box;box-sizing:content-box;color:var(--content);cursor:pointer;height:32px;line-height:24px;outline:none;padding:0 10px 8px 0;position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:32px;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:12px;line-height:18px}.mfui-day:last-child{padding-right:0}.mfui-day:not(:disabled):not(.mfui-day_active):focus:after,.mfui-day:not(:disabled):not(.mfui-day_active):hover:after,.mfui-day_active-modern:after,.mfui-day_active:after{background-color:var(--spbSky0);border-radius:50%!important;color:var(--content);content:"";height:32px;left:0;position:absolute;top:0;width:32px;z-index:1}.mfui-day_active-modern:after{height:38px;width:38px}.mfui-day_active-modern:focus:after,.mfui-day_active-modern:hover:after{background-color:var(--brandGreen)!important;height:38px!important;width:38px!important}.mfui-day:not(:disabled):not(.mfui-day_active):hover:after{background-color:var(--spbSky0);color:var(--content)}.mfui-day:not(:disabled):not(.mfui-day_active):focus:after,.mfui-day_active-modern:after,.mfui-day_active:after{background-color:var(--brandGreen)}.mfui-day_disabled{cursor:default;opacity:.3;pointer-events:none}.mfui-day:not(:disabled):not(.mfui-day_active):focus,.mfui-day_active,.mfui-day_active-modern:after{color:var(--stcWhite)}.mfui-day_active+.mfui-day:not(.mfui-day_monday).mfui-day_active:before,.mfui-day_between:hover+.mfui-day:not(.mfui-day_monday).mfui-day_active:before{background-color:var(--spbSky1);content:"";display:block;height:32px;left:-22px;position:absolute;top:0;width:32px;z-index:-1}.mfui-day_between{border-radius:0;position:relative}.mfui-day_between:before{left:-22px;padding:0 20px}.mfui-day_between:after,.mfui-day_between:before{background-color:var(--spbSky1);content:"";display:block;height:32px;position:absolute;top:0;z-index:-1}.mfui-day_between:after{right:-16px;width:40px}.mfui-day_last,.mfui-day_sunday{border-radius:50%}.mfui-day_last:after,.mfui-day_sunday:after{border-radius:50%;right:10px;width:32px}.mfui-day_last:after{right:0}.mfui-day_first,.mfui-day_monday{border-radius:50%}.mfui-day_first:before,.mfui-day_monday:before{border-radius:50%;left:0;padding:0;width:32px}.mfui-day_sunday.mfui-day_first{border-radius:50%}.mfui-day__label{position:relative;z-index:99}.mfui-day_modern{height:38px;width:100%}.mfui-day_modern:not(:disabled):not(.mfui-day_active-modern):focus:after,.mfui-day_modern:not(:disabled):not(.mfui-day_active-modern):hover:after,.mfui-day_modern_active-modern:after{background-color:var(--spbSky0);border-radius:50%!important;color:var(--content);content:"";height:38px;left:0;position:absolute;top:0;width:38px;z-index:1}.mfui-day_modern:not(:disabled):not(.mfui-day_active-modern):hover:after{background-color:var(--spbSky0);color:var(--content)}.mfui-day_modern:not(:disabled):not(.mfui-day_active-modern):focus:after,.mfui-day_modern_active-modern:after{background-color:var(--brandGreen)}.mfui-day:not(:disabled):focus,.mfui-day_active-modern{color:var(--stcWhite)}.mfui-day_active-modern+.mfui-day:not(.mfui-day_monday-modern).mfui-day_active-modern:before,.mfui-day_between-modern:hover+.mfui-day:not(.mfui-day_monday-modern).mfui-day_active-modern:before{background-color:var(--spbSky1);content:"";display:block;height:38px;left:-22px;position:absolute;top:0;width:40px;z-index:-1}.mfui-day_between-modern{border-radius:0;position:relative}.mfui-day_between-modern:before{left:-20px;padding:0 29px}.mfui-day_between-modern:after,.mfui-day_between-modern:before{background-color:var(--spbSky1);content:"";display:block;height:38px;position:absolute;top:0;z-index:-1}.mfui-day_between-modern:after{right:-12px;width:45px}.mfui-day_last-modern,.mfui-day_sunday-modern{border-radius:50%}.mfui-day_last-modern:before,.mfui-day_sunday-modern:before{padding-left:8px}.mfui-day_last-modern:after,.mfui-day_sunday-modern:after{border-radius:50%;right:10px;width:38.29px}.mfui-day_last-modern:after{right:0}.mfui-day_first-modern,.mfui-day_monday-modern{border-radius:50%}.mfui-day_first-modern:before,.mfui-day_monday-modern:before{border-radius:50%;left:0;padding:0;width:38px}.mfui-day_sunday-modern.mfui-day_first-modern{border-radius:50%}.mfui-day__label_modern{font-size:15px;font-weight:400;line-height:24px;text-align:center}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-day{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;-webkit-box-sizing:content-box;box-sizing:content-box;color:var(--content);cursor:pointer;height:32px;line-height:24px;outline:none;padding:0 10px 8px 0;position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:32px;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:12px;line-height:18px}.mfui-9-day:last-child{padding-right:0}.mfui-9-day:not(:disabled):not(.mfui-9-day_active):focus:after,.mfui-9-day:not(:disabled):not(.mfui-9-day_active):hover:after,.mfui-9-day_active-modern:after,.mfui-9-day_active:after{background-color:var(--spbSky0);border-radius:50%!important;color:var(--content);content:"";height:32px;left:0;position:absolute;top:0;width:32px;z-index:1}.mfui-9-day_active-modern:after{height:38px;width:38px}.mfui-9-day_active-modern:focus:after,.mfui-9-day_active-modern:hover:after{background-color:var(--brandGreen)!important;height:38px!important;width:38px!important}.mfui-9-day:not(:disabled):not(.mfui-9-day_active):hover:after{background-color:var(--spbSky0);color:var(--content)}.mfui-9-day:not(:disabled):not(.mfui-9-day_active):focus:after,.mfui-9-day_active-modern:after,.mfui-9-day_active:after{background-color:var(--brandGreen)}.mfui-9-day_disabled{cursor:default;opacity:.3;pointer-events:none}.mfui-9-day:not(:disabled):not(.mfui-9-day_active):focus,.mfui-9-day_active,.mfui-9-day_active-modern:after{color:var(--stcWhite)}.mfui-9-day_active+.mfui-9-day:not(.mfui-9-day_monday).mfui-9-day_active:before,.mfui-9-day_between:hover+.mfui-9-day:not(.mfui-9-day_monday).mfui-9-day_active:before{background-color:var(--spbSky1);content:"";display:block;height:32px;left:-22px;position:absolute;top:0;width:32px;z-index:-1}.mfui-9-day_between{border-radius:0;position:relative}.mfui-9-day_between:before{left:-22px;padding:0 20px}.mfui-9-day_between:after,.mfui-9-day_between:before{background-color:var(--spbSky1);content:"";display:block;height:32px;position:absolute;top:0;z-index:-1}.mfui-9-day_between:after{right:-16px;width:40px}.mfui-9-day_last,.mfui-9-day_sunday{border-radius:50%}.mfui-9-day_last:after,.mfui-9-day_sunday:after{border-radius:50%;right:10px;width:32px}.mfui-9-day_last:after{right:0}.mfui-9-day_first,.mfui-9-day_monday{border-radius:50%}.mfui-9-day_first:before,.mfui-9-day_monday:before{border-radius:50%;left:0;padding:0;width:32px}.mfui-9-day_sunday.mfui-9-day_first{border-radius:50%}.mfui-9-day__label{position:relative;z-index:99}.mfui-9-day_modern{height:38px;width:100%}.mfui-9-day_modern:not(:disabled):not(.mfui-9-day_active-modern):focus:after,.mfui-9-day_modern:not(:disabled):not(.mfui-9-day_active-modern):hover:after,.mfui-9-day_modern_active-modern:after{background-color:var(--spbSky0);border-radius:50%!important;color:var(--content);content:"";height:38px;left:0;position:absolute;top:0;width:38px;z-index:1}.mfui-9-day_modern:not(:disabled):not(.mfui-9-day_active-modern):hover:after{background-color:var(--spbSky0);color:var(--content)}.mfui-9-day_modern:not(:disabled):not(.mfui-9-day_active-modern):focus:after,.mfui-9-day_modern_active-modern:after{background-color:var(--brandGreen)}.mfui-9-day:not(:disabled):focus,.mfui-9-day_active-modern{color:var(--stcWhite)}.mfui-9-day_active-modern+.mfui-9-day:not(.mfui-9-day_monday-modern).mfui-9-day_active-modern:before,.mfui-9-day_between-modern:hover+.mfui-9-day:not(.mfui-9-day_monday-modern).mfui-9-day_active-modern:before{background-color:var(--spbSky1);content:"";display:block;height:38px;left:-22px;position:absolute;top:0;width:40px;z-index:-1}.mfui-9-day_between-modern{border-radius:0;position:relative}.mfui-9-day_between-modern:before{left:-20px;padding:0 29px}.mfui-9-day_between-modern:after,.mfui-9-day_between-modern:before{background-color:var(--spbSky1);content:"";display:block;height:38px;position:absolute;top:0;z-index:-1}.mfui-9-day_between-modern:after{right:-12px;width:45px}.mfui-9-day_last-modern,.mfui-9-day_sunday-modern{border-radius:50%}.mfui-9-day_last-modern:before,.mfui-9-day_sunday-modern:before{padding-left:8px}.mfui-9-day_last-modern:after,.mfui-9-day_sunday-modern:after{border-radius:50%;right:10px;width:38.29px}.mfui-9-day_last-modern:after{right:0}.mfui-9-day_first-modern,.mfui-9-day_monday-modern{border-radius:50%}.mfui-9-day_first-modern:before,.mfui-9-day_monday-modern:before{border-radius:50%;left:0;padding:0;width:38px}.mfui-9-day_sunday-modern.mfui-9-day_first-modern{border-radius:50%}.mfui-9-day__label_modern{font-size:15px;font-weight:400;line-height:24px;text-align:center}

package/dist/es/components/Calendar/components/_Day/Day.js

@@ -17,7 +17,7 @@ import isLastDayOfMonth from 'date-fns/isLastDayOfMonth';
 import isMonday from 'date-fns/isMonday';
 import isSunday from 'date-fns/isSunday';
 import "./Day.css";
-var cn = cnCreate('mfui-day');
+var cn = cnCreate('mfui-9-day');
 var Day = function Day(_a) {
   var dataAttrs = _a.dataAttrs,
     _a$isBetween = _a.isBetween,

package/dist/es/components/Calendar/components/_Month/Month.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-month{position:relative;z-index:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:28px 0;width:284px}.mfui-month,.mfui-month__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-month__header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;text-transform:capitalize;width:282px}.mfui-month__header svg{cursor:pointer;height:24.5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:var(--content)}.mfui-month__title{font-size:15px;font-weight:500;line-height:24px;text-align:center;width:224px}.mfui-month__weekday-labels{border-bottom:1px solid var(--spbSky1);-webkit-column-gap:22px;-moz-column-gap:22px;column-gap:22px;display:grid;grid-template-columns:repeat(7,1fr);padding-bottom:13px;width:272px}.mfui-month__weekday{color:var(--content);font-size:12px;font-weight:600;height:16px;line-height:18px;line-height:24px;text-align:center;text-transform:capitalize;width:20px}.mfui-month__days{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;display:grid;grid-template-columns:repeat(7,1fr);margin-top:8px;row-gap:0;width:284px}.mfui-month svg.mfui-month__arrow_disabled{cursor:default;opacity:.5}.mfui-month_modern{padding:0 16px 24px 0;width:100%}.mfui-month_modern .mfui-month__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;text-transform:capitalize;width:100%}.mfui-month_modern .mfui-month__title{font-size:15px;font-weight:500;line-height:24px;margin:0 auto;text-align:center;width:224px}.mfui-month_modern .mfui-month__weekday-labels{border-bottom:none;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;display:grid;grid-template-columns:repeat(7,1fr);padding-bottom:0;width:100%}.mfui-month_modern .mfui-month__weekday{color:var(--spbSky3);font-size:15px;font-weight:400;height:24px;line-height:24px;margin:0 auto;text-align:center;text-transform:capitalize;width:20px}.mfui-month_modern .mfui-month__days{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;display:grid;grid-template-columns:repeat(7,1fr);margin-top:10px;row-gap:0;width:100%}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-month{position:relative;z-index:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:28px 0;width:284px}.mfui-9-month,.mfui-9-month__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-month__header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;text-transform:capitalize;width:282px}.mfui-9-month__header svg{cursor:pointer;height:24.5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:var(--content)}.mfui-9-month__title{font-size:15px;font-weight:500;line-height:24px;text-align:center;width:224px}.mfui-9-month__weekday-labels{border-bottom:1px solid var(--spbSky1);-webkit-column-gap:22px;-moz-column-gap:22px;column-gap:22px;display:grid;grid-template-columns:repeat(7,1fr);padding-bottom:13px;width:272px}.mfui-9-month__weekday{color:var(--content);font-size:12px;font-weight:600;height:16px;line-height:18px;line-height:24px;text-align:center;text-transform:capitalize;width:20px}.mfui-9-month__days{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;display:grid;grid-template-columns:repeat(7,1fr);margin-top:8px;row-gap:0;width:284px}.mfui-9-month svg.mfui-9-month__arrow_disabled{cursor:default;opacity:.5}.mfui-9-month_modern{padding:0 16px 24px 0;width:100%}.mfui-9-month_modern .mfui-9-month__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;text-transform:capitalize;width:100%}.mfui-9-month_modern .mfui-9-month__title{font-size:15px;font-weight:500;line-height:24px;margin:0 auto;text-align:center;width:224px}.mfui-9-month_modern .mfui-9-month__weekday-labels{border-bottom:none;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;display:grid;grid-template-columns:repeat(7,1fr);padding-bottom:0;width:100%}.mfui-9-month_modern .mfui-9-month__weekday{color:var(--spbSky3);font-size:15px;font-weight:400;height:24px;line-height:24px;margin:0 auto;text-align:center;text-transform:capitalize;width:20px}.mfui-9-month_modern .mfui-9-month__days{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;display:grid;grid-template-columns:repeat(7,1fr);margin-top:10px;row-gap:0;width:100%}

package/dist/es/components/Calendar/components/_Month/Month.js

@@ -40,7 +40,7 @@ var dayLabelFormat = function dayLabelFormat(date) {
 var monthLabelFormat = function monthLabelFormat(date) {
   return formatDate(date, 'LLLL');
 };
-var cn = cnCreate('mfui-month');
+var cn = cnCreate('mfui-9-month');
 var Month = function Month(_ref) {
   var dataAttrs = _ref.dataAttrs,
     isPrevMonthDisabled = _ref.isPrevMonthDisabled,

package/dist/es/components/Caption/Caption.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-caption{font-family:inherit;font-size:12px;line-height:18px;margin:0}.mfui-caption_variant_normal{font-weight:400}.mfui-caption_variant_medium{font-weight:500}.mfui-caption_space_wide{line-height:18px}.mfui-caption_space_tight{line-height:14px}.mfui-caption_align_left{text-align:left}.mfui-caption_align_center{text-align:center}.mfui-caption_align_right{text-align:right}.mfui-caption_has-margin{margin:0 0 16px}.mfui-caption_color_inherit{color:inherit}.mfui-caption_color_default{color:var(--content)}.mfui-caption_color_gray{color:var(--spbSky3)}.mfui-caption_color_white{color:var(--stcWhite)}.mfui-caption_color_green{color:var(--brandGreen)}.mfui-caption_color_purple{color:var(--brandPurple)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-caption{font-family:inherit;font-size:12px;line-height:18px;margin:0}.mfui-9-caption_variant_normal{font-weight:400}.mfui-9-caption_variant_medium{font-weight:500}.mfui-9-caption_space_wide{line-height:18px}.mfui-9-caption_space_tight{line-height:14px}.mfui-9-caption_align_left{text-align:left}.mfui-9-caption_align_center{text-align:center}.mfui-9-caption_align_right{text-align:right}.mfui-9-caption_has-margin{margin:0 0 16px}.mfui-9-caption_color_inherit{color:inherit}.mfui-9-caption_color_default{color:var(--content)}.mfui-9-caption_color_gray{color:var(--spbSky3)}.mfui-9-caption_color_white{color:var(--stcWhite)}.mfui-9-caption_color_green{color:var(--brandGreen)}.mfui-9-caption_color_purple{color:var(--brandPurple)}

package/dist/es/components/Caption/Caption.js

@@ -10,7 +10,7 @@ var COLORS = {
   GREEN: 'green',
   PURPLE: 'purple'
 };
-var cn = cnCreate('mfui-caption');
+var cn = cnCreate('mfui-9-caption');
 var Caption = function Caption(_ref) {
   var align = _ref.align,
     _ref$color = _ref.color,

package/dist/es/components/Carousel/Carousel.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-carousel,.mfui-carousel__swiper{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.mfui-carousel__swiper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-20px 0 -25px;overflow:hidden;padding:20px 0 25px}@media screen and (min-width:1024px){.mfui-carousel__swiper{margin-left:-20px!important;margin-right:-20px!important;padding-left:20px!important;padding-right:20px!important}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-carousel__swiper_default-inner-indents{margin-left:-48px;margin-right:-48px;padding-left:48px;padding-right:48px}}@media screen and (max-width:767px){.mfui-carousel__swiper_default-inner-indents{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:32px}}.mfui-carousel__swiper_gradient:after,.mfui-carousel__swiper_gradient:before{bottom:0;content:"";position:absolute;top:0;width:var(--gap);z-index:5}@media screen and (max-width:1023px){.mfui-carousel__swiper_gradient:after,.mfui-carousel__swiper_gradient:before{display:none}}.mfui-carousel__swiper_gradient:before{background:-webkit-gradient(linear,right top,left top,from(transparent),to(var(--gradientColor)));background:linear-gradient(270deg,transparent 0,var(--gradientColor) 100%);left:0}.mfui-carousel__swiper_gradient:after{background:-webkit-gradient(linear,right top,left top,from(var(--gradientColor)),to(transparent));background:linear-gradient(270deg,var(--gradientColor) 0,transparent 100%);right:0}.mfui-carousel__swiper_gradient-color_default{--gradientColor:var(--base)}.mfui-carousel__swiper_gradient-color_green{--gradientColor:var(--brandGreen)}.mfui-carousel__swiper_gradient-color_black{--gradientColor:var(--stcBlack)}.mfui-carousel__swiper_gradient-color_spbSky0{--gradientColor:var(--spbSky0)}.mfui-carousel__swiper_gradient-color_spbSky1{--gradientColor:var(--spbSky1)}.mfui-carousel__swiper_gradient-color_spbSky2{--gradientColor:var(--spbSky2)}.mfui-carousel .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1}.mfui-carousel__slide{-ms-flex-negative:0;flex-shrink:0}@media screen and (min-width:1024px){.mfui-carousel__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-carousel .swiper-slide-visible{opacity:1;-webkit-transition:opacity .4s;transition:opacity .4s}}.mfui-carousel__arrow{position:absolute;top:50%;-webkit-transform:translateY(calc(-50% - 20px));transform:translateY(calc(-50% - 20px));z-index:6}@media screen and (max-width:1023px){.mfui-carousel__arrow{display:none}}.mfui-carousel__arrow_prev{right:calc(100% + 12px)}@media screen and (min-width:1280px){.mfui-carousel__arrow_prev{right:calc(100% + 20px)}}.mfui-carousel__arrow_next{left:calc(100% + 12px)}@media screen and (min-width:1280px){.mfui-carousel__arrow_next{left:calc(100% + 20px)}}.mfui-carousel__arrow_locked{display:none}.mfui-carousel .swiper-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;justify-self:center;-webkit-box-ordinal-group:3;-ms-flex-order:2;border-radius:12px;order:2;padding-top:32px;width:100%}.mfui-carousel .swiper-pagination.swiper-pagination-lock{display:none}.mfui-carousel .swiper-pagination-bullet{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;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:8px;justify-content:center;-webkit-transition:width .5s,background-color .3s;transition:width .5s,background-color .3s;width:8px}.mfui-carousel .swiper-pagination-bullet:before{border-radius:50%;content:"";display:block;height:100%;-webkit-transition:border-radius .5s;transition:border-radius .5s;width:100%}.mfui-carousel_nav-theme_green .swiper-pagination-bullet:before{background-color:var(--stcWhite50)}.mfui-carousel_nav-theme_light .swiper-pagination-bullet:before{background-color:var(--spbSky2)}.mfui-carousel .swiper-pagination-bullet-active{cursor:default;width:20px}.mfui-carousel .swiper-pagination-bullet-active:before{border-radius:4px}.mfui-carousel_nav-theme_green .swiper-pagination-bullet-active:before{background-color:var(--base)}.mfui-carousel_nav-theme_light .swiper-pagination-bullet-active:before{background-color:var(--brandGreen)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-carousel,.mfui-9-carousel__swiper{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.mfui-9-carousel__swiper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-20px 0 -25px;overflow:hidden;padding:20px 0 25px}@media screen and (min-width:1024px){.mfui-9-carousel__swiper{margin-left:-20px!important;margin-right:-20px!important;padding-left:20px!important;padding-right:20px!important}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-carousel__swiper_default-inner-indents{margin-left:-48px;margin-right:-48px;padding-left:48px;padding-right:48px}}@media screen and (max-width:767px){.mfui-9-carousel__swiper_default-inner-indents{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:32px}}.mfui-9-carousel__swiper_gradient:after,.mfui-9-carousel__swiper_gradient:before{bottom:0;content:"";position:absolute;top:0;width:var(--gap);z-index:5}@media screen and (max-width:1023px){.mfui-9-carousel__swiper_gradient:after,.mfui-9-carousel__swiper_gradient:before{display:none}}.mfui-9-carousel__swiper_gradient:before{background:-webkit-gradient(linear,right top,left top,from(transparent),to(var(--gradientColor)));background:linear-gradient(270deg,transparent 0,var(--gradientColor) 100%);left:0}.mfui-9-carousel__swiper_gradient:after{background:-webkit-gradient(linear,right top,left top,from(var(--gradientColor)),to(transparent));background:linear-gradient(270deg,var(--gradientColor) 0,transparent 100%);right:0}.mfui-9-carousel__swiper_gradient-color_default{--gradientColor:var(--base)}.mfui-9-carousel__swiper_gradient-color_green{--gradientColor:var(--brandGreen)}.mfui-9-carousel__swiper_gradient-color_black{--gradientColor:var(--stcBlack)}.mfui-9-carousel__swiper_gradient-color_spbSky0{--gradientColor:var(--spbSky0)}.mfui-9-carousel__swiper_gradient-color_spbSky1{--gradientColor:var(--spbSky1)}.mfui-9-carousel__swiper_gradient-color_spbSky2{--gradientColor:var(--spbSky2)}.mfui-9-carousel .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1}.mfui-9-carousel__slide{-ms-flex-negative:0;flex-shrink:0}@media screen and (min-width:1024px){.mfui-9-carousel__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-9-carousel .swiper-slide-visible{opacity:1;-webkit-transition:opacity .4s;transition:opacity .4s}}.mfui-9-carousel__arrow{position:absolute;top:50%;-webkit-transform:translateY(calc(-50% - 20px));transform:translateY(calc(-50% - 20px));z-index:6}@media screen and (max-width:1023px){.mfui-9-carousel__arrow{display:none}}.mfui-9-carousel__arrow_prev{right:calc(100% + 12px)}@media screen and (min-width:1280px){.mfui-9-carousel__arrow_prev{right:calc(100% + 20px)}}.mfui-9-carousel__arrow_next{left:calc(100% + 12px)}@media screen and (min-width:1280px){.mfui-9-carousel__arrow_next{left:calc(100% + 20px)}}.mfui-9-carousel__arrow_locked{display:none}.mfui-9-carousel .swiper-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;justify-self:center;-webkit-box-ordinal-group:3;-ms-flex-order:2;border-radius:12px;order:2;padding-top:32px;width:100%}.mfui-9-carousel .swiper-pagination.swiper-pagination-lock{display:none}.mfui-9-carousel .swiper-pagination-bullet{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;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:8px;justify-content:center;-webkit-transition:width .5s,background-color .3s;transition:width .5s,background-color .3s;width:8px}.mfui-9-carousel .swiper-pagination-bullet:before{border-radius:50%;content:"";display:block;height:100%;-webkit-transition:border-radius .5s;transition:border-radius .5s;width:100%}.mfui-9-carousel_nav-theme_green .swiper-pagination-bullet:before{background-color:var(--stcWhite50)}.mfui-9-carousel_nav-theme_light .swiper-pagination-bullet:before{background-color:var(--spbSky2)}.mfui-9-carousel .swiper-pagination-bullet-active{cursor:default;width:20px}.mfui-9-carousel .swiper-pagination-bullet-active:before{border-radius:4px}.mfui-9-carousel_nav-theme_green .swiper-pagination-bullet-active:before{background-color:var(--base)}.mfui-9-carousel_nav-theme_light .swiper-pagination-bullet-active:before{background-color:var(--brandGreen)}

package/dist/es/components/Carousel/Carousel.js

@@ -88,7 +88,7 @@ var defaultSlidesSettings = _defineProperty(_defineProperty(_defineProperty({},
   slidesPerView: 4,
   spaceBetween: 20
 });
-var cn = cnCreate('mfui-carousel');
+var cn = cnCreate('mfui-9-carousel');
 var Carousel = function Carousel(_ref) {
   var rootRef = _ref.rootRef,
     className = _ref.className,